/* 레거시 layout/login.php 인라인 <style> 원본 추출 (로그인 모달 + 서브헤더 스타일) */
/* 로그인 팝업 */

html.login_on { overflow: hidden; } 
.login_filter { display: none; position: fixed; z-index: 9999999999999; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000ad; backdrop-filter: blur(20px); } 
.popup_set { display: none; } 


html.login_on .login_filter { display: block; } 
.login_popup { display: none; padding-top: 30px; box-sizing: border-box; position: fixed; z-index: 99999999999999; width: 600px; min-height: 400px; max-height: 80vh; overflow-y: auto; background-color: #fff; border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } 

html.login_on .login_popup { display: block; } 
.login_cont { display: flex; flex-direction: column; width: calc(100% - 100px); margin: 0 auto; } 
.login_logo { margin-bottom: 30px; display: flex; align-items: center; justify-content: center; } 
.login_cont input { font-size: 20px; width: 100%; font-family: 'Pretendard'; border-radius: 8px; height: 60px; box-sizing: border-box; border: none; } 
.login_input_group input { background-color: #172e5923; color: #1a1a1a; padding-left: 5%; } 
.login_input_group input::placeholder { color: #1a1a1a46; } 
.login_input_group { display: flex; flex-direction: column; gap: 5px; } 
.login_submit_btn { padding: 20px 0; } 
.login_submit_btn input { background-color: #2473C7; color: #fff; cursor: pointer; transition: 0.4s; } 
.login_submit_btn input:hover { filter: brightness(0.8); } 
.login_bottom_group { display: flex; justify-content: center; gap: 20px; color: #aaadaf; } 
.login_bottom_line { width: 1px; height: 15px; background-color: #aaadaf; } 
.register_btn,.find_btn { cursor: pointer; } 
.login_nk {
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.login_nk img {
    transition: 0.3s;
}
.naver:hover img {
    filter: brightness(0.8);
}
.kakao:hover img {
    filter: brightness(0.8);
}
.login_xbtn { position: absolute; top: 30px; right: 30px; cursor: pointer; transition: 0.4s; } 
.login_xbtn:hover { transform: rotate(90deg); } 
.easy_login { display: flex; flex-direction: column; gap: 23px; margin-top: 20px; } 
.easy_login .easy_login_tit { font-size: 16px; color: #BBBCBA; align-items: center; display: flex; justify-content: center; align-items: center; } 
.easy_login .easy_login_tit .easy_tit_line { width: 100%; height: 1px; background-color: #bbbcba; } 
.easy_login .easy_login_tit .easy_tit { padding: 0 30px; white-space: nowrap; } 
.easy_login { } 
.easy_login_btn_group { display: flex; justify-content: center; gap: 20px; padding-bottom: 45px; } 
.easy_login_btn { cursor: pointer; transition: 0.4s; max-width: 140px; } 
.easy_login_btn:hover { filter: brightness(0.8); } 


@media screen and (max-width:767px){ 
 .login_popup { width: 90%; } 
 .login_cont { width: calc(100% - 30px); } 
 .login_nk {
    flex-direction: column;
 }
}

/* 회원가입 팝업 */.join_popup { padding-top: 30px; box-sizing: border-box; position: fixed; z-index: 99999999999999; width: 600px; height: auto; background-color: #fff; border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-bottom: 65px; } 
.join_cont { display: flex; flex-direction: column; width: calc(100% - 100px); margin: 0 auto; padding-bottom: 50px; } 
.join_id { position: relative; } 
.join_id .join_box { padding-bottom: 40px; } 
.join_id p { position: absolute; right: 0; bottom: 10px; color: #BBBCBA; font-size: 16px; } 

/* .join_cont input { font-size: 20px; width: 100%; font-family: 'Pretendard'; border-radius: 8px; height: 60px; box-sizing: border-box; border: none; } */.join_cont input[type="checkbox"] { border: solid 2px #BBBCBA; width: 20px; height: 20px; border-radius: 5px; vertical-align: text-bottom; } 
.join_area { height: 150px; width: 100%; border-radius: 10px; border: 1px solid #BBBCBA; background: #FFF; resize: none; padding: 20px; line-height: 1.5; font-family: 'Pretendard'; box-sizing: border-box; } 
.join_info_title { color: #000; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 400; margin-bottom: 20px; } 
.join_info_title span { color: #A48362; } 
.checkbox_layout { display: flex; } 
.join_cont .check_layout input[type=checkbox] { appearance: initial}
.join_cont .required_title { margin-top: 25px; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; color: #A48362; border-bottom: solid 1px #BBBCBA; text-align: right; } 
.join_dot { width: 5px; height: 5px; background-color: #A48362; display: inline-block; border-radius: 50%; vertical-align: top; } 
.join_box { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: solid 1px #BBBCBA; } 
.join_box2 { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: solid 1px #BBBCBA; } 
.join_box2 .dep_2 { display: flex; align-items: center; justify-content: space-between; width: 70%; } 
.join_box2 .dep_2 input[type="text"] { width: 45%; } 
.join_box2 .dep_3 { display: flex; align-items: center; justify-content: space-between; width: 70%; gap: 10px; } 
.join_box2 select { height: 50px; box-sizing: border-box; border-radius: 10px; border: 1px solid #BBBCBA; background: #FFF; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 400; line-height: 22px; color: #000; display: flex; align-items: center; padding-left: 20px; justify-content: center; width: 33%; } 
.join_box2 .dep_3 input[type="text"] { width: 33%; } 
.join_box3 { display: flex; gap: 30px; align-items: center; padding: 20px 0; } 
.join_cont label { color: #000; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 400; line-height: 22px; } 
.join_cont input[type="text"], .join_cont input[type="password"] { border-radius: 10px; border: 1px solid #BBBCBA; background: #FFF; font-family: Pretendard; font-size: 22px; font-style: normal; height: 50px; box-sizing: border-box; font-weight: 400; line-height: 22px; color: #000; padding: 14px 20px; } 
.join_box input[type="text"],.join_box input[type="password"] { width: 62%; } 
.join_btn { margin-top: 42px; width: 100%; border-radius: 8px; background: #2473C7; color: #FFF; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 400; border: none; padding: 20px 0; } 

/* 서브페이지 subheader */.sub_header { overflow: hidden; position: relative; width: 100%; } 
.sub_header_bg { width: 100%; height: calc(100vh - 100px); position: relative; } 
.sub_header_remote { position: absolute; bottom: -1px; left: 0; z-index: 2; display: flex; width: 100%; } 
.sub_menu_list:nth-child(2) { z-index: 3; } 
.sub_menu_list:nth-child(3) { z-index: 2; } 
.sub_menu_list:nth-child(4) { z-index: 1; } 
.sub_menu_list:nth-child(5) { z-index: 0; } 
.sub_menu_list { transition: 0.4s; cursor: pointer; width: 100%; font-weight: 700; font-size: 26px; position: relative; border-radius: 50px 50px 0 0; height: 90px; display: flex; align-items: center; justify-content: center; color: #fff; } 
.sub_menu_list .sub_list_txt { transition: 0.4s; opacity: 0.8; position: relative; } 
.sub_menu_list .sub_list_txt::after { width: 28px; height: 28px; transition: 0.4s; content: ''; position: absolute; right: calc(100% + 5px); top: 50%; transform: translateY(-50%) scale(0); background: url(/img/header/dia.png)no-repeat center/contain; } 
.sub_menu_list.on .sub_list_txt,.sub_menu_list:hover .sub_list_txt { opacity: 1; } 
.sub_menu_list.on .sub_list_txt::after,.sub_menu_list:hover .sub_list_txt::after { transform: translateY(-50%) scale(1); } 
.sub_menu_list.on { z-index: 3; box-shadow: 0 4px 6px #225d9c42; } 
.sub_menu_list:hover { } 
.sub_header_tit { position: absolute; display: flex; flex-direction: column; gap: 5px; align-items: center; top: 110px; left: 50%; transform: translateX(-50%); z-index: 2; } 
.sub_header_tit1 { font-size: 56px; font-weight: 700; } 
.sub_header_tit2 { font-size: 28px; font-weight: 500; color: #838383; text-transform: capitalize; } 
.sub { position: relative; z-index: 5; top: -1px; } 




@media screen and (max-width:1320px){ 
 .sub_menu_list { display: flex; align-items: center; justify-content: center; line-height: 1.3; text-align: center; height: 45px; border-radius: 0; font-size: 12px; box-shadow: none; border-right: 1px solid #fff; } 
 .sub_menu_list:last-child { border-right: none; } 
 .sub_menu_list .sub_list_txt::after { width: 15px; height: 15px; } 
 .sub_menu_list .sub_list_txt { width: max-content; } 
 }

@media screen and (max-width:767px){ 
 .sub_header_tit { top: 40px; width: max-content; } 
 .sub_header_tit1 { font-size: 30px; } 
 .sub_header_tit2 { font-size: 24px; } 
 .sub_header_bg { aspect-ratio: 75/152; height: auto; } 
}


/* 아이디 비번 찾기 */.set3_con { width: calc(100% - 100px); margin: 0 auto; } 
.set3_tit { margin-top: 56px; display: flex; } 
.set3_tit>div { width: 50%; transition: 0.4s; cursor: pointer; font-weight: 700; padding-bottom: 21px; border-bottom: 2px solid #BBBCBA; text-align: center; font-size: 22px; opacity: 0.6; } 
.set3_tit>div:hover,.set3_tit>div.on { opacity: 1; border-bottom: 2px solid #042B48; } 
.set3_con_group input[type="text"],
.set3_con_group input[type="email"],
.set3_con_group input[type="password"] { height: 50px; width: 70%; font-size: 22px; padding: 14px 20px; box-sizing: border-box; border-radius: 10px; border: 1px #BBBCBA solid; }
.set3_con_group input[type="text"]::placeholder,
.set3_con_group input[type="email"]::placeholder,
.set3_con_group input[type="password"]::placeholder { color: #bbbcba; font-size: 16px; } 
.set3_con_group { padding-bottom: 50px; } 
.set3_con_group>form.set3_con2 { display: none; } 
.find_bx { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; } 
.bbbx { border-bottom: 1px solid #BBBCBA; } 
.find_bx label { font-size: 22px; } 
.find_id_btn { cursor: pointer; transition: 0.4s; margin-top: 20px; width: 100%; border-radius: 8px; background: #2473C7; color: #FFF; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 400; border: none; padding: 20px 0; } 
.find_id_btn:hover { filter: brightness(0.8); } 
.find_pw_btn { cursor: pointer; transition: 0.4s; margin-top: 20px; width: 100%; border-radius: 8px; background: #2473C7; color: #FFF; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 400; border: none; padding: 20px 0; } 
.find_pw_btn:hover { filter: brightness(0.8); } 
.find_last_btn { margin-bottom: 50px; cursor: pointer; transition: 0.4s; margin-top: 20px; width: 100%; border-radius: 8px; background: #2473C7; color: #FFF; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 400; border: none; padding: 20px 0; } 
.find_last_btn:hover { filter: brightness(0.8); } 
.find_last_con_group { padding-bottom: 90px; display: flex; flex-direction: column; gap: 50px; align-items: center; } 
.find_img { width: 73px; } 
.find_txt_group { text-align: center; }
.find_txt_group > .find_txt1 { display: block; font-size: 20px; font-weight: 700; }
.find_txt_group > .find_txt2 { display: flex; flex-direction: column; gap: 20px; }
.find_id_data { color: #2473C7; }
.find_txt2_1 { font-size: 20px; font-weight: 700; }
.find_txt2_2 { font-size: 16px; line-height: 1.5; } 

.pw_cont1 { margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #BBBCBA; } 
.pw_cont2 { margin-top: 50px; } 
.pw_cont2_tit { text-align: center; font-size: 22px; } 
.pw_email_label { font-size: 22px; width: max-content; padding-top: 14px; } 
.pw_email { display: flex; gap: 16px; align-items: flex-start; }
.pw_email input[type="text"],
.pw_email input[type="email"] { width: 100%; height: 50px; font-size: 16px; padding: 14px 20px; box-sizing: border-box; border-radius: 10px; border: 1px #BBBCBA solid; }
.pw_email input[type="text"]::placeholder,
.pw_email input[type="email"]::placeholder { color: #bbbcba; font-size: 16px; }
.pw_email_input1 { width: 100%; } 
.pw_email_input_group { display: flex; flex-direction: column; gap: 10px; width: calc(100% - 118px); } 
.pw_email_input_group>div { display: flex; gap: 12px; width: 100%; } 
.pw_btn_class { height: 50px; transition: 0.4s; box-sizing: border-box; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 22px; background-color: #838383; border-radius: 10px; color: #fff; border: none; width: 79px; cursor: pointer; } 
.pw_btn_class:hover { filter: brightness(0.8); } 
.time_abbx { width: calc(100% - 12px - 79px); position: relative; } 
.time_abbx input[type="text"] { width: 100%; } 
.time_txt { top: 15px; opacity: 0.4; font-size: 20px; right: 13px; position: absolute; } 
.check_txt { position: absolute; top: calc(100% + 13px); right: 10px; font-size: 20px; font-weight: 500; text-align: right; } 
.pass { color: #2473c7; } 
.non_pass { color: #c02727; } 

.check_layout { padding-left: 30px; position: relative; margin-top: 15px; } 
.check_layout input { display: none; } 
.check_layout label { font-size: 16px; color: #000; cursor: pointer; } 
.check_layout label::after { transition: 0.4s; content: ''; position: absolute; width: 20px; height: 20px; border-radius: 5px; border: 1px solid #BBBCBA; background-color: #fff; box-sizing: border-box; top: 50%; transform: translateY(-50%); left: 0; } 
.check_layout label::before { z-index: 2; transition: 0.4s; opacity: 0; content: ''; position: absolute; top: 50%; transform: translateY(-70%) rotate(315deg); left: 3px; width: 15px; height: 8px; box-sizing: border-box; border-bottom: 3px solid #1A5198; border-left: 3px solid #1A5198; } 
.check_layout label:hover::before { opacity: 0.5; } 
.check_layout input:checked~label::before { opacity: 1; } 
.check_layout input:checked~label::after { } 
.check_layout label:hover::after { } 
.check_layout input:checked~label:hover::after { } 


@media screen and (max-width:767px){ 
 .find_bx label { font-size: 16px; } 
 .find_bx { flex-direction: column; align-items: flex-start; gap: 15px; padding: 10px 0; } 
 .set3_con_group input[type="text"],
 .set3_con_group input[type="email"],
 .set3_con_group input[type="password"] { height: 50px; font-size: 16px; width: 100%; } 
 .bbbx { border-bottom: none; } 
 .set3_tit>div { font-size: 16px; padding-bottom: 20px; } 
 .set3_con { width: 90%; } 
 .set3_con_group { padding-top: 30px; padding-bottom: 30px; } 
 .find_id_btn { height: 50px; box-sizing: border-box; padding: 0; } 
 .join_info_title { font-size: 16px; } 
 .join_cont { width: 90%; } 
 .pw_email { flex-direction: column; } 
 .pw_email { } 
 .pw_email { } 
 .pw_email_label { font-size: 16px; } 
 .pw_cont1 { margin-top: 0; margin-bottom: 30px; padding-bottom: 30px; } 
 .pw_email_input_group { width: 100%; } 
 .pw_btn_class { font-size: 16px; width: 100%; } 
 .pw_email_input_group>div { flex-direction: column; } 
 .time_abbx { width: 100%; } 
 .time_abbx { margin-bottom: 0px; } 
 .check_txt { font-size: 16px; position: relative; margin-top: 10px; } 
 .pw_cont2 { margin-top: 30px; } 
 .pw_cont2_tit { margin-bottom: 30px; } 



 .check_layout label { font-size: 12px !important; } 
 .join_box { padding: 10px 0; flex-direction: column; align-items: flex-start; gap: 10px; border-bottom: none; } 
 .join_cont label { font-size: 16px; } 
 .check_layout input~label:hover::before { opacity: 0; } 
 .check_layout input:checked~label:hover::before { opacity: 1; } 
 .check_layout label:hover::after { } 
 .check_layout input:checked~label:hover::after { } 
 .join_cont input[type="text"],.join_cont input[type="password"] { width: 100%; font-size: 16px; } 
 .join_box2 select { font-size: 16px; } 
 .join_box2 .dep_2 { } 
 .join_cont input[type="text"], .join_cont input[type="password"] { padding: 0; padding-left: 5px; } 
 .join_box2 .dep_2 input[type="text"] { width: 45%; } 
 .join_box2 { border-bottom: none; padding: 10px 0; flex-direction: column; align-items: flex-start; gap: 10px; } 
 .join_box3 { border-top: 1px solid #bbbcba; } 
 .join_box2 .dep_3 { width: 100%; } 

}