@charset "UTF-8";

.for-a11y{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;text-indent:-5000em}
input[type=number],
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}

.content_res{padding-top:145px;margin-bottom:230px}
.content_res .box_res{width:580px;padding:74px 60px 105px;border:1px solid #e5e5e5;box-sizing:border-box}
.content_res .logo{width:580px;margin:0 auto 40px;text-align:center}
.content_res .link_logo{display:inline-block}
.content_res .title{margin-bottom:97px;font-size:30px;font-family:'Noto Sans KR';font-weight:normal;color:#343b40;line-height:36px;letter-spacing:-1.5px;text-align:center}
.content_res .title .text_name{font-size:30px;font-family:'Tahoma';color:#343b40}
.content_res .id_pw_wrap{margin-bottom:36px}
.content_res .box_input{position:relative;margin-bottom:9px}
.content_res .box_input .input_text{width:100%;padding:12px 0;border-bottom:2px solid #ccc;font-family:'Noto Sans KR';font-weight:normal;font-size:18px;color:#000;outline:none}
.content_res .box_input .input_text:focus{border-bottom-color:#000}
.content_res .box_input .input_text::placeholder{color:#666}
.content_res .box_input.on .input_text{border-bottom-color:#ff4349}
.content_res .button_delete{display:none;position:absolute;top:22px;right:0;width:18px;height:18px;background:url(/images/res/button_delete.png)}
.content_res .button_delete::-ms-clear{display:none}
.content_res .box_error{display:none;margin-bottom:10px;text-align:left}
.content_res .box_input.on .box_error{display:block}
.content_res .box_error .text_error{font-size:13px;color:#ff4349;}
.content_res .button_confirm{width:460px;height:60px;margin-bottom:38px;margin-top:28px;padding:23px 0;background:#f0f0f0;font-size:18px;font-family:'Noto Sans KR';font-weight:normal;color:#333}
.content_res .button_confirm.active{background:#ff4349;color:#fff}
.content_res .list_find{text-align:center}
.content_res .list_find .list_item{display:inline-block;position:relative;margin-left:-3px}
.content_res .list_find .list_item:first-child{margin-left:0}
.content_res .list_find .list_item:before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#bbb;}
.content_res .list_find .list_item:first-child:before{display:none}
.content_res .list_find .list_item .link{display:block;padding:0 15px;font-size:15px;color:#777;} 
.content_res .list_find .list_item:first-child .link{padding-left:0}
.content_res .copyright{padding-top:30px;font-size:13px;font-family:'Tahoma';color:#bbb;text-align:center}
@media screen and (max-width: 620px) {
	.content_res .logo{width:100%}
	.content_res .box_res{width:calc(100% - 40px);padding-left:10.34%;padding-right:10.34%}
	.content_res .button_confirm{width:100%}
}

/* 예약조회 페이지 새로운 레이아웃 */
.inquiry-container {
    min-height: 100vh;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

/* 헤더 */
.header {
    margin-bottom: 40px;
    text-align: center;
}

.inquiry-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inquiry-logo img {
    max-width: 200px;
    max-height: 80px;
    width: auto;
    height: auto;
}

/* 메인 콘텐츠 */
.main-content {
    width: 100%;
    max-width: 400px;
}

.content-box {
    background: white;
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
    margin-top: 0;
}

.title-section {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
}
.title-sub{
    font-size: 24px;
    margin-bottom:35px;
}

/* 입력 필드 그룹 */
.input-group {
    margin-bottom: 20px;
}

.input-field {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
}

.input-field img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.input-field i {
    color: #666;
    font-size: 16px;
    margin-right: 12px;
    width: 20px;
    text-align: center;
}

.input_text {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    color: #333;
    background: transparent;
    padding: 0;
}

.input_text::placeholder {
    color: #999;
}

/* 에러 메시지 */
.box_error {
    margin-top: 15px;
    margin-bottom: 20px;
}

.text_error {
    color: #e6005a;
    font-size: 14px;
}

/* 버튼 */
.button_confirm {
    width: 100%;
    background: #e6005a;
    color: white;
    border: none;
    padding: 15px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 20px;
    transition: background-color 0.3s;
}

.button_confirm:hover {
    background: #d1004f;
}

/* 링크 섹션 */
.link-section {
    text-align: center;
}

.link-main {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.link-main:hover {
    color: #333;
}

/* 푸터 */
.footer {
    margin-top: 40px;
    text-align: center;
}

.copyright {
    color: #999;
    font-size: 12px;
    margin: 0;
}

/* 라디오 버튼 스타일 */
.box_input_name {
    margin-bottom: 25px;
    text-align: center;
}

.box_input_name label {
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.box_input_name input[type="radio"] {
    margin-right: 5px;
}

/* 반응형 */
@media (max-width: 480px) {
    .inquiry-container {
        padding: 15px;
    }
    
    .content-box {
        padding: 30px 20px;
    }
    
    .title {
        font-size: 18px;
    }
    
    .logo-text {
        font-size: 20px;
    }
}