@charset "UTF-8";
/* ============================================================== S:login ============================================================== */
html:has(#wrap.login){height: 100%;}
body:has(#wrap.login){height: 100%;}

#wrap.login{height: 100%;}
#wrap.login #container{height: 100%;padding: 0;}
#wrap.login #contents{height: 100%;}
#wrap.login .member_content{height: 100%;}

.login_wrap{height: 100%;max-height: 100vh;display: flex;align-items: center;justify-content: center;background-color: #f9f8ff;}
.login_wrap .login_box{width: 100%;max-width: 420px;padding: 0 20px;}
.login_wrap .login_box .box_hd{}
.login_wrap .login_box .logo{display: block;line-height: 0;text-align: center;}
.login_wrap .login_box .logo .logo_link{display: inline-block;line-height: 0;width: 100%;}
.login_wrap .login_box .logo .logo_link img{width: 100%;}

.login_wrap .login_box .box_bd{margin-top: 32px;}
.login_wrap .login_box .frm_box + .frm_box{margin-top: 16px;}
.login_wrap .login_box #login_info{margin-top: 8px;}
.login_wrap .login_box #login_info .frm_chk_box .chk_label_box .chk_label{gap: 4px;}
.login_wrap .login_box #login_info .frm_chk_box .chk_label_box .chk_label_custom{width: 20px;height: 20px;}
.login_wrap .login_box #login_info .frm_chk_box .chk_label_box .chk_label_custom .icon_chked{width: 18px;height: 18px;}
.login_wrap .login_box #login_info .frm_chk_box .chk_label_box .chk_label_txt{font-size: 14px;font-weight: 400;line-height: 20px;}

.login_wrap .login_box .btns_wrap{display: flex;align-items: center;flex-wrap: nowrap;gap: 16px;margin-top: 16px;}
.login_wrap .login_box .btns_wrap .btns{flex: 1;}
.login_wrap .login_box .btns_wrap .btns_login{font-size: 20px;font-weight: 500;line-height: 60px;border: 0;background-color: #2D4390;border-radius: 8px;}

.login_wrap .login_box .login_util{width: 100%;margin-top: 8px;display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.login_wrap .login_box .login_find{}
.login_wrap .login_box .login_find .find_link{display: inline-block;font-size: 16px;font-weight: 400;line-height: 24px;color: #333;}
.login_wrap .login_box .login_join{}
.login_wrap .login_box .login_join .join_link{display: inline-block;font-size: 16px;font-weight: 400;line-height: 24px;color: #333;}

@media (max-width: 600px){
    .login_wrap .login_box .logo{text-align: center;}
    .login_wrap .login_box .logo .logo_link{max-width: 90%;}
    .login_wrap .login_box .login_find .find_link{font-size: 14px;line-height: 20px;}
    .login_wrap .login_box .login_join .join_link{font-size: 14px;line-height: 20px;}

}
/* ============================================================== //E:login ============================================================== */
/* ============================================================== S:join ============================================================== */
.register_wrap{width: 100%;max-width: 1480px;padding-top: 40px;padding-bottom: 40px;padding-left: 40px;padding-right: 40px;margin: 0 auto;}
.register_wrap.member_register{}
.register_wrap.member_modify{}

.register_wrap.member_register .register_inner{display: flex;justify-content: center;align-items: stretch;flex-wrap: nowrap;gap: 40px;}
.register_wrap.member_modify .register_inner{display: block;}

.register_wrap.member_register .regi_terms{flex: 1 1 50%;}
.register_wrap.member_register .regi_form{flex: 1 1 50%;}

.register_wrap .regi_box{}
.register_wrap .regi_box .regi_hd{padding-bottom: 16px;border-bottom: 1px solid #ddd;}
.register_wrap .regi_box .regi_tit_box{}
.register_wrap .regi_box .regi_tit{font-size: 22px;font-weight: 500;line-height: 32px;color: #333;}

.register_wrap .regi_box .regi_bd{margin-top: 24px;}

.register_wrap .regi_terms .frm_wrap + .frm_wrap{margin-top: 32px;}
.register_wrap .regi_terms .frm_wrap .frm_box + .frm_chk_box{margin-top: 8px;}

.register_wrap .pw_frm_box .frm_label{display: flex;align-items: center;flex-wrap: wrap;gap: 4px;}
.register_wrap .pw_frm_box .noti_msg{display: inline-block;font-size: 14px;font-weight: 500;line-height: 20px;color: #fb5450;}
.register_wrap .pw_frm_box .noti_msg::before{content: '*';}

.register_wrap .school_frm_box{}
.register_wrap .school_frm_box .frm_inp_box{position: relative;}
#school-results{display: none;padding:5px 0;max-height:200px;border:solid 1px #ddd;overflow-y:auto;margin-top:-1px}
#school-results li {padding: 5px 16px;cursor: pointer;font-size: 14px;font-weight: 400;line-height: 20px;color: #333;}
#school-results li:hover {background-color: #f0f0f0;}
#school-results li.focused {background-color: #f0f0f0;}
.school_search_sc{position:relative;}
.school_search_sc .sc_reset{display:none;position:absolute;top:50%;right:16px;border:solid 1px #ddd;border-radius:4px;padding:8px 10px;background-color:#fff;cursor:pointer;transform: translateY(-50%);font-size: 14px;font-weight: 400;line-height: 20px;}
.school_search_sc.sc_open .sc_reset{display:block;}

.register_wrap .type_frm_box{}
.register_wrap .type_frm_box .frm_inp_box{display: flex;align-items: center;flex-wrap: wrap;gap: 16px;}

.register_wrap .etc_frm_box{margin-top: 24px;}
.register_wrap .etc_frm_box .is_captcha_use{margin-top: 16px;}

.register_wrap .btns_wrap{display: flex;align-items: center;flex-wrap: nowrap;gap: 40px;margin-top: 32px;}
.register_wrap .btns_wrap .btns{flex: 1;font-size: 20px;font-weight: 500;line-height: 58px;color: #333;text-align: center;border: 0;border: 1px solid #333;border-radius: 8px;}
.register_wrap .btns_wrap .btns_submit{background-color: #2D4390;border-color: #2D4390;color: #fff;}
.register_wrap .btns_wrap .btns_complete{background-color: #535353;border-color: #535353;color: #fff;}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:16px;font-weight:300;line-height:20px;color:#999;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#999}
.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

@media (max-width: 1280px){
    .register_wrap{padding-top: 30px;padding-bottom: 30px;}
}
@media (max-width: 1100px){
    .register_wrap.member_register .register_inner{display: block;}
    .register_wrap.member_register .regi_form{margin-top: 80px;}
    .register_wrap .regi_box .regi_tit{font-size: 20px;line-height: 30px;}
    .register_wrap .btns_wrap{gap: 20px;}
}
@media (max-width: 1024px){
    .register_wrap .pw_frm_box .noti_msg{font-size: 12px;line-height: 18px;}
}
@media (max-width: 600px){
    .register_wrap{padding-left: 20px;padding-right: 20px;}
    .register_wrap.member_register .regi_form{margin-top: 60px;}
    .register_wrap .pw_frm_box .frm_label{gap: 2px;}
    .register_wrap .regi_box .regi_tit{font-size: 18px;line-height: 26px;}
    .register_wrap .btns_wrap{flex-direction: column-reverse;gap: 16px;}
    .register_wrap .btns_wrap .btns{width: 100%;max-width: 100%;font-size: 14px;line-height: 42px;}
}
@media (max-width: 374px){}
/* ============================================================== //E:join ============================================================== */
/* ============================================================== //S:join result ============================================================== */
/* 회원가입 완료 */
#reg_result {}
#reg_result #result_email {margin:16px 0;padding:16px 32px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;}
#reg_result #result_email .result_line{display: flex;align-items: flex-start;flex-wrap: wrap;}
#reg_result #result_email .result_line + .result_line{margin-top: 8px;}
#reg_result #result_email span {flex: 0 0 150px;font-size: 16px;font-weight: 500;line-height: 24px;color:#333;}
#reg_result #result_email strong {flex: 1;font-size: 16px;font-weight: 500;line-height: 24px;color:#2D4390;}

#reg_result .reg_result_p {font-size:20px;font-weight:400;color:#666}
#reg_result .reg_result_p.big{font-size: 40px;line-height: 56px;}
#reg_result .reg_result_p .point{color: #2D4390;font-weight: 600;}

#reg_result .result_txt{margin-top: 16px;font-size: 16px;font-weight: 500;line-height: 24px;color: #333;}
#reg_result .reg_result_wr {background:#fff;padding:10px 20px}
#reg_result .reg_cong {margin:10px 0;font-size:1.083em;font-weight:bold}
#reg_result .reg_cong strong {color:#3497d9}

@media (max-width: 1100px){
    #reg_result .reg_result_p.big{font-size: 32px;line-height: 44px;}
}
@media (max-width: 600px){
    #reg_result .reg_result_p.big{font-size: 20px;line-height: 30px;}
    #reg_result .result_txt{margin-top: 12px;font-size: 14px;line-height: 20px;}
    #reg_result #result_email{margin: 12px 0;padding: 12px 20px;}
    #reg_result #result_email span{flex: 0 0 100px;font-size: 14px;line-height: 20px;}
    #reg_result #result_email strong{font-size: 14px;line-height: 20px;}
}
@media (max-width: 374px){}
/* ============================================================== //E:join result ============================================================== */
/* ============================================================== S:member confirm ============================================================== */
.login_wrap .login_box#mb_confirm{max-width: 480px;}
.login_wrap .login_box#mb_confirm .logo .logo_link{max-width: 420px;margin: 0 auto;}
#mb_confirm .box_tit_box{text-align: center;}
#mb_confirm .box_tit_box .box_tit{font-size: 18px;font-weight: 600;line-height: 26px;color: #333;}
#mb_confirm .box_txt_box{text-align: center;margin-top: 8px;}
#mb_confirm .box_txt_box .box_txt{font-size: 14px;font-weight: 400;line-height: 20px;color: #333;}
#mb_confirm .box_cnt{margin-top: 16px;}

.login_wrap .login_box .btns_wrap{display: flex;align-items: center;flex-wrap: nowrap;gap: 16px;margin-top: 16px;}
.login_wrap .login_box .btns_wrap .btns{flex: 1;}
.login_wrap .login_box .btns_wrap .btns_submits{font-size: 20px;font-weight: 500;line-height: 60px;color: #fff;border: 0;background-color: #2D4390;border-radius: 8px;cursor: pointer;}

@media (max-width: 600px){
    .login_wrap .login_box#mb_confirm .logo .logo_link{max-width: 90%}
}
@media (max-width: 480px){
    .login_wrap .login_box#mb_confirm .logo .logo_link{max-width: 70%}
}
/* ============================================================== //E:member confirm ============================================================== */