/* font */

/* pc버전 유지용도 */
/* html {min-width: 1280px;} */

/* header */
#gnb_layout {position: fixed; top: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 99; min-width: 1920px;}
#gnb_layout .container {padding: 0 40px; height: 84px; width: auto;}
#gnb_layout .logo {position: absolute; z-index: 99; top: 50%; padding-left: 0; margin: 0; transform: translateY(-50%); font-size: 0;}
#gnb_layout .gnb {width: 100%; text-align: center;}
#gnb_layout .gnb .dept1 {display: inline-block; position: relative;}
#gnb_layout .gnb .dept1 a {display: inline-block; padding: 0 30px; line-height: 84px; font-size: 18px; font-weight: 700; color: #222;}
#gnb_layout .gnb .dept1.on > a {color: #ff3f75; font-weight: 700;}
#gnb_layout .gnb .dept2 {display: none; width: 200px; margin: 0 auto; position: absolute; top: 84px; left: 50%; margin-left: -100px; padding: 10px 0; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); background-color: #fff;}
#gnb_layout .gnb .dept2 a {font-size: 15px; line-height: 40px; color: #999;  font-weight: 300;}
#gnb_layout .gnb .dept2 a:hover {color: #ff3f75; font-weight: 500;}
#gnb_layout .utill {position: absolute; right: 40px; top: 0; display: inline-grid; grid-template-columns: auto auto auto; grid-gap: 20px;}
#gnb_layout .utill  img {margin-top: 20px;}
#gnb_layout .utill:after {clear: both; content: ''; display: block;}
#gnb_layout .utill a {float: left;}
#gnb_layout .utill .en_btn {font-size: 15px; color: #222; font-weight: 500; letter-spacing: 0; line-height: 84px; display: block;}
#gnb_layout .utill .all_menu {background: url('/img/renewal/all-menu.png') center no-repeat; width: 30px; height: 21px; margin-top: 32px;}
#gnb_layout .side-menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); z-index: 99999; min-width: 360px;}
#gnb_layout .side-close {text-align: right;}
#gnb_layout .side-close button {padding: 40px 65px 0 0;}
#gnb_layout .side-menu > ul {width: 100%; height: auto; width: 1600px; margin: 160px auto; display: block; height: 480px;}
#gnb_layout .side-menu > ul > li {float: left; width: calc(100% / 7); height: 410px; display: block; text-align: center; border-right: 1px solid #efefef; padding-top: 65px;}
#gnb_layout .side-menu > ul > li:last-child {border-right: none;}
#gnb_layout .side-menu > ul > li > a {font-size: 22px; font-weight: 700; color: #222;}
#gnb_layout .side-menu > ul > li > .sub {margin-top: 30px;}
#gnb_layout .side-menu > ul > li > .sub > li > a {font-size: 18px; line-height: 48px; color: #999;}
#gnb_layout .side-menu > ul > li > .sub > li > a:hover {color: #ff3f75; font-weight: 500;}


@media all and (max-width:1850px) {
	#gnb_layout {min-width: auto;}
}
@media all and (max-width:1720px) {
	#gnb_layout .gnb {padding-left: 76px;}
}
@media all and (max-width:1500px)  {
	#gnb_layout .gnb {padding-left: 260px;}
}
@media all and (max-width:1280px) {
	#gnb_layout .container {padding: 0 20px;}
    #gnb_layout .mobile.nav .top .logo {transform: none;}
	#gnb_layout .utill {grid-gap: 0;}
	#gnb_layout .utill img, #gnb_layout .utill .all_menu {display: none;}
	#gnb_layout .utill .en_btn {color: #ff3f75; margin-right: 40px;}
	#gnb_layout .gnb .dept1 a {padding: 0 23px; font-size: 17px;}
}
@media all and (max-width:768px) {

}


/* 섹션 공통 */
.section { position: relative; width:100%; height:100%; margin: 0 auto; min-height: 100vh; /* display: table; */}

@media screen and (min-width:2000px) {
	/*.section .con {padding-top: 0px;}*/
}
@media all and (max-width:1500px) {
    .section {
        min-height: 960px;
    }
    /* .section .con {
        width: 1080px;
    } */
    .sec03 .box {
        width: 100% !important;
        display: flex;
    }
}
@media all and (max-width:768px) {
    nav.gnb {
        display: none;
    }
    .section {
        min-height: auto;
    }
}

/* 섹션03 */
.sec03 .tit {text-align: center;}


/* footer */
.footer { height: auto; min-height: auto;}
.footer .sponsor {width: 100%; background-color: #fff; border-top:1px solid #ddd;}
.footer .sponsor .wrap {width: 1200px; margin: 0 auto; height: 100px;}
.footer .sponsor .wrap:after {clear: both; content: ''; display: block;}
.footer .sponsor h6 {font-size: 22px; font-weight: 700; line-height: 100px; float: left; margin: 0px;}
.footer .copy {width: 100%; height: auto; background-color: #44464d; padding: 48px 0;}
.footer .copy .wrap {width: 1200px; margin: 0 auto; position: relative;}
.footer .copy p {font-size: 16px; font-weight: 300; color: #999; line-height: 1.6;}
.footer .copy p span {display: inline-block; width: 10px;}
.footer .copy p a {color: #999;}
.footer .copy .human {position: absolute; bottom: 0; right: 0; font-size: 16px; font-weight: 300; color: #999;}

@media all and (max-width:768px) {
    .footer .copy {
        height: auto;
        padding: 48px 20px;
    }
    .footer .copy .wrap {
        width: 100%;
    }
    .footer .copy p {
        font-size: 14px;
    }
    .footer .copy .human {
        position: static;
        font-size: 14px;
    }
}


/* 푸터 슬라이드 관련 */
/* .footer .sponsor .spon_slide {margin: 0 auto;}
.footer .sponsor .spon_slide > a {line-height: 100px;}
.footer .sponsor .slide_wrap {width: 1200px; padding: 26px 0; position: relative;}
.footer .sponsor .slide_wrap .bx-wrapper {max-width: 920px !important; position: static; padding-left: 15px;}
.footer .sponsor .slide_wrap .bx-wrapper .bx-controls-direction a {right: 0; border: 1px solid #ddd; width: 45px; height: 45px; top: 43%; z-index: 0;}
.footer .sponsor .slide_wrap .bx-wrapper .bx-controls-direction .bx-prev {right: 44px; left: auto; background: url('/img/renewal/spon-prev.png') center no-repeat;}
.footer .sponsor .slide_wrap .bx-wrapper .bx-controls-direction .bx-next {background: url('/img/renewal/spon-next.png') center no-repeat;} */