@charset "UTF-8";

/*인쇄설정{*/
@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    html, body {
        position:relative;
        top:0;
        left: 0;
        /*width: 210mm !important;*/
        height: 0 !important;
        border:0;
        margin:0 auto ;
        padding:0;
        page-break-after: auto !important;
        /*transform: scale(0.9) translate(-3.5%) !important;*/
    }
    .page {
        margin: 0;
        border: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
    header, footer, aside, .sect_topImg, .sect_snb, .no-print,.button_wrap, .modal_btn_wrap, .topImg, .loca{ display:none !important; }
    .wrapper{
        position: relative !important;
        margin: 0 auto !important;
        height: 100% !important;
        padding: 0 !important;
    }

    .blocker:before{display:none !important}
    .container{padding-top:0 !important; width: 100% !important;}

    /*과제공모*/
    .calendar {flex-direction: column;}
    .calendar_ {width: 100% !important;}
    .calendar-list {width: 100% !important; padding: 0 !important; padding-top: 60px !important;}
    .sect-calendar {margin-bottom: 300px !important;}
    .bbsBar {display: none !important;}
    .bbsTable {padding-top: 40px !important;}

    /*조직도*/
    .mainBar-subTit, .mainBar-subTit p {display: none !important;}

    /*위원회*/
    .search-wrap, .rsch-wrap .rsch-box .btn span {display: none !important;}
    .rsch-wrap .rsch-box .btn {padding-left: 10px !important;}
}
@page {
    size: A4;
    margin: 0;
}
/*}인쇄설정*/

/*--------------------------------------------------------------------- HEADER --------------------------*/
.top-banner{height: 70px;background: linear-gradient(45deg, #FF000A, #620E0F, #FF000A, #620E0F);background-size: 400% 400%;animation: gradient 10s ease infinite; opacity: 1;}
.top-banner .inner{height: 100%}
.top-banner__link{color: #fff;font-size: 18px;font-weight: 700; display: flex; align-items: center;}
.top-banner__link::before{content: ''; width: 40px; height: 40px; background: no-repeat 50% / cover; background-image: url("../../images/cmn/ico-notice.svg"); margin-right: 20px;}
.top-banner .checkbox-basic input[type="checkbox"] + label{color: #fff;font-size: 16px;}
.top-banner .checkbox-basic input[type="checkbox"] + label::before{display: none;}
.top-banner .checkbox-basic input[type="checkbox"] + label::after{content: '';width: 23px;height: 23px;}
.top-banner .checkbox-basic input[type="checkbox"] + label::after{background: #fff;border: 1px solid #707070;border-radius: 5px;margin-left: 10px;}
.top-banner .checkbox-basic input[type="checkbox"]:checked + label::after{background: transparent; border: 0; width: 25px; height: 25px; background:no-repeat 50% / cover; background-image: url("../../images/cmn/ico-chk_w.svg")}

.top-banner .closeBtn{margin-left: 20px;}
.ico-close__w{width: 20px; height: 20px; background-image: url("../../images/cmn/ico-close_w.svg")}
.top-search {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.hd-nav__bg {position: absolute;top: 50px;left: 0;width: 100%;height: 40px;background: #232323;}


/*---- hd-tit ----*/
.hd-tit{height:25px;}
.hd-tit > h2{line-height:23px; font-size:12px; font-weight:400; color:#fff;}
.hd-tit > h2 > span{font-weight:300;}
.hd-tit > h2 > a {color: inherit;font-size: inherit;font-weight: inherit;display: inline-block;}

.hd-wrap > .inner{height:inherit;}
.hd-wrap__logo{width: 295px;height: 40px;}
.hd-wrap__logo > a{width:inherit; height:inherit; background: no-repeat 50% / contain; background-image: url("../../images/cmn/hd-logo_w.svg")}


/*---- PC VER ----*/
header{position: fixed; top: 0; left: 0; width: 100%; transition: 0.3s; z-index: 111;}
.pc-ver .hd-wrap{position: relative; height: 92px;background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);}
.pc-ver .hd-wrap__search{min-width:440px; margin-left:90px;}
.pc-ver .hd-wrap__search .ico__search{width:24px; height:24px;}
.pc-ver .hd-wrap__search input[type="text"]{padding-right:55px;}
.pc-ver .hd-wrap__search button{height:50px; padding-left:12px;}
.pc-ver .hd-nav__cont > .flex-h-c {width: 100%;}
.pc-ver .hd-nav__gnb > ul{justify-content: space-evenly;}
.pc-ver .hd-nav__gnb > ul > li > a{font-size:18px;font-weight: 700;color: #fff;padding:0 30px; position: relative;}
.pc-ver .hd-nav__gnb > ul > li > a:after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 12px; background: rgba(255,255,255,0.2);}


.pc-ver .hd-nav__event{position:absolute; top:0; right:15px; width:220px; height:50px; background:no-repeat 50% / cover;}
.pc-ver .hd-nav__lnb{display:none;height: 300px;padding-left: 25px;margin: 30px 0;border-right: 1px solid #e4e4e4;position:absolute;left:0;width: 240px;top: 92px;z-index: 11;}
.pc-ver .gnb-arr{height: 92px;display: flex;align-items: center;}
.pc-ver .gnb-arr__tit{font-size: 16px; font-weight: 900; color: #292929; margin-top: 15px; padding-bottom: 10px;}
.pc-ver .hd-wrap__box{position: relative;}
.pc-ver .gnb-arr:last-child .hd-nav__lnb{border-right: 0;}
.pc-ver .gnb-arr:nth-child(1) .hd-nav__lnb{left: 300px;}
.pc-ver .gnb-arr:nth-child(2) .hd-nav__lnb{left: 540px;}
.pc-ver .gnb-arr:nth-child(3) .hd-nav__lnb{left: 780px;}
.pc-ver .gnb-arr:nth-child(4) .hd-nav__lnb{left: 1020px;}
.pc-ver .gnb-arr:nth-child(5) .hd-nav__lnb{left: 1260px;}
.pc-ver .gnb-arr:nth-child(6) .hd-nav__lnb{left: auto; right: 0;}
.pc-ver .gnb-depth > li{margin-top: 20px;}
.pc-ver .gnb-depth > li > a{font-size: 16px; color: #292929; position: relative; display: inline-block; word-break: keep-all;}
.pc-ver .gnb-depth > li > a:hover{text-decoration: underline;text-underline-position: under;}
header.hovered .hd-wrap,
header.scroll-active .hd-wrap{background: #fff;}
header.scroll-active .hd-wrap{box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
header.hovered .hd-wrap__logo > a,
header.scroll-active .hd-wrap__logo > a{background-image: url("../../images/cmn/hd-logo.svg")}
header.hovered .pc-ver .hd-nav__gnb > ul > li > a,
header.scroll-active .pc-ver .hd-nav__gnb > ul > li > a{color: #292929;}
header.hovered .pc-ver .hd-nav__site .ico-language,
header.scroll-active .pc-ver .hd-nav__site .ico-language{background-image: url("../../images/cmn/ico-language.svg")}
header.hovered .pc-ver .hd-nav__site .ico-login,
header.scroll-active .pc-ver .hd-nav__site .ico-login{background-image: url("../../images/cmn/ico-login.svg")}
header.hovered .pc-ver .hd-nav__site .ico-search,
header.scroll-active .pc-ver .hd-nav__site .ico-search{background-image: url("../../images/cmn/ico-sch_on.png")}
header.scroll-active .top-banner{height: 0;opacity: 0;}


.pc-ver .hd-nav__site{margin-left: 25px;}
.hd-nav__site .btn{width: 35px; height: 35px}
.hd-nav__site .btn:not(:last-child){margin-right: 15px}
.hd-nav__site .btn i{width: inherit; height: inherit;}
.ico-language{background-image: url("../../images/cmn/ico-language_w.svg")}
.ico-login{background-image: url("../../images/cmn/ico-login_w.svg")}
.topMenu-bg {position: absolute;top: 92px;left: 0;right: 0;background-color: #fff;z-index: 12;border-top: 1px solid #000;box-shadow: 0 3px 6px rgba(0,0,0,0.16);display: none;z-index: 1;}
.topMenu-bg p{height: 520px;}
.hd-nav__site .btn.language-btn {width: auto;}
.hd-nav__site .btn.language-btn i {width: 35px;margin-right: 5px;}
.hd-nav__site .btn.language-btn span {font-size: 18px;font-weight: 700;color: #fff;}
header.hovered .pc-ver .hd-nav__site .btn.language-btn span,
header.scroll-active .pc-ver .hd-nav__site .btn.language-btn span{color: #000;}




/*---- MOBILE VER ----*/
.mobile-ver .hd-nav__gnb {overflow-y: auto;height: calc(100vh - 102px);}
.mobile-ver .hd-nav__wrap{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: #fff;z-index: 111;}
.mobile-ver .hd-wrap{height: 102px; background: linear-gradient(to bottom, rgba(0,0,0,0.25), transparent);}
.mobile-ver .hd-wrap__box{height: 100%;}
.mobile-ver .hd-wrap__logo{transition: all .3s; }
.mobile-ver .gnb-btn button{width: 40px;height: 40px;border: 0;position: relative;}
.mobile-ver .gnb-btn button span{display: block;height: 3px;width: 32px;background: #fff;position: absolute;top: 50%;margin-top: -1px;left: 50%;margin-left: -16px;}
.mobile-ver .gnb-btn button span:before,
.mobile-ver .gnb-btn button span:after{content:'';display: block;height: 100%;width: 100%;background: #fff;position: absolute;top: -12px;transform: rotate(0deg);}
.mobile-ver .gnb-btn button span:after{top: 12px;}
.mobile-ver .gnb-btn.gnb-btn_active {position: absolute;z-index: 112;top: 20px;right: 20px;}
.mobile-ver .gnb-btn.gnb-btn_active button span{background: transparent;}
.mobile-ver .gnb-btn.gnb-btn_active button span:before{transform: rotate(135deg);top: 0;}
.mobile-ver .gnb-btn.gnb-btn_active button span:after{transform: rotate(-135deg);top: 0;}
.mobile-ver .hd-nav__top{background: linear-gradient(45deg, #A31A1F, #7F0506); height: 80px;}
.mobile-ver .gnb-arr_wrap{cursor: pointer; display: flex; justify-content: space-between; align-items: center; height: 82px; padding: 0 20px; border-bottom: 1px solid #BABABA;}
.mobile-ver .gnb-arr_wrap > a{font-size: 20px; color: #424242}
.mobile-ver .gnb-arr_wrap .toggle{width: 30px;height: 30px;position: relative;}
.mobile-ver .gnb-arr_wrap .toggle::before,
.mobile-ver .gnb-arr_wrap .toggle::after{content: '';width: 17px;height: 2px;background: #292929;position: absolute;top: 50%;left: 0;transform: translateY(-50%) rotate(45deg);border-radius: 5px;transition: .3s;}
.mobile-ver .gnb-arr_wrap .toggle::after{left: 11px;transform: translateY(-50%) rotate(-45deg);}
.mobile-ver .gnb-arr_wrap.active .toggle::before{transform: translateY(-50%) rotate(-45deg);}
.mobile-ver .gnb-arr_wrap.active .toggle::after{transform: translateY(-50%) rotate(45deg);}
.mobile-ver .hd-nav__lnb > li{display: flex; align-items: center; height: 80px; padding: 0 30px; background-color: #F7F7F7;border-bottom: 1px solid #BABABA;}
.mobile-ver .hd-nav__lnb > li > a{font-size: 18px; color: #424242;display: flex; align-items: center;}
.mobile-ver .hd-nav__lnb > li > a:after{content: ''; margin-left: 5px; background: no-repeat 50% / cover; background-image: url("../../images/cmn/ico-arrow.svg"); width: 18px; height: 18px;}
.mobile-ver .hd-nav__site .btn:not(:last-child){margin-right: 60px; position: relative;}
.mobile-ver .hd-nav__site .btn:not(:last-child):after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -30px; width: 1px; height: 30px; background: #fff;}
.mobile-ver .hd-nav__lnb{display: none;}
header.scroll-active .mobile-ver .gnb-btn:not(.gnb-btn_active) button span{background: #424242;}
header.scroll-active .mobile-ver .gnb-btn:not(.gnb-btn_active) button span:before,
header.scroll-active .mobile-ver .gnb-btn:not(.gnb-btn_active) button span:after{background: #424242;}
header.scroll-active .mobile-ver .hd-nav__sch .ico-search{background-image: url("../../images/cmn/ico-sch_on.png")}



/*--------------------------------------------------------------------- FOOTER --------------------------*/
footer .cost-list{margin-bottom: 150px; margin-top: 0;}
.ft-banner{padding: 30px 0; background-color: #F7F7F7;}
.ft-banner__wrap {max-width: 1540px;width: 100%;margin: 0 auto;position: relative;z-index: 1;}
.ft-banner__slide{margin: 0 32px;}
.ft-banner__wrap .swiper-btn{position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);width: 34px;height: 50px;background: no-repeat 50% / cover;background-image: url("../../images/cmn/ico-slide_btn.svg")}
.ft-banner__wrap .swiper-btn.swiper-prev{left: 0;}
.ft-banner__wrap .swiper-btn.swiper-next{transform:  translateY(-50%) rotate(180deg);right: 0;}
.ft-banner__slide > ul > li{width: 25%; padding: 0 8px}
.ft-banner__slide > ul > li > a{width: 100%; overflow: hidden; height: 90px; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #e4e4e4; border-radius: 5px;}
.ft-banner__slide > ul > li > a img{transition: .4s; height: 100%; width: 100%; object-fit: cover;}
.ft-banner__slide > ul > li > a:hover img{transform: scale(1.08); }
.ft-cont{padding: 70px 0 104px; background-color: #fff;}
.ft-cont__top{padding-bottom: 50px; border-bottom: 1px solid #E4E4E4; align-items: flex-end;}
.ft-site__link{font-size: 16px; font-weight: 800; color: #757575; display: flex; align-items: center; text-decoration: underline;}
.ft-site__link:after{content:''; width: 5px; height: 10px; margin-left: 15px; background: no-repeat 50% / cover; background-image: url("../../images/cmn/ico-arr_right.svg")}
.ft-site > li:not(:last-child){margin-right: 40px;}
.ft-cont__list{padding: 40px 0; border-bottom: 1px solid #E4E4E4}
.ft-cont__list > div{width: 50%;}
.ft-list__tit{font-size: 16px; color: #292929; margin-bottom: 15px;}
.ft-list__cont p{font-size: 14px; color: #757575; line-height: 1.4;}
.ft-cont__bt{padding-top: 40px;}
.ft-link > li > div{margin-right: 20px; padding-right: 20px; position: relative;}
.ft-link > li > div:after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 12px; background: #E4E4E4;}
.ft-link > li:last-child > div:last-child:after{display: none;}
.ft-link__txt{font-size: 14px; font-weight: 500; color: #BABABA;}
.ft-copyright{font-size: 14px; color: #757575;}
.ft-copyright span{font-size: inherit; font-weight: 500;}




/*--------------------------------------------------------------------- LAYOUT --------------------------*/
.inner{max-width:calc(1450px + 80px); margin:0 auto; padding:0 40px;}
.container{margin-top:50px; padding-bottom: 100px;}
.sub-container{margin-top:50px; padding-bottom: 0;}



/*--------------------------------------------------------------------- modal --------------------------*/
.modal.modal-common,
.modal.modal-common .alert__cont {width:100%;max-width:920px;background:#fff;padding: 50px;border-radius:3px;box-shadow:0 0 3px #000;position: relative;height: min(calc((var(--vh, 1vh) * 100) - 100px), 700px);}
.modal.modal-common .modal-txt { margin-bottom:32px; }
.modal.modal-common .modal-txt__tit,
.modal.modal-common .alert-txt__tit { font-size:26px; font-weight:700; margin-bottom:10px; text-align: left; border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;}
.modal.modal-common .modal-txt__cont,
.modal.modal-common .alert-txt__cont { color:#535353; word-break:keep-all; line-height: 24px; }
.modal.modal-common .modal__btn .btn { width:100%; height:55px; line-height:55px; color: #fff; font-size: 18px; font-weight: 500 ; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}

/*-- modal-alert --*/
.modal.modal-alert{max-width: 300px; padding:45px 25px 20px; box-shadow:0 0 3px #000;}
.modal-alert .modal-txt__tit{border-bottom: 0; padding: 0;}
.modal__close{position:absolute;top: 50px;right: 50px;width: 30px;height: 30px;background:url(../../images/cmn/ico_modal_close.svg) no-repeat 50% / contain;z-index:99;}
.modal.modal-alert .modal-txt__cont{color:#535353; word-break:keep-all; line-height: 24px;}
.modal.modal-alert .modal__btn .btn { width:100%; height:55px; line-height:55px; border-radius:3px; color: #000000; font-size: 18px; font-weight: 500; }



/*--------------------------------------------------------------------- checkbox --------------------------*/
.checkbox-cir:checked + label::before ,
.checkbox-cir:checked + label::after{ content:""; position:absolute; top:50%; transform:translateY(-50%); background:#D0D0D0; }
.checkbox-cir input[type="checkbox"] + label::before,
.checkbox-cir input[type="checkbox"] + label::after{border-radius:100%;border: 0;background: #d0d0d0;background-image: url(../../images/cmn/ico_check_w.svg);background-repeat: no-repeat;background-position: 50%;width: 28px;height: 28px;background-size: 14px 11px;}

.checkbox-cir a,
.checkbox-cir input[type="checkbox"] + label {font-size: 14px;}



.checkbox-basic input[type="checkbox"] + label::before,
.checkbox-basic input[type="checkbox"] + label::after{background:#000;border: 1px solid #707070;border-radius: 5px;}
.checkbox-basic:checked + label::before ,
.checkbox-basic:checked + label::after{ content:""; position:absolute; top:50%; transform:translateY(-50%); }
.checkbox-basic a,
.checkbox-basic input[type="checkbox"] + label {font-size: 16px;}



/*--------------------------------------------------------------------- radio --------------------------*/
.radio-cir input[type="radio"] + label::before,
.radio-cir input[type="radio"] + label::after{border-radius:100%;border: 0;background: #d0d0d0;background-image: url(../../images/cmn/ico_check_w.svg);background-repeat: no-repeat;background-position: 50%;width: 28px;height: 28px;background-size: 14px 11px;}
.radio-cir a,
.radio-cir input[type="radio"] + label {font-size: 14px;}

.radio-basic input[type="radio"] + label::before,
.radio-basic input[type="radio"] + label::after{border-radius:100%;border: 0;background-image: url(../../images/cmn/ico_check_list.svg);background-repeat: no-repeat;background-position: top;width: 28px;height: 28px;background-size: 28px 112px;margin-right: 12px;}
.radio-basic a,
.radio-basic input[type="radio"] + label {font-size: 14px;}


/*--------------------------------------------------------------------- input 안에 button --------------------------*/
.input-wrap {position: relative;}
.input-wrap .btn-inner{color: #fff;width: 90px;height: 40px;font-size: 14px;border-radius: 3px;position: absolute;right: 5px;top: 5px;line-height: 1;display: flex;align-items: center;justify-content: center; padding: 0;}




/*--------------------------------------------------------------------- quickMenu --------------------------*/
.quickMenu {position: fixed;top: calc((100vh / 2) - 10px);height: 529px;right: 0;z-index: 999;border-radius: 10px 0 0 10px;overflow: hidden;transform: translate(121px, -50%);transition: transform .4s;display: flex;}
.quickMenu-tit{background-color: #BA2C2D;padding: 17px 12px; cursor: pointer}
.quickMenu-tit__wrap{display: flex;flex-direction: column;align-items: center;justify-content: space-between; width: 100%; height: 100%;}
.quickMenu-tit .tit{font-size: 16px; line-height: 1.5; font-weight: 700; color: #fff; }
.quickMenu .ico-arrow__two{width: 25px; height: 25px; background: no-repeat 50% / cover; background-image: url("../../images/cmn/ico-arr_two.svg"); transition: .4s;}
.quickMenu-list{background-color: #fff; padding: 3px 20px;}
.quickMenu-list li{padding: 27px 0;}
.quickMenu-list li:not(:last-child){border-bottom: 2px solid #E4E4E4}
.quickMenu-list li a{text-align: center; transition: .4s;}
.quickMenu-list li a:hover{opacity: .6;}
.quickMenu-list li .img{font-size: 0;}
.quickMenu-list li .img > img {
    width: 34px;
}
.quickMenu-list .cont{font-size: 16px; font-weight: 700; color: #292929; margin-top: 10px;}
.top-btn .btn{background-color: #A7292A; width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 800; color: #fff;}
.quickMenu.hovered{transform: translate(0, -50%);}
.quickMenu.hovered .ico-arrow__two{background-image: url("../../images/cmn/ico-arr_two_on.svg")}



/* hd-nav__sch */
.hd-nav__sch .btn.btn-search{width: 35px; height: 35px; margin-right: 0;}
.hd-nav__sch .search-input{position: absolute; display: none;}
.hd-nav__sch .ico-search{width: 100%; height: 100%; background-image: url(../../images/cmn/ico-sch_w.png);}
.search-container {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}
.search-inner {height: 0;overflow: hidden;transition: height .3s;box-sizing: border-box;background-color: #fff;}
.search-box__wrap {width: 100%;box-sizing: border-box;background-color: #fff;padding-top: 35px;}
.search-box .hd-wrap__logo {position: absolute;top: 26px;left: 0;}
.search-box {position: relative;padding-top: 135px;height: 100%;}
.search-box--close {display: none;width: 100%;height: 50px;box-sizing: border-box;justify-content: center;flex-wrap: wrap;}
.search-input{position: relative;max-width: 780px;width: 100%;margin: 0 auto;}
.search-box input{border: 0;border-bottom: 2px solid #000;border-radius: 0;font-size: 22px;padding: 0; height: 55px;}
.search-box input::placeholder{color: #888;}
.search-box .btn-search{position: absolute;top: 12px;right: 5px;background: no-repeat 50% / cover;background-image: url(../../images/cmn/ico-sch.svg);width: 28px;height: 28px;padding: 0;}
.search-box--close{margin-top: 30px;}
.search-box--close .btn{font-size: 16px;color: #707070;width: 50px;height: 50px;background: no-repeat 50% / cover;background-image: url(../../images/cmn/ico-sch_close.svg);}
.search-container input::-ms-clear,
.search-container input::-ms-reveal{display:none;}
/* 크롬의 경우 */
.search-container input::-webkit-search-decoration,
.search-container input::-webkit-search-cancel-button,
.search-container input::-webkit-search-results-button,
.search-container input::-webkit-search-results-decoration{display:none;}
.search-delete{visibility: hidden;position: absolute;right: 45px;height: 100%;}
header.on .search-inner{height: 270px;}
header.on .gnb{display: none !important;}
header.on .search-box--close {display: flex !important;}
header.on .hd-nav__sch .ico-search{background-image: url("../../images/cmn/ico-sch_on.png")}
.search-box input:focus{box-shadow: none;}
header.on .mobile-ver .gnb-btn button span{background: #000;}
header.on .mobile-ver .gnb-btn button span:before,
header.on .mobile-ver .gnb-btn button span:after{background: #000;}
header.on .search-container{background: rgba(0,0,0,0.5);}
header.on .search-box .hd-wrap__logo a{background-image: url("../../images/cmn/hd-logo.svg")}


/*--------------------------------------------------------------------- board-content --------------------------*/



/*--------------------------------------------------------------------- datepick --------------------------*/




/* startup */
.type2 *{font-family: 'SUIT';}

#changup .hd-wrap__logo{width: 303px; height: 40px;}
#changup .hd-wrap__logo > a{background-image: url(../../images/startup/hd-logo_w.svg)}
.type2 .pc-ver .hd-nav__gnb > ul > li > a{font-size: 20px; font-weight: 500;}
.type2 .pc-ver .hd-nav__gnb > ul > li:last-child > a{padding-right: 0;}
.type2 .pc-ver .hd-nav__gnb > ul > li:last-child > a:after{display: none;}
#changup header.hovered .hd-wrap__logo > a, #changup header.scroll-active .hd-wrap__logo > a{background-image: url("../../images/startup/hd-logo.svg")}
.type2 .ft-banner{padding: 48px 0;}
.type2 .ft-banner__slide > ul > li{padding: 0 11px;}
.type2 .ft-banner__slide > ul > li > a{height: 104px;}
.type2 .ft-cont{padding: 70px 0 50px}
.type2 .ft-cont__top{padding-bottom: 70px;align-items: center;}
.type2 .ft-site__link{font-size: 20px;font-weight: 700;}
.type2 .ft-cont__list{padding: 50px 0;}
.type2 .ft-list__tit{font-size: 20px;}
.type2 .ft-cont__bt{padding-top: 50px;}
.type2 .ft-list__cont p{font-size: 18px;}
.type2 .ft-link__txt{font-size: 18px;}
.type2 .ft-copyright{font-size: 18px;}
.type2 .pc-ver .hd-nav__lnb * {font-size: 1.125rem;}
.type2 .mobile-ver .hd-wrap {height: 82px;}
#changup .hd-nav__wrap.on .hd-wrap__logo > a{background-image: url("../../images/startup/hd-logo_w2.svg")}


/* icon */
#icon .hd-wrap__logo > a{background-image: url("../../images/icon/hd-logo_w.svg")}
#icon header.hovered .hd-wrap__logo > a,
#icon header.scroll-active .hd-wrap__logo > a{background-image: url("../../images/icon/hd-logo.svg")}
#icon footer{border-top: 0.5px solid #E4E4E4;}
#icon .hd-nav__wrap.on .hd-wrap__logo > a{background-image: url("../../images/icon/hd-logo_w2.svg")}




/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (min-width:1310px){
    body{overflow-x:hidden;}
}

@media screen and (max-width:1309px){
    .pc-ver .hd-nav__cont{padding-left:0;}
}

@media screen and (min-width:769px){

    .pc-ver{display:block !important;}
    .mobile-ver{display:none !important;}
    .quick-wrap{bottom: 30px !important;}
}

@media screen and (max-width:1450px){
    .pc-ver{display:none !important;}
    .mobile-ver{display:block !important;}
    .inner{max-width: 100%;}
    .container{margin-top: 40px;}

    .top-banner {height: 80px;}
    .top-banner__link{font-size: 16px;line-height: 1.7;word-break: keep-all;}
    .top-banner__link::before{margin-right: 15px;}
    .top-banner .checkbox-basic input[type="checkbox"] + label {font-size: 14px;}
    .top-banner__control {flex: none;margin-left: 50px;}

    /* header */
    .hd-wrap__logo{width: 245px; height: 35px;}

    /* footer */
    footer .cost-list{margin-bottom: 100px;}
    .ft-banner__slide{margin: 0 32px;}
    .ft-banner__slide > ul > li{width: 50%;}
    .ft-cont{padding: 60px 0;}
    .ft-cont__list.flex{display: block;}
    .ft-cont__list > div{width: 100%}
    .ft-list__r{margin-top: 40px;}
    .ft-cont__bt.flex-c-space{display: block; padding-top: 30px;}
    .ft-copyright{margin-top: 27.5px}


    /* quickMenu */
    .quickMenu{display: none;}

    /* modal */
    .modal.modal-common, .modal.modal-common .alert__cont {max-width: 100%;margin: 0 20px; padding: 50px 20px;}
    .modal__close{right: 20px;}

    /* hd-nav__sch */
    .hd-nav__sch .btn.btn-search{margin-right: 15px;}
    .search-input{max-width: 100%;}
    .search-box__wrap {padding-top: 0;}
    .search-box .hd-wrap__logo{top: 35px}

    /* startup */
    #changup .hd-wrap__logo {width: 238px;height: 30px;}
    .type2 .ft-banner__wrap {max-width: 100%;padding: 0 40px;}
    .type2 .ft-banner__wrap .swiper-btn.swiper-prev {left: 40px;}
    .type2 .ft-banner__wrap .swiper-btn.swiper-next {right: 40px;}
    .type2 .ft-cont {padding: 50px 0;}
    .type2 .ft-cont__top {padding-bottom: 50px;}
    #statup .ft-logo img {width: 267px;}
    .type2 .ft-site__link {font-size: 16px;}
    .type2 .ft-link > li > div {margin-right: 12px;padding-right: 12px;}
    .type2 .ft-copyright {margin-top: 10px; font-size: 14px;}
    #icon.type2 .hd-wrap__logo{height: 40px;}


}


@media screen and (max-width: 768px){
    *{letter-spacing:-0.48px;}
    body{min-width:initial;}

    .pc-ver{display:none !important;}
    .mobile-ver{display:block !important;}

    /* LAYOUT */
    .container{margin-top:30px;}
    .inner{padding: 0 16px;}

    /* HEADER */
    .hd-tit{height:20px;}
    .hd-tit > h2{font-size:10px; line-height:20px;}
    .mobile-ver .hd-nav__site .btn:not(:last-child){margin-right: 40px;}
    .hd-nav__site .btn{width: 30px; height: 30px;}
    .hd-nav__site .btn.language-btn i {width: 30px;}
    .hd-nav__site .btn.language-btn span {font-size: 16px;}
    .mobile-ver .hd-wrap{height: 80px;}
    .mobile-ver .hd-nav__site .btn:not(:last-child):after{right: -20px; height: 20px;}
    .hd-wrap__logo{width: 200px; height: 28px;}
    .mobile-ver .gnb-btn button{width: 36px; height: 36px;}
    .mobile-ver .gnb-btn button span{width: 28px; margin-left: -14px;}
    .mobile-ver .gnb-btn button span:before, .mobile-ver .gnb-btn button span:after{top: -10px;}
    .mobile-ver .gnb-btn button span:before, .mobile-ver .gnb-btn button span:before{top: 10px;}
    .mobile-ver .hd-nav__top{height: 60px;}
    .mobile-ver .gnb-arr_wrap{height: 58px;}
    .mobile-ver .gnb-arr_wrap > a{font-size: 16px;}
    .mobile-ver .hd-nav__lnb > li{height: 56px;}
    .mobile-ver .hd-nav__lnb > li > a{font-size: 14px;}
    .mobile-ver .gnb-arr_wrap .toggle{width: 18px; height: 18px;}
    .mobile-ver .gnb-arr_wrap .toggle::before, .mobile-ver .gnb-arr_wrap .toggle::after {width: 11px;height: 1px;}
    .mobile-ver .gnb-arr_wrap .toggle::after {left: 8px;}
    .mobile-ver .hd-nav__lnb > li > a:after{width: 14px; height: 14px;}
    .mobile-ver .gnb-btn.gnb-btn_active{right: 16px; top: 13px;}

    .top-banner{height: 110px;}
    .top-banner .inner{flex-direction: column;align-items: flex-start;padding: 20px 16px;}
    .top-banner__link{font-size: 12px;line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .top-banner__link::before{display: none;}
    .top-banner__control{margin-left: 0;margin-top: 5px;justify-content: right;width: 100%;}
    .top-banner .closeBtn{margin-left: 10px;}
    .top-banner .checkbox-basic input[type="checkbox"] + label{font-size: 12px;}
    .top-banner .closeBtn .ico-close__w{width: 16px; height: 16px;}
    .top-banner .checkbox-basic input[type="checkbox"] + label::after {width: 18px;height: 18px;}

    /* footer */
    .ft-cont{padding: 40px 0;}
    .ft-banner__slide > ul > li{width: 100%;}
    .ft-cont__top.flex-space{display: block; padding-bottom: 40px;}
    .ft-logo img{width: 210px;}
    .ft-site{margin-top: 20px;}
    .ft-site > li:not(:last-child){margin-right: 20px}
    .ft-list__tit{font-size: 14px; margin-bottom: 13px;}
    .ft-list__cont p{font-size: 12px;line-height: 1.8;word-break: keep-all;}
    .ft-list__r{margin-top: 20px;}
    .ft-cont__bt.flex-c-space{padding-top: 40px;}
    .ft-link {flex-wrap: wrap;}
    .ft-link > li{width: 100%;}
    .ft-link > li:last-child{margin-top: 17px;}
    .ft-link > li:last-child > div:last-child{margin-right: 0; padding-right: 0;}
    .ft-link > li > div:last-child:after{display: none;}
    .ft-copyright{margin-top: 22px; line-height: 1.7; font-size: 12px;}


    /*---- modal ----*/
    .modal.modal-common, .modal.modal-common .alert__cont {max-width: 100%;margin: 0 16px; padding: 30px 20px}
    .modal__close{top: 30px; width: 22px; height: 22px;}
    .modal.modal-common .modal-txt__tit,
    .modal.modal-common .alert-txt__tit{font-size: 18px; padding-bottom: 20px;}

    /* hd-nav__sch */
    header.on .search-inner{height: 190px}
    .hd-nav__sch .btn.btn-search{width: 30px; height: 30px;}
    .search-box__wrap {padding-top: 20px;}
    .search-box input {height: 50px;font-size: 18px;}
    .search-box .btn-search {top: 8px;}
    .search-box--close {margin-top: 20px;}
    .search-box {padding-top: 107px;}
    .search-box .hd-wrap__logo{top: 25px;}
    .type2 .ft-banner {padding: 37px 0;}
    .type2 .ft-banner__wrap {padding: 0 16px;}
    .type2 .ft-banner__slide > ul > li > a {height: 62px;}
    .type2 .ft-banner__wrap .swiper-btn.swiper-prev {left: 16px;}
    .type2 .ft-banner__wrap .swiper-btn.swiper-next {right: 16px;}
    .type2 .ft-cont {padding: 39px 0 50px;}
    .type2 .ft-cont__top {display: flex;padding-bottom: 30px;}
    .type2 .ft-site {margin: 0;}
    .type2 .ft-logo img {width: 175px;}
    .type2 .ft-site__link {font-size: 12px;}
    .type2 .ft-cont__list {padding: 30px 0;}
    .type2 .ft-list__tit {font-size: 16px;margin-bottom: 10px;}
    .type2 .ft-list__cont p {font-size: 12px;}
    .type2 .ft-cont__bt {padding-top: 30px;}
    .type2 .ft-link > li > div {margin-right: 6px;padding-right: 6px;}
    .type2 .ft-link__txt {font-size: 12px;}
    .type2 .ft-link > li > div:after {height: 8px;}
    .type2 .ft-link > li:last-child {margin-top: 0;}
    .type2 .ft-copyright {font-size: 10px;margin-top: 5px;}
    #changup .hd-wrap__logo {width: 178px;height: 28px;}
    #icon.type2 .hd-wrap__logo {width: 178px;height: 28px;}
    .type2 .mobile-ver .hd-wrap {height: 74px;}
    .type2 .mobile-ver .hd-nav__top {height: 74px;}
    .type2 .mobile-ver .gnb-btn.gnb-btn_active {top: 18px;right: 20px;}
    .type2 .top-btn {right: 20px;bottom: 20px;}
}


@media screen and (max-width:600px){
}