@charset "utf-8";
@import url(./jquery-ui.css);
@import url(./style.css);
@import url(./style.responsive.css);

.web_hide{display: none;}

/* detapicker ui 220210 */
.ui-datepicker .ui-datepicker-title select{background: #eee url(../img/arr_fold.svg) no-repeat center right 15px / 12px auto;padding: 5px;margin: 0 5px;}

/*container*/
.container{max-width: 1280px; margin: 0 auto;}
/*row*/
.row{padding: 0 80px;}

/* color */
.mainColor{color:#002D56 !important;}
.pointColor{color:#19ACC0 !important;}
.subColor01{color:#999 !important;}
.subColor02{color:#666 !important;}
.subColor03{color:#444 !important;}

.mainBg{background:#002D56 !important;}
.pointBg{background:#19ACC0 !important;}
.subBg01{background:#999 !important;}
.subBg02{background:#666 !important;}
.subBg03{background:#e5f6f6 !important;}

/* display */
.db{display: block;}

/* 타이틀 코멘트 */
.title_comment{font-size:16px; color:#999; text-align:center; margin:5px 0;}

/* top */
.wrap{width: 100%;position: relative;/*overflow: hidden;*/}

/* header */
.header{
    border-bottom: 1px solid #EAEDF0;
    background: #FFF;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    z-index: 999;
    transition: .23s ease;
}

.header_hide .header{
    transform: translateY(-80px);/*80 == header height*/
}
.header_small .header{
    transform: translateY(0);
}
.header_small.header_hide .header{
    transform: translateY(-46px);/*46 == header height*/
}
.header_small .h_center_box{height: 46px;}
.header_small .header{background: #F6F7F9;}
.header_small .gnb_area{background: #fff;}
.header_small .h_center_box .logo_box{width: 164px;}
.header_small .h_center_box ul li{font-size: 15px;}
.header_small .h_center_box ul li a{font-size: 15px;}

/*탭영역 있는 경우*/
.has_tab.header_hide .header{
    transform: translateY(-146px);/* 146 == header+gnb height */
}
.has_tab.header_small .header{
    transform: translateY(0);
}
.has_tab.header_small.header_hide .header{
    transform: translateY(-46px);/*46 == header height*/
}

.h_center_box{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1280px;
    height: 80px;
    margin: 0 auto;
    transition: .23s ease;
    position: relative;
}
.h_center_box .mob_sub_tit{display: none;}
.h_center_box .logo_box{
    width: 290px;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.h_center_box .logo_box a{
    display: block;
    width: 100%;
    height: 44px;
    background: url(../img/logo.svg) no-repeat center / contain;
    transition: .23s ease;
}
.h_center_box ul{
    display: flex;
    align-items: center;
    gap: 0 25px;
    margin-left: auto;
}
.h_center_box ul li{
    position: relative;
    color: #44494E;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}
.h_center_box ul li:not(:first-child)::before{
    content: '';
    display: block;
    width: 1px;
    height: 11px;
    background: #BCC1C5;
    position: absolute;
    top: calc(50% - 5px); left: -13px;
}
.h_center_box ul li strong{font-weight: 600;}
.h_center_box ul li a{
    display: block;
    color: #5B6168;
    font-weight: 500;
}
.h_center_box ul li.myService{
    display: flex;
    align-items: center;
}
.h_center_box ul li.myService a{color: #002D56;}
.h_center_box ul li.myService a span{
    font-weight: 700;
    vertical-align: middle;
}
.h_center_box ul li.myService a img{vertical-align: middle;}
.h_center_box ul li.myService .myservice_link{
    display: none;
    width: 120px;
    text-align: center;
    position: absolute;
    top: 32px; left: calc(50% - 60px);
    background: #F6F7F9;
    padding: 13px 0;
    border-radius: 8px;
    z-index: 1;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #EAEDF0;
    box-sizing: border-box;
}
.h_center_box ul li.myService .myservice_link a{
    display: block;
    color: #727A82;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 3px 0;
}
.h_center_box ul li.myService .myservice_link a:hover{color: #19ACC0;}

.gnb_area{
    width: 100%;
    border-top: 1px solid #EAEDF0;
}
.gnb_area>ul{
    display: flex;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
}
.gnb_area .depth1_box{
    flex: 1 1 0;
    text-align: center;
    height: 66px;
    position: relative;
    margin-bottom: -1px;
}
.gnb_area .depth1_box .inner_box{
    display: none;
    position: absolute;
    top: 66px; left: 0;
    width: 100%;
}
.gnb_area .depth1_box .depth1_txt{
    display: block;
    color: #222;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 66px;
    transition: .23s ease;
}

.gnb_area .depth1_box.on .depth1_txt{
    color: #002D56;
    font-weight: 600;
}
.gnb_area .depth1_box.on .depth1_txt::after{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #002D56;
    vertical-align: 12px;
    margin-left: 5px;
}

.gnb_area .depth1_box:hover .depth1_txt{
    background: #002D56;
    color: #fff;
}
.gnb_area .depth1_box:hover .depth1_txt::after{background: #fff;}


.gnb_area .depth2_box{
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    background: #002D56; 
    padding: 20px;
    box-sizing: border-box;
}
.gnb_area .depth2_box li:not(:first-child){margin-top: 16px;}
.gnb_area .depth2_box .depth2_txt{
    display: block;
    color: rgba(255, 255, 255, 0.60);
    font-size: 18px;
    transition: .23s ease;
    line-height: 1;
}
.gnb_area .depth2_box .depth2_txt.on,
.gnb_area .depth2_box .depth2_txt:hover{
    color: #fff;
    font-weight: 600;
}

.mobMenuWrap{display: none;}

/* topBtn */
.topBtn{position: fixed; right: 30px; bottom: 30px; width: 50px; height: 50px; background: url(../img/top_btn_n.png) no-repeat 0 0; z-index: 100;transition: .23s ease; cursor: pointer;}
.topBtn:hover{background-image: url(../img/top_btn_s.png);}

/* footer */
.footerWrap{width: 100%;}
.footerT{height: 65px;position: relative;z-index: 1;border-top: 1px solid #DDE0E3;}
.footerT .inner_box{display: flex; justify-content: space-between; max-width: 1280px; height: 100%; margin: 0 auto;}
.footerT .info ul{display: flex;align-items: center; height: 100%;}
.footerT .info li:not(:first-child){margin-left: 10px;}
.footerT .info li a{color: #44494E; font-size: 18px; font-weight: 400; line-height: 1.4;}
.footerT .info li a.color{color: #727A82;}

.footerT .selectWrap{
    display: flex;
    align-items: center;
    width:200px;
    position: relative;
}
.footerT .select{
    display: block;
    width:200px;
    line-height: 45px;
    color:#A4AAB0;
    font-size: 18px;
    background:url(../img/site_n.svg) no-repeat center right;
    cursor:pointer;
    padding-left: 20px;
    box-sizing:border-box;
}
.footerT .select.on{background-image:url(../img/site_s.svg) no-repeat;}
.selectOtion{width:100%; position: absolute; left:0; top:66px; display:none; z-index:10; background:#F6F7F9; padding: 20px; box-sizing: border-box}
.selectOtion ul{display:block;}
.selectOtion li{width:100%;  line-height:25px; text-align:left; color:#A4AAB0; font-size:16px;  cursor:pointer;margin-bottom: 5px;}
.selectOtion li:last-child{margin-bottom: 0;}
.selectOtion li.on, .selectOtion li:hover{ color:#222;}

.footerCont{
    padding: 24px 0 30px;
    border-top: 1px solid #DDE0E3;
    box-sizing: border-box;
}
.footerCont .inner_box{display: flex;align-items: center; max-width: 1280px; height: 100%; margin: 0 auto;position: relative;}
.footerCont .f_logo{
    display: block;
    width: 198px;
    height: 30px;
    background: url(../img/footer_logo.svg) no-repeat center;
}
.footerCont .f_info{
    position: absolute;
    top: 0; right: 0;
    width: 200px;
}
.footerCont .f_info p{
    color: #727A82;
    font-size: 18px;
    line-height: 1.4;
}
.footerCont .f_info .icon_mail{
    display: block;
    padding-left: 26px;
    background: url(../img/icon_footer_mail.svg) no-repeat center left;
    margin-bottom: 6px;
}
.footerCont .f_info .icon_phone{
    display: block;
    padding-left: 26px;
    background: url(../img/icon_footer_phone.svg) no-repeat center left;
}
.footerCont .f_copy{
    padding-left: 30px;
    box-sizing: border-box;
}
.footerCont .f_copy p{
    color: #727A82;
    font-size: 18px;
    line-height: 1.4;
}
.footerCont .f_copy .dp{
    display: block;
    color: #2C3036;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 7px;
}
.footerCont .f_copy i{
    font-style: normal;
    color: #44494E;
    font-size: 18px;
    line-height: 1;
}

/* 모바일 퀵메뉴 */
.mobQuickMenu{display: none !important; position: fixed;bottom: 0;left: 0;width: 100%;z-index: 101;background: #fff;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.10);}
.mobQuickMenu ul{display: flex;justify-content: space-between; width: 100%;margin: 0 auto;padding: 10px 0;}
.mobQuickMenu ul li{width: calc(100% / 5);text-align: center;}
.mobQuickMenu ul li a{display: block; padding-top: 26px;font-size: 12px;background: no-repeat center top 0 / 24px auto;color: #727A82;}
.mobQuickMenu ul li.btn_nav_home a{background-image: url(../img/icon_quickMenu_item04.svg);}
.mobQuickMenu ul li.btn_nav_news a{background-image: url(../img/icon_quickMenu_item03.svg);}
.mobQuickMenu ul li.btn_nav_db a{background-image: url(../img/icon_quickMenu_item02.svg);}
.mobQuickMenu ul li.btn_nav_benefit a{background-image: url(../img/icon_quickMenu_item01.svg);}
.mobQuickMenu ul li.btn_nav_membership a{background-image: url(../img/icon_quickMenu_item05.svg);}
.mobQuickMenu ul li.on a{font-weight: bold;color: #002D56;}
.mobQuickMenu ul li.on.btn_nav_home a{background-image: url(../img/icon_quickMenu_item04_on.svg);}
.mobQuickMenu ul li.on.btn_nav_news a{background-image: url(../img/icon_quickMenu_item03_on.svg);}
.mobQuickMenu ul li.on.btn_nav_db a{background-image: url(../img/icon_quickMenu_item02_on.svg);}
.mobQuickMenu ul li.on.btn_nav_benefit a{background-image: url(../img/icon_quickMenu_item01_on.svg);}
.mobQuickMenu ul li.on.btn_nav_membership a{background-image: url(../img/icon_quickMenu_item05_on.svg);}

/* 비주얼 영역 공통 */
main .visual_area{padding-top: 147px;}

.contentsWrap{position: relative;}

/* login (대진대/인제대 동일) */
.login_wrap #contents{padding-top: 0; min-height: calc(100vh - 242px);}
.login_wrap #footer{text-align: center;border-top-width: 0;padding: 40px 0;}
.login_wrap #footer .top{display: flex;align-items: center;justify-content: center;}
.login_wrap #footer .top li{margin-right: 30px;}
.login_wrap #footer .top li:last-child{margin-right: 0;}
.login_wrap #footer .top li a{font-size: 14px;color: #888;}
.login_wrap #footer .top li.personal a{color: #151515;}
.login_wrap #footer .copyright{color: #888;margin-top: 23px;}

.sub_login{height: 100%;}
.sub_login .login_box{width: 100%; max-width: 480px;border: 1px solid #e6e6e6;text-align: center;padding: 0 70px;box-sizing: border-box;margin: 100px auto 0;}
.sub_login .login_box .login_header{display: flex;align-items: center;justify-content: center;padding-top: 60px;}
.sub_login .login_box .login_header .mob_btn_box{display: none;}
.sub_login .login_box .login_header .logo{display: flex;align-items: center;width: 214px;}
.sub_login .login_box .login_header .logo img{display: block;width: 100%;height: auto;}
.sub_login .login_box .form_box{margin-top: 85px;}
.sub_login .login_box .form_box .inp_box{position: relative;}
.sub_login .login_box .form_box .inp_box.pw{margin: 25px 0 50px;}
.sub_login .login_box .form_box .inp_box .inp{height: 45px;line-height: 45px;font-size: 16px;border-bottom: 1px solid #dddee6;padding: 0;}
.sub_login .login_box .form_box .inp_box .inp:focus{border-bottom-color: #151515;}
.sub_login .login_box .form_box .inp_box .inp.on{border-bottom-color: #151515;}
.sub_login .login_box .form_box .inp_box .inp::placeholder{color: #aaa;}
.sub_login .login_box .form_box .inp_box .inp .btn_txt_delete{display: none;}
.sub_login .login_box .form_box .inp_box .inp:focus + .btn_txt_delete{display: block; width: 17px;height: 17px;border-radius: 50%;background: #ebebeb url(../img/login/icon_delete.svg) no-repeat center;cursor: pointer;position: absolute;top: calc(50% - 8.5px);right: 0;}
.sub_login .login_box .form_box .inp_box .inp.on + .btn_txt_delete{display: block; width: 17px;height: 17px;border-radius: 50%;background: #ebebeb url(../img/login/icon_delete.svg) no-repeat center;cursor: pointer;position: absolute;top: calc(50% - 8.5px);right: 0;}
.sub_login .login_box .form_box .btn_login{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;background: #4439b2;color: #fff;font-size: 16px;}
.sub_login .login_box .sns_box{margin-top: 60px;font-size: 0;}
.sub_login .login_box .sns_box .tit{font-size: 14px;line-height: 1;font-weight: bold;display: block;position: relative;margin-bottom: 20px;letter-spacing: normal;}
.sub_login .login_box .sns_box .tit::before{content: '';display: block;width: calc(50% - 50px);height: 1px;background: #dddee6;position: absolute;top: calc(50% - .5px);left: 0;}
.sub_login .login_box .sns_box .tit::after{content: '';display: block;width: calc(50% - 50px);height: 1px;background: #dddee6;position: absolute;top: calc(50% - .5px);right: 0;}
.sub_login .login_box .sns_box a{display: inline-block;width: calc((100% - 10px) / 3);border-radius: 17.5px;vertical-align: top;}
.sub_login .login_box .sns_box a span{display: inline-block; color: #fff;font-size: 14px; line-height: 35px;background: no-repeat center left;}
.sub_login .login_box .sns_box a.btn_kakao{background: #fff200;margin-right: 5px;}
.sub_login .login_box .sns_box a.btn_kakao span{color: #151515;padding-left: 28px;background-image: url(../img/login/icon_kakao.png);}
.sub_login .login_box .sns_box a.btn_naver{background: #03cf5d;margin-right: 5px;}
.sub_login .login_box .sns_box a.btn_naver span{padding-left: 20px;background-image: url(../img/login/icon_naver.png);}
.sub_login .login_box .sns_box a.btn_facebook{background: #1877f2;}
.sub_login .login_box .sns_box a.btn_facebook span{padding-left: 15px;background-image: url(../img/login/icon_facebook.png);}
.sub_login .login_box .sns_box a.btn_google{background: #f2f2f2;}
.sub_login .login_box .sns_box a.btn_google span{color: #151515;padding-left: 28px;background-image: url(../img/login/icon_google.png);}

.sub_login .login_box .etc-box{margin: 50px 0 60px;display: flex;align-items: center;}
.sub_login .login_box .etc-box a{display: block;color: #aaa;}
.sub_login .login_box .etc-box a.btn_find_id{padding-right: 12px;margin-right: 12px;position: relative;}
.sub_login .login_box .etc-box a.btn_find_id::after{content: '';display: block;width: 1px;height: 10px;background: #e6e6e6;position: absolute;top: 2px;right: 0;}
.sub_login .login_box .etc-box a.btn_signup{margin-left: auto;color: #262626;}

/* 로그인 레이어팝업 */
.layer_login_layer .layer_login_area{position: fixed;top: 50%; left:50%; transform:translate(-50%,-50%); width: 440px; background: #fff;}
.layer_login_layer .layer_login_area .layer_login_tit{position: relative; height:60px; line-height:60px;padding-left: 30px;font-size: 18px; color:#151515; font-weight: normal;border-bottom:1px solid #151515; margin-bottom: 20px;}
.layer_login_layer .layer_login_area .layer_login_tit .layer_login_close{display: inline-block; position: absolute;top: 50%; right: 30px; transform:translateY(-50%); width: 19px; height: 19px; background-position: -5px -129px;background: url(../img/login/p_btn_close.png) no-repeat center;}
.layer_login_layer .layer_login_area .layer_login_txt1{font-size: 13px; color:#aaa; line-height:20px; padding: 0 60px; margin-bottom: 39px; padding-top: 19px;}
.layer_login_layer .layer_login_area .layer_login_txt2{font-size: 15px; line-height:22px; text-align: center; color:#151515; padding-top: 20px; padding-bottom: 200px; background:url(../img/login/bg_otp.png) no-repeat 50% 73%;}
.layer_login_layer .layer_login_area .layer_login_txt3{font-size: 14px; color:#151515; line-height:20px; text-align: center; margin-bottom: 36px; padding-top: 40px; }
.layer_login_layer .layer_login_area .layer_login_id_value{font-size: 28px; text-align: center; line-height:24px; margin-bottom: 60px;color: #4439b2;}
.layer_login_layer .layer_login_area dl{padding: 0 60px;margin-bottom: 40px;}
.layer_login_layer .layer_login_area dl dt label{position: relative; font-size: 13px; color:#151515; padding-right: 10px;}
.layer_login_layer .layer_login_area dl dt label .star{color: #fb1020;}
.layer_login_layer .layer_login_area dl dd input{display: block;width: 100%; height: 45px;line-height: 45px;padding: 0; font-size: 16px; border:0;  border-bottom:1px solid #dddee6; outline:none;}
.layer_login_layer .layer_login_area dl dd input::placeholder{color: #aaa;}
.layer_login_layer .layer_login_area dl dd input:focus{border-color:#151515; color:#151515;}
.layer_login_layer .layer_login_area .layer_login_btn{padding: 0 60px; margin-bottom: 60px;}
.layer_login_layer .layer_login_area .layer_login_btn .la_btn_ok{display: block; width: 100%; height:50px; line-height:50px; color:#fff; font-size: 15px; background: #151515;}
.layer_login_layer .layer_login_area .layer_login_btn .layer_login_login{width:calc(50% - 3px); float:left; height: 50px; line-height:50px; font-size: 15px; color:#fff; margin-right:6px;background: #4439b2;}
.layer_login_layer .layer_login_area .layer_login_btn .layer_login_pw_reset{width:calc(50% - 3px); height: 50px; line-height:50px;background: #151515; color:#fff;}

#layer_login_id{display: none;}
#layer_login_id_ok{display: none;}
#layer_login_pw{display: none;}
#layer_login_pw_self{display: none;}

#layer_login_id .dim,
#layer_login_id_ok .dim,
#layer_login_pw .dim,
#layer_login_pw_self .dim{position: fixed;width: 100%;height:100%; top: 0;left: 0; background: rgba(0,0,0,0.8);}/* 딤드오류 수정.. */

.sub_login.sub_signup .login_box .form_box{margin-top: 100px;}
.sub_login.sub_signup .login_box .form_box h2{font-size: 28px;font-weight: bold;margin-bottom: 30px;}
.sub_login.sub_signup .login_box .form_box p{font-size: 18px;line-height: 24px;color: #666;margin-bottom: 50px;}
.sub_login.sub_signup .login_box .sns_box{margin-bottom: 75px;}

.sub_agree{height: 100%;}
.sub_agree .agree_box{width: 100%; max-width: 540px;border: 1px solid #e6e6e6;padding: 0 70px;box-sizing: border-box;margin: 100px auto 0;}
.sub_agree .agree_box .agree_tit{font-size: 28px; line-height: 30px; font-weight:bold; color:#151515; margin-bottom: 15px;margin-top: 70px;background-repeat: no-repeat; background-position: center right; background-size: 30px auto;}
.sub_agree .agree_box .agree_txt{font-size: 16px; color:#666; margin-bottom: 50px;}
.sub_agree .agree_box .agree_progress{display: flex;align-items: center; border-bottom:1px solid #e6e6e6; margin-bottom: 60px;}
.sub_agree .agree_box .agree_progress li{font-size: 15px; font-weight:600; color:#ccc;padding: 0 30px;position: relative;}
.sub_agree .agree_box .agree_progress li:first-child{padding-left: 0;}
.sub_agree .agree_box .agree_progress li:first-child::after{content: '';display: block;width: 7px;height: 12px;background: url(../img/login/ico_arr_right.png) center;position: absolute;top: 5px;right: -3px;}
.sub_agree .agree_box .agree_progress li span.pro_text{display: block;padding-bottom: 14px;}
.sub_agree .agree_box .agree_progress li.on .pro_text{color:#4439b2; border-bottom: 2px solid #4439b2;}
/* 211130 회원가입 대학/대학원 선택 추가 */
.sub_agree .agree_box .agree_tab{margin-bottom: 30px;}
.sub_agree .agree_box .agree_tab .checks2{display: flex;}
.sub_agree .agree_box .agree_tab .checks2 input[type="radio"] + label{width: 50%;text-align: center;padding: 0;line-height: 38px;background: #f6f6f6;border: 1px solid #f6f6f6;color: #999;height: auto;}
.sub_agree .agree_box .agree_tab .checks2 input[type="radio"]:checked + label{background: #fff;border-color: #151515;color: #151515;position: relative;z-index: 1;}

.sub_agree .agree_box .agree_tab .checks2 input[type="radio"] + label::before,
.sub_agree .agree_box .agree_tab .checks2 input[type="radio"] + label::after,
.sub_agree .agree_box .agree_tab .checks2 input[type="radio"]:checked + label::before,
.sub_agree .agree_box .agree_tab .checks2 input[type="radio"]:checked + label::after{content: none;}

.sub_agree .agree_check .agree_check_tit{border-bottom:2px solid #151515;padding-bottom: 20px;}
.sub_agree .agree_check .agree_check_tit li .checks{margin: 0;}
.sub_agree .agree_check .agree_check_tit li .checks input[type="checkbox"]{position: fixed;top: 0;left: 0;width: 1px;height: 1px;border-width: 0;background: transparent;}
.sub_agree .agree_check .agree_check_tit li .checks input[type="checkbox"] + label{display: block; font-size: 18px;line-height: 25px; padding-left: 35px;background: url(../img/login/ico_check.png) no-repeat center left;cursor: pointer;color: #151515;}

.sub_agree .agree_check .agree_check_tit li .checks input[type="checkbox"] + label:before,
.sub_agree .agree_check .agree_check_tit li .checks input[type="checkbox"]:checked + label:before,
.sub_agree .agree_check .agree_check_tit li .checks input[type="checkbox"] + label::after,
.sub_agree .agree_check .agree_check_tit li .checks input[type="checkbox"]:checked + label::after,
.sub_agree .agree_check .agree_check_bot li .checks input[type="checkbox"] + label::before,
.sub_agree .agree_check .agree_check_bot li .checks input[type="checkbox"]:checked  + label::before,
.sub_agree .agree_check .agree_check_bot li .checks input[type="checkbox"] + label::after,
.sub_agree .agree_check .agree_check_bot li .checks input[type="checkbox"]:checked  + label::after{content: none;}

.sub_agree .agree_check .agree_check_tit li .checks input[type="checkbox"]:checked + label{background-image: url(../img/login/ico_check_on.png);}
.sub_agree .agree_check .agree_check_bot{padding: 30px 0 60px;}
.sub_agree .agree_check .agree_check_bot li{display: flex;align-items: center;justify-content: space-between; position: relative;margin-bottom: 15px;}
.sub_agree .agree_check .agree_check_bot li:last-child{margin-bottom: 0;}
.sub_agree .agree_check .agree_check_bot li .checks{margin: 0;}
.sub_agree .agree_check .agree_check_bot li .checks input[type="checkbox"]{position: fixed;top: 0;left: 0;width: 1px;height: 1px;border-width: 0;background: transparent;}
.sub_agree .agree_check .agree_check_bot li .checks input[type="checkbox"] + label{display: block; font-size: 15px;line-height: 25px;padding-left: 35px;background: url(../img/login/ico_check.png) no-repeat center left;cursor: pointer;color: #151515;}
.sub_agree .agree_check .agree_check_bot li .checks input[type="checkbox"] + label .etc_txt{display: block;font-size: 13px; line-height: 16px; color: #999;letter-spacing: -1px;word-break: keep-all;margin-top: 3px;}
.sub_agree .agree_check .agree_check_bot li .checks input[type="checkbox"]:checked + label{background-image: url(../img/login/ico_check_on.png);}
.sub_agree .agree_check .agree_check_bot .txt_hide{color:#ccc;}
.sub_agree .agree_check .agree_check_bot li a.agree_link{display: block;width: 30px;height: 25px; background: url(../img/login/ico_arr_right02.png) no-repeat center right;}
.sub_agree .agree_check .btn_myself{display: block;width:100%; height: 50px;line-height:50px; text-align: center;background: #4439b2; color:#fff; font-size: 16px;margin-bottom: 70px;}

.star{color: #fb1020;}
.sub_agree.sub_user .agree_box{margin-bottom: 20px;margin-top: 100px;}
.sub_agree.sub_user .agree_box .form_box{margin-top: 60px;display: flex;flex-wrap: wrap;}
.sub_agree.sub_user .agree_box .form_box .inp_box{position: relative;margin-bottom: 40px;width: 100%;}
.sub_agree.sub_user .agree_box .form_box .inp_box:last-of-type{margin-bottom: 60px;}
.sub_agree.sub_user .agree_box .form_box .inp_box .label{display: block;font-weight: normal;}
.sub_agree.sub_user .agree_box .form_box .inp_box .inp{height: 45px;line-height: 45px;font-size: 16px;border-bottom: 1px solid #dddee6;padding: 0;letter-spacing: -.5px;}
.sub_agree.sub_user .agree_box .form_box .inp_box .inp:focus{border-bottom-color: #151515;}
.sub_agree.sub_user .agree_box .form_box .inp_box .inp.on{border-bottom-color: #151515;}
.sub_agree.sub_user .agree_box .form_box .inp_box .inp::placeholder{color: #aaa;}
.sub_agree.sub_user .agree_box .form_box .inp_box .inp .btn_txt_delete{display: none;}
.sub_agree.sub_user .agree_box .form_box .inp_box .inp:focus + .btn_txt_delete{display: block; width: 17px;height: 17px;border-radius: 50%;background: #ebebeb url(../img/login/icon_delete.svg) no-repeat center;cursor: pointer;position: absolute;top: calc(50% - 8.5px);right: 0;}
.sub_agree.sub_user .agree_box .form_box .inp_box .inp.on + .btn_txt_delete{display: block; width: 17px;height: 17px;border-radius: 50%;background: #ebebeb url(../img/login/icon_delete.svg) no-repeat center;cursor: pointer;position: absolute;top: calc(50% - 8.5px);right: 0;}
.sub_agree.sub_user .agree_box .form_box .inp_box.inp_box_2st{width: 50%;}
.sub_agree.sub_user .agree_box .form_box .inp_box.inp_box_3st{display: flex;align-items: center;flex-wrap: wrap; width: 50%;padding-left: 30px;box-sizing: border-box;}
.sub_agree.sub_user .agree_box .form_box .inp_box.inp_box_3st .label{width: 100%;}
.sub_agree.sub_user .agree_box .form_box .inp_box.inp_box_3st input[name="gender"]{position: fixed;top: 0;left: 0;width: 1px;height: 1px;border-width: 0;background: transparent;}
.sub_agree.sub_user .agree_box .form_box .inp_box.inp_box_3st input[name="gender"] + label{width: 50%;border-bottom: 1px solid #e6e6e6;padding: 13px 0;text-align: center;color: #ccc;cursor: pointer;}
.sub_agree.sub_user .agree_box .form_box .inp_box.inp_box_3st input[name="gender"]:checked + label{color: #151515;}
.sub_agree.sub_user .agree_box .form_box .btn_save{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;background: #4439b2;color: #fff;font-size: 16px;margin-bottom: 70px;}

#layer_complete{display: none;}
#layer_complete .dim{position: fixed;width: 100%;height:100%; top: 0;left: 0; background: rgba(0,0,0,0.8);}
.layer_complete_area .layer_complete_wrap{position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 540px; background: #fff;
text-align: center; box-sizing:border-box;}
.layer_complete_area .layer_complete_wrap .complete_img{position: relative;}
.layer_complete_area .layer_complete_wrap .complete_img img{position: absolute;top: -70px; left: 50%;transform:translateX(-50%);}
.layer_complete_area .layer_complete_wrap .complete_wrap{text-align: center;padding-top: 200px;}
.layer_complete_area .layer_complete_wrap .complete_wrap .complete_tit{font-size: 28px; color:#151515; font-weight:600; margin-bottom: 26px;}
.layer_complete_area .layer_complete_wrap .complete_wrap dd{font-size: 18px;line-height:24px; color:#666;}
.layer_complete_area .layer_complete_wrap .complete_wrap dd.complete_txt1{margin-bottom: 26px;}
.layer_complete_area .layer_complete_wrap .complete_wrap dd.complete_txt2{margin-bottom: 60px;}
.layer_complete_wrap .complete_btn{margin-bottom: 60px;}
.layer_complete_wrap .complete_btn a{display: block; text-align: center;max-width: 340px; width: 100%; height:60px; line-height:60px; color:#fff;font-size: 18px;background: #4439b2;margin: 0 auto;}
.layer_complete_wrap .complete_link{text-align: center;margin-bottom: 90px ;}
.layer_complete_wrap .complete_link a{display: inline-block; font-size: 14px; color:#151515; text-decoration: underline;}

/* 학적정보 */
.clearfix:before, .clearfix:after{display: block;content: '';line-height: 0;}
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;}

.add_area .add_box_wrap{margin-bottom: 80px;}
.add_area .add_member{margin-bottom: 60px;}
.add_area .add_box_wrap .add_tit{display: block; font-size: 15px; color:#151515; font-weight:600; margin-bottom: 30px;}
.add_area .add_box_wrap > ul >li{margin-bottom: 40px;}
.add_area .add_box_wrap > ul >li:last-child{margin-bottom: 0;}
.add_area .add_box_wrap > ul >li dl dt label{font-size: 13px; color:#151515;}
.add_area .add_box_wrap > ul >li dl dd > input{display: block; width: 100%; height: 40px;line-height: 40px; border:0; border-bottom:1px solid #dddee6; font-size: 16px; outline:none; color:#151515;padding: 0;}
.add_area .add_box_wrap > ul >li dl dd > input::placeholder{color: #aaa;}
.add_area .add_box_wrap > ul >li dl dd > input:focus{border-color:#151515; color:#151515;}
.add_area .add_box_wrap > ul >li dl dd select{ display: block; width: 100%; font-size: 16px; color:#151515; height: 40px;line-height: 40px; border-width: 0 0 1px 0; border-bottom:1px solid #dddee6; background:url(../images/common/sel_arr_down02.png) no-repeat 100% 50%; outline:none;}
.add_area .add_box_wrap > ul >li dl dd select:focus{border-color:#151515;}
.add_area .add_box_wrap > ul >li dl.add_2st{float: left; width:calc(55% - 15px);margin-right: 30px;}
.add_area .add_box_wrap > ul >li dl.add_3st{float: left; width:calc(45% - 15px);}
.add_area .add_box_wrap > ul >li dl.add_2st:last-child{margin-right: 0;}
.add_btn_area{margin-bottom: 70px;}
.add_btn_area button{display: block; width:calc(50% - 10px); height:50%; line-height:50px; font-size: 16px;}
.add_btn_area .add_btn_cancel{ background: #efefef; float: left; color:#666; margin-right: 20px;}
.add_btn_area .add_btn_ok{color:#fff;background: #4439b2;}
/* 주소검색 부분 */
.add_area .add_box_wrap > ul >li.add_in_address dl dd.add_in_address01{margin-bottom: 15px;}
.add_area .add_box_wrap > ul >li.add_in_address dl dd.add_in_address01 > input{float:left;}
.add_area .add_box_wrap > ul >li.add_in_address dl dd.add_in_address01 > input[type="text"]{width:calc(100% - 100px);margin-right: 20px;}
.add_area .add_box_wrap > ul >li.add_in_address dl dd.add_in_address01 > input[type="button"]{width: 80px; height: 40px; line-height:40px; color:#fff; background: #151515; padding: 0; font-size: 14px;}

.checks2{display: block;position: relative;margin: 10px 0;}
.checks2:first-of-type{margin-top: 0;}
.checks2 input[type="radio"]+label{display: inline-block;position: relative;font-size: 14px;height: 15px;padding-left: 25px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;vertical-align: middle;color: #151515;line-height: 1;}
.checks2 input[type="radio"]+label span.bold{color: #ff5961;}
.checks2 input[type="radio"]+label:before{content: '';position: absolute;left: 0;top: 0;width: 15px;height: 15px;text-align: center;background: url(../img/login/ico_radio_off.png) no-repeat}
.checks2 input[type="radio"]:checked+label:before{background-image: url(../img/login/ico_radio_on.png);}
.checks2 input[type="radio"]:disabled+label{color: #aaa;}
.checks2 input[type="radio"]:disabled+label:before{background-image: url(../img/login/ico_radio_off.png);opacity: 50%;}
.checks2 input[type="radio"]:checked:disabled+label:before{background-image: url(../img/login/ico_radio_on.png);opacity: 50%;}

/* main */
.btn_main_more{
    color: #727A82;
    font-size: 18px;
    line-height: 20px;
    padding-right: 20px;
    background: url(../img/icon_subTtitle_arr.svg) no-repeat center right;
}

.mainVisualWrap{width: 100%;overflow: hidden; position: relative}
.mainVisual li{width: 100%; height: 560px; overflow: hidden}
.mainVisual li.no1{background: url(../img/main_visual01.jpg) no-repeat center / cover;}
.mainVisual li.no2{background: url(../img/main_visual02.jpg) no-repeat center / cover;}
.mainVisual li.no3{background: url(../img/main_visual03.jpg) no-repeat center / cover;}
.mainVisual li.no4{background: url(../img/main_visual04.png) no-repeat top / cover;}
.mainVisual li.no5{background: url(../img/main_visual05.png) no-repeat center / cover;}
.mainVisual li.no6{background: url(../img/main_visual06.jpg?v=20250416) no-repeat center / cover;}
.mainVisual li.no7{background: url(../img/main_visual07.png) no-repeat center / cover;}
.mainVisual li.no9{background: url(../img/main_visual09.png?v=20250827) no-repeat center / cover;}
.mainVisual li.no10{background: url(../img/main_visual10.png) no-repeat center / cover;}
.mainVisual li.no11{background: url(../img/main_visual11.png) no-repeat center / cover;}
.mainVisual li.no12{background: url(../img/main_visual12.png) no-repeat center / cover;}
.mainVisual li.no13{background: url(../img/main_visual13.png) no-repeat center / cover;}
/* .mainVisual li.no8{background: url(../img/main_visual08.png) no-repeat center / cover;} */
.mainVisual li div{
    max-width: 1280px;
    margin: 175px auto 0;
}
.mainVisual li h1{
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 16px;
}
.mainVisual li h2{
    color: #FFF;
    font-size: 48px;
    font-weight: 700;
    line-height: 140%;
}

.navi{
    display: block;
    width: 100%;
    position: absolute;
    bottom: 166px; left: 0;
}
.navi ul{max-width: 1280px; width: 100%; margin: 0 auto; display: flex;align-items: center;}
.navi li.paging{
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin-right: 12px;
}
.navi li.paging .nbox,
.navi li.paging .nbox2{
    width: 24px;
    color:#fff;
    font-size: 20px;
    line-height: 1;
}
.navi li.paging .mainVosualLine{
    width: 180px; 
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
}
.navi li.paging .mainVosualLine div{
    height: 100%;
    background: #fff;
}
.navi li.left{
    width:20px;
    height:20px;
    background: url(../img/slide_left.svg) no-repeat center;
    margin-right: 8px;
    cursor: pointer;
}
.navi li.pause .slickPause{display: none;}
.navi li.pause .slickPause.on{
    display: block;
    width:20px;
    height:20px;
    background: url(../img/slide_pause.svg) no-repeat center;
    cursor: pointer;
}
.navi li.pause .slickPlay{display: none;}
.navi li.pause .slickPlay.on{
    display: block;
    width:20px;
    height:20px;
    background: url(../img/slide_play.svg) no-repeat center;
    cursor: pointer;
}
.navi li.right{
    width:20px;
    height:20px;
    background: url(../img/slide_right.svg) no-repeat center;
    margin-left: 8px;
    cursor: pointer;
}

/* 메인 > 타이틀 공통 */
.main_title_area{text-align: center;}
.main_title_area h2{
    color: #222;
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
}

/* maincont01 */
.mainCont01{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 100px;
    box-sizing: border-box;
}

.media_area .tab{margin-top:24px;}
.media_area .tab ul{
    display: flex;
    justify-content: center;
    gap: 0 24px;
}
.media_area .tab li{
    font-size: 20px;
    font-weight: 500;
    color: #5B6168;
    cursor: pointer;
    transition: .23s ease;
}
.media_area .tab li:hover,
.media_area .tab li.on{
    font-weight: 700;
    box-shadow: inset 0px -2px 0px #002D56;
    padding-bottom: 2px; color: #002D56;
}
.media_area .list{margin-top: 30px;}
.media_area .list ul{
    display: flex;
    flex-wrap: wrap;
    gap: 50px 32px;
}
.media_area .list ul li{width: calc((100% - 96px) / 4);}
.media_area .list ul li a{display: block;}
.media_area .list ul li a .img_box{
    width: 100%;
    height: 186px;
    position: relative;
    margin-bottom: 16px;
    overflow: hidden;
}
.media_area .list ul li a .img_box .badge{
    display: inline-block;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    padding: 6px 10px;
    position: absolute;
    top: 0; left: 0;
    z-index: 1;
    box-sizing: border-box;
}
.media_area .list ul li a .img_box .badge.cateA{background: #002D56;}
.media_area .list ul li a .img_box .badge.cateB{background: #19ACC0;}
.media_area .list ul li a .img_box .badge.cateC{background: #DE982E;}
.media_area .list ul li a .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .23s ease;
}
.media_area .list ul li a .txt_box dt{
    color: #222;
    font-size: 19px;
    font-weight: 500;
    line-height: 28px;
    min-height: 56px;
}
.media_area .list ul li a .txt_box .date{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.media_area .list ul li a .txt_box .date p{
    color: #002D56;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}
.media_area .list ul li a .txt_box .date span{
    color: #727A82;
    font-size: 16px;
    line-height: 140%;
}
/*hover*/
.media_area .list ul li a:hover .img_box img{transform: scale(1.05);}
.media_area .list ul li a:hover .txt_box dt{text-decoration: underline;}
.media_area .list ul li.bg{
    background: #002D56;
}
.media_area .list ul li.bg a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.media_area .list ul li.bg a::after{
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    background: url(../img/icon_media_arr.svg) no-repeat center;
    margin-top: 24px;
    transition: .23s ease;
}
.media_area .list ul li.bg p{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}
.media_area .list ul li.bg p strong{
    display: inline-block;
    position: relative;
    z-index: 1;
    font-weight: 700;
}
.media_area .list ul li.bg p strong::before{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #12538E;
    position: absolute;
    bottom: 4px; left: 0;
    z-index: -1;
}
.media_area .list ul li.bg a:hover::after{margin-right: -5px;}

/* maincont02 */
.mainCont02{
    width: 100%;
    background: #F6F7F9;
    padding: 100px 0;
    box-sizing: border-box;
}
.mainCont02 .inner_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.mainCont02 dl{text-align: center;}
.mainCont02 dl dt{
    color: #5B6168;
    font-size: 22px;
    line-height: 31px;
}
.mainCont02 dl dd{
    color: #222;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 6px;
}
.mainCont02 dl dd.num{
    display: flex;
    justify-content: center;
    font-size: 60px;
    height: 60px;
    overflow: hidden;
}

/* 넘버링 애니메이션 */
.vertical-counter-number ul{transition: transform 2s ease;}

.mainCont02 dl dd.department{font-size: 40px;}

/* mainCont03 */
.mainCont03{padding: 80px 0 120px;}
.mainCont03 .main_title_area{margin-bottom: 50px;}
.mainCont03 .inner_box{
    display: flex;
    gap: 0 40px;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.mainCont03 .sub_tit{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
}
.mainCont03 .sub_tit strong{
    color: #222;
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
}
.mainCont03 .list{border-top: 2px solid #222;}
.mainCont03 .list li{border-bottom: 1px solid #DDE0E3;}
.mainCont03 .list li .txt_box {width: 100%;}
.mainCont03 .list li a{
    display: flex;
    align-items: center;
    padding: 20px 24px;
    box-sizing: border-box;
}
.mainCont03 .list .list_tit{
    width: calc(100% - 100px);
    color: #222;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.mainCont03 .list .date{
    width: 100px;
    color: #A4AAB0;
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    font-feature-settings: 'tnum';
}
.mainCont03 .list li.first a{padding: 24px;}
.mainCont03 .list li.first .list_tit{
    width: 100%;
    margin-bottom: 2px;
}
.mainCont03 .list li.first .list_desc{
    color: #727A82;
    font-size: 16px;
    line-height: 22px;
    min-height: 46px;
}
/*공지사항*/
.mainCont03 .notice_box{flex: 1 1 0;}
.mainCont03 .notice_box .list li.first a .img_box{
    width: 120px;
    height: 74px;
    overflow: hidden;
}
.mainCont03 .notice_box .list li.first a .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .23s ease;
    background: #F2F4F6;
}
.mainCont03 .notice_box .list li.first a .txt_box{
    flex: 1 1 0;
    padding-left: 24px;
    box-sizing: border-box;
}
/*행사일정*/
.mainCont03 .event_box{flex: 1 1 0;}
.mainCont03 .event_box .list .date{
    color: #002D56;
    font-weight: 500;
    text-align: left;
    font-feature-settings: 'tnum';
}
.mainCont03 .event_box .list li.first a .date{
    width: 76px;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
}
.mainCont03 .event_box .list li.first a .txt_box{
    flex: 1 1 0;
    padding-left: 24px;
}

.mainCont04{
    background: url(../img/bg_main_sec4.jpg) no-repeat center / cover;
    padding: 100px 0 110px;
}
.mainCont04 .inner_box{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.mainCont04 span{
    color: #7ACFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 22px;
    font-weight: 500;
    line-height: 31px;
}
.mainCont04 h3{
    color: #FFF;
    font-size: 52px;
    font-weight: 600;
    line-height: 70px;
    margin-top: 12px;
}
.mainCont04 p{
    color: rgba(255, 255, 255, 0.90);
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
}
.mainCont04 a{
    display: inline-flex;
    align-items: center;
    gap: 0 6px;
    background: #FFF;
    padding: 0 24px;
    height: 50px;
    color: #002D56;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    margin-top: 24px;
    box-sizing: border-box;
}
.mainCont04 a::after{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/icon_main_sec4_arr.svg) no-repeat center;
}

.mainCont05{padding: 100px 0 120px;}
.mainCont05 .main_title_area{margin-bottom: 50px;}
.mainCont05 .inner_box{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.mainCont05 .inner_box ul{
    display: flex;
    gap: 0 24px;
}
.mainCont05 .inner_box li{
    flex: 1 1 0;
    text-align: center;
}
.mainCont05 .inner_box li a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 240px;
    border: 1px solid #DDE0E3;
    transition: .23s ease;
    position: relative;
}
.mainCont05 .inner_box li a::after{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/arr_main_sec5.svg) no-repeat center / cover;
    position: absolute;
    top: 15px; right: 15px;
}
.mainCont05 .inner_box li a .icon{
    display: block;
    width: 40px;
    height: 40px;
    background: no-repeat center / cover;
    margin: 0 auto 16px;
    transition: .23s ease;
}
.mainCont05 .inner_box li a:hover{
    background-color: #002D56;
    border-color: #002D56;
}
.mainCont05 .inner_box li strong{
    color: #222;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 4px;
}
.mainCont05 .inner_box li a:hover strong{color: #fff;}
.mainCont05 .inner_box li p{
    height: 44px;
    color: #727A82;
    font-size: 18px;
    line-height: 25px;
}
.mainCont05 .inner_box li a:hover p{color: rgba(255, 255, 255, 0.60);}
.mainCont05 .inner_box li.item01 a .icon{background-image: url(../img/icon_main_sec5_item01_off.svg);}
.mainCont05 .inner_box li.item02 a .icon{background-image: url(../img/icon_main_sec5_item02_off.svg);}
.mainCont05 .inner_box li.item03 a .icon{background-image: url(../img/icon_main_sec5_item03_off.svg);}
.mainCont05 .inner_box li.item04 a .icon{background-image: url(../img/icon_main_sec5_item04_off.svg);}
.mainCont05 .inner_box li.item05 a .icon{background-image: url(../img/icon_main_sec5_item05_off.svg);}
.mainCont05 .inner_box li.item01 a:hover .icon{background-image: url(../img/icon_main_sec5_item01_on.svg);}
.mainCont05 .inner_box li.item02 a:hover .icon{background-image: url(../img/icon_main_sec5_item02_on.svg);}
.mainCont05 .inner_box li.item03 a:hover .icon{background-image: url(../img/icon_main_sec5_item03_on.svg);}
.mainCont05 .inner_box li.item04 a:hover .icon{background-image: url(../img/icon_main_sec5_item04_on.svg);}
.mainCont05 .inner_box li.item05 a:hover .icon{background-image: url(../img/icon_main_sec5_item05_on.svg);}

.mainCont06{padding: 100px 0 120px;}
.mainCont06 .main_title_area{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative;
    box-sizing: border-box;
}
.mainCont06 .main_title_area .btn_main_more{
    position: absolute;
    top: 50%; right: 0;
    transform: translateY(-50%);
}
.mainCont06 .inner_box{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.mainCont06 .inner_box ul{
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
.mainCont06 .inner_box li{width: calc((100% - 96px) / 4);}
.mainCont06 .inner_box li a .img_box{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 186px;
    border: 1px solid #DDE0E3;
    overflow: hidden;
    transition: border .23s ease;
    position: relative;
}
.mainCont06 .inner_box li a .img_box::after{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: no-repeat center / cover;
    position: absolute;
    top: 10px; right: 10px;
}
.mainCont06 .inner_box li a:hover .img_box{border-color: #002D56;}
.mainCont06 .inner_box li a:hover .img_box::after{background-image: url(../img/arr_main_sec6.svg);}
.mainCont06 .inner_box li a .img_box img{max-width: 100%;}
.mainCont06 .inner_box li a .txt_box{
    padding: 12px 4px;
    text-align: center;
}
.mainCont06 .inner_box li a .txt_box dt{
    color: #222;
    font-size: 22px;
    font-weight: 600;
    line-height: 31px;
    transition: .23s ease;
}
.mainCont06 .inner_box li a:hover .txt_box dt{color: #002D56;}
.mainCont06 .inner_box li a .txt_box dd{
    color: #727A82;
    font-size: 18px;
    line-height: 25px;
    transition: .23s ease;
}
.mainCont06 .inner_box li a:hover .txt_box dd{color: rgba(0, 45, 86, 0.70);}

.mainCont07{
    background: #F6F8F9;
    padding: 100px 0 120px;
}
.mainCont07 .main_title_area{margin-bottom: 50px;}
.mainCont07 .inner_box{
    display: flex;
    gap: 0 120px;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.mainCont07 dl dt{
    display: flex;
    align-items: flex-end;
    gap: 0 15px;
    margin-bottom: 24px;
}
.mainCont07 dl dt h3{
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
}
.mainCont07 dl dt p{
    color: #727A82;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.mainCont07 .left{flex: 1;}
.mainCont07 .left ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.mainCont07 .left li{
    width: calc((100% - 80px) / 5);
    height: 130px;
}
.mainCont07 .left a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    transition: .23s ease;
}
.mainCont07 .left a .icon{
    display: block;
    width: 36px;
    height: 36px;
    background: no-repeat center;
    margin: 0 auto;
    transition: .23s ease;
}
.mainCont07 .left a .icon.item1{background-image: url(../img/icon_main_rewards01_off.svg);}
.mainCont07 .left a .icon.item2{background-image: url(../img/icon_main_rewards02_off.svg);}
.mainCont07 .left a .icon.item3{background-image: url(../img/icon_main_rewards03_off.svg);}
.mainCont07 .left a .icon.item4{background-image: url(../img/icon_main_rewards04_off.svg);}
.mainCont07 .left a .icon.item5{background-image: url(../img/icon_main_rewards05_off.svg);}
.mainCont07 .left a .icon.item6{background-image: url(../img/icon_main_rewards06_off.svg);}
.mainCont07 .left a .icon.item7{background-image: url(../img/icon_main_rewards07_off.svg);}
.mainCont07 .left a .icon.item8{background-image: url(../img/icon_main_rewards08_off.svg);}
.mainCont07 .left a .icon.item9{background-image: url(../img/icon_main_rewards09_off.svg);}
.mainCont07 .left a .icon.item10{background-image: url(../img/icon_main_rewards10_off.svg);}
.mainCont07 .left a:hover{
    background: #19ACC0;
    color: #fff;
    box-shadow: 0px 20px 10px -15px rgba(0, 0, 0, 0.2);
}
.mainCont07 .left a:hover .icon.item1{background-image: url(../img/icon_main_rewards01_on.svg);}
.mainCont07 .left a:hover .icon.item2{background-image: url(../img/icon_main_rewards02_on.svg);}
.mainCont07 .left a:hover .icon.item3{background-image: url(../img/icon_main_rewards03_on.svg);}
.mainCont07 .left a:hover .icon.item4{background-image: url(../img/icon_main_rewards04_on.svg);}
.mainCont07 .left a:hover .icon.item5{background-image: url(../img/icon_main_rewards05_on.svg);}
.mainCont07 .left a:hover .icon.item6{background-image: url(../img/icon_main_rewards06_on.svg);}
.mainCont07 .left a:hover .icon.item7{background-image: url(../img/icon_main_rewards07_on.svg);}
.mainCont07 .left a:hover .icon.item8{background-image: url(../img/icon_main_rewards08_on.svg);}
.mainCont07 .left a:hover .icon.item9{background-image: url(../img/icon_main_rewards09_on.svg);}
.mainCont07 .left a:hover .icon.item10{background-image: url(../img/icon_main_rewards10_on.svg);}

.mainCont07 .right{
    width: 360px;
    flex-shrink: 0;
}

.banner01{width: 100%; height: 210px; overflow: hidden; position: relative; }
.banner01 div.title{font-size: 16px; color:#fff; position: absolute; top:25px; left: 30px; z-index: 2}
.banner01 div.line{width:calc(100% - 225px); height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; overflow: hidden;  z-index: 2; top:36px; left:120px;}
.banner01 div.line div.ani{width: 0; background: #fff;position: absolute; height: 1px; z-index: 3; left:0; top:0}
.banner01 .slick-slider{height: 100%;}
.banner01 .slick-list{height: 100%;}
.banner01 li{padding: 0; box-sizing: border-box;position: relative;}
.banner01 li h1{margin-top: 35px}
.banner01 li h1 a{display: block; font-size: 24px; color:#fff; font-weight: 400;width: auto;height: auto;background: none;}
.banner01 li h1 a:hover{width: auto;height: auto;background: none;transition: none;}
.banner01 li p{font-size: 14px; color:#fff; margin-top: 5px}
.banner01 li a{width: 27px; height: 16px; background: url(../img/arrow02.png) no-repeat top right; display: inline-block; transition: all 0.6s ease;position: absolute;bottom: 30px;left: 30px;z-index: 1;}
.banner01 li a:hover{width:37px ; transition: all 0.6s ease;}
/* 배너버튼 */
.slick-slider .slick-track, .slick-slider .slick-list{padding: 0 0!important}
.banner01 ul.slick-dots{position: absolute; top:32px; right: 30px;}
.banner01 ul.slick-dots li{width: 11px; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; height: 11px; padding: 0; margin-left: 5px; float: left}
.banner01 ul.slick-dots li.slick-active{background: #fff;}
.banner02 ul.slick-dots{position: absolute; top:32px; right: 30px;}

.quick_link{
    display: flex;
    margin-top: 8px;
}
.quick_link a{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 12px 16px;
    border: 1px solid #DDE0E3;
    transition: .23s ease;
    margin-left: -1px;
    box-sizing: border-box;
}
.quick_link a b{
    color: #2C3036;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
}
.quick_link a span{
    color: #727A82;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
}
.quick_link a:hover{
    background: #fff;
    border-color: #002D56;
    z-index: 1;
}
.quick_link a:hover b{color: #002D56;}
.quick_link a:hover span{color: #51677A;}

/* mini */
@media(max-width:1200px){
    .mainCont07 .inner_box{gap: 0 20px;}
    .mainCont07 .left li{width: calc((100% - 40px) / 5);}
    .mainCont07 .left ul{gap: 10px;}
}

/* 모바일 */
@media(max-width:920px){
    .web_hide{display: block;}
    .mob_hide{display: none !important;}

    .header{
        display: flex;
        align-items: center;
        padding: 0 20px;
        height: 60px;
        box-sizing: border-box;
    }
    .header_hide .header{transform: translateY(-60px);}
    .header_small .header{background: #fff;}
    .header_small.header_hide .header{transform: translateY(-60px);}
    .header_small .h_center_box{height: auto;}
    .header_small .h_center_box::before{content: none;}
    .header_small .h_center_box .logo_box{width: 100%;}

    /*탭영역 있는 경우*/
    .has_tab.header_hide .header{transform: translateY(-60px);}
    .has_tab.header_small.header_hide .header{transform: translateY(-60px);}

    .h_left_box,
    .h_right_box{display: block;width: 60px;}

    .h_center_box{width: calc(100% - 120px); height: auto;justify-self: center;margin-right: 0;}

    .h_right_box{display: flex;align-items: center;justify-content: flex-end;}

    .h_left_box .mob_btn_menu,
    .h_left_box .mob_btn_back,
    .h_right_box .mob_btn_user,
    .h_right_box .mob_btn_refresh,
    .h_right_box .mob_btn_add,
    .h_right_box .mob_btn_modify,
    .h_right_box .mob_btn_write,
    .h_right_box .mob_btn_delete,
    .h_right_box .mob_btn_spam{display: block; width: 24px;height: 24px;cursor: pointer;line-height: 1;background: no-repeat center;}

    .h_left_box .mob_btn_menu{background-image: url(../img/icon_header_menu.svg);}
    .h_left_box .mob_btn_back{background-image: url(../img/arr_back.svg);}
    .h_right_box .mob_btn_user{background-image: url(../img/icon_header_user.svg);}
    .h_right_box .mob_btn_refresh{}
    .h_right_box .mob_btn_add{}
    .h_right_box .mob_btn_modify{}
    .h_right_box .mob_btn_write{}
    .h_right_box .mob_btn_delete{}
    .h_right_box .mob_btn_spam{}
    
    .h_center_box .logo_box{width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
    .h_center_box .logo_box a{display: block; width: 185px;background-size: contain;}

    /* sub header btn setting */
    .h_left_box .mob_btn_back,
    .h_center_box .mob_sub_tit,
    .h_right_box .mob_btn_refresh,
    .h_right_box .mob_btn_add,
    .h_right_box .mob_btn_modify,
    .h_right_box .mob_btn_write,
    .h_right_box .mob_btn_delete,
    .h_right_box .mob_btn_spam{display: none !important;}

    /* 모바일 헤더 > 뒤로가기 버튼일 경우 != 메뉴버튼 */
    .wrap.mob_h_back .h_left_box .mob_btn_menu{display: none !important;}
    .wrap.mob_h_back .h_left_box .mob_btn_back{display: block !important;}

    /* 모바일 헤더 > 타이틀일 경우 != 로고 */
    .wrap.mob_h_title .h_center_box .logo_box{display: none !important;}
    .wrap.mob_h_title .h_center_box .mob_sub_tit{display: block !important;}
    .wrap.mob_h_title .h_center_box .mob_sub_tit span{display: block;font-size: 20px;line-height: 30px;font-weight: 500;}

    /* 모바일 헤더 > 회원정보 버튼 없는 경우 */
    .wrap.mob_h_nouser .h_right_box .mob_btn_user{display: none;}

    /* 모바일 헤더 > 멤버십 페이지 */
    .wrap.mob_h_mambership .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_mambership .h_right_box .mob_btn_refresh,
    .wrap.mob_h_mambership .h_right_box .mob_btn_add{display: block !important;}
    .wrap.mob_h_mambership .h_right_box .mob_btn_add{margin-left: 15px;}

    /* 모바일 헤더 > 수정버튼 만 */
    .wrap.mob_h_modify .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_modify .h_right_box .mob_btn_modify{display: block !important;}

    /* 모바일 헤더 > 수정버튼 만 */
    .wrap.mob_h_comple .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_comple .h_right_box .mob_btn_write{display: block !important;}

    /* 모바일 헤더 > 등록 삭제버튼 */
    .wrap.mob_h_write .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_write .h_right_box .mob_btn_write,
    .wrap.mob_h_write .h_right_box .mob_btn_delete{display: block !important;}
    .wrap.mob_h_write .h_right_box .mob_btn_delete{margin-left: 15px;}

    /* 모바일 헤더 > 수정 삭제버튼 */
    .wrap.mob_h_modify2 .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_modify2 .h_right_box .mob_btn_modify,
    .wrap.mob_h_modify2 .h_right_box .mob_btn_delete{display: block !important;}
    .wrap.mob_h_modify2 .h_right_box .mob_btn_delete{margin-left: 15px;}

    /* 모바일 헤더 > 쪽지 삭제/차단 버튼 */
    .wrap.mob_h_massage .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_massage .h_right_box .mob_btn_delete,
    .wrap.mob_h_massage .h_right_box .mob_btn_spam{display: block !important;}
    .wrap.mob_h_massage .h_right_box .mob_btn_spam{margin-left: 15px;}
    .wrap.mob_h_massage .h_right_box .mob_btn_spam.on img.notSpam{display: none;}
    .wrap.mob_h_massage .h_right_box .mob_btn_spam.on img.thisSpam{display: block;}
    .wrap.mob_h_massage .h_right_box .mob_btn_spam img.notSpam{display: block;}
    .wrap.mob_h_massage .h_right_box .mob_btn_spam img.thisSpam{display: none;}

    /* 모바일 헤더 > 삭제버튼 */
    .wrap.mob_h_delete .h_right_box .mob_btn_user{display: none;}
    .wrap.mob_h_delete .h_right_box .mob_btn_delete{display: block !important;}

    .gnb_area{display: none;}

    /* 모바일 사이드 메뉴 */
    .mobMenuWrap{display: block; position: fixed;top: 0;left: -100%; width: 100%;min-height: 100vh;z-index: 1000;transition: 0.23s ease;}
    .mobMenuWrap.on{left: 0;}
    .mobMenuWrap .dim{position: fixed;top: 0;left: 0; background: rgba(0, 0, 0, 0);width: 0;height: 100%;transition: .5s ease;}
    .mobMenuWrap.on .dim{width: 100%; background: rgba(0, 0, 0, 0.7);}
    .mobMenuWrap .scroll_box{width: 100%; height: 100vh;overflow-y: auto;}

    #menu{max-width: 280px;width: 100%; display: block;background: #fff;position: absolute;top: 0;left: 0;z-index: 1;}
    #menu .m_head{display: flex; align-items: center; padding: 18px 20px 12px;justify-content: space-between;}
    #menu .m_head .btn_home{
        width: 20px;
        height: 20px;
        background: url(../img/icon_side_home_m.svg) no-repeat center;
    }
    #menu .m_head .btn_close{
        width: 20px;
        height: 20px;
        background: url(../img/icon_side_close_m.svg) no-repeat center;
    }
    #menu .m_body .user_info{
        display: inline-block;
        margin-bottom: 12px;
        padding: 0 26px 0 20px;
        margin-top: 10px;
        font-size: 15px;
        line-height: 21px;
        background: url(../img/icon_side_arr.svg) no-repeat center right;
    }
    
    #menu .m_body .quick_box{padding: 0 20px 20px;}
    #menu .m_body .quick_box .inner_box{
        display: flex;
        gap: 0 10px;
        border-radius: 2px;
        background: #F5F7F9;
        padding: 12px 0;
    }
    #menu .m_body .quick_box .inner_box a{
        flex: 1 1 0;
        text-align: center;
    }
    #menu .m_body .quick_box .inner_box a::before{
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        background: no-repeat center / cover;
        margin: 0 auto 6px;
    }
    #menu .m_body .quick_box .inner_box span{
        color: #222;
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
    }
    #menu .m_body .quick_box .inner_box .btn_quick_item01::before{background-image: url(../img/icon_quick_item01.svg);}
    #menu .m_body .quick_box .inner_box .btn_quick_item02::before{background-image: url(../img/icon_quick_item02.svg);}
    #menu .m_body .quick_box .inner_box .btn_quick_item03::before{background-image: url(../img/icon_quick_item03.svg);}

    #menu .m_body .gnb_wrap{border-top: 8px solid #EAEDF0;}
    #menu .m_body .gnb_wrap>ul{padding: 10px 0 0;}
    #menu .m_body .gnb_wrap>ul>li:not(:first-child){margin-top: 10px;}
    #menu .m_body .gnb_wrap>ul>li:last-child{padding-bottom: 0;}
    #menu .m_body .gnb_wrap>ul>li>a{
        display: flex;
        align-items: center;
        gap: 0 10px;
        padding: 10px 20px;
        color: #222;
        font-size: 15px;
        font-weight: 600;
        line-height: 21px;
    }
    #menu .m_body .gnb_wrap>ul>li>a::before{content: '';display: block;width: 26px;height: 26px;background: no-repeat center / cover;}
    #menu .m_body .gnb_wrap>ul>li.gnb_item01>a::before{background-image: url(../img/icon_menu_item01.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item02>a::before{background-image: url(../img/icon_menu_item02.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item03>a::before{background-image: url(../img/icon_menu_item03.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item04>a::before{background-image: url(../img/icon_menu_item04.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item05>a::before{background-image: url(../img/icon_menu_item05.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item06>a::before{background-image: url(../img/icon_menu_item06.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item07>a::before{background-image: url(../img/icon_menu_item07.svg);}
    #menu .m_body .gnb_wrap>ul>li.gnb_item08>a::before{background-image: url(../img/icon_menu_item08.svg);}
    #menu .m_body .gnb_wrap>ul>li>a{background: url(../img/icon_menu_arr_off.svg) no-repeat center right 20px;}
    #menu .m_body .gnb_wrap>ul>li.on>a{background-image: url(../img/icon_menu_arr_on.svg);}

    /* 2depth */
    #menu .m_body .gnb_wrap>ul>li ul{background: #F6F7F9;padding: 15px 0 15px 56px;display: none;}
    #menu .m_body .gnb_wrap>ul>li.gnb_item07 ul{display: block;}
    #menu .m_body .gnb_wrap>ul>li ul li{margin-bottom: 10px;}
    #menu .m_body .gnb_wrap>ul>li ul li:last-child{margin-bottom: 0;}
    #menu .m_body .gnb_wrap>ul>li ul li a{font-size: 15px;line-height: 21px;color: #727A82;}
    #menu .m_body .gnb_wrap>ul>li ul li.on a{color: #002D56;text-decoration: underline;font-weight: 500;}

    #menu .m_body .gnb_wrap .uni_box{border-top: 8px solid #EAEDF0;border-bottom: 8px solid #EAEDF0;padding: 14px 20px;}
    #menu .m_body .gnb_wrap .uni_box .btn_uni{display: block; color: #727A82;line-height: 18px;background: url(../img/icon_external-link.svg) no-repeat center right / 14px auto;}
    #menu .btn_logout{
        display: block;
        color: #727A82;
        text-align: center;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 20px;
    }

    #menu .m_body .gnb_wrap .quick_link{display: flex;align-items: center;margin-top: 0;}
    #menu .m_body .gnb_wrap .quick_link>a{flex: 1 1 0;text-align: center;position: relative;line-height: 18px;color: #727A82;border-width: 0;border-top: 1px solid #eee;}
    #menu .m_body .gnb_wrap .quick_link>a::after{content: '';display: block;width: 1px;height: 10px;background: #E6E6E6;position: absolute;top: calc(50% - 5px);right: 0;}

    /* topBtn */
    .topBtn{bottom: 70px;right: 10px; width: 40px;height: 40px;background: url(../img/top_btn_m.png) no-repeat center / cover;}
    .wrap.no_topBtn .topBtn{display: none;}
    .wrap.show_QuickMenu .topBtn{bottom: 70px;}

    /* footer */
    .footerT{
        height: 53px;
        position: static;
    }
    .footerT .inner_box{
        justify-content: center;
        position: static;
    }
    .footerT .info li a{font-size: 15px;}
    
    .footerT .selectWrap{display: none;}
    .wrap.mob_nofooter .footerWrap{display: none;}
    .wrap.mob_show_footer .footerWrap{display: block;}
    .wrap.mob_show_footer .topBtn{display: block;}
    .wrap.show_QuickMenu .footerWrap{padding-bottom: 60px;}

    .footerCont{padding: 20px;}
    .footerCont .inner_box{flex-direction: column;}
    .footerCont .f_info{
        position: static;
        margin-top: 20px;
        text-align: center;
    }
    .footerCont .f_info strong{
        display: block;
        color: #44494E;
        font-size: 15px;
        font-weight: 500;
        line-height: 21px;
        margin-bottom: 4px;
    }
    .footerCont .f_info p{
        display: flex;
        justify-content: center;
        gap: 0 12px;
        color: #44494E;
        font-size: 15px;
        font-weight: 500;
        line-height: 21px;
    }
    .footerCont .f_info .icon_mail{
        background-image: url(../img/icon_footer_mail_m.svg);
        margin-bottom: 0;
    }
    .footerCont .f_info .icon_phone{background-image: url(../img/icon_footer_phone_m.svg);}
    .footerCont .familysite{
        order: 1;
        width: 100%;
        margin-top: 20px;
        box-sizing: border-box;
    }
    .footerCont .familysite select{
        width: 100%;
        color: #44494E;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        border-bottom: 1px solid #DDE0E3;
        background: #fff url(../img/icon_sel_down_m.svg) no-repeat center right 20px;
        padding: 16px 20px;
        box-sizing: border-box;
    }
    .footerCont .f_copy{padding: 0;}
    .footerCont .f_copy p{
        color: #727A82;
        font-size: 13px;
        line-height: 1.4;
    }

    .btn_main_more{
        font-size: 15px;
        line-height: 20px;
    }

    .wrap.show_QuickMenu .mobQuickMenu{display: block !important;}

    /* login */
    .login_wrap #contents{min-height: 100vh;}
    .sub_login .login_box{border-width: 0;padding: 0 40px;margin-top: 0;}
    .sub_login .login_box .login_header{padding-top: 45px;flex-wrap: wrap;}
    .sub_login .login_box .login_header .mob_btn_box{display: block;width: 100%;margin-bottom: 5px;}
    .sub_login .login_box .login_header .mob_btn_box .mob_btn_back{display: block;width: 30px;height: 30px;background: url(../img/login/btn_back.png) no-repeat top left / 20px auto;}
    .login_wrap #footer{display: none;}
    .sub_login .login_box .sns_box a.btn_kakao span{background-image: url(../img/login/ico_kakao_m.png);background-size: 22px auto;}
    .sub_login .login_box .sns_box a.btn_naver span{background-image: url(../img/login/ico_naver_m.png);background-size: 14px auto;}
    .sub_login .login_box .sns_box a.btn_facebook span{background-image: url(../img/login/ico_facebook_m.png);background-size: 10px auto;}
    .sub_login .login_box .sns_box a.btn_google span{background-image: url(../img/icon/ico_google_m.png);background-size: 22px auto;}

    .layer_login_layer .layer_login_area{width: calc(100% - 40px); transition: all .5s;}
    .layer_login_layer .layer_login_area .layer_login_txt1{padding: 19px 30px 0 30px; transition: all .5s;}
    .layer_login_layer .layer_login_area dl{padding: 0 30px; transition: all .5s;}
    .layer_login_layer .layer_login_area .layer_login_btn{padding: 0 30px; transition: all .5s;}
    .layer_login_layer .layer_login_area .layer_login_tit{padding: 0 20px; transition: all .5s;}
    .layer_login_layer .layer_login_area .layer_login_btn .layer_login_pw_reset{font-size: 15px;}
    .layer_login_layer .layer_login_area .layer_login_tit .layer_login_close{right: 20px; transition: all .5s;}

    .sub_login.sub_signup .login_box .form_box{margin-top: 105px;}
    .sub_login.sub_signup .login_box .form_box p{margin-bottom: 80px;}
    .sub_login.sub_signup .login_box .form_box .btn_login{height: 60px;line-height: 60px;font-size: 18px;}
    .sub_login.sub_signup .login_box .sns_box{margin-bottom: 61px;}

    .sub_agree .agree_box{padding: 0 40px;border-width: 0;margin-top: 0;}
    .sub_agree .agree_box .agree_tit{margin-top: 53px;}
    .sub_agree .agree_box .agree_txt{margin-bottom: 60px;}
    .sub_agree .agree_box .agree_progress li{padding: 0 25px;}
    .sub_agree .agree_check .agree_check_tit{padding-bottom: 15px;}
    .sub_agree .agree_check .btn_myself{margin-bottom: 40px;}
    .sub_agree .agree_check .agree_check_bot li a.agree_link{background-image: url(../img/login/ico_arr_right02_m.png);background-size: 7px auto;}

    .sub_agree.sub_user .agree_box{margin-bottom: 0;margin-top: 0;}
    .sub_agree.sub_user .agree_box .form_box{margin-top: 0;}
    .sub_agree.sub_user .agree_box .form_box .btn_save{margin-bottom: 40px;}

    .layer_complete_area .layer_complete_wrap{padding: 0 20px 40px 20px; width: calc(100% - 40px); transition: all 0.5s;}
    .layer_complete_area .layer_complete_wrap .complete_img img{width: 57px; top: -32px; transition: all 0.5s;}
    .layer_complete_area .layer_complete_wrap .complete_wrap{padding-top: 108px; transition: all 0.5s;}
    .layer_complete_area .layer_complete_wrap .complete_wrap .complete_tit{font-size: 24px; transition: all 0.5s;}
    .layer_complete_area .layer_complete_wrap .complete_wrap dd.complete_txt2{margin-bottom: 50px;}
    .layer_complete_wrap .complete_btn{padding: 0 10px; transition: all 0.5s;}
    .layer_complete_wrap .complete_link{margin-bottom: 0;}

    /* 학정정보 */
    .add_area{padding: 0;}
    .add_area .add_box_wrap > ul >li dl.add_2st{width:calc(55% - 10px); margin-right: 20px;}
    .add_area .add_box_wrap > ul >li dl.add_3st{width:calc(45% - 10px);}
    
    /* 메인 비주얼 */
    main .visual_area{padding-top: 60px;}
    .mainVisual li{height: 380px; overflow: hidden;}
    .mainVisual li.no1{background-image: url(../img/main_visual01_m.jpg);}
    .mainVisual li.no2{background-image: url(../img/main_visual02_m.jpg);}
    .mainVisual li.no3{background-image: url(../img/main_visual03_m.jpg);}
    .mainVisual li.no4{background-image: url(../img/main_visual04_m.jpg);}
    .mainVisual li.no5{background-image: url(../img/main_visual05_m.jpg);}
    .mainVisual li.no6{background-image: url(../img/main_visual06_m.jpg?v=20250416);}
    .mainVisual li.no7{background-image: url(../img/main_visual07_m.png);}
    .mainVisual li.no8{background-image: url(../img/main_visual08_m.png);}
    .mainVisual li.no9{background-image: url(../img/main_visual09_m.png?v=20250827);}
    .mainVisual li.no10{background-image: url(../img/main_visual10_m.png);}
    .mainVisual li.no11{background-image: url(../img/main_visual11_m.png);}
    .mainVisual li.no12{background-image: url(../img/main_visual12_m.png);}
    .mainVisual li.no13{background-image: url(../img/main_visual13_m.jpg);}

    .mainVisual li div{
        margin: 0;
        padding: 0 20px;
    }
    .mainVisual li h1{
        font-size: 16px;
        margin-top: 40px;
        margin-bottom: 0;
    }
    .mainVisual li h2{
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4;
        margin-top: 10px;
    }
    .mainVisual li h2 span{font-weight: 700;}
    
    .navi{
        padding: 0 20px;
        bottom: 35px;
        box-sizing: border-box;
    }
    .navi li.paging{margin-right: auto;}
    .navi li.paging .mainVosualLine{width: 90px;}
    .navi li.paging .nbox,
    .navi li.paging .nbox2{
        width: 22px;
        font-size: 18px;
    }
    .navi li.left{
        width: 24px;
        height: 24px;
        background-size: cover;
        margin-right: 15px;
    }
    .navi li.pause .slickPause.on{
        width:24px;
        height:24px;
        background-size: cover;
    }
    .navi li.pause .slickPlay.on{
        width:24px;
        height:24px;
        background-size: cover;
    }
    .navi li.right{
        width: 24px;
        height: 24px;
        background-size: cover;
        margin-left: 15px;
    }

    /* 메인 > 타이틀 공통 */
    .main_title_area{display: none;}

    /* maincont01 */
    .mainCont01{
        width: 100%;
        padding: 40px 20px 50px;
        box-sizing: border-box;
    }
    .mainCont01 .main_title_area{display: block;}
    .mainCont01 .main_title_area h2{
        color: #222;
        font-size: 24px;
        font-weight: 600;
        line-height: 24px;
    }

    .media_area .tab{margin-top: 12px;}
    .media_area .tab ul{gap: 0 10px;}
    .media_area .tab li{
        flex: 1 1 0;
        text-align: center;
        font-size: 16px;
        line-height: 36px;
        font-weight: 400;
    }
    .media_area .tab li:hover{
        font-weight: 400;
        box-shadow: none;
        padding-bottom: 0;
        color: #5B6168;
    }
    .media_area .list{margin-top: 20px;}
    .media_area .list ul{
        gap: 20px 0;
    }
    .media_area .list ul li{width: 100%;}
    .media_area .list ul li:nth-child(n+5):nth-child(-n+7){display: none;}
    .media_area .list ul li a{
        display: flex;
        gap: 0 12px;
    }
    .media_area .list ul li a .img_box{
        flex-shrink: 0;
        width: 120px;
        height: 80px;
        margin-bottom: 0;
    }
    .media_area .list ul li a .img_box .badge{
        padding: 3px 6px;
        font-size: 12px;
        line-height: 17px;
    }
    .media_area .list ul li a .txt_box{flex: 1 1 0;}
    .media_area .list ul li a .txt_box dt{
        font-size: 18px;
        line-height: 24px;
        min-height: 48px;
    }
    .media_area .list ul li a .txt_box .date p{font-size: 13px;}
    .media_area .list ul li a .txt_box .date span{font-size: 13px;}
    .media_area .list ul li.bg{
        padding: 12px 20px;
        margin-top: -4px;
    }
    .media_area .list ul li.bg a{
        flex-direction: row;
        justify-content: flex-start;
        gap: 8px 0;
    }
    .media_area .list ul li.bg a::after{
        margin-top: 0;
        margin-left: auto;
    }
    .media_area .list ul li.bg p{
        text-align: left;
        font-size: 15px;
        font-weight: 400;
        line-height: 21px;
    }

    /* mainCont02 */
    .mainCont02{padding: 40px 20px;}
    .mainCont02 .inner_box{
        justify-content: center;
        flex-wrap: wrap;
        padding: 0 8px;
        gap: 30px 24px;
    }
    .mainCont02 dl{width: calc(50% - 12px);}
    .mainCont02 dl dt{
        font-size: 16px;
        line-height: 22px;
    }
    .mainCont02 dl dd{
        line-height: 42px;
        margin-bottom: 0;
    }
    .mainCont02 dl dd.num{
        font-size: 42px;
        line-height: 60px;
    }
    .mainCont02 dl dd.department{font-size: 32px;}

    /* mainCont03 */
    .mainCont03{padding: 40px 20px 50px;}
    .mainCont03 .inner_box{
        flex-direction: column;
        gap: 50px 0;
    }
    .mainCont03 .sub_tit{padding-bottom: 16px;}
    .mainCont03 .sub_tit strong{
        font-size: 24px;
        line-height: 1;
    }
    .mainCont03 .list li a{padding: 12px 0;}
    .mainCont03 .list li.first .list_tit{margin-bottom: 6px;}
    .mainCont03 .list li.first .list_desc{min-height: 44px;}

    .mainCont03 .list .list_tit {
        width: calc(100% - 82px);
        font-size: 18px;
        line-height: 25px;
    }
    .mainCont03 .list .date{
        width: 82px;
        font-size: 15px;
        line-height: 21px;
    }

    .mainCont03 .list li.first a{
        flex-direction: column;
        padding: 16px 0;
    }
    .mainCont03 .notice_box .list li.first a .img_box{
        width: 100%;
        height: 198px;
        margin-bottom: 20px;
    }
    .mainCont03 .notice_box .list li.first a .img_box.noimg{display: none;}
    .mainCont03 .notice_box .list li.first a .txt_box{padding: 0;}
    .mainCont03 .notice_box .list li.first .date{display: none;}

    .mainCont03 .event_box .list li.first .list_tit{margin-bottom: 2px;}
    .mainCont03 .event_box .list li.first .list_desc{
        -webkit-line-clamp: 1;
        min-height: 22px;
    }
    .mainCont03 .event_box .list li.first a{flex-direction: row;}
    .mainCont03 .event_box .list li.first a .date{
        width: 72px;
        font-size: 24px;
        line-height: 26px;
    }
    .mainCont03 .event_box .list li.first a .txt_box{padding-left: 10px;}
    
    .mainCont04{
        background-image: url(../img/bg_main_sec4_m.jpg);
        padding: 50px 20px 60px;
    }
    .mainCont04 span{
        text-shadow: none;
        font-size: 15px;
        line-height: 21px;
    }
    .mainCont04 h3{
        color: #FFF;
        font-size: 26px;
        line-height: 36px;
    }
    .mainCont04 p{
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
        word-break: keep-all;
    }
    .mainCont04 a{
        gap: 0 4px;
        padding: 0 20px;
        height: 42px;
        font-size: 15px;
        line-height: 42px;
    }

    .mainCont05{padding: 40px 20px 50px;}
    .mainCont05 .main_title_area{
        display: block;
        margin-bottom: 20px;
    }
    .mainCont05 .main_title_area h2{
        color: #222;
        font-size: 24px;
        font-weight: 600;
        line-height: 24px;
    }
    .mainCont05 .inner_box ul{
        flex-direction: column;
        gap: 10px 0;
    }
    .mainCont05 .inner_box li a{
        align-items: flex-start;
        justify-content: center;
        height: 90px;
        padding: 10px 30px 10px 86px;
        text-align: left;
        position: relative;
        box-sizing: border-box;
    }
    .mainCont05 .inner_box li a::after{
        width: 18px;
        height: 18px;
        top: 50%; right: 30px;
        transform: translateY(-50%);
        background-image: url(../img/arr_main_sec5_m.svg);
    }
    .mainCont05 .inner_box li a .icon{
        width: 36px;
        height: 36px;
        margin: 0;
        position: absolute;
        top: 50%; left: 30px;
        transform: translateY(-50%);
    }
    .mainCont05 .inner_box li strong{
        font-size: 18px;
        line-height: 25px;
    }
    .mainCont05 .inner_box li p{
        font-size: 16px;
        line-height: 22px;
        height: auto;
    }
    .mainCont06{padding: 50px 0;}
    .mainCont06 .main_title_area{
        display: block;
        margin-bottom: 20px;
    }
    .mainCont06 .main_title_area h2{
        font-size: 24px;
        font-weight: 600;
        line-height: 24px;
    }
    .mainCont06 .main_title_area .btn_main_more{right: 20px;}
    .mainCont06 .inner_box ul{
        padding: 0 20px;
        gap: 20px 10px;
    }
    .mainCont06 .inner_box li{width: calc(calc(100% - 10px) / 2);}
    .mainCont06 .inner_box li a .img_box{
        height: 70px;
        padding: 0 8px;
    }
    .mainCont06 .inner_box li a .txt_box{padding: 12px 0;}
    .mainCont06 .inner_box li a .txt_box dt{
        font-size: 16px;
        line-height: 22px;
    }
    .mainCont06 .inner_box li a .txt_box dd{
        font-size: 13px;
        line-height: 18px;
    }

    .mainCont07{padding: 40px 20px 50px;}
    .mainCont07 .main_title_area{
        display: block;
        margin-bottom: 20px;
    }
    .mainCont07 .main_title_area h2{
        color: #222;
        font-size: 24px;
        font-weight: 600;
        line-height: 24px;
    }
    .mainCont07 .inner_box{
        gap: 20px 0;
        flex-direction: column;
    }
    .mainCont07 dl dt{display: none;}
    .mainCont07 .left ul{gap: 10px;}
    .mainCont07 .left li{
        width: calc((100% - 20px) / 3);
        height: 100px;
    }
    .mainCont07 .left a{
        gap: 6px;
        font-size: 16px;
        line-height: 22px;
    }
    .mainCont07 .left a .icon{
        width: 32px;
        height: 32px;
        background-size: cover;
    }
    .mainCont07 .right{width: 100%;}
    .banner{width: 100%;flex-direction: column;}
    .banner01{height: auto;}
    .banner01 li h1{margin-top: 41px;margin-bottom: 12px;}
    .banner01 li h1 a{font-size: 22px;line-height: 22px;}
    .banner01 li p{font-size: 13px;line-height: 18px;}
    .banner01 li a{bottom: 18px; left: 20px;}
    .banner01 li img{width: 100%;height: auto;}
    .banner01 div.title{top: 15px; left: 15px;}
    .banner01 div.line{
        top: 22px; left: 80px;
        width: calc(100% - 160px);
    }
    /* 배너버튼 */
    .banner01 ul.slick-dots{right: 15px; top: 15px;}
    .quick_link{
        display: flex;
        margin-top: 8px;
    }

}