@import url("../css/reset.css");

/* 바로가기 */
#skip { position:absolute; top: -100px; left: 0; width: 100%; z-index:99999; }
#skip a:focus { position: absolute; width: 100%; top: 100px; left:0; padding: 0 20px; z-index: 99999; text-align: center; font-size: 16px; line-height:36px; color: #fff; background: #000; overflow: visible; clip: unset; }

/* 레이아웃 */
.inner {max-width: 1480px; margin: 0 auto; padding: 0 20px;}
.main_inner {max-width: 1640px; margin: 0 auto; padding: 0 20px;}
.mt50 { margin-top: 50px; }
.txt_bg_box {border-radius: 20px; background: #EEF2F6;padding: 40px;margin: 10px 0 40px;}
.t_left {text-align: left !important;}
.t_center {text-align: center !important;}
.mt60 {margin-top: 60px;}
.mb60 {margin-bottom: 60px;}
.mb20 {margin-bottom: 20px;}
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mt0 {margin-top: 0 !important;}
.flex {display: flex; gap: 6px; justify-content: space-between;}
.pl_list div {font-size: inherit;color: inherit;}
.pl_list div + div {padding-left: 10px;}
.pl_list .list1 {margin-left: -5px;}
.pl_list div:nth-child(2) + div {padding-left: 25px;}
.pl_list div:nth-child(3) + div {padding-left: 35px;}
.pl_list div:nth-child(4) + div {padding-left: 45px;}
.pl_list.type2 div {font-size: inherit; color: inherit; text-align: left; width: fit-content;margin: 0 auto;} 
.pl_list.type2 div span {font-size: inherit; color: inherit; display: block;} 
.pl_list.type2 div span + span {padding-left: 10px;} 
.pl_list.type2 div span:nth-child(2) + span {padding-left: 20px;} 


/* 텍스트말줄임 */
.text_wrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: inherit; color: inherit; font-weight: inherit; }
.text_wrap2 { overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: inherit; color: inherit; font-weight: inherit; }
.text_wrap4 { overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: inherit; color: inherit; font-weight: inherit; }

/* 폼요소 */
input::placeholder,
textarea::placeholder { color: #9EA3A5; }
input:not(input[type=radio],
input[type=checkbox]),
select,
textarea { width:100%; background-color:#fff; font-size:16px;/* 폼요소는16px로 */ font-weight:500; color: #444646; padding:10px 12px; border:1px solid #d8d8d8; border-radius:10px; }
select { position: relative; z-index: 1; border: none; height: 100%;}
input:not(input[type=radio].err, input[type=checkbox]).err{border:1px solid #DB3535;}
.select_wrap { position: relative; border:1px solid #ddd; background: #fff; border-radius: 10px; }
.select_wrap::before { content: ''; position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 24px; height: 24px; background: url(../images/sub/ic_drop.svg) no-repeat; background-size: cover; pointer-events: none; }
.input_date {position: relative; background: #fff; border-radius:10px; }
.input_date::before {content: '';width: 24px;height: 24px;position: absolute;top: 50%;right: 16px;transform: translateY(-50%); background: url(../images/sub/ic_cal.svg) no-repeat center center;background-size: cover;}
.input_date input {position: relative; background: none !important;}
input[readonly] {background-color: #EEF2F6 !important; }
textarea[readonly] {background-color: #EEF2F6 !important; }
input.tel1{background-color: #EEF2F6 !important; width: 100px !important; color: #9EA3A6 !important;}
input[type=text]:focus {border: 1px solid #000 !important; outline: none;}
input.wd50 {max-width: 617px; }
input.wd40 {max-width: 507px; }

/* 라디오버튼 */
input[type=radio] { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px }
input[type=radio] + label { position:relative; display:inline-block; padding:0 0 0 36px; min-height:28px; line-height:1.4; vertical-align:middle; background-image:url("../images/common/bull_radio.png"); background-size: 28px auto; background-repeat: no-repeat; font-size: 18px; color: #000; cursor: pointer; font-weight: 400;}
input[type=radio]:checked + label { background-image:url("../images/common/bull_radio_on.png"); }
input[type=radio] + label.on { background-image:url("../images/common/bull_radio_on.png"); }
input[type=radio]:focus + label { outline:2px solid #0044bd; outline-offset: 1px; }
input[type=radio]:disabled + label { background-image:url("../images/common/bull_radio_disabled.png"); }
.radio_wrap {display: flex; gap: 40px;}

.radio_wrap2 {display: flex; gap: 20px; flex-direction: column;}
.radio_wrap2 .radio_box {background: #fff;border-radius: 20px;padding: 20px; border: 1px solid transparent;}
.radio_wrap2 .radio_box:has(input:checked) {border: 1px solid #0C2B80;}
.radio_wrap2 input[type=radio] { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px }
.radio_wrap2 input[type=radio] + label {position:relative; display:inline-block; padding:0 0 0 36px; min-height:28px; line-height:1.3; vertical-align:middle; background-image:url("../images/common/bull_check.png"); background-size: 28px auto; background-repeat: no-repeat; font-size: 18px; color: #000; cursor: pointer; font-weight: 400;}
.radio_wrap2 input[type=radio]:checked + label { background-image:url("../images/common/bull_check_on.png"); }
.radio_wrap2 input[type=radio] + label.on { background-image:url("../images/common/bull_check_on.png"); }
.radio_wrap2 input[type=radio]:focus + label { outline:none; }
.radio_wrap2 input[type=radio]:disabled + label { background-image:url("../images/common/bull_check_disabled.png"); }
.answer_box .radio_wrap2 input[type=radio] + label { display: flex; justify-content: space-between; align-items: end;}
.answer_box .radio_wrap2 input[type=radio] + label .answer-mark {display: flex; flex-shrink: 0; justify-content: center; align-items: center; gap:6px; font-size: 18px; font-weight: 400; color: #fff; display: flex;justify-content: center; align-items: center; background: #0D76CC; border-radius: 10px; height: 32px; padding: 0 8px;}
.answer_box .radio_wrap2 input[type=radio] + label .wrong-answer {display: flex; flex-shrink: 0; justify-content: center; align-items: center; gap:6px; font-size: 18px; font-weight: 400; color: #fff; display: flex;justify-content: center; align-items: center; background: #AF2A2A; border-radius: 10px; height: 32px; padding: 0 8px;}
.answer_box .radio_wrap2 input[type=radio] + label .answer-mark::after {content: '';width: 16px;height: 16px;background: url(../images/sub/ic_circle.svg) no-repeat; background-size: cover;}
.answer_box .radio_wrap2 input[type=radio] + label .wrong-answer::after {content: '';width: 12px;height: 12px;background: url(../images/sub/ic_x2.svg) no-repeat; background-size: cover;}

/* 체크박스 */
input[type=checkbox] { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px }
input[type=checkbox] + label {position:relative; display:inline-block; padding:0 0 0 36px; min-height:28px; line-height:1.6; vertical-align:middle; background-image:url("../images/common/bull_check.png"); background-size: 28px auto; background-repeat: no-repeat; font-size: 18px; color: #000; cursor: pointer; font-weight: 400;}
input[type=checkbox]:checked + label { background-image:url("../images/common/bull_check_on.png"); }
input[type=checkbox] + label.on { background-image:url("../images/common/bull_check_on.png"); }
input[type=checkbox]:focus + label,
input[type=checkbox].err:focus + label { outline:1px solid #0044bd; outline-offset: 1px; }
input[type=checkbox].err:checked + label {outline: none;}
input[type=checkbox].err + label { outline:1px solid red; outline-offset: 1px;}
input[type=checkbox]:disabled + label { background-image:url("../images/common/bull_check_disabled.png"); }
.checkbox_wrap {display: flex; gap: 20px;}

/* 버튼 */
.btn_wrap {display: flex; justify-content: center; align-items: center; }
.btn_wrap.pop {margin-top: 30px; gap: 10px;}
.btn_wrap.write {width: fit-content; margin-left: auto;margin-top: 30px;}
.paging_wrap + .btn_wrap.write { margin-top: -57px;}
.btn_search {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 62px; height: 47px; background: #000; color: #fff; font-size: 16px; font-weight: 500; padding: 16px; border-radius: 0 10px 10px 0;}
.btn_setting {position: absolute; bottom: -22px; left: 50%;transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 2px; flex-shrink: 0; width: 119px; height: 44px; background: #fff; border: 1px solid #e4e4e4; color: #444646; font-size: 16px; font-weight: 500; padding: 10px 2px 10px 12px; border-radius: 100px;}
.en_contents .btn_setting {width: fit-content;}
.btn_setting::after { content: ''; width: 24px; height: 24px; background: url(../images/sub/ic_drop.svg) no-repeat; background-size: cover; }
.btn_setting.on::after { position: relative; transform: rotate(180deg); transition: all 0.2s ease-in-out; }
.btn_basic {display: flex; justify-content: center; align-items: center; width: fit-content; height: 50px; padding: 16px; background: #fff; color: #444646; font-size: 16px; font-weight: 500; border-radius: 10px; text-align: center; border: 1px solid #D8D8D8; transition: all 0.2s ease-in-out;}
.btn_basic.type2 {border: 1px solid #000; padding: 0 40px; height: 56px;}
.btn_basic.on {color: #0C2B80; font-weight: 700; border: 1px solid #0C2B80;}
.btn_wrap.col3 button:nth-child(1) { border-radius: 10px 0 0 10px; }
.btn_wrap.col3 button:nth-child(2) { border-radius: 0; }
.btn_wrap.col3 button:nth-child(3) { border-radius: 0 10px 10px 0; }
.btn_list {display: flex; align-items: center; justify-content: center; background: #000; color: #fff; font-size: 18px; font-weight: 500; border-radius: 10px; height: 56px; width: fit-content; padding: 0 40px;}
.btn_gray { background: #7D898F;color:#fff; border-radius: 10px;height: 56px; min-width: 110px;}
.btn_gray_mini {display: flex; justify-content: center; align-items: center;margin: 10px auto 0; flex-shrink: 0; background: #EEF2F6;color:#444646; border: 1px solid #D8D8D8; border-radius: 10px;height: 40px; min-width: 80px;}
.btn_white_mini {width: fit-content; display: flex; justify-content: center;align-items: center;margin: 10px auto 0; padding: 0 10px; gap: 4px; flex-shrink: 0; background: #fff;color:#444646; border: 1px solid #D8D8D8; border-radius: 10px;height: 40px; min-width: 80px;}
.btn_basic.down::before,
.btn_white_mini.down::before {content: '';width: 24px;height: 24px;background: url(../images/common/ic_down_m.svg) no-repeat center center;background-size: cover; flex-shrink: 0;}
.btn_white_mini.downview::before {content: '';width: 18px;height: 18px;background: url(../images/common/ic_search_m.svg) no-repeat center center;background-size: cover; flex-shrink: 0;}
.btn_blue {background: #0C2B80;color:#fff; border-radius: 10px;height: 56px; min-width: 110px;}
.btn_black {background: #000;color:#fff; border-radius: 10px;height: 56px; min-width: 110px;}
.btn_black.plus {display: flex; align-items: center; justify-content: center; gap: 5px; height: 50px; padding: 0 10px 0 10px;}
.btn_black.plus::after {display: none;content: ''; flex-shrink: 0; width: 24px; height: 24px; background: url(../images/sub/ic_plus.svg) no-repeat; background-size: cover;;}
.btn_white {background: #fff;color:#000; border: 1px solid #000; border-radius: 10px;height: 56px; min-width: 110px;}
.btn_wrap.mini {gap: 10px;}
.btn_wrap.mini button {min-width: 60px; height: 50px;}
.btn_email {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background: url(../images/sub/ic_mail2.svg) no-repeat center center; background-size: cover;}
.btn_blue, .btn_white, .btn_black, .btn_gray {display: flex; align-items: center; justify-content: center;}

.btn_top { position: fixed; bottom: 60px; right: 20px; z-index: 100; border: 1px solid #D8D8D8; border-radius: 100%; overflow: hidden; border-radius: 100px; background: #fff; width: 80px;height: 80px; box-shadow: 0 10px 10px 0 rgba(2, 11, 61, 0.10);}
.btn_top button {display: flex; justify-content: center; align-items: center;flex-direction: column; color: #7D898F; text-align: center; border-radius: 100px; font-size: 16px;color: #7D898F; text-align: center; width: 100%;height: 100%; letter-spacing: -1px;}
.btn_top button::before {content: ''; width: 26px;height: 21px;  background: url(../images/sub/btn_board_prev.svg) no-repeat center center; background-size: contain;}

.btn_center a,
.btn_center button {margin: 0 auto;}

/* 텍스트타입 */
.fc_bold {font-weight: 700 !important;font-size: inherit;}
.fc_blue {color: #0C2B80 !important; font-size: inherit;}
.fc_red {color: #DB3535 !important; font-size: inherit;}
.fc_green{color: #00A991 !important; font-size: inherit;}
.fc_green2{color: #007F6D !important; font-size: inherit;}
.essential::before { content: '*'; vertical-align: middle; font-size: 18px; font-weight: 700; color: #004C41; margin-left: 4px; }
.ft_line {text-decoration: underline;}
.ft_line.fc_blue {font-weight: 700;}

/* 상단 공통 gnb css 소스 */
.gnb{background: #020B3D;height: 70px;}

.gnb_assembly{float:left;margin: 0 0 0 51px;display:flex;align-items:center;height:70px;}
.gnb_assembly li{color: #ffffff;display: inline-block;font-family:'NotoKrL';margin-right:50px;}
.gnb_assembly li a{color: #ffffff;font-size: 15px;display: inline-block;padding: 4px 0 4px 28px; white-space : nowrap;background:url(https://www.assembly.go.kr/static/portal/img/logo_assem.png) no-repeat 0 center;}
.ga00 span{
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin-left: 3px;
}
/*.ga01 a.on{background: url(https://www.assembly.go.kr/static/portal/img/gnb_up.png) no-repeat right center;background-size:8px auto;}*/

.gnb_util{float: right;display:flex;align-items:center;height:70px;margin-right:20px;}
.gnb_menu{display: inline-flex;    align-items: center;}
.gnb_menu > li{position:relative;float:left;padding: 0 10px;line-height:1.1;}
.gnb_menu > li.system a {display: flex; gap: 10px; align-items: center;}
.gnb_menu > li.system a::before {content: ''; width: 20px; height: 20px; background: url(../images/common/ic_system.svg) no-repeat center center; background-size: cover; display: flex;}
.gnb_menu > li:before{
    position:absolute;
    top:3px;
    left:0;
    width:1px;
    height:11px;
    background:#505557;
    display:block;
    content:"";
}
.gnb_menu > li:first-child::before{display:none;}
.gnb_menu > li a,
.gnb_menu > li button{color: #ffffff;font-size: 14px;font-family: 'NotoKrL';letter-spacing: 0;display: inline-block;}
.gnb_menu > li strong{color: #ffffff;font-size: 14px;font-family: 'NotoKrL';letter-spacing: 0;display: inline-block;}

.gnb_plus{width: 18px;height: 18px;display: inline-block;text-indent: -9999px;background: url(https://www.assembly.go.kr/static/portal/img/gnb_plus.png) no-repeat center center;}
.gnb_minus{width: 18px;height: 18px;display: inline-block;text-indent: -9999px;background: url(https://www.assembly.go.kr/static/portal/img/gnb_minus.png) no-repeat center center;}

.gnb_sns{position: relative;background: #6a99c3;display: inline-block;width: 215px;text-align: center;height: 51px;margin: 0 0 0 25px;}
.gnb_sns > a{color: #ffffff;display: inline-block;font-family: 'NotoKrM';font-size: 14px;line-height: 51px;background: url(https://www.assembly.go.kr/static/portal/img/gnb_down.png) no-repeat right center;padding: 0 20px 0 0;}
.gnb_sns > a.on{background: url(https://www.assembly.go.kr/static/portal/img/gnb_up.png) no-repeat right center;}
.gnb_sns_link{display: none;width: 215px;height: 120px;position: absolute;top: 51px;right: 0;background: #f6f6f6;z-index: 2;padding: 20px 0 0 15px;
    box-shadow:4px 4px 5px rgb(0 0 0 / 12%);
    -webkit-box-shadow:4px 4px 5px rgb(0 0 0 / 12%);
}
.gnb_sns_link ul{display: flex;flex-wrap: wrap;width:153px;}
.gnb_sns_link ul li{flex: 0 0 30%;text-align: center;}
.gnb_sns_link ul li a{margin: 2px 0;}

.icon_glnb_facebook{width:36px;height:37px;background:url(https://www.assembly.go.kr/static/portal/img/icon_glnb_sns_facebook.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;}
.icon_glnb_youtube{width:36px;height:37px;background:url(https://www.assembly.go.kr/static/portal/img/icon_glnb_sns_youtube.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;}
.icon_glnb_twitter{width:36px;height:37px;background:url(https://www.assembly.go.kr/static/portal/img/icon_sns_twitter.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;background-size:contain;}
.icon_glnb_insta{width:36px;height:37px;background:url(https://www.assembly.go.kr/static/portal/img/icon_glnb_sns_insta.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;}
.icon_glnb_rss{width:48px;height:37px;background:url(https://www.assembly.go.kr/static/portal/img/icon_glnb_sns_rss.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;margin-left:5px;}
.gnb_sns_link ul li a.icon_glnb_rss{margin-left:5px;}

.glnb_nsns_icon{display:flex;gap:9px;}
.glnb_nsns_icon .icon_glnb_facebook{width:16px;height:16px;background:url(https://www.assembly.go.kr/static/portal/img/nicon_facebook.png) no-repeat 0 0;}
.glnb_nsns_icon .icon_glnb_youtube{width:16px;height:16px;background:url(https://www.assembly.go.kr/static/portal/img/nicon_youtube.png) no-repeat 0 0;}
.glnb_nsns_icon .icon_glnb_twitter{width:16px;height:16px;background:url(https://www.assembly.go.kr/static/portal/img/nicon_twitter.png) no-repeat 0 0;}
.glnb_nsns_icon .icon_glnb_insta{width:16px;height:16px;background:url(https://www.assembly.go.kr/static/portal/img/nicon_insta.png) no-repeat 0 0;}
.glnb_nsns_icon .icon_glnb_rss{width:auto;height:auto;display:inline-block;text-indent:0;background:none;margin:0;}

@media only all and (max-width: 1500px) {
    .gnb{background-size:600px auto;}
    .gnb_assembly{margin:0 0 0 28px;}
    .gnb_sns{margin:0;}
    .gnb_sns{width:165px;}
    .gnb_sns_link{width:165px;}
}
@media all and (max-width: 1400px) {
    .gnb_assembly li{margin-right:14px;}
    .gnb_assembly li a{font-size:14px;}
}
@media all and (max-width: 1285px) {
    .gnb_menu li{padding: 0 5px;}
}
@media only all and (max-width: 1200px) {
    .m_block{display: block !important;}
    .m_none{display: none !important;}
    .gnb{height:33px;overflow:hidden;background-size:contain;
        transition-duration:0.5s;
        -webkit-transition-duration:0.5s;
    }
    .gnb_assembly{margin-left:20px;height: 33px}
    .gnb_assembly li{line-height:33px;}
    .gnb_menu{margin:0 10px 0 0;}
    .gnb_menu li{position:relative;padding:0 10px;float:left;}
    .gnb_menu li:before{
        position:absolute;
        top:8px;
        left:0;
        width:1px;
        height:16px;
        background:#8193b5;
        display:block;
        content:"";
    }
    .gnb_menu li.bl0:before{width:0;}
    .gnb_menu li a{display:block;height:33px;line-height:33px;}
    .ga01{display: none !important;}
    .ga02{display: none !important;}
    .gnb_sns{display:none;}
    .gnb_assembly li a {
        font-size: 12px;
        padding: 2px 0 2px 20px;
        background-size: auto 15px;
    }
    .gnb_util{height: 33px;margin-right: 0}
    .gnb_menu li a{font-size: 12px}
    .gnb_menu li.su_btn a{
        padding: 0px 6px;
        margin:5px 0;
        height:23px;
        line-height:23px;
    }
    .gnb_menu li.su_btn:before{background:none;}
}
@media only all and (max-width: 640px) {
    .gnb_assembly{margin-left:2px;}
    .ga00{width:auto;}
    .gnb_assembly li a{font-size:12px;}
    .gnb_menu{margin:0 2px 0 0;}
    .gnb_menu li{padding:0 3px;}
    .gnb_menu li a{font-size:11px;letter-spacing:-0.5px;}
}
@media only all and (max-width: 420px) {
    .gnb{height:auto;}
    .gnb_assembly li{margin-right:0;}
    .gnb_assembly li a{font-size:11px;padding:2px 0 2px 4px;background:none;}
}

@media only all and (max-width: 380px) {
    .gnb_menu li.su_btn{padding:0;}
    .gnb_menu li.su_btn a{padding:0 2px;}
}


/* header */
/* body:has(.nav_wrap .nav.on)::before {content: '';position: fixed; top: 0;left: 0; width: 100%;height: 100vh;background: #00000050; z-index: 1;} */
#header {position: relative; z-index: 100;}
#header .nav_wrap {position: relative; z-index: 1;display: flex; justify-content: space-between; align-items: center; background: #Fff; border-bottom: 1px solid #D8D8D8; height: 96px;padding: 0 50px; }
#header .nav_wrap .nav .outlink {display: flex; align-items: center; gap: 8px;}
#header .nav_wrap .nav .outlink::after {display: none; content: '';width: 16px; height: 16px; background: url(../images/common/ic_link.svg)}
#header .nav_wrap .nav .depth1 {display: flex; gap: 1px; }
#header .nav_wrap .nav .depth1 > li {position: relative; width: 280px;}
/* #header .nav_wrap .nav.on .depth1 > li {width: 280px;} */
#header .nav_wrap .nav .depth1 > li > div > a {display: flex; justify-content: center; align-items: center; width: fit-content; margin: auto; text-align: center; font-size: 20px; font-weight: 700; color: #000;}
#header .nav_wrap .nav .depth1 > li > div > a span {position: relative; font-size: inherit; font-weight: inherit; color: inherit; }
#header .nav_wrap .nav .depth1 > li > div > a span::before {content: ''; position: absolute; bottom: -35px;left: 50%; transform: translateX(-50%); transition: 0.2s; width: 0%;height: 2px; background: #0C2B80; }
#header .nav_wrap .nav .depth1 > li.on > div > a span::before { width: 100%; }
#header .nav_wrap .nav .depth1 > li .btn_depth2 {display: none;}
#header .nav_wrap .nav .depth1 > li .depth2 {position: absolute; padding: 30px 36px 0; top: 61px; left: 50%; transform: translateX(-50%); width: calc(100% + 2px); height: 729px; z-index: 13; opacity: 0; pointer-events: none; }
.en_main #header .nav_wrap .nav .depth1 > li .depth2 {padding: 30px 22px 0; }
#header .nav_wrap .nav .depth1 > li.on .depth2 { background: #F3F8FD; }
#header .nav_wrap .nav .depth1 > li .depth2::after {content: ''; width: 1px; height: 670px; position: absolute; top: 30px; left: 99%; z-index: 1; background: transparent; border-right: 1px dashed #d8d8d8; }
#header .nav_wrap .nav .depth1 > li:last-child .depth2::after {display: none; }
#header .nav_wrap .nav .depth1.on > li .depth2 {opacity: 1; pointer-events: all; }
#header .nav_wrap .nav .depth1 > li .depth2 > li + li {margin-top: 16px; }
.en_main #header .nav_wrap .nav .depth1 > li .depth2 > li + li {margin-top: 4px; }
.en_main #header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li:last-of-type {margin-bottom: 10px;}
#header .nav_wrap .nav .depth1 > li .depth2 > li > div {display: flex; gap: 10px; align-items: center;}
#header .nav_wrap .nav .depth1 > li .depth2 > li > div > a {display: flex; font-size: 16px; font-weight: 700; color: #000;margin-bottom: 10px; line-height: 1;}
#header .nav_wrap .nav .depth1 > li .depth2 > li > div > a:hover {text-decoration: underline;}
#header .nav_wrap .nav .depth1 > li .depth2 > li .btn_depth3 {display: none; position: relative; width: 36px;height: 36px;background-size: cover; border-radius: 8px;background: #EEF2F6;margin-top: -1px;}
#header .nav_wrap .nav .depth1 > li .depth2 > li .btn_depth3::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px;height: 1px;background: #000;}
#header .nav_wrap .nav .depth1 > li .depth2 > li .btn_depth3::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(180deg); width: 1px;height: 10px;background: #000; transition: 0.2s;}
#header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li {display: flex; gap: 8px; }
#header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li:last-of-type {margin-bottom: 20px;}
#header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li::before { content: '';margin-top: 9px; flex-shrink: 0; width: 3px;height: 3px;border-radius: 100%; background: #444646;}
/* .en_main #header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li::before {margin-top: 10px; } */
#header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li + li {margin-top: 8px;}
#header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li > a {font-size: 16px; font-weight: 400; color: #444646;}
#header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li > a span {font-size: inherit; font-weight: inherit; color: inherit; }
#header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li > a:hover {font-weight: 700; color: #000; text-decoration: underline;}
#header .nav_bg { position: absolute; top: 95px; left: 0; width: 100%; background: #fff; border-radius: 0 0 40px 40px; min-height: 0px; transition: all 0.3s 0s; z-index: 12;min-height: 0; }
#header .nav_bg.on {min-height: 730px; border-top: 1px solid #0C2B80; box-shadow: 0px 5px 10px 0px #020B3D33;} /* heigh값 조절시 #header .nav_wrap .nav .depth1 > li .depth2 높이값도 같이 조절 필요 */
/* .en_main #header .nav_bg.on {min-height: 760px; } */
/* 국문폰트와 상이함으로 인해 조절 */
.en_main .nav_wrap * {line-height: 1.3; letter-spacing: -0.7px;}
.en_main .main_logo img {height: 36px;}

.main #header .nav_wrap .total_search a {display: none;}
#header .nav_wrap .total_search {width: 190px;text-align: right;}
#header .nav_wrap .total_search a {display: block; width: 40px; height: 40px; background: url(../images/common/btn_search.svg) no-repeat center center; background-size: cover;}
#header .nav_wrap .btn_nav_close { position: absolute; top: 115px;right: 52px; z-index: 111; text-align: right; }
/* .en_main #header .nav_wrap .btn_nav_close { right: 30px; } */
/* #header .nav_wrap .nav.on + .btn_nav_close {display: block;} */
#header .nav_wrap .btn_nav_close button {margin-top: -2px; width: 28px; height: 28px; background: url(../images/sub/btn_pop_close.svg) no-repeat center center; background-size: cover;}
#header .nav_wrap .btn_mo_menu {display: none;width: 32px;height: 32px;}
#header .nav_wrap .btn_mo_menu button {width: 32px; height: 32px; background: url(../images/common/btn_mo_menu.svg) no-repeat center center; background-size: cover;}
#header .nav_wrap .btn_mo_menu.on button {width: 28px; height: 28px; background: url(../images/sub/btn_pop_close.svg) no-repeat center center; background-size: cover;}

/* footer */
#footer {background: #F3F8FD; padding: 40px 0; }
#footer .main_inner {position: relative;display: flex; gap: 100px; justify-content: space-between;}
.en_main #footer .main_inner {display: flex; gap: 0px; justify-content: flex-start; flex-direction: column;}
#footer .foot_wrap .foot_link {display: flex; gap: 100px; align-items: center;margin-bottom: 20px;}
#footer .foot_wrap .foot_link .foot_list {display: flex;gap: 64px;}
#footer .foot_wrap .foot_link .mark_wrap {display: flex; gap: 20px;}
#footer .foot_wrap .foot_link .mark_wrap a:first-of-type img {width: 64px !important; height: auto !important;}
#footer .foot_wrap .foot_link .mark_wrap img {width: 87px !important; height: auto !important;}
#footer .foot_wrap .foot_link .foot_list li a {font-size: 16px;font-weight: 700;color: #222424;}
#footer .foot_wrap .foot_link .foot_list li a:hover {text-decoration: underline;}
#footer .foot_wrap .foot_info {margin-bottom: 30px;}
#footer .foot_wrap .foot_info p {font-size: 16px; font-weight: 500; color: #7D898F;margin-top: 8px;}
#footer .foot_wrap .foot_info div {display: inline-flex; align-items: center; gap: 20px; font-size: 16px; font-weight: 500; color: #7D898F;}
#footer .foot_wrap .foot_info div em {margin-right: 10px;}
#footer .foot_wrap .foot_info div em,
#footer .foot_wrap .foot_info div span {font-size: inherit; font-weight: inherit; color: inherit;}
#footer .foot_wrap .foot_info div + div {padding-left: 20px; }
#footer .foot_wrap .foot_info div + div::before {content: '';width: 1px; height: 12px; background: #d8d8d8;}
.en_main #footer .foot_wrap .foot_info > div {margin: 20px 0 10px; display: flex; gap: 80px; }
.en_main #footer .foot_wrap .foot_info p {margin-top: 5px;}
.en_main #footer .foot_wrap .foot_info a {color: #7D898F;font-size: 16px;font-weight: 700; }
.en_main #footer .foot_wrap .family_site {display: flex; position: absolute;width: 100%; bottom: 30px;right: 20px;  }
.en_main #footer .foot_wrap .family_site ul,
#footer.en_footer .foot_wrap .family_site ul { width: 100%; justify-content: flex-end;}
#footer .foot_wrap .family_site ul {display: flex; gap: 12px;}
#footer .foot_wrap .family_site ul li { width: calc(25% - 4px); display: flex;}
#footer.en_footer .foot_wrap .family_site ul li { width: fit-content;}
#footer .foot_wrap .family_site ul li .btn_link {width: 50px; flex-shrink: 0; border-radius:  0 10px 10px 0; background: #0C2B80; color: #fff; font-size: 16px; font-weight: 500; }
#footer .foot_wrap .family_site ul li .select_wrap {width: 100%;background: #fff;position: relative; border: 1px solid #ddd; border-radius: 10px 0 0 10px;}
#footer .foot_wrap .family_site ul li .select_wrap select { font-size: 16px;font-weight: 500; color: #71777A;}
#footer .foot_wrap .family_site ul li .select_wrap select:focus { border-radius: 10px 0 0 10px; }
#footer .foot_wrap .family_site ul li .select_wrap select option:first-of-type {background: #0C2B80; color: #fff;}
#footer .foot_wrap .family_site ul li .select_wrap::before { content: ''; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 25px; height: 24px; background: url(../images/common/ic_drop.svg) no-repeat center center; background-size: cover; transition: 0.2s; }
#footer .foot_wrap .family_site ul li .select_wrap.on::before { transform: translateY(-50%) rotate(180deg); }

/* AI 통합검색 */
.ai_search_wrap2 {margin-top: 30px;}
.ai_search_box {position: relative; z-index: 3;}
.ai_search_box .bg {display: flex; flex-direction: column; gap: 20px; }
.total_sc_tit_wrap { display: flex; flex-wrap: wrap; flex-direction: column; gap: 20px;}
.switch_wrap {display: flex; width: fit-content; justify-content: flex-start; align-items: center; gap: 10px; }
.switch_wrap .tit {font-size: 30px; font-weight: 700;display: none;}
.switch_wrap .sub_tit {display: flex; align-items: center; font-size: 30px; font-weight: 700; color: #0C2B80;}
.switch_wrap .sub_tit::before {content: ''; width: 40px;height: 40px;background: url(../images/common/ic_star.svg) no-repeat center center; background-size: cover;}
.ai_search_box .input_wrap {position: relative; height: 80px; margin: 0 auto; display: flex; background:linear-gradient(45deg, #0C2B80, #4CB699); border-radius: 24px; padding: 4px; width: calc(100% - 179px);}
.en_main .ai_search_box .input_wrap {width: 100%;}
.ai_search_box .input_wrap input {font-size: 24px; font-weight: 700; letter-spacing: -1px; color: #000; background:#fff; border-radius: 20px; border: 0; padding: 30px 90px 30px 30px; }
.ai_search_box .input_wrap input::placeholder {font-size: inherit; font-weight: 500; letter-spacing: -1px; color: #9EA3A6; }
.ai_search_box .input_wrap .btn_search {position: absolute; top: 0;right: 0; height: 100%; display: flex; justify-content: center; align-items: center; background: #00A991; border-radius: 0 20px 20px 0; width: 76px;}
.ai_search_box .input_wrap .btn_search::before {content: '';width: 34px; height: 34px; background: url(../images/common/btn_search_big.svg) no-repeat center center; background-size: cover; flex-shrink: 0;}
.ai_search_box .copy {font-size: 18px; font-weight: 400; color: #7D898F;}
.ai_sc_opti {display: flex; border-bottom: 1px solid #E4E4E4; padding: 20px 0;}
.ai_sc_opti .tit {flex-shrink: 0; color: #505557;font-size: 18px;font-weight: 400; border-right: 1px solid #D8D8D8; padding-right: 12px; margin-right: 12px; height: fit-content;}
.ai_sc_opti .radio_wrap {gap: 12px;flex-wrap: wrap;}
.ai_sc_opti input[type=radio] + label {min-height: 24px; background-size: 24px auto;padding: 0 0 0 32px;}
.switch {margin: 0 auto;}
.switch .switch_box {background: #fff; border: 1px solid #D8D8D8; border-radius: 100px; height: 48px;line-height: 1; transition: 0.2s; display: flex; justify-content: center; align-items: center; padding: 0; }
.switch .switch_box em {color: #505557;font-weight: 700;font-size: 22px;letter-spacing: -1px;}
.switch .switch_box .switch01,
.switch .switch_box .switch02 {height: 100%; display: flex; align-items: center; justify-content: center; width: fit-content; border-radius: 100px; padding: 0 20px;}
.switch .switch_box .txt_ai,
.switch .switch_box .txt_keyword {display: flex; align-items: center; gap: 4px;}
.switch .switch_box .txt_keyword::before {content: ''; width: 16px; height: 16px; background: url(../images/sub/ic_ai_search2.svg) no-repeat center center; background-size: cover; flex-shrink: 0;}
.switch .switch_box .txt_ai::before {content: ''; width: 25px; height: 24px; background: url(../images/sub/ic_ai.svg) no-repeat center center; background-size: cover; flex-shrink: 0;}
.switch .switch_box .switch01.on .txt_keyword::before { background: url(../images/sub/ic_ai_search.svg) no-repeat center center; background-size: cover; }
.switch .switch_box .switch02.on .txt_ai::before { background: url(../images/sub/ic_ai2.svg) no-repeat center center; background-size: cover; }
.switch .switch_box .switch01.on,
.switch .switch_box .switch02.on {background: linear-gradient(90deg, #1093FF 0%, #0AC0A6 61.75%);}
.switch .switch_box .switch01.on em,
.switch .switch_box .switch02.on em {color: #fff;}
/* .switch .switch_box .switch01 + .switch02 {background: #505557;} */


.switch input[type=checkbox] + label {background: #505557; border-radius: 100px; height: 48px;line-height: 1; transition: 0.2s; display: flex; justify-content: center; align-items: center; padding: 0; }
.switch input[type=checkbox]:focus + label { outline: none; }
.switch input[type=checkbox] + label em {color: #fff;font-weight: 700;font-size: 22px;letter-spacing: -1px;}
.switch input[type=checkbox] + label .switch01,
.switch input[type=checkbox] + label .switch02 {height: 100%; display: flex; align-items: center; justify-content: center; width: fit-content; border-radius: 100px; padding: 0 20px;}
.switch input[type=checkbox] + label .txt_ai,
.switch input[type=checkbox] + label .txt_keyword {display: flex; align-items: center; gap: 4px;}
.switch input[type=checkbox] + label .txt_keyword::before {content: ''; width: 16px; height: 16px; background: url(../images/sub/ic_ai_search.svg) no-repeat center center; background-size: cover; flex-shrink: 0;}
.switch input[type=checkbox] + label .txt_ai::before {content: ''; width: 25px; height: 24px; background: url(../images/sub/ic_ai.svg) no-repeat center center; background-size: cover; flex-shrink: 0;}
/* .switch input[type=checkbox]:checked + label {justify-content: flex-end;} */
.switch input[type=checkbox] + label .btn_onoff {position: absolute; top: 50%; transform: translateY(-50%); right: 4px; width: 20px;height: 20px;border-radius: 100%;background: #fff; transition: 0.2s;}
.switch input[type=checkbox]:checked + label .btn_onoff {right: 50px;}
.switch input[type=checkbox]:checked + label .switch01 {background: linear-gradient(90deg, #1093FF 0%, #0AC0A6 61.75%);}
.switch input[type=checkbox]:checked + label .switch01 + .switch02 {background: #505557;}
.switch input[type=checkbox] + label .switch02 {background: linear-gradient(90deg, #1093FF 0%, #0AC0A6 61.75%);}

.new_search_box {display: flex; gap: 12px;position: relative;}
.new_search_box .btn_popup {display: flex; justify-content: center; align-items: center; gap: 4px; width: 167px; height: 80px; border-radius: 24px; border: 1px solid #D8D8D8; background: #fff; color: #000; font-size: 18px; font-weight: 700;}
.new_search_box .btn_popup.on,
.new_search_box .btn_popup:hover { background: #000; color: #fff; border: 1px solid #000;}
.new_search_box .btn_popup::before {content: ''; width: 18px; height: 18px; background: url(../images/sub/ic_settings.svg) no-repeat center center; background-size: cover; flex-shrink: 0;}
.new_search_box .btn_popup.on::before,
.new_search_box .btn_popup:hover::before {background: url(../images/sub/ic_settings_on.svg) no-repeat center center; background-size: cover; }
.new_search_box .bg_dimm {background: transparent;}
.new_search_box .popup_wrap {position: absolute;top: 94px;right: 0; left: initial; transform: none; border: 1px solid #DBDFEC;box-shadow: 0 10px 10px 0 rgba(2, 11, 61, 0.10);max-width: 920px ;}
.new_search_box .popup_wrap .popup_con {padding: 40px;}
.new_search_box .popup_wrap .popup_con .con_txt {font-size: 17px; font-weight: 400;color: #444646; letter-spacing: -0.5px; margin-bottom: 5px;}
.new_search_box .popup_wrap .btn_close {width: 24px;height: 24px; right: 40px; top: 36px;}
.new_search_box .table_wrap.type3 {border: 0; margin: 0;}
.new_search_box .table_wrap.type3 table td {padding: 10px 0;}
.new_search_box .btn_wrap {justify-content: flex-end;}
.new_search_box .btn_wrap .btn_white_mini {margin: 10px 0 0;}
.new_search_box .btn_wrap .btn_white_mini:hover {text-decoration: underline;}
.new_search_box .btn_wrap .btn_white_mini::before {content: ''; width: 18px; height: 18px; background: url(../images/sub/ic_refresh.svg) no-repeat center center; background-size: cover; flex-shrink: 0;}
.new_search_box .flex {display: flex; align-items: center; gap: 10px;}
.new_search_box .flex span {width: 10px;}
.new_search_box .flex .input_date {width: calc(50% - 10px);}

.ai_result {display: flex; flex-direction: column; justify-content: center; }
.ai_result .no_data {padding: 120px 0; font-size: 18px; font-weight: 400; color: #9EA3A6; }
.ai_result:has(.no_data) {align-items: center; margin-bottom: 160px; border-bottom: 1px solid #D8D8D8;}
.ai_result .result_type01 {width: 100%; }
.ai_result .result_type01 .result_option {display: flex; justify-content: flex-end; gap: 20px; margin-left: auto;}
.ai_result .result_type01 .result_option button {display: flex; align-items: center; gap: 20px; font-weight: 500;font-size: 16px; color: #7D898F;}
.ai_result .result_type01 .result_option button.on {color: #0C2B80; }
.ai_result .result_type01 .result_option button + button::before {content: ''; width: 1px; height: 12px; background: #d8d8d8;}
/* .ai_result .result_type01 .con_wrap { padding-bottom: 30px; } */
.ai_result .result_type01 .con_wrap .con {padding: 40px 0; border-bottom: 1px solid #D8D8D8; }
.ai_result .result_type01 .con_wrap + .con_wrap { margin-top: -12px; }
.ai_result .result_type01 .con_wrap .title_wrap { display: flex; justify-content: space-between; align-items: center; margin: 28px 0 0; padding: 20px 0; border-bottom: 2px solid #0C2B80; }
.ai_result .result_type01 .con_wrap .title_wrap .tit {display: flex; align-items: center; gap: 10px; font-size: 30px; font-weight: 700; color: #000; }
.ai_result .result_type01 .con_wrap .title_wrap .tit .num {font-size: 18px; font-weight: 500; color: #0C2B80; }
.ai_result .result_type01 .con_wrap .title_wrap .btn_more {border: 1px solid #d8d8d8; width: 32px; height: 32px; border-radius: 10px; background: #fff; display: flex; justify-content: center; align-items: center;  background: url(../images/common/btn_plus.svg) no-repeat center center; background-size: auto; }
.ai_result .result_type01 .con_wrap .location {display: flex; flex-wrap: wrap; gap: 5px 10px; align-items: center; margin-bottom: 8px;}
.ai_result .result_type01 .con_wrap .location li {display: flex; gap: 10px; align-items: center; font-size: 16px; font-weight: 400; color: #0C2B80;}
.ai_result .result_type01 .con_wrap .location li + li::before {content: ''; width: 8px;height: 16px;background: url(../images/common/ic_arrow.svg) no-repeat center center; background-size: cover; }
.ai_result .result_type01 .con_wrap .info_wrap {margin: 6px 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.ai_result .result_type01 .con_wrap .con p {font-size: 18px;font-weight: 400;color: #444646;}
.ai_result .result_type01 .con_wrap .sub_tit {font-size: 20px;font-weight: 700;color: #000; }
.ai_result .result_type01 .con_wrap .sub_tit:hover {text-decoration: underline; text-underline-offset: 3px;}
.ai_result .result_type01 .con_wrap .info_wrap span {display: flex; gap: 10px; align-items: center; font-size: 18px;font-weight: 400;color: #444646; }
.ai_result .result_type01 .con_wrap .info_wrap span + span::before{content: ''; width: 1px; height: 12px; background: #d8d8d8; }
.ai_result .result_type01 .con_wrap .info_wrap .text_wrap2 { font-size: 18px;font-weight: 400; color: #444646;}
.ai_result .result_type01 .con_wrap .box_con {border-radius: 20px; background: #EEF2F6; padding: 30px 20px; margin: 30px 0 0;}
.ai_result .result_type01 .con_wrap .box_con .file_list {}
.ai_result .result_type01 .con_wrap .box_con .file_list li {padding: 20px 0;}
.ai_result .result_type01 .con_wrap .box_con .file_list li:first-of-type {padding-top: 0;}
.ai_result .result_type01 .con_wrap .box_con .file_list li:last-of-type {padding-bottom: 0;}
.ai_result .result_type01 .con_wrap .box_con .file_list li + li { border-top: 1px solid #B7C0D9;}
.ai_result .result_type01 .con_wrap .box_con .file_item {flex-wrap: wrap; align-items: center; margin: 0 0 10px;}
.ai_result .result_type01 .con_wrap .box_con .file_item .name {width: fit-content;}
.ai_result .result_type02 {position: relative; width: 100%; height: fit-content; margin-top: 20px; background: #F3F8FD;padding: 50px;border-radius: 20px; }
.ai_result .result_type02::before {content: '';position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 12px; width: calc(100% - 40px); height:  calc(100% - 40px); background: #fff;}
/* .ai_result .result_type02::before {content: '';position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 100%; height: 100%; background: #F3F8FD;} */
.ai_result .result_type02 .title {width: fit-content; display: none; align-items: center; font-size: 24px; font-weight: 700; color: transparent; background-image: linear-gradient(to right, #0C2B80, #4CB699); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 30px;}
.ai_result .result_type02 .title::before {content: ''; width: 32px;height: 32px;background: url(../images/common/ic_star.svg) no-repeat center center; background-size: cover;}
.ai_result .result_type02 .con {position: relative; z-index: 2; padding-bottom: 30px; }
.ai_result .result_type02 .con h3 {font-size: 20px;margin-bottom: 5px; }
.ai_result .result_type02 .con h4 {font-size: 19px;margin-bottom: 5px; }
.ai_result .result_type02 .con + .con {padding-top: 30px; border-top: 1px solid #D8D8D8; }
.ai_result .result_type02 .con .sub_tit {font-size: 20px;font-weight: 700;color: #000;margin-bottom: 5px;}
.ai_result .result_type02 .con .sub_tit .icon {font-size: inherit;}
.ai_result .result_type02 .con p {font-size: 18px;font-weight: 400;color: #000;line-height: 1.6;}
.ai_result .result_type02 .con ul li {font-size: 18px;font-weight: 400;color: #000;line-height: 1.6;}
.ai_result .result_type02 .con ul li strong {font-size: inherit;}
.ai_result .result_type02 .con ul li + li {margin-top: 16px;}
.ai_result .result_type02 .con .file_list li a {text-decoration: underline;}
.ai_result .file_item {display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0;}
.ai_result .file_item .name {display: flex; gap: 4px; width: 100%; font-size: 18px;font-weight: 500;color: #444646; }
.ai_result .file_item .name::before {content: ''; flex-shrink: 0; width: 24px;height: 24px;background: url(../images/common/ic_file.svg) no-repeat center center; background-size: cover;}
.ai_result .file_item a,
.ai_result .file_item button { display: flex; justify-content: center; align-items: center; gap: 4px; height: 40px; padding: 10px; border: 1px solid #d8d8d8; border-radius: 10px; background: #fff; font-size: 16px; font-weight: 500;color: #444646;}
.ai_result .file_item a:hover,
.ai_result .file_item button:hover {text-decoration: underline;}
.ai_result .file_item .btn_view::before {content: '';flex-shrink: 0; width: 18px;height: 18px;background: url(../images/common/ic_search_m.svg) no-repeat center center; background-size: cover;}
.ai_result .file_item .btn_down::before {content: '';flex-shrink: 0; width: 24px;height: 24px;background: url(../images/common/ic_down_m.svg) no-repeat center center; background-size: cover;}
.ai_info_box {margin-bottom: 40px;}
.ai_info_box .ai_info_txt {font-size: 18px;font-weight: 400;color: #000;margin-top: 6px;}
.ai_info_box > div {position: relative;display: flex; align-items: center; gap: 6px;}
.ai_result .result_type02 .con h3.ai_tit {font-size: 24px;font-weight: 700;color: #0C2B80;margin-bottom: 0 !important;}
.ai_info_box > div .ai_txt {font-size: 18px;font-weight: 400;color: #505557;}
.btn_ai_info {width: 24px;height: 24px; background: url(../images/sub/ic_info.svg) no-repeat center center; background-size: cover;}
.value_info_wrap {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
.value_info {color: #000; font-size: 18px; font-weight: 400;}
.value_info em {font-size: inherit; font-weight: 700; color: inherit;}
.value_info em.num {color: #DB3535;}

/* 팝업 */
.popup_wrap {display:none;position:fixed;top: 50%;left:50%;z-index:9999;width:100%;max-width:1100px;background-color:#fff;transform:translate(-50%, -50%); border-radius: 20px;overflow: hidden;}
.popup_wrap.nesting {box-shadow:2px 2px 10px #c9c9c9ec;z-index: 10000;}
.popup_wrap.mini {max-width:fit-content;}
.popup_wrap.mini.wd640 {max-width: 640px;}
.popup_wrap.mini.wd640 .popup_con .list li em {margin-right: 3px;}
.popup_wrap.mini2 {max-width:400px;width: 100%;}
.popup_wrap.ai_info {position: absolute;top: 10px;left: 333px;transform: none; max-width:460px;width: 100%;box-shadow: 0 10px 10px 0 rgba(2, 11, 61, 0.10); border: 1px solid #DBDFEC; }
.popup_wrap.ai_info .popup_con {padding: 30px 60px 30px 30px;}
.popup_wrap.ai_info .popup_con .t_left {color: #444646; line-height: 1.3;font-size: 17px;}
.popup_wrap.ai_info .btn_close {right: 30px;top: 26px;}
.popup_wrap .popup_tit {padding: 30px 60px; border-bottom: 1px solid #e4e4e4;}
.popup_wrap.nesting.mini2 .popup_con {text-align: left;}
.popup_wrap.nesting.mini2 .popup_con p {display: flex; gap: 8px;}
.popup_wrap.nesting.mini2 .popup_con p::before {content: ''; margin-top: 8px; width: 5px; height: 6px; flex-shrink: 0; background: url(../images/common/bull01.svg) no-repeat center center; background-size: cover;}
.popup_wrap.nesting .popup_tit {padding: 30px;}
.popup_wrap.nesting .popup_tit { border-bottom: 0;}
.popup_wrap .popup_tit br {display: none;}
.popup_wrap.mini .popup_tit {padding: 30px 60px 0; border-bottom: 0;}
.popup_wrap .popup_tit h2 {font-size: 30px;font-weight: 700;color: #000;}
/* .popup_wrap.mini.wd640 .popup_tit h2 {font-size: 20px;} */
.popup_wrap .popup_con {padding:30px 60px 30px;max-height:780px;overflow:hidden;overflow-y:auto;}
.popup_wrap.mini2 .popup_con {padding:60px 60px 30px;text-align: center;}
.popup_wrap.mini2.nesting .popup_con {padding:30px;padding-top: 0;}
.popup_wrap .popup_con .print { flex-shrink: 0; width: 28px;height: 28px;background: url(../images/sub/ic_print3.svg) no-repeat center center; background-size: cover; }
.popup_wrap .popup_con .sub_tit {font-size: 20px;font-weight: 700;color: #000;margin-bottom: 14px;}
.popup_wrap .popup_con .sub_tit2 {font-size: 18px;font-weight: 400;color:  #000;margin-bottom: 10px;}
.popup_wrap .popup_con .con_box + .sub_tit {margin-top: 30px;}
.popup_wrap .popup_con .con_txt {font-size: 18px;font-weight: 400;color: #000; margin-bottom: 20px;}
.popup_wrap .popup_con .con_txt img {width: 100%;}
.popup_wrap .popup_con .list li {font-size:18px;font-weight: 400;color: #000;}
.popup_wrap.mini.wd640 .popup_con .list li + li {margin-top: 8px;}
.popup_wrap .popup_con .list li em {font-size:inherit;color:inherit;}
.popup_wrap .popup_con .con_box {border-radius: 20px; background: #EEF2F6;padding: 30px;margin: 10px 0 20px;}
.popup_wrap .popup_con .new_con_box {border-radius: 0; background: none; padding: 0;margin: 0 0 30px;}
.popup_wrap .popup_con .new_con_box .sub_tit2{font-size: 18px;font-weight: 400;color: #505557;margin-bottom: 30px;}
.popup_wrap .popup_con .new_con_box .dot_list li::before {content: ''; font-size: 14px;font-weight: 700;color: #0C2B80; border-radius: 100%; margin-top: -3px; width: 30px; height: 30px;display: flex;justify-content: center; align-items: center; flex-shrink: 0; background: #e6ecf7;}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(1):before {content: '1';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(2):before {content: '2';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(3):before {content: '3';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(4):before {content: '4';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(5):before {content: '5';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(6):before {content: '6';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(7):before {content: '7';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(8):before {content: '8';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(9):before {content: '9';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(10):before {content: '10';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(11):before {content: '11';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(12):before {content: '12';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(13):before {content: '13';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(14):before {content: '14';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(15):before {content: '15';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(16):before {content: '16';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(17):before {content: '17';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(18):before {content: '18';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(19):before {content: '19';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(20):before {content: '20';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(21):before {content: '21';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(22):before {content: '22';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(23):before {content: '23';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(24):before {content: '24';}
.popup_wrap .popup_con .new_con_box .dot_list li:nth-child(25):before {content: '25';}
.popup_wrap .popup_con .con_box .list_style01 {line-height: 1.5;}
.popup_wrap .popup_con .con_box .list_style01 span {color: inherit;}
.popup_wrap .popup_con .con_box .list_style01 li {font-size: 16px; color: #444646;}
.popup_wrap .popup_con .con_box .list_style01 .depth2.type3 li,
.popup_wrap .popup_con .con_box .list_style01 .depth3.type3 li {/* padding-left: 20px; */display: flex; gap: 4px;}
/* .popup_wrap .popup_con .con_box .list_style01 > li .depth2.type3 li,
.popup_wrap .popup_con .con_box .list_style01 > li .depth2 li .depth3.type3 li {padding-left: 20px;}251204 논문공고안내 항번호여백제거요청 */
.popup_wrap .popup_con .con_box .list_style01 .depth2.type2 li,
.popup_wrap .popup_con .con_box .list_style01 .con_txt.type2,
.popup_wrap .popup_con .con_box .list_style01.type2 > li {display: flex; gap: 0 4px;}
.popup_wrap .popup_con .con_box .list_style01.type2 > li span {display: flex; gap: 4px; margin-bottom: 0;}
/* .popup_wrap .popup_con .con_box .list_style01.type2 > li {padding-left: 20px;} 251204 논문공고안내 항번호여백제거요청 */
.popup_wrap .popup_con .con_box .list_style01 .depth2.type2 li span,
.popup_wrap .popup_con .con_box .list_style01.type2 li span {font-size: inherit; color: inherit;}
.popup_wrap .popup_con .con_box .list_style01 .depth2.type2 li:has(.depth3),
.popup_wrap .popup_con .con_box .list_style01 li:has(.wd100) {flex-wrap: wrap;}
.popup_wrap .popup_con .con_box .list_style01 .depth2.type2 li:has(.depth3) .wd100,
.popup_wrap .popup_con .con_box .list_style01 .wd100 {width: calc(100% - 20px);}
.popup_wrap .popup_con .con_box .list_style01 > li + li {margin-top: 12px;}
.popup_wrap .popup_con .con_box .list_style01.mg0 > li + li {margin-top: 0;}
.popup_wrap .popup_con .con_box .list_style01 li .con_tit {display: block; font-size: inherit; font-weight: 700; color: inherit;}
.popup_wrap .popup_con .con_box .list_style01 li .con_txt {font-size: inherit; font-weight: 400; color: inherit;}
.popup_wrap .popup_con .con_box .con_txt {font-size: 16px; font-weight: 400; color: #444646;}
.popup_wrap .popup_con .pop_box {background: #EEF2F6; border-radius: 20px; padding: 20px;}
.popup_wrap .popup_con .pop_box.type2 {background: #fff;padding: 0;padding-bottom: 10px;}
.popup_wrap .popup_con .pop_box .list_type1 li {display: flex; gap: 8px;font-size: 18px;font-weight: 400;color: #444646;letter-spacing: -1px;}
.popup_wrap .popup_con .pop_box .list_type1 li + li {margin-top: 10px;}
.popup_wrap .popup_con .pop_box .list_type1 li::before {content: ''; margin-top: 10px; width: 5px; height: 6px; flex-shrink: 0; background: url(../images/common/bull01.svg) no-repeat center center; background-size: cover;} 
.popup_wrap .btn_close {position: absolute; top: 38px; right: 60px; display: flex; width: 28px; height: 28px; background: url(../images/common/btn_close.svg) no-repeat center center; background-size: cover;}
.popup_wrap.mini2 .btn_close {right: 30px;}
/* .popup_wrap.mini .btn_close {top: 30px;} */
.popup_wrap .btn_wrap.sns {margin-top: 10px; gap: 10px;}
.popup_wrap .btn_wrap.sns button { height: 80px; border-radius: 20px; display: flex; justify-content: center; align-items: center; gap: 10px; flex: 1;font-size: 18px;font-weight: 700;}
.popup_wrap .btn_wrap.sns button::before {content: '';width: 28px; height: 28px; flex-shrink: 0;}
.popup_wrap .btn_wrap.sns .btn_naver::before {background: url(../images/sub/ic_naver.png) no-repeat center center; background-size: cover;}
.popup_wrap .btn_wrap.sns .btn_kakao::before {background: url(../images/sub/ic_kakao2.png) no-repeat center center; background-size: cover;}
.popup_wrap .btn_wrap.sns .btn_naver {background: #03CF5D;color: #fff;}
.popup_wrap .btn_wrap.sns .btn_kakao {background: #FFE812;color: #000;}
.bg_dimm {display:none;position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;margin:0;padding:0;background-color:#000;opacity:0.5}
.popup_wrap .tel_input {margin-top: 20px;}
.copy_box {border-radius: 20px;background: #EEF2F6; padding: 20px; height: 70px;font-size: 18px;font-weight: 400;color: #444646;text-align: left;}

/* 리캡차 */
.popup_wrap .recaptcha {display: flex; justify-content: center;margin-top: 15px;}

/* 메인팝업 */
.main_pop_wrap {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);z-index: 9999; border-radius: 20px; overflow: hidden;}
.main_pop_wrap .popup_con {background: #eee;min-width: 460px;overflow: hidden;width: fit-content; text-align: center;}
.main_pop_wrap .popup_con:not(:has(img)) {min-height: 446px;}
.main_pop_wrap .popup_con img {max-width: 90vw; max-width: 90dvw; max-height: 90vh; max-height: 90dvh; width: auto; height: auto;}
.main_pop_wrap .btn_wrap {background: #fff;height: 64px;padding: 20px; display: flex; align-items: center; justify-content: space-between;}
.main_pop_wrap .btn_wrap input[type=checkbox] + label {min-height: 24px;background-size:24px auto;padding: 0 0 0 32px; letter-spacing: -0.5px; line-height: 1.5;}
.main_pop_wrap .btn_wrap .btn_close {height: 40px; padding: 0 10px; border: 1px solid #D8D8D8; border-radius: 10px; font-size: 16px;font-weight: 400; background: #fff; display: flex; justify-content: center; align-items: center; }
.bg_dimm2 {position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;margin:0;padding:0;background-color:#000;opacity:0.5}

/* 테이블 */ 
.table_wrap {margin: 20px 0;overflow: hidden;border-radius: 20px;}
.new_type .table_wrap {margin: 20px 0 40px;}
.table_wrap.type2 {border: 1px solid #e4e4e4; border-bottom: 0;}
.table_wrap.type_block2 th {background: #EEF2F6;}
.table_wrap.type3 {border-top: 2px solid #0C2B80; border-bottom: 1px solid #d8d8d8; border-radius: 0;}
.table_wrap.type3 table th {background: #fff; text-align: left; padding-left: 0;}
.table_wrap.type3 table td {border-bottom: 0;text-align: left;padding: 12px 0;}
.table_wrap table th {background: #CFDAE6;font-size: 18px;font-weight: 700;color: #000;text-align: center; padding: 15px;letter-spacing: -0.5px;}
.table_wrap table th + th {border-left: 1px solid #fff;}
.table_wrap.type2 table th + th {border-left: 1px solid #e4e4e4;}
.table_wrap table td { background: #fff; text-align: center;font-size: 18px;font-weight: 400;color: #444646; padding: 15px; border-bottom: 1px solid #e4e4e4; line-height: 1.5;}
.table_wrap table td + td {border-left: 1px solid #e4e4e4;}
.table_wrap table td .fc_bold {font-weight: 700; font-size: inherit; word-break: break-all;color: inherit;}
.table_wrap.type_block2 th,
.table_wrap.type_block2 td {padding: 12px; word-break: break-all;}
.table_wrap table textarea {min-height: 240px;}
.table_wrap table th:has(.txt_top) {position: relative; }
.table_wrap table .txt_top {position: absolute;top: 20px;font-size: inherit;}
.table_wrap table .tip {font-size: 16px;font-weight: 400;margin-top: 5px;}
.table_wrap table .tip.fc_red {color: #4D1313 !important;}
.board_write .table_tit {display: flex; justify-content: space-between; align-items: flex-end;}
.board_write .table_tit h3 {font-size: 30px;font-weight: 700; color: #000; letter-spacing: -1px;}
.tip_txt + .table_wrap  {margin: 5px 0 20px;}
.table_tit + .table_wrap  {margin: 5px 0 20px;}

/* 리스트타입 */
.dot_list > li {display: flex; gap: 8px; font-size: 18px;font-weight: 400;color: #000;line-height: 1.5;}
.dot_list > li + li {margin-top: 10px;}
/* .dot_list > li::before {content: ''; width: 3px; height: 3px; background: #7D898F; border-radius: 100%; flex-shrink: 0; margin-top: 10px;} 251121 아래와같이 변경요청 */
.dot_list > li::before {content: ''; margin-top: 9px; width: 5px; height: 6px; flex-shrink: 0; background: url(../images/common/bull01.svg) no-repeat center center; background-size: cover;}
/* .en_contents .dot_list > li::before { margin-top: 12px;} */
.dot_list > li em {font-weight: 700;}
.dot_list > li em.italic {font-weight: inherit;font-style: italic;}
.dot_list > li em,
.dot_list > li span {font-size: inherit;color: inherit;}
.num_list {padding-bottom: 40px; border-bottom: 1px solid #d8d8d8; margin-bottom: 30px;}
.num_list li {display: flex; font-size: 18px; gap: 12px; line-height: 1.6;}
.num_list li + li {margin-top: 10px;}
.num_list li em {display: flex; justify-content: center; align-items: center; border-radius: 100%; width: 30px; height: 30px; flex-shrink: 0; background: #E6ECF7; color: #0C2B80; font-size: 14px;font-weight: 700;margin-top: -1px;}
.num_list li span {font-size: 18px; font-weight: 400; color: #000;}
.table_list_wrap {border: 1px solid #E4E4E4; border-radius: 20px; overflow: hidden;}
.table_list_wrap .pc_tit {display: flex;}
.table_list_wrap .pc_tit li { height: 64px; background: #EEF2F6; color: #000; font-size: 18px; font-weight: 700;text-align: center;line-height: 64px;}
.table_list_wrap .pc_tit li:nth-of-type(1),
.table_list_wrap .pc_tit li:nth-of-type(2),
.table_list_wrap .pc_tit li:nth-of-type(3) {width: 20%;}
.table_list_wrap .pc_tit li:nth-of-type(4) {width: 40%;}
.table_list_wrap.wd50 .pc_tit li:nth-of-type(1),
.table_list_wrap.wd50 .pc_tit li:nth-of-type(2) {width: 50%;}
.table_list_wrap.col5 .pc_tit li:nth-of-type(1),
.table_list_wrap.col5 .pc_tit li:nth-of-type(2),
.table_list_wrap.col5 .pc_tit li:nth-of-type(4) {width: 18%;}
.table_list_wrap.col5 .pc_tit li:nth-of-type(5) {width: 13%;}
.table_list_wrap.col5 .pc_tit li:nth-of-type(3) {width: 33%;}
.table_list_wrap .pc_tit li + li {border-left: 1px solid #e4e4e4;}
.table_list_wrap .table_list > li + li {border-top: 1px solid #e4e4e4;}
.table_list_wrap .table_list > li .item {display: flex; }
.table_list_wrap .table_list > li .item > li {font-size: 18px; padding: 20px 16px;text-align: center;letter-spacing: -0.5px;}
.table_list_wrap .table_list > li .item > li:nth-of-type(1),
.table_list_wrap .table_list > li .item > li:nth-of-type(2),
.table_list_wrap .table_list > li .item > li:nth-of-type(3) {width: 20%;}
.table_list_wrap .table_list > li .item > li:nth-of-type(4) {width: 40%;text-align: left;}
.table_list_wrap.wd50 .table_list > li .item > li {width: 50%;}
.table_list_wrap.col5 .table_list > li .item > li:nth-of-type(1),
.table_list_wrap.col5 .table_list > li .item > li:nth-of-type(2),
.table_list_wrap.col5 .table_list > li .item > li:nth-of-type(4) {width: 18%;}
.table_list_wrap.col5 .table_list > li .item > li:nth-of-type(5) {width: 13%;}
.table_list_wrap.col5 .table_list > li .item > li:nth-of-type(3) {width: 33%;text-align: left;}
.table_list_wrap .table_list > li .item > li + li {border-left: 1px solid #e4e4e4; }
.table_list_wrap .table_list > li .item > li em {color: #000; display: none;}
.table_list_wrap .table_list > li .item > li span {font-weight: 400;color: #444646; font-size: inherit; }
.table_list_wrap .table_list > li .item > li span:has(.btn_email) .btn_email {margin: 0 auto; }
.border_list {display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 60px;}
.border_list > li {position: relative; width: calc(50% - 5px); display: flex; gap: 8px; border: 1px solid #E4E4E4; border-radius: 20px; padding: 20px 20px 14px 20px; line-height: 170%;font-size: 18px;}
.border_list > li::before { content: ''; width: 36px; height: 36px; background: url(../images/sub/ic_work01.png) no-repeat center center; background-size: cover; flex-shrink: 0; margin-top: -6px;}
.border_list.type1 > li::before { background: url(../images/sub/ic_work01.png) no-repeat center center; background-size: cover;}
.border_list.type2 > li::before { background: url(../images/sub/ic_work02.png) no-repeat center center; background-size: cover;}
.border_list.type3 > li::before { background: url(../images/sub/ic_work03.png) no-repeat center center; background-size: cover;}
.border_list.type4 > li::before { background: url(../images/sub/ic_work04.png) no-repeat center center; background-size: cover;} 
.border_list > li span {display: flex; gap: 3px; font-size: 18px;font-weight: 400;color: #000;}
.border_list > li span::before {display: inline-flex; content: '1. '; font-size: inherit;font-weight: inherit;color: inherit;}
.border_list > li:nth-of-type(2) span::before { content: '2. ';}
.border_list > li:nth-of-type(3) span::before { content: '3. ';}
.border_list > li:nth-of-type(4) span::before { content: '4. ';}
.border_list > li:nth-of-type(5) span::before { content: '5. ';}
.border_list > li:nth-of-type(6) span::before { content: '6. ';}
.border_list > li:nth-of-type(7) span::before { content: '7. ';}
.border_list > li:nth-of-type(8) span::before { content: '8. ';}
.border_list > li:nth-of-type(9) span::before { content: '9. ';}
.border_list > li:nth-of-type(10) span::before { content: '10. ';}
.border_list > li:nth-of-type(11) span::before { content: '11. ';}
.border_list > li:nth-of-type(12) span::before { content: '12. ';}
.border_list > li:nth-of-type(13) span::before { content: '13. ';}
.border_list > li:nth-of-type(14) span::before { content: '14. ';}
.border_list > li:nth-of-type(15) span::before { content: '15. ';}
.border_list > li:nth-of-type(16) span::before { content: '16. ';}
.border_list > li:nth-of-type(17) span::before { content: '17. ';}
.border_list > li:nth-of-type(18) span::before { content: '18. ';}
.border_list > li:nth-of-type(19) span::before { content: '19. ';}
.border_list > li:nth-of-type(20) span::before { content: '20. ';}
.border_list > li:nth-of-type(21) span::before { content: '21. ';}
.border_list > li:nth-of-type(22) span::before { content: '22. ';}
.border_list > li:nth-of-type(23) span::before { content: '23. ';}
.border_list > li:nth-of-type(24) span::before { content: '24. ';}
.border_list > li:nth-of-type(25) span::before { content: '25. ';}
.border_list > li:nth-of-type(26) span::before { content: '26. ';}
.border_list > li:nth-of-type(27) span::before { content: '27. ';}
.border_list > li:nth-of-type(28) span::before { content: '28. ';}
.border_list > li:nth-of-type(29) span::before { content: '29. ';}
.border_list > li:nth-of-type(30) span::before { content: '30. ';}

.error_page {position: relative;height: 100vh;overflow: hidden;padding: 40px;}
.error_page .error_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);text-align: center; padding: 20px;width: 100%;}
.error_page .error_box .tit {font-size: 48px;font-weight: 700;color: #000; word-break: keep-all; }
.error_page .error_box .txt {display: block; font-size: 18px;font-weight: 400;color: #000; margin: 20px 0 40px;}
.error_page .btn_wrap {gap: 10px;}
.error_page .btn_wrap a,
.error_page .btn_wrap button {display: flex; justify-content: center; align-items: center;font-size: 18px; padding: 0 40px;}

@media screen and (max-width: 1480px) {
    #footer .foot_wrap .foot_link {gap: 40px;}
    #footer .foot_wrap .foot_link .foot_list {gap: 28px;}
    #header .nav_wrap .btn_nav_close { right: 40px;}
}

@media screen and (max-width: 1440px) {
    #header .nav_wrap .nav .depth1 > li {width: 220px;}
    .en_main #header .nav_wrap .nav .depth1 > li {width: 210px;}
    #header .nav_wrap .nav .depth1 > li .depth2 {padding: 30px 10px 0;height: 679px; width: calc(100% + 1px);}
    .en_main #header .nav_wrap .nav .depth1 > li .depth2 {height: 699px;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li > div > a {font-size: 14px;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li > a {font-size: 14px;}
    #header .nav_bg.on {min-height: 680px;}
    .en_main #header .nav_bg.on {min-height: 700px;}
    #header .nav_wrap .nav .depth1 > li .depth2::after {height: 620px;}
    .en_main #header .nav_wrap .nav .depth1 > li .depth2::after {height: 640px;}
    #header .nav_wrap .btn_nav_close { right: 50px;}
}

@media screen and (max-width: 1280px) {
    .popup_wrap {max-width: 95%;}
    .popup_wrap.mini {max-width: 95%;}
    #footer .main_inner {gap: 40px; flex-direction: column;}
    #footer .foot_wrap .foot_link { gap: 20px;}
    #footer .foot_wrap .foot_info {margin-top: 20px;}
    .en_main #footer .foot_wrap .family_site {position: static;bottom: initial;right: initial;}
    .en_main #footer .foot_wrap .family_site ul {justify-content: flex-start;}
    .new_search_box .popup_wrap .popup_con {padding-top: 50px;}
    .new_search_box .popup_wrap .btn_close {top: 20px;}
    .btn_top {right: 20px; width: 50px;height: 50px;}
    .en_main #header .nav_wrap {padding: 0 30px;}
    .en_main .main_logo img { height: 34px;}
    .table_list_wrap .table_list > li .item > li {padding: 18px 12px;}
}

@media screen and (max-width: 1200px) {
    #header .nav_wrap {padding: 0 20px;height: 56px;}
    .en_main #header .nav_wrap {padding: 0 20px;}
    #header.on .gnb {display: none;}
    #header .nav_wrap .main_logo {position: relative; z-index: 102; }
    .en_main #header .nav_wrap .main_logo img {height: 28px; }
    #header .nav_wrap .total_search {position: relative;}
    #header .nav_wrap .btn_mo_menu {position: relative; z-index: 102; }
    #header .nav_wrap .main_logo img {height: 36px;}
    #header .nav_wrap .nav.on + .btn_nav_close {display: none;}
    #header .nav_wrap .btn_mo_menu {display: block; }
    #header.on .nav_wrap .btn_mo_menu {margin-top: 10px;}
    #header .nav_wrap .total_search {width: fit-content;margin-left: auto; margin-right: 16px; }
    #header.on .nav_wrap .total_search {margin-top: 10px;}
    #header .nav_wrap .nav {display: none;}
    #header .nav_wrap .nav.on {display: block;position: absolute; top: 0;left: 0; width: 100%; height: 100vh; background: #fff; z-index: 101;}
    #header .nav_bg {display: none;}
    #header .nav_wrap .nav .depth1 { flex-direction: column; gap: 0; margin-top: 60px; justify-content: flex-start; padding: 0 20px; height: calc(100vh - 60px); overflow-y: auto; }
    #header .nav_wrap .nav .depth1 > li .depth2 > li .btn_depth3 {display: block;}
    #header .nav_wrap .nav.on .depth1 > li:first-of-type {border-top: 1px solid #E4E4E4 ;}
    #header .nav_wrap .nav.on .depth1 > li {width: 100%; text-align: left;padding: 16px 0; border-bottom: 1px solid #E4E4E4 ;}
    #header .nav_wrap .nav .depth1 > li > div {display: flex;justify-content: space-between;}
    #header .nav_wrap .nav .depth1 > li > div > a {text-align: left;margin: 0;font-size: 24px; pointer-events: none;}
    #header .nav_wrap .nav .depth1 > li .btn_depth2 {display: block;width: 36px; height: 36px; background: #EEF2F6;border-radius: 10px; position: relative;}
    #header .nav_wrap .nav .depth1 > li .btn_depth2::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 12px;height: 1px; background: #000; transition: 0.2s;}
    #header .nav_wrap .nav .depth1 > li .btn_depth2::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1px;height: 12px; background: #000; transition: 0.2s;}
    #header .nav_wrap .nav .depth1 > li .btn_depth2.on::after {transform: translate(-50%,-50%) rotate(90deg); }
    #header .nav_wrap .nav .depth1 > li > div > a:has(+ .btn_depth2.on) {color: #0C2B80;}
    #header .nav_wrap .nav .depth1 > li .depth2,
    .en_main #header .nav_wrap .nav .depth1 > li .depth2 {padding: 0; opacity: 1;display: none;position: static; transform: none; margin-top: 16px; pointer-events: all;height: auto;}
    /* .en_main #header .nav_wrap .nav .depth1 > li .depth2 {padding: 0; opacity: 1;display: none;position: static; transform: none; margin-top: 16px; pointer-events: all;} */
    #header .nav_wrap .nav .depth1 > li .depth2 > li > div {justify-content: space-between; max-height: 68px; border-radius: 12px; padding: 16px; background: #EEF2F6;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li > div > a {font-size: 17px; margin-bottom: 0; padding: 16px 16px 16px 0;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li > div > a:hover {text-decoration: none;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li + li {margin-top: 2px;}
    /* .en_main #header .nav_wrap .nav .depth1 > li .depth2 > li + li {margin-top: 2px;} */
    #header .nav_wrap .nav .depth1 > li .depth2 > li .btn_depth3 {background: #fff; border: 1px solid #D8D8D8;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li .btn_depth3.on::after {transform: translate(-50%,-50%) rotate(90deg); }
    #header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 {display: none; padding-left: 10px; padding-bottom: 8px; padding-top: 10px;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li > a {font-size: 17px;padding: 8px 8px 8px 0;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li > a:hover {text-decoration: none;}
    #header .nav_wrap .nav .depth1 > li .depth2::after {display: none;}
    #header .nav_wrap .btn_nav_close {display: none;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li:last-of-type {margin-bottom: 0;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li + li {margin-top: 0px;}
    #header .nav_wrap .nav .depth1 > li .depth2 > li .depth3 > li::before {width: 4px; height: 4px;margin-top: 16px;}
}

@media screen and (max-width: 1024px) {
    .popup_wrap .popup_con {max-height: 500px;}
    .popup_wrap .popup_tit,
    .popup_wrap.nesting .popup_tit,
    .popup_wrap.mini2.nesting .popup_con,
    .popup_wrap.mini .popup_tit {padding: 20px;}
    .popup_wrap.mini2.nesting .popup_con {padding: 0 20px 20px 20px;}
    .popup_wrap .popup_con {padding: 20px;}
    .popup_wrap .btn_close {right: 20px; top: 28px;}
    .popup_wrap.ai_info {max-width: 272px;}
    .popup_wrap.ai_info .btn_close {right: 16px; top: 16px;}
    .popup_wrap.ai_info .popup_con {padding: 50px 16px 16px;}
    .popup_wrap.ai_info .popup_con .t_left {font-size: 14px;}
    .popup_wrap.ai_info .popup_con .t_left br:not(.pc) {display: none;}
    .popup_wrap .popup_con .sub_tit { margin-bottom: 10px;}
    .popup_wrap .popup_con .sub_tit2 {margin-top: 10px;}
    .popup_wrap .popup_con .print {margin-top: 0;}
    .popup_wrap .popup_con .con_box {padding: 20px;margin: 10px 0 40px;}
    .popup_wrap .popup_con .new_con_box {padding: 0;margin: 10px 0 20px;}
    #footer {padding: 50px 0;}
    #footer .foot_wrap .foot_link {flex-direction: column; align-items: flex-start; }
    #footer .foot_wrap .family_site ul {flex-wrap: wrap; }
    #footer .foot_wrap .family_site ul li {width: calc(50% - 6px);}
    #footer .main_inner {gap: 20px;}
    #footer .foot_wrap .foot_info div:first-of-type {width: 100%;}
    #footer .foot_wrap .foot_info div:nth-child(2) {padding-left: 0;}
    #footer .foot_wrap .foot_info div:nth-child(2)::before {display: none;}
    .new_search_box .table_wrap colgroup {display: none;}
    .new_search_box .popup_wrap .popup_con {padding: 50px 16px 20px;}
    .new_search_box .table_wrap.type3 table th,
    .new_search_box .table_wrap.type3 table td {margin-bottom: 0; display: block;padding: 6px 0;}
    .new_search_box .flex span {display: none;}
    .new_search_box .table_wrap.type3 table td.flex {display: flex;}
    .new_search_box .flex .input_date {width: calc(50% - 5px);}
    .new_search_box .popup_wrap .popup_con {max-height: none;}
    .new_search_box .popup_wrap .btn_close {right: 16px;}
    .table_list_wrap .table_list > li .item > li,
    .table_wrap table th,
    .table_wrap table td {font-size: 16px;}
    .table_list_wrap .table_list > li .item > li {padding: 16px 8px;}
}

@media screen and (max-width: 768px) {
    input.wd50,
    input.wd40 {max-width: 100%;}
    .btn_wrap {width: 100%;}
    .btn_wrap.write {margin: 40px auto 0;}
    .btn_wrap.col3 .btn_basic {width: calc(100% / 3);}
    .btn_basic,
    .btn_search {height: 44px;}
    .btn_list {height: 52px;padding: 0 10px; min-width: 95px;}
    .btn_basic.type2 {width: 100%;}
    .btn_blue,
    .btn_white,
    .btn_black,
    .btn_gray {height: 52px;font-size: 17px;}
    .btn_wrap.mini button {height: 44px;}
    input:not(input[type=radio], input[type=checkbox]), select, textarea {padding: 9px 14px; font-size: 14px;}
    .input_date::before {width: 18px;height: 18px;}
    #footer {padding: 48px 0;}
    .ai_search_wrap2 .ai_result:has(.no_data) {margin-bottom: 0; }
    .ai_search_wrap2 .switch_wrap {gap: 4px;}
    .ai_search_wrap2 .switch_wrap .tit {font-size: 20px;}
    .ai_search_wrap2 .switch_wrap .sub_tit {font-size: 20px;}
    .ai_search_wrap2 .switch_wrap .sub_tit::before {width: 24px;height: 24px;}
    .ai_search_wrap2 .ai_search_box .input_wrap input {font-size: 16px; border-radius: 9px; padding: 12px 48px 12px 12px;}
    .ai_search_wrap2 .ai_search_box .input_wrap .btn_search {width: 48px; }
    .ai_search_wrap2 .ai_search_box .input_wrap .btn_search::before {width: 24px;height: 24px;}
    .ai_search_wrap2 .ai_search_box {padding: 3px; min-height: auto;border-radius: 16px;}
    .ai_search_wrap2 .ai_search_box .copy {font-size: 14px;}
    .ai_result .result_type01 .con_wrap .con {padding: 24px 0;}
    .ai_result .result_type01 .con_wrap .title_wrap {margin: 20px 0 0;padding: 0 0 12px;}
    .ai_result .result_type01 .con_wrap + .con_wrap {margin-top: 0;}
    .ai_result .result_type01 .con_wrap .location li {font-size: 14px;gap: 6px;}
    .ai_result .result_type01 .con_wrap .info_wrap span {font-size: 14px;}
    .ai_result .result_type01 .con_wrap .location {gap: 4px 6px;}
    .ai_result .result_type01 .con_wrap .box_con {margin: 16px 0 0;}
    .ai_result .result_type01 .con_wrap .title_wrap .tit {font-size: 22px; gap: 4px; }
    .ai_result .result_type01 .con_wrap .title_wrap .tit .num {font-size: 14px;}
    .ai_result .file_item a,
    .ai_result .file_item button {height: 36px; border-radius: 8px;font-size: 14px;}
    .table_wrap table {border-radius: 16px;}
    .table_wrap table th,
    .table_wrap table td {font-size: 14px; padding: 10px;}
    .table_wrap.type3 {margin: 10px 0;}
    .table_wrap.type_block2 colgroup col {width: auto !important;}
    .table_wrap.type3 colgroup,
    .table_wrap.type_block2 colgroup {display: none;}
    .table_wrap.type_block2 table tbody {display: flex; }
    .table_wrap.type_block2 table tbody tr {display: flex; flex-direction: column; }
    .table_wrap.type_block2 table th {width: 110px; border-bottom: 1px solid #d8d8d8; min-height: 70px; display: flex; align-items: center; padding: 9px; }
    .table_wrap.type_block2 table th,
    .table_wrap.type_block2 table td {flex: 1; text-align: left;}
    .table_wrap.type_block2 table td {min-height: 50px; display: flex; align-items: center; }
    .table_wrap.type_block2 table th + th {border-left: 0;}
    .table_wrap table td + td {border-left: 0;}
    .table_wrap.type3 th,
    .table_wrap.type3 td {display: block;}
    .table_wrap.type3 table td {padding: 0; font-size: 16px; margin-bottom: 20px;}
    .table_wrap.type3 table th {padding-bottom: 5px;}
    .table_wrap table .txt_top {position: relative; top: initial;}
    .pl_list div + div {padding-left: 5px;}
    .pl_list div:nth-child(2) + div {padding-left: 10px;}
    .pl_list div:nth-child(3) + div {padding-left: 15px;}
    .pl_list div:nth-child(4) + div {padding-left: 20px;}
    .txt_bg_box {padding: 16px; margin: 10px 0 40px;}
    .dot_list > li {font-size: 16px;}
    .dot_list > li::before {margin-top: 8px;}
    .en_contents .dot_list > li::before {margin-top: 10px;}
    .num_list > li {gap: 8px;}
    .num_list li em {width: 28px;height: 28px;}
    .border_list {margin-bottom: 40px;}
    .border_list li {width: 100%;  padding: 12px 12px 8px 12px;}
    .border_list > li::before {width: 30px; height: 30px; margin-top: -2px;}
    .border_list > li::after {left: 48px;}
    .popup_wrap .popup_con .new_con_box .dot_list li::before {margin-top: -3px;}
    .popup_wrap .popup_tit br {display: block;}
    .popup_wrap.mini2,
    .popup_wrap.mini.wd640 {max-width: 90%;}
    .popup_wrap.mini.wd640 .popup_con {padding-top: 0; }
    .popup_wrap .popup_con .con_txt {font-size: 17px;}
    .popup_wrap .btn_wrap.sns {flex-direction: column;}
    .popup_wrap .btn_wrap.sns button {font-size: 16px; width: 100%; height: 56px; flex: none; border-radius: 16px; justify-content: flex-start; padding-left: 20px;}
    .popup_wrap .popup_con .pop_box {padding: 16px;}
    .popup_wrap .popup_con .pop_box .list_type1 li {font-size: 14px;}
    .popup_wrap .popup_con .pop_box .list_type1 li::before {margin-top: 8px;}
    .popup_wrap .popup_con:has(.pop_box) {padding-top: 0;}
    .popup_wrap.ai_info {left: 50%; transform: translateX(-50%);}
    /* .main_pop_wrap {max-width: 90%;} */
    .main_pop_wrap .popup_con:not(:has(img)) {min-height: 320px;}
    .main_pop_wrap .popup_con {min-width: 343px;}
    .answer .popup_wrap .popup_con .con_box {margin: 12px 0;}
    .answer .popup_wrap .popup_con .con_box + .sub_tit {margin-top: 12px;}
    #footer .main_inner {gap: 16px;}
    #footer .foot_wrap .foot_link {gap: 16px;}
    #footer .foot_wrap .foot_link .foot_list {flex-wrap: wrap; gap: 10px 20px;}
    #footer .foot_wrap .foot_link .foot_list li a {font-size: 14px;}
    #footer .foot_wrap .foot_info {margin: 16px 0;}
    #footer .foot_wrap .foot_info div {font-size: 14px; display: block;}
    #footer .foot_wrap .foot_info div + div {padding-left: 0; padding-top: 10px;}
    #footer .foot_wrap .foot_info p {font-size: 14px;}
    #footer .foot_wrap .family_site ul { gap: 4px;}
    #footer .foot_wrap .family_site ul li {width: calc(50% - 2px);}
    #footer .foot_wrap .family_site ul li .select_wrap select {font-size: 12px; padding: 10px 8px;}
    #footer .foot_wrap .family_site ul li .btn_link {font-size: 12px; width: 36px;}
    #footer .foot_wrap .family_site ul li .select_wrap::before {right: 0;}
    input[type=radio] + label { padding:0 0 0 32px; min-height:24px; background-size: 24px auto; font-size: 16px;}
    input[type=checkbox] + label,
    .radio_wrap2 input[type=radio] + label { padding:0 0 0 32px; min-height:24px; background-size: 24px auto; font-size: 16px;}
    .radio_wrap2 {gap: 8px;}
    .radio_wrap2 .radio_box {padding: 16px; border-radius: 16px;}
    .table_list_wrap {border: none; border-radius: 0;margin-top: 10px;}
    .table_list_wrap .pc_tit {display: none;}
    .table_list_wrap .table_list > li {border: 1px solid #E4E4E4;border-radius: 16px;overflow: hidden;}
    .table_list_wrap .table_list > li + li {margin-top: 16px;}
    .table_list_wrap .table_list > li .item {flex-direction: column;}
    .table_list_wrap .table_list > li .item > li:nth-of-type(1),
    .table_list_wrap .table_list > li .item > li:nth-of-type(2),
    .table_list_wrap .table_list > li .item > li:nth-of-type(3),
    .table_list_wrap .table_list > li .item > li:nth-of-type(4) {width: 100%;}
    .table_list_wrap.col5 .table_list > li .item > li:nth-of-type(1),
    .table_list_wrap.col5 .table_list > li .item > li:nth-of-type(2),
    .table_list_wrap.col5 .table_list > li .item > li:nth-of-type(3),
    .table_list_wrap.col5 .table_list > li .item > li:nth-of-type(5),
    .table_list_wrap.col5 .table_list > li .item > li:nth-of-type(4) {width: 100%;}
    .table_list_wrap .table_list > li .item > li span:has(.btn_email) .btn_email {margin: 0;}
    .table_list_wrap .table_list > li .item > li em {flex-shrink: 0; display: block; background: #EEF2F6;width: 100px;text-align: left; font-weight: 700; color: #000;}
    .table_list_wrap .table_list > li .item > li {display: flex; padding: 0;}
    .table_list_wrap .table_list > li .item > li span {width: calc(100% - 100px);text-align: left;}
    .table_list_wrap .table_list > li .item > li + li {border-top: 1px solid #E4E4E4; border-left: 0;}
    .select_wrap::before {width: 20px;height: 20px;}

    .error_page {padding: 30px;}
    .error_page .error_box .tit {font-size: 24px;}
    .error_page .error_box .txt {margin: 10px 0 20px;}
    .error_page .btn_wrap button,
    .error_page .btn_wrap a {font-size: 17px; padding: 0 20px;}
    .ai_result .result_type02 {padding: 40px;}
    .ai_result .result_type02 .con .sub_tit {font-size: 18px;}
    .ai_result .result_type02 .con p,
    .ai_result .result_type02 .con ul li {font-size: 16px;}
    .ai_info_box > div {flex-wrap: wrap;}
    .ai_info_box > div .ai_txt {font-size: 16px;letter-spacing: -0.5px;}
    .new_search_box .popup_wrap .popup_con .con_txt {font-size: 14px;}
    .switch input[type=checkbox] + label {height: 40px;}
    .switch input[type=checkbox] + label .switch01,
    .switch input[type=checkbox] + label .switch02 {padding: 0 12px;}
    .switch input[type=checkbox] + label em {font-size: 16px;}
    .new_search_box {flex-wrap: wrap; justify-content: center;}
    .ai_search_box .input_wrap {width: 100%;height: 56px;border-radius: 12px;padding: 3px;}
    .ai_result .result_type02 .con h3 {font-size: 18px;}
    .new_search_box .btn_popup {width: 111px;height: 40px;border-radius: 12px;}
    .answer_box .radio_wrap2 input[type=radio] + label .answer-mark {padding: 0 6px; height: 22px;font-size: 14px; gap: 3px; border-radius: 8px;}
    .answer_box .radio_wrap2 input[type=radio] + label .wrong-answer {padding: 0 6px;height: 22px;font-size: 14px; gap: 3px; border-radius: 8px;}
    .answer_box .radio_wrap2 input[type=radio] + label .answer-mark::after {width: 12px;height: 12px;}
    .answer_box .radio_wrap2 input[type=radio] + label .wrong-answer::after {width: 8px; height: 8px;}
    .table_list_wrap .table_list > li .item > li em,
    .table_list_wrap .table_list > li .item > li span {padding: 16px;}
    .ai_search_wrap2 {margin-top: 0;}
    .switch_wrap {margin-top: 0;}
    .switch .switch_box {height: 40px;}
    .switch .switch_box em {font-size: 16px;}
    .switch .switch_box .switch01,
    .switch .switch_box .switch02 {padding: 0 12px;}
}
@media screen and (max-width: 480px) {
    #footer .foot_wrap .family_site ul li {width: 100%; }
    .ai_search_wrap2 {margin-top: -20px;}
    .total_sc_tit_wrap { flex-direction: column; align-items: flex-start; gap: 8px;}
}