@charset "utf-8";

/*바로가기*/
.skipMenu{width:100%;}
.skipMenu .hidden{display:none;}
.skipMenu a.accessibility01{position:absolute;display:block;width:100%;left:0px;top:-9999px;text-align:center;z-index:9999;}
.skipMenu a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active{position:absolute;top:0px;padding:15px 0;font-weight:bold;color:#f00;background:#293038;z-index:9998;}
@media only screen and (max-width:1199px){
  .skipMenu{display:none;}
}

body ._contentBuilder ._obj._objHtml, 
body ._contentBuilder ._obj._objTag{text-align:inherit;}


/* 상단 팝업 */
.wrap-top-popup {position: relative; background:#1C2D46; height:0px; overflow:hidden; visibility: hidden; transition:height .3s;}
.wrap-top-popup.on {height:150px; overflow:unset; visibility:visible;}
.wrap-top-popup .inner {padding:10px 0;}
.wrap-top-popup .slide-wrap {max-width:1800px; width:100%; margin:0 auto; position: relative;}
.wrap-top-popup .slider {position: relative;}
.wrap-top-popup .slider::after {content:''; width:1px; height: 100%; background:#1C2D46; position: absolute; right: 0; top: 0;}
.wrap-top-popup .slick-slide {padding:0 20px; position: relative;}
.wrap-top-popup .slick-slide::after {content:''; width:1px; height:100%; background: rgba(255,255,255,0.2); position: absolute; right:0; top:0;}
.wrap-top-popup .con {display: flex; align-items: center; padding:10px 0 4px 0;}
.wrap-top-popup .con .img-box {flex-shrink: 0; width:85px; height:85px;}
.wrap-top-popup .con .img-box img {width:100%; height:100%;}
.wrap-top-popup .con .text-box {margin-left:25px;}
.wrap-top-popup .sj{color:#97C1FF; font-size: 20px; line-height: 26px; font-family: sb; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden;}
.wrap-top-popup .cn {color:#D0D0D0; font-size: 16px; font-family: sm; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical;}

.wrap-top-popup .slick-dots {margin-right: 3px;}
.wrap-top-popup .slick-dots li { margin-left: 5px; margin-top:0 !important; float:left; height:10px;}
.wrap-top-popup .slick-dots li:last-child {margin-right:0;}
.wrap-top-popup .slick-dots li button {display: inline-block; vertical-align: top; text-indent: -99999px; width:10px; height:10px; border:1px solid rgba(212,212,212,0.5); border-radius:50px; background:none; transition:width .3s;}
.wrap-top-popup .slick-dots li button:hover {background:rgba(212,212,212,0.5); }
.wrap-top-popup .slick-dots .slick-active button{width:50px; background:rgba(212,212,212,0.5); border:rgba(212,212,212,0.5);}
.wrap-top-popup .control {display: flex; align-items: center; justify-content: center; max-width:1800px; width:100%; position: relative; margin:0 auto; margin-top:20px;}
.wrap-top-popup .playstop {}
.wrap-top-popup .playstop button {width:10px; height: 10px; display: none; text-indent: -9999px; opacity:0.5; transition:opacity .3s;}
.wrap-top-popup .playstop button.on {display: block;}
.wrap-top-popup .playstop button:hover {opacity:1;}
.wrap-top-popup .playstop .play {background: url('../../images/main/new/top-play.png') no-repeat center;}
.wrap-top-popup .playstop .stop {background: url('../../images/main/new/top-stop.png') no-repeat center;}
.wrap-top-popup .prevnext button {width:45px; height: 100px; text-indent: -9999px; opacity:0.5; position: absolute; top:0; transition:opacity .3s;}
.wrap-top-popup .prevnext button:hover {opacity:1; }
.wrap-top-popup .prevnext .prev {background: url('../../images/main/new/top-prev.png') no-repeat center; right:100%;}
.wrap-top-popup .prevnext .next {background: url('../../images/main/new/top-next.png') no-repeat center; left:100%;} 

.wrap-top-popup .popup-btn {display: flex; flex-direction: row-reverse; align-items: center; position: absolute; right:0; bottom:0;}
.wrap-top-popup .popup-btn .close {width:20px; height: 20px; background: #3386FF url('../../images/main/new/top-close.png') no-repeat center; border-radius:5px; text-indent: -9999px; margin-left: 10px;}
.wrap-top-popup .popup-btn .today-close {font-size: 14px; line-height: 20px; font-family: sr; color:#cecece;}
.wrap-top-popup .popup-btn input[type="checkbox"] {width:0; height:0; overflow:hidden; margin:0;}
.wrap-top-popup .popup-btn input[type="checkbox"] + label span {padding-left:22px; background:url('../../images/main/new/top-checkbox.png') no-repeat left center;}
.wrap-top-popup .popup-btn input[type="checkbox"]:checked + label span {background:url('../../images/main/new/top-checkbox-on.png') no-repeat left center;}

@media (max-width:1800px) {
  .wrap-top-popup .slide-wrap {padding:0 45px;}
  .wrap-top-popup .prevnext .prev {right:unset; left:0;}
  .wrap-top-popup .prevnext .next {left:unset; right:0;}
  .wrap-top-popup .popup-btn {right: 20px;}
}
@media (max-width:1500px) {
  .wrap-top-popup .sj {font-size: 16px; line-height: 1.5;}
  .wrap-top-popup .cn {font-size: 15px;}
}
@media (max-width:768px) {
  .wrap-top-popup.on {height:120px;}
  .wrap-top-popup .inner {padding:15px 0 12px 0;}
  .wrap-top-popup .con {padding:0;}
  .wrap-top-popup .con .img-box {width:50px; height:50px;}
  .wrap-top-popup .sj {font-size: 14px;}
  .wrap-top-popup .cn {font-size: 12px;}
  .wrap-top-popup .control {margin-top: 15px; padding:0 20px;}
  .wrap-top-popup .popup-btn {position: relative; margin-left: 20px; right:0; flex:1;}
  .wrap-top-popup .popup-btn .today-close {font-size: 12px; letter-spacing: -.03em;}
  .wrap-top-popup .prevnext button {height:100%;}
}


/* // 상단 팝업 */

/* 메인 팝업 */
.p-dots ul li{display:inline-block; margin:.5px !important;}
.p-dots ul li.slick-active button{width:50px; transition:ease all .3s; background-color:#0850ff;}
.p-dots ul li button{color:#fff; width:20px; text-indent: -9999px; height:3px; background-color:rgba(255,255,255,.7);}

.mainPopupWrap{position:fixed; z-index:100001; width:100%; background-color:rgba(0,0,0,.7); height:100%; display:none;}
.mainPopupWrap.on{display:block;}
.mainPopupWrap .popup-inner{max-width:1350px; margin:0 auto; margin:0 auto; text-align:center; top: 50%; position:relative; transform: translateY(-50%);}
.mainPopupWrap .popup-inner ul li{margin:0 10px;}
.mainPopupWrap .popup-inner ul li img{max-height:415px; max-width:415px; width:100%; height:100%;}
.mainPopupWrap .popup-inner ul li a{display:block;}
.mainPopupWrap .popup-inner .popup-btn{margin-top:30px;}
.mainPopupWrap .popup-inner .popup-btn a{display:inline-block; margin:0 10px; color:#fff; padding:7px 30px; border-radius:10px; font-size:17px;}
.mainPopupWrap .popup-inner .popup-btn a.close{background-color:#295ed1}
.mainPopupWrap .popup-inner .popup-btn a.today-close{background-color:#283570}
.mainPopupWrap .slick-arrow.slick-disabled{display:none !important;}
.mainPopupWrap .slick-arrow {width: 26px; height: 54px; text-indent: -5000px; background: url('../../images/main/fixPopup_arrow.png') center center no-repeat; position: absolute; top: calc(50% - 27px); z-index: 1;}
.mainPopupWrap .slick-arrow.slick-next {right: -50px; transform: rotate(180deg);}
.mainPopupWrap .slick-arrow.slick-prev {left: -50px; }

.mainPopupWrap .popup-counter{font-size:20px; color:#fff; margin-bottom:10px;}
.mainPopupWrap .popup-counter .total{font-size: 24px; color: #bd0c0c; font-family: 'Noto Regular'; padding: 0 5px;}

@media only screen and (max-width:1200px){
  .mainPopupWrap .popup-inner{max-width:850px;} 
}

@media only screen and (max-width:767px){
  .mainPopupWrap .popup-inner{max-width:415px;} 
  .mainPopupWrap .slick-arrow.slick-next {right:0;}
  .mainPopupWrap .slick-arrow.slick-prev {left:0;}
}

/* Header */
/* 풀페이지일 경우 */
/* header {position:fixed; width:100%; z-index:1001; left:0;} */
/* // 풀페이지일 경우 */
header {position:absolute; width:100%; z-index:1001; left:0; top:0; animation:header .6s both;}
.wrap-header {background:rgba(0,0,0,0.25); z-index:1; position:relative; transition: background .5s; height:90px;}
.wrap-header:hover {background:#fff;}
header .wrap-header::before {content:''; width:100%; height:1px; background:#d8d8d8; position:absolute; bottom:0; left:0; opacity:0; transition:opacity .5s;}
.wrap-header .container {display:flex; height:100%; align-items:center; max-width:1800px; width:100%; margin:0 auto;}

.sub header {position: relative; }
@keyframes header {
  0% {top:-100%;}
  100% {top:0%;}
}


.top-header {position:relative; background:#002255; height:35px;}
.top-header .inner {max-width:1800px; width:100%; height:100%; margin:0 auto; display:flex; justify-content:space-between;}
/* left */
.top-header .top-left {font-size:0;}
.top-header .top-left li {display:inline-block; height:100%; margin-right:1px;}
.top-header .top-left a {height:100%; padding:0 10px; display:flex; align-items:center;}
.top-header .top-left a strong {display:flex; align-items:center; position:relative; font-family: ssb; font-size:14px; color:#fff;}
.top-header .top-left a span {background: linear-gradient(to bottom, transparent 95%, rgba(255,255,255,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.top-header .top-left a:hover span {background-size:100% auto;}
.top-header .top-button1 {background:#00713A;}
.top-header .top-button1 > strong::before {content:''; display:inline-block; width:24px; height:19px; background:url('../../images/common/top-link1.png') no-repeat center; margin-right:8px;}
.top-header .top-button2 {background:#0048B2;}
.top-header .top-button2 > strong::before {content:''; display:inline-block; width:24px; height:19px; background:url('../../images/common/top-link2.png') no-repeat center; margin-right:8px;}
.top-header .top-button3 {background: #7830b7;}
.top-header .top-button3 > strong::before {content:''; display:inline-block; width:24px; height:19px; background:url('../../images/common/top-link4.png') no-repeat center; margin-right:8px;}
/* right */
.top-header .top-right {display:flex; align-items:center; font-family:sm; font-size:14px; border-left:1px solid rgba(255,255,255,0.15); border-right:1px solid rgba(255,255,255,0.15);}
.top-header .top-right > div {height:100%; border-right:1px solid rgba(255,255,255,0.15);}
.top-header .top-right > div:last-child {border-right:0;}
.top-header .top-popup button {padding:0 20px; height:100%; position:relative; color:#fff; display:flex; align-items:center; font-family:sm;}
.top-header .top-popup button::after {content:''; width:10px; height:5px; background:url('../../images/common/top-arrow.png') no-repeat center; margin-left:10px; transform: rotate(0deg); transition:transform .3s;}
.top-header .top-popup button.on::after {transform:rotate(180deg);}
.top-header .top-popup button span {background: linear-gradient(to bottom, transparent 95%, rgba(255,255,255,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.top-header .top-popup button:hover span {background-size:100% auto;}

/* global-navi - 로그인 로그아웃 */
.global-navi ul {height:100%;}
.global-navi ul li {height:100%;}
.global-navi a strong {display:inline-block; padding-left:20px; height:100%; display:flex; align-items:center;}
.global-navi a span {background: linear-gradient(to bottom, transparent 95%, rgba(255,255,255,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.global-navi a:hover span {background-size:100% auto;}
.global-navi .btn-logout {font-size:14px; color:#fff; font-family:sm; height:100%; padding:0 20px; display:inline-block;}
.global-navi .btn-login {font-size:14px; color:#fff; font-family:sm; height:100%; padding:0 20px; display:inline-block;}
.global-navi .btn-logout strong{background:url('../../images/common/ic-login.png') no-repeat left center;}
.global-navi .btn-login strong{background:url('../../images/common/ic-login.png') no-repeat left center;}
/* depart - 학과 바로가기 */
.top-header .depart {position:relative;}
.top-header .depart button {display:inline-block; height:100%; color:#fff; font-size:14px; font-family:sm; padding:0 20px;}
.top-header .depart button strong {padding-left:25px; background:url('../../images/common/top-link3.png') no-repeat left center;}
.top-header .depart button span {background: linear-gradient(to bottom, transparent 95%, rgba(255,255,255,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.top-header .depart button:hover span {background-size: 100% auto;}
/* Logo */
.head-logo {margin-right:40px;}
.head-logo img {display:none;}
.head-logo .nowhite {display:block;}
.wrap-header:hover .head-logo img {display:none;}
.wrap-header:hover .head-logo .white {display:block;}

/* 모바일에서 hover 제거 */
@media (hover: none) and (pointer: coarse) {
  .wrap-header:hover {background-color: initial; color: initial;}
  .wrap-header:hover .head-logo img {display:none;}
  .wrap-header:hover .head-logo .nowhite {display:block;}
  .wrap-header:hover .head-logo .white {display: none;}
}


/* GNB */
.head-navi {text-align:center; flex:1; padding-right:378px;}

.mobile-head-navi {display: none;}

.head-navi .div_1 .ul_1 {font-size:0;}
.head-navi .div_1 .li_1 {display:inline-block; padding:0 24px;}
.head-navi .div_1 .li_1:last-child {display:none;}
.head-navi .div_1 .a_1 {padding:0 10px; font-size:24px; font-family:ssb; height:90px; display:flex; align-items:center; color:#fff; position:relative;}
.head-navi .div_1 .a_1::before {content:''; width:100%; height:2px; background:#033885; position:absolute; bottom:0; left:0; opacity:0; transition:opacity 0s;}
.head-navi .div_1 .a_1::after {content:''; width:10px; height:10px; background:#033885; border-radius:50%; position:absolute; bottom:-5px; left:50%; margin-left:-5px; z-index:1; opacity:0; transition:opacity 0s;}
.head-navi .div_1 .a_1.on {color:#033885; transition:color .5s;}
.head-navi .div_1 .a_1.on::before {opacity:1; transition:opacity 0.5s;}
.head-navi .div_1 .a_1.on::after {opacity:1; transition:opacity 0.5s;}
.wrap-header:hover .div_1 .a_1 {color:#000;}

.head-navi .div_2 {overflow:hidden; position:absolute; left:50%; top:100%; width:100%; max-height:900px; min-height:485px; text-align:left; opacity:0; visibility:hidden; transition: opacity 0s, visibility 0s; transform:translate(-50%,0); background:#fff; }
.head-navi .div_2::before {content:''; width:466px; height:466px; background:url('../../images/main/new/sec02-obj.png') no-repeat center; position: absolute; right:-100px; bottom:-25px;}
.head-navi .div_2.on {opacity:1; visibility:visible; transition: opacity 0.5s, visibility 0.5s; box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.head-navi .div_2 .ul_2 {overflow:hidden; position:relative; flex-grow:1; display:flex; flex-wrap:wrap; margin:0 auto; padding:30px 0 30px 75px; justify-content:flex-start; gap:15px 45px; }
.head-navi .div_2 .li_2 {width:25%; max-width:300px;}
.head-navi .div_2 .a_2 {border:1px solid #d8d8d8; border-radius:5px; background:#fff; height:50px; display:block; font-size:20px; color:#000; font-family:ssb; padding:9px 35px;}
.head-navi .div_2 .li_2:hover .a_2 {background:#033885; border:1px solid #033885; box-shadow:0 0 20px rgba(0,0,0,0.3); color:#fff;}

.head-navi .div_2 .inner {display:flex; max-width:1800px; margin:0 auto; min-height:485px;}
.head-navi .div_2 .title {width:330px; position:relative; background:#033885; border-radius:0 50px 0 0;}
.head-navi .div_2 .title-inner {position:relative; padding:35px 0 40px 0; display:flex; flex-direction:column; height:100%;}
.head-navi .div_2 .title .sub-title {color:#fff; font-family:pr; font-size:17px; display:block; margin-bottom:7px; position:relative; padding-left:20px;}
.head-navi .div_2 .title .sub-title::before {content:''; width:85px; height:1px; background:#fff; position:absolute; right:0; top:50%; margin-top:-1px;}
.head-navi .div_2 .title strong {position:relative; font-family:sb; font-size:45px; color:#fff; padding-left:20px; flex:1;}
.head-navi .div_2 .title::before {content:''; width:100%; height:100%; position:absolute; right:65px; top:0; background:#033885; }

.head-navi .menu-link {position:relative; padding:0px 40px 0px 20px;}
.head-navi .menu-link li { height:90px; margin-bottom:10px;}
.head-navi .menu-link li:last-child {margin-bottom:0;}
.head-navi .menu-link a {width:100%; height:100%; border:1px solid rgba(255,255,255,0.5); border-radius:10px; padding:0 23px;display:flex; align-items:center; }
.head-navi .menu-link li p {padding-left:63px; position:relative;}
.head-navi .menu-link1 p {background:url('../../images/common/ic-menu1.png') no-repeat left center;}
.head-navi .menu-link2 p {background:url('../../images/common/ic-menu2.png') no-repeat left center;}
.head-navi .menu-link3 p {background:url('../../images/common/ic-menu3.png') no-repeat left center;}
.head-navi .menu-link em {font-size:20px; font-family:sm; color:#A3C9FF; display:block;}
.head-navi .menu-link span {font-size:14px; font-family:psb; color:#A3C9FF; letter-spacing:-.025em; display:block;}
.head-navi .menu-link a:hover {background:#fff; border:1px solid rgba(255,255,255,1); transition: all .3s;}
.head-navi .menu-link1 a:hover p {background:url('../../images/common/ic-menu1-on.png') no-repeat left center;}
.head-navi .menu-link2 a:hover p {background:url('../../images/common/ic-menu2-on.png') no-repeat left center;}
.head-navi .menu-link3 a:hover p {background:url('../../images/common/ic-menu3-on.png') no-repeat left center;}
.head-navi .menu-link a:hover em {color:#033885; transition:color .3s;}
.head-navi .menu-link a:hover span {color:#033885; transition:color .3s;}

.head-navi .div_3 {padding:15px 34px;}
.head-navi .ul_3 {padding:5px 0;}
.head-navi .div_3 .a_3 {color:#666; display:block; width:100%; font-size:16px; font-family:psb; padding-left:17px; position:relative; margin-bottom:14px; line-height:1;}
.head-navi .div_3 .a_3 span {position:relative; display:inline-block;}
.head-navi .div_3 .a_3 span::before {content:''; width:0%; height:1px; background:#0043A4; transition:width .3s; position:absolute; bottom:0; left:0;}
.head-navi .div_3 .a_3::before {content:''; width:5px; height:5px; background:#666; position:absolute; left:0; top:5px; border-radius:50%;}
.head-navi .div_3 .a_3:hover {color:#0043A4;}
.head-navi .div_3 .a_3:hover::before {background:#033885;}
.head-navi .div_3 .a_3:hover span::before {width:100%;}


/* Util */
.util-wrap {display:flex; height:100%; position:absolute; right:0; top:0; width:438px;}

.head-util {position:relative; height:100%; background:#A68968; padding:0 30px; max-width:318px; width:100%;}
.head-util > ul {display:flex; height:100%; align-items:center; justify-content:space-between;}
.head-util .search,
.head-util .search {background:url('../../images/common/ic-search.png') no-repeat center;}
.head-util .popup {background:url('../../images/common/ic-popup.png') no-repeat center;position:relative;}
.head-util .search button,
.head-util .popup button {display:inline-block; text-indent:-99999px; width:35px; height:35px;  position:relative;}
.head-util .popup .popup-num {width:15px; height:15px; font-size:11px; color:#A68968; font-family:'mseb'; position:absolute; left:-1px; top:4px; background:#fff; border-radius:50%; text-indent:unset; display:flex; align-items:center; justify-content:center;}
.head-util .lang {position: relative;}
.head-util .lang > button {border:1px solid #fff; font-family:sr; padding:0 15px; height:30px; display:flex; align-items:center; color:#fff; font-size:15px; transition: .5s; transition-property: background, border;}
.head-util .lang > button::after {content:''; width:10px; height:5px; background:url('../../images/common/top-arrow2.png') no-repeat center; display:block; margin-left:13px;}
.head-util .lang > button.on {background:#5C3100; border:1px solid #5C3100;}
.head-util .lang > button:hover {background:#5C3100; border:1px solid #5C3100;}

.head-util .lang ul {position: absolute; top:100%; left:0; width:100%; padding:15px 15px 5px 15px; background: #5C3100; display: none;}
.head-util .lang li {margin-bottom: 5px;}
.head-util .lang li a {color:#fff; font-family: sr; font-size: 15px; width:100%;}
.head-util .lang li a span {position: relative;}
.head-util .lang li a span::before {content:''; width:0%; height:1px; background: #fff; position: absolute; bottom:0; left:0; transition:width .3s;}
.head-util .lang li a:hover span::before {width:100%;}


/* SiteMap */
.head-sitemap {width:120px; height:100%; background:#043886 url('../../images/common/ic-sitemap.png') no-repeat center; text-indent:-9999px;}
.head-sitemap a {width:100%; height:100%; display:block;}
.head-sitemap a.m-head-menu {display: none;}


/* Header White */
header.white .wrap-header,
header.scroll .wrap-header {background:#fff;}
header.white .wrap-header::before,
header.scroll .wrap-header::before {opacity:1;}
header.white .head-logo img,
header.scroll .head-logo img {display:none;}
header.white .head-logo .white,
header.scroll .head-logo .white {display:block;}
header.white .head-navi .div_1 .a_1,
header.scroll .head-navi .div_1 .a_1 {color:#000;}

@media (max-width:1800px) {
  .wrap-header {padding:0 20px;}
  .wrap-header .container {}
  .head-navi {text-align:left;}
  .head-navi .div_1 .li_1 {padding:0 10px;}
}
@media (max-width:1500px) {
  .wrap-header {display: flex; height: 80px;}
  .head-logo {margin-right:20px;}
  .head-logo img {width:200px;}
  .head-navi {padding-right:0;}
  .util-wrap {position: relative; height: 80px; flex-shrink: 0; width:330px; right:-20px;}
  .head-util {padding:0 15px; max-width:250px;}

  .head-navi .div_1 .li_1 {padding:0;}
  .head-navi .div_1 .a_1 {font-size: 18px; height:80px;}
  .head-navi .div_1 .a_1::after {bottom:-4px;}
  .head-navi .div_2 .ul_2 {padding:30px 0 30px 25px;}

  .head-sitemap {width:80px; flex-shrink: 0;}
}
@media (max-width:1200px) {
  .head-navi {position: fixed; right:-100%; top: 0;transition:right .3s; max-width:500px; width: 100%; height: 100%; padding: 0; background: #033885; z-index: 10;}
  .head-navi.on {right:0;}

  /* mobile-head-navi */
  .mobile-head-navi {display: block;}
  .mobile-head-navi .top {padding:0 20px; background:#fff; height: 70px; display: flex; align-items: center; justify-content: space-between;}
  .mobile-head-navi .logo {width:200px;}
  .mobile-head-navi .lang {position: relative; margin-right: 58px;}
  .mobile-head-navi .lang > button {border:1px solid #A68968; font-family:sr; padding:0 15px; height:30px; display:flex; align-items:center; color:#fff; background: #A68968; font-size:15px; transition: .5s; transition-property: background, border;}
  .mobile-head-navi .lang > button::after {content:''; width:10px; height:5px; background:url('../../images/common/top-arrow2.png') no-repeat center; display:block; margin-left:13px;}
  .mobile-head-navi .lang > button.on {background:#5C3100; border:1px solid #5C3100;}
  .mobile-head-navi .lang > button:hover {background:#5C3100; border:1px solid #5C3100;}
  .mobile-head-navi .lang ul {position: absolute; top:100%; left:0; width:100%; padding:15px 15px 5px 15px; background: #5C3100; display: none; z-index: 2;}
  .mobile-head-navi .lang li {margin-bottom: 5px;}
  .mobile-head-navi .lang li a {color:#fff; font-family: sr; font-size: 15px; width:100%;}
  .mobile-head-navi .lang li a span {position: relative;}
  .mobile-head-navi .lang li a span::before {content:''; width:0%; height:1px; background: #fff; position: absolute; bottom:0; left:0; transition:width .3s;}
  .mobile-head-navi .lang li a:hover span::before {width:100%;}

  .mobile-head-navi .top-link-banner {position: relative;}
  .mobile-head-navi .top-link-banner ul {display: flex;}
  .mobile-head-navi .top-link-banner li {flex:1;}
  .mobile-head-navi .top-link-banner a:not(._fnctAdmin) {font-family: sm; font-size: 14px; color:#fff; display: block; width:100%; height:40px; display: flex; align-items: center; justify-content: center;}
  .mobile-head-navi .top-link-banner .color1 {background: #00713A;}
  .mobile-head-navi .top-link-banner .color2 {background: #0048B2;}
  .mobile-head-navi .top-link-banner .color3 {background: #7830b7;}
  .mobile-head-navi .top-link-banner .login,
  .mobile-head-navi .top-link-banner .logout {background: #A68968;}
  .mobile-head-navi .top-link-banner .color4 {background: #002255;}
  .mobile-head-navi .close-btn button {width:70px; height: 70px; background:url('../../images/common/mobile-bgn-close.png') no-repeat center; position: absolute; right:0; top:0;text-indent: -9999px;} 

  .menuUItop {position: relative; height: calc(100% - 110px);}
  .head-navi .div_1 {padding:5px 0;}
  .head-navi .div_1 .li_1 {display:block;}
  .head-navi .div_1 .a_1 {padding:11px 0 11px 20px; height:auto; font-size: 20px; font-family: sb;}
  .head-navi .div_1 .a_1:hover {color:#FFF000 !important;}
  .head-navi .div_1 .a_1.on {color:#FFF000 !important;}
  .head-navi .div_1 .a_1::before {display: none;}
  .head-navi .div_1 .a_1.on::after {display: none;}
  .head-navi .div_1 .a_1 span {background: linear-gradient(to bottom, transparent 98%, rgba(255,240,0,1) 0) left center no-repeat; background-size:0; transition: background-size .5s; line-height: 1.8;}
  .head-navi .div_1 .a_1.on span {background-size:100% auto;}
  /* hover & white */
  .wrap-header:hover .div_1 .a_1 {color:#fff;}
  header.white .head-navi .div_1 .a_1,
  header.scroll .head-navi .div_1 .a_1 {color:#fff;}
  .head-navi .div_2 {top:0; transform: none; left:unset; right:0; height:100%; width: 68%; padding:10px 0; z-index: 1; overflow:visible;}
  .head-navi .div_2::before {width:265px; height:265px; background-size:cover; right:-30px;}
  .head-navi .div_2 .inner {min-height:unset;}
  .head-navi .div_2 .title {position: absolute; right:100%; bottom:0; z-index: 1; width:160px;}
  .head-navi .div_2 .title::before {display: none; background: none;}
  .head-navi .div_2 .title .sub-title {display: none;}
  .head-navi .div_2 .title strong {display: none;}
  .head-navi .menu-link {padding:0 20px;}
  .head-navi .menu-link a {justify-content: center;}
  .head-navi .menu-link li p {padding-left:0; padding-top:30px; }
  .head-navi .menu-link1 p {background-position: top center; background-size: 26px;}
  .head-navi .menu-link2 p {background-position: top center;background-size: 26px;}
  .head-navi .menu-link3 p {background-position: top center;background-size: 26px;}
  .head-navi .menu-link em {font-size: 13px; }
  .head-navi .menu-link span {display: none;}

  .head-navi .div_2 .ul_2 {padding: 0; gap:0;}
  .head-navi .div_2 .li_2 {width:100%; max-width:unset;}
  .head-navi .div_2 .a_2 {border-radius:0; border:none; font-size: 18px; height:40px; padding:0 20px 0 25px; display: flex; align-items: center; position: relative;}
  .head-navi .div_2 .a_2.on {background:#00275F; color:#fff;}
  .head-navi .div_2 .a_2._active {background:#00275F; color:#fff;}
  .head-navi .div_2 .li_2:hover .a_2 {box-shadow:none; border:0; background: #00275F;}
  .head-navi .div_2 .a_2.plus::after {content:''; width:13px; height:13px; background:url('../../images/common/gnb-plus.png') no-repeat center; position: absolute; right:20px; top:50%; margin-top:-7px;}
  .head-navi .div_2 .a_2.plus:hover::after {background:url('../../images/common/gnb-plus-hover.png') no-repeat center;}
  .head-navi .div_2 .a_2.plus.on::after {content:''; width:13px; height:13px; background:url('../../images/common/gnb-minus.png') no-repeat center; position: absolute; right:20px; top:50%; margin-top:-7px;}
  .head-navi .div_2 .a_2._active.plus::after {background:url('../../images/common/gnb-plus-hover.png') no-repeat center;}

  .head-navi .div_3 {max-height:0; overflow:hidden; transition:max-height .3s; padding:0}
  .head-navi .div_3.on {max-height:700px}
  .head-navi .ul_3 {padding:15px 34px 17px 34px; background:#F5F5F5; border-bottom:1px solid #ddd;}
  .head-navi .div_3 .a_3{font-size: 16px; line-height: 1.3;}
  .head-navi .div_3 .a_3._active {color:#0043A4;}
  .head-navi .div_3 .a_3._active::before {background:#033885;}
  .head-navi .div_3 .a_3._active span::before {width:100%;}
  .head-navi .div_3 .a_3::before {top:7px;}
  .head-navi .div_3 .li_3:last-child .a_3 {margin-bottom: 0;}



  .head-sitemap a {display: none;}
  .head-sitemap a.m-head-menu {display: block;}


}
@media (max-width:768px) {
  .top-header {display: none;}
  .wrap-header {height:70px;}
  .head-logo img {width:160px;}
  .mobile-head-navi .logo {width:160px;}
  .util-wrap {width:200px; height:100%;}
  .head-util {max-width:130px;}
  .head-util .lang {display: none;}

  .head-sitemap {width:70px; height:70px;}

  .head-navi .menu-link li {height:70px;}

}

/* // GNB */

/* // Header */
.black-bg.on {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:20;}


/* 풀페이지일 경우 */
.fp-viewing-section1 .user-quick {right:0; }
/* //풀페이지일 경우 */

._edit #menu16546_obj6673 {z-index:1001;}

#menu16546_obj6673 {width:120px; position: absolute; top:125px; right:-100%; background: #043886; z-index: 55; overflow:visible; transition:top .3s;}
#menu16546_obj6673.top-pop-on {top:275px;}
.user-quick {position: relative;}
.sub .user-quick {display: none;}
.user-quick::before {content:''; width:100%; height:1px; background:rgba(255,255,255,0.1); position: absolute; top:0; left:0; z-index: 1;}
.user-quick .user-service {background: #043886; margin-top:0 !important;}
.user-quick .user-service.active {background: #002C6E;}
.user-quick .user-service .user-btn button,
.user-quick .user-service .user-btn a {color:rgba(255,255,255,0.8); font-size: 14px; font-family: sl; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); height:84px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.user-quick .user-service .user-btn button span,
.user-quick .user-service .user-btn a span {background: linear-gradient(to bottom, transparent 95%, rgba(255,255,255,.5) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.user-quick .user-service .user-btn button:hover span,
.user-quick .user-service .user-btn a:hover span {background-size:100% auto;}
.user-quick .user-service:last-child button {border-bottom:0;}
.user-quick .user-service .user-btn button::before,
.user-quick .user-service .user-btn a::before {content:''; display: block; margin:0 auto; margin-bottom:10px;}
.user-quick .service1 button::before {background:url('../../images/main/new/user-quick1.png') no-repeat center; width:36px; height: 28px;}
.user-quick .service2 button::before {background:url('../../images/main/new/user-quick2.png') no-repeat center; width: 39px; height: 28px;}
.user-quick .service3 button::before {background:url('../../images/main/new/user-quick3.png') no-repeat center; width: 24px; height: 35px;}
.user-quick .service4 button::before {background:url('../../images/main/new/user-quick4.png') no-repeat center;  width: 35px; height: 31px;}
.user-quick .service5 .user-btn a::before {background:url('../../images/main/new/user-quick6.png') no-repeat center;  width: 33px; height: 32px;}
/*.user-quick .service5 button::before {background:url('../../images/main/new/user-quick5.png') no-repeat center;  width: 31px; height: 24px;}*/
.user-quick .service-con {position: absolute; right:100%; top:0; background: rgba(0,44,110,0.8); height:100%; width:318px; overflow:hidden; visibility:hidden; opacity:0; transition: .3s; transition-property: opacity, visibility;}
.user-quick .service-con a {color:#fff; font-size: 18px; font-family: sm;}
.user-quick .scroll-wrap {padding: 30px 24px 24px 40px; overflow:hidden;}
.user-quick .scroll-box { max-height:calc(420px - 24px - 24px); overflow:hidden;}
.user-quick .scroll-box li > a {width:100%; display: block; margin-bottom: 13px; transition:padding-left .3s; position: relative;}
.user-quick .scroll-box li > a::before {content:''; width:16px; height:16px; background:url('../../images/main/new/user-check.png') no-repeat left center; position: absolute; left:0; top:7px; opacity:0; transition:opacity .3s;}
.user-quick .scroll-box li > a strong {background: linear-gradient(to bottom, transparent 95%, rgba(255,255,255,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.user-quick .scroll-box li > a:hover {padding-left:20px; position: relative;}
.user-quick .scroll-box li > a:hover::before {opacity:1;}
.user-quick .scroll-box li > a:hover strong {background-size:100% auto;}


.user-quick .user-service.active .service-con {opacity:1; visibility:visible;}
.user-quick .nicescroll-cursors {box-shadow: 7px 7px 6px rgba(0,0,0,0.3); transform: translateX(4px);}
.user-quick .nicescroll-rails {width:1px !important; background:rgba(255,255,255,0.3); z-index: 0;}

@media (max-width:1500px) {
  #menu16546_obj6673 {width:80px; top:115px}
  #menu16546_obj6673.top-pop-on {top:265px;}
  .user-quick .service-con {width:250px;}
  .user-quick .service-con a {font-size: 16px;}
  .user-quick .scroll-box li > a {margin-bottom: 8px;}
}
@media (max-width:1400px) {
  #menu16546_obj6673 {right:0%;}
}
@media (max-width:768px) {
  #_contentBuilder > div:first-child {overflow:hidden;}
  #menu16546_obj6673  {position: absolute; right:unset; top:unset; bottom:0; left:0; width:100%; height: 90px; z-index: 10; background: none; animation:quick-bottom 1s both;}
  #menu16546_obj6673.top-pop-on {top:unset;}
  @keyframes quick-bottom {
    0% {bottom:-100%;}
    100% {bottom:0;}
  }
  /* body:not(.fp-viewing-section1) .user-quick {bottom:-100%} */
  .user-quick::before {display: none;}
  .user-quick .inner > ul {display: flex;}
  .user-quick .inner > ul > li {flex:1; border-right:1px solid rgba(255,255,255,0.1);}
  .user-quick .user-service {background:rgba(4,56,134,0.8);}
  .user-quick .user-service .user-btn button, 
  .user-quick .user-service .user-btn a {height:100%; border-bottom:0; height:90px;  }
  .user-quick .user-service.active .service-con {right:unset; left:0; bottom:100%; top:unset; height:200px; width:100%;}
  .user-quick .scroll-wrap {padding:17px 23px 22px 15px;}
  .user-quick .scroll-box {max-height:calc(200px - 17px - 22px);}
  .user-quick .scroll-box > ul {display: flex; flex-wrap:wrap;}
  .user-quick .scroll-box > ul > li {width:33.3333%;}
}
@media (max-width:500px) {
  .user-quick .scroll-box > ul > li {width:50%;}
}



/* Search */
.wrap-search {position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 1002; background: #011F4C; color:#fff; opacity:0; visibility: hidden; transition:.5s; transition-property: opacity, visibility;}
.wrap-search.on {visibility: visible; opacity:1;}
.wrap-search::before {content:''; width:100%; height:100%; background:url('../../images/common/search-bg.jpg') no-repeat center / cover; position: absolute; left:0; top:0; opacity:0.1;}
.wrap-search .inner {display: flex; align-items: center; justify-content: center; height:100%;}
.wrap-search .title h1 {font-size: 60px; font-family: sh; display: inline-block;}
.wrap-search .title span {font-size: 20px; font-family: sr; margin-left: 15px;}
.wrap-search .search-form {position: relative; max-width:1122px; width:100%; padding-right:122px;}
.wrap-search .searchbox {width: 100%; border:2px solid #fff; position: relative;}
.wrap-search .searchbox input[type="text"] {background:none; color:#fff; font-size: 30px; font-family: sr; padding:0 30px; height:100px; width:100%;}
.wrap-search .searchbox input[type="text"]::placeholder {color:#fff; font-family: sr;}
.wrap-search .searchbox .search_btn {position: absolute; right: 0; top: 0; width:100px; height:100px; background:url('../../images/common/search-btn.png') no-repeat center; text-indent: -9999px; cursor: pointer;}
.wrap-search .search-recommend {display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
.wrap-search .search-recommend strong {font-family: sm; font-size: 26px; color:#05D56F; display: inline-block;}
.wrap-search .search-recommend .sch-list {display: flex; }
.wrap-search .sch-list {margin:0 -5px;}
.wrap-search .sch-list li {padding:0 5px;}
.wrap-search .sch-list .search_btn {border:1px solid rgba(255,255,255,0.4); border-radius:10px; font-size: 18px; color:#fff; font-family: sm; background: none; padding:7px 12px; cursor: pointer; transition:all .3s;}
.wrap-search .sch-list .search_btn:hover {background:#fff; color:#002861; border:1px solid #fff;}
.wrap-search .search-close {position: absolute; right:0; top:-118px;}
.wrap-search .search-close button {width:90px; height: 90px; background:#001D43 url('../../images/common/search-close.png') no-repeat center; border-radius:50%; text-indent: -9999px; transition:transform .3s;}
.wrap-search .search-close button:hover {transform: rotate(180deg);}

@media (max-width:1200px) {
  .wrap-search .search-form {padding-right:0;}
  .wrap-search .inner {padding:0 20px;}
  .wrap-search .search-close button {width:50px; height:50px; background-size: 20px;}
  .wrap-search .title h1 {font-size: 40px;}
  .wrap-search .title span {font-size: 16px;}
  .wrap-search .searchbox input[type="text"] {height:70px;}
  .wrap-search .searchbox input[type="text"]::placeholder {font-size: 24px;}
  .wrap-search .searchbox .search_btn {width:70px; height:70px; background-size: 30px;}
  .wrap-search .sch-list .search_btn {font-size: 16px;}
  .wrap-search .search-recommend {flex-wrap:wrap;}
  .wrap-search .search-recommend .sch-list {flex-wrap:wrap;}
}
@media (max-width:768px) {
  .wrap-search .title {margin-bottom: 25px;}
  .wrap-search .title h1 {font-size: 35px; line-height: 1.2; margin-bottom: 3px;}
  .wrap-search .title span {margin-left: 0; display: block;}
  .wrap-search .search-recommend {margin-top: 25px;}
  .wrap-search .search-recommend strong {font-size: 18px; margin-bottom: 12px;}
  .wrap-search .search-close {top:-85px;}
  .wrap-search .sch-list li {margin-bottom: 10px;}
}
/* // Search */




/* wrap-sub-visual */
.wrap-sub-visual {margin-top:-125px; height:550px; overflow:hidden;}
.wrap-sub-visual {position: relative; display:table; background:#000; width:100%;}
.wrap-sub-visual::before {content:''; width:100%; height:100%; background-repeat:no-repeat; background-size: cover; opacity:0.7; position: absolute; top:0; left:0; background-position: top center; animation:scale-sub-vis 3s both;}
@keyframes scale-sub-vis {
  0% {transform: scale(1.25); opacity:0.2}
  100% {transform: scale(1); opacity:0.7}
} 

.eQ01 .wrap-sub-visual::before {background-image: url('../../images/common/sub-visual1.jpg');}
.eQ02 .wrap-sub-visual::before {background-image: url('../../images/common/sub-visual2.jpg');}
.eQ03 .wrap-sub-visual::before {background-image: url('../../images/common/sub-visual3.jpg');}
.eQ04 .wrap-sub-visual::before {background-image: url('../../images/common/sub-visual4.jpg');}
.eQ05 .wrap-sub-visual::before {background-image: url('../../images/common/sub-visual5.jpg');}
.eQ06 .wrap-sub-visual::before {background-image: url('../../images/common/sub-visual6.jpg');}
.eQ07 .wrap-sub-visual::before {background-image: url('../../images/common/sub-visual7.jpg');}

.wrap-sub-visual .wrap-sub-cell {display:table-cell; vertical-align: middle; height:550px; text-align: center; color:#000; position: relative; z-index: 1;}
.wrap-sub-visual .wrap-sub-cell > .container {position: relative; max-width:1600px; width:100%; margin:0 auto;}
.wrap-sub-visual .slogan-big {font-size: 60px; font-family: sm; color:#fff; animation:slogan-big .7s both; animation-delay:.4s; position: relative;}
@keyframes slogan-big {
  0% {filter: blur(10px); opacity:0; transform: scale(1.2);}
  100% {filter: blur(0px); opacity:1;  transform: scale(1);}
}
.wrap-sub-visual .small-slogan {font-size: 18px; font-family: sr; color:#fff; display: block; position: relative; animation:small-slogan .7s both; animation-delay:.5s;}
@keyframes small-slogan {
  0% {top:30px; opacity:0;}
  100% {top:0px; opacity:1;}
}
/* // wrap-sub-visual */

/* wrap-sub-navi */
.wrap-sub-navi {position: relative; background:rgba(0,47,116,0.8); margin-top: -80px; z-index: 1; animation: sub-navi-ani .7s both; animation-delay:.6s;}
@keyframes sub-navi-ani {
  0% {filter: blur(10px); opacity:0;}
  100% {filter: blur(0px); opacity:1;}
}
.wrap-sub-navi .container {max-width:1600px; width:100%; margin: 0 auto; display: flex; justify-content: space-between;}
.wrap-sub-navi .sub-navi {position: relative; flex-grow: 1;}
.wrap-sub-navi .sub-navi > ul {display: flex;}
.wrap-sub-navi .sub-navi .home {width:31px; display: block;}
.wrap-sub-navi .sub-navi .home::after {display: none;}
.wrap-sub-navi .sub-navi .home > a{width:31px; height:80px; background:url('../../images/common/navi-home.png') no-repeat center; display: block; text-indent: -9999px;}
.wrap-sub-navi .sub-navi > ul > li {position: relative; max-width:250px; width:100%;}
.wrap-sub-navi .sub-navi > ul > li::after {content:''; width:1px; height:10px; background:rgba(255,255,255,0.3); position: absolute; right:0; top:50%; margin-top:-5px;}
.wrap-sub-navi .sub-navi > ul > li:last-child {max-width:287px;}
.wrap-sub-navi .sub-navi > ul > li:last-child::after {display: none;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {text-align:left; font-size: 19px; font-family: ssb; color:rgba(255,255,255,0.5); transition:color .3s; line-height: 80px; padding:0 30px 0 27px; width:100%;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color:rgba(255,255,255,1);}
.wrap-sub-navi .sub-navi > ul > li > .inner > button span {display: block;padding-right:16px; position: relative;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button span::after {content:''; width:16px; height:11px; background:url('../../images/common/navi-arrow.png') no-repeat center; position: absolute; right:0; top:50%; margin-top:-6px; opacity:0.8; transition:opacity .3s;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover span::after {opacity:1;}
.wrap-sub-navi .sub-navi .navUl {position: absolute; width:100%; top:100%; left:0; max-height:0px; overflow:hidden; overflow-y:auto;}
.wrap-sub-navi .sub-navi > ul > li.last::after {display: none;}
.wrap-sub-navi .sub-navi > ul > li.last > .inner > button {color:rgba(255,255,255,1);}
.wrap-sub-navi .sub-navi > ul > li.last > .inner > button span::after {opacity:1;}
.wrap-sub-navi .sub-navi > ul > li {display: none;}
.wrap-sub-navi .sub-navi > ul > li.on {display: block;}
.wrap-sub-navi .sub-navi > ul > li._on button {color:rgba(255,255,255,1);}
.wrap-sub-navi .sub-navi > ul > li._on button span::after{opacity:1;}
.wrap-sub-navi .sub-navi > ul > li._on .navUl {max-height:315px; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.wrap-sub-navi .sub-navi > ul > li.last {max-width:unset; min-width:250px; width:auto;}
.wrap-sub-navi .sub-navi > ul > li.last > .inner > button span {padding-right:35px;}
.wrap-sub-navi .navUl { background:#fff;}
.wrap-sub-navi .navUl::-webkit-scrollbar {width:3px;}
.wrap-sub-navi .navUl::-webkit-scrollbar-track {background:#CCCCCC;}
.wrap-sub-navi .navUl::-webkit-scrollbar-thumb {background:#607AB9; border-radius:10px;}
.wrap-sub-navi .navUl > a {color:#333; font-size: 17px; line-height: 30px; font-family: sr; width:100%; display: block; padding:10px 30px; position: relative; transition: all .2s;}
.wrap-sub-navi .navUl > a:hover {background:#0048B2; color:#fff;}
.wrap-sub-navi .navUl > a span {position: relative; display: block;}
.wrap-sub-navi .navUl > a span::after {content:''; width:7px; height:11px; background:url('../../images/common/navul-arrow.png') no-repeat center; position: absolute; right:10px; top:50%; margin-top:-6px; opacity:0; transition:.3s; transition-property: right, opacity ;}
.wrap-sub-navi .navUl > a:hover span::after {right:0; opacity:1;}
.wrap-sub-navi .navUl > a._active {background:#0048B2; color:#fff;}
.wrap-sub-navi .navUl > a._active span::after {right:0; opacity:1;}

.wrap-sub-navi .sub-util {position: relative;}
.wrap-sub-navi .sub-util > ul {display: flex;}
.wrap-sub-navi .sub-util > ul > li {position: relative;}
.wrap-sub-navi .sub-util > ul > li.on {background:#002255;}
.wrap-sub-navi .sub-util > ul > li > button {width:61px; height:80px; text-indent: -9999px;}
.wrap-sub-navi .sub-util .sub-share {-webkit-mask:url('../../images/common/share.png') no-repeat 50% 50%; mask:url('../../images/common/share.png') no-repeat 50% 50%; background: #fff;}
.wrap-sub-navi .sub-util .sub-share.on {background:#FFA800;}
.wrap-sub-navi .sub-util .sub-share:hover {background:#FFA800;}
.wrap-sub-navi .sub-util .sub-favo {-webkit-mask:url('../../images/common/favo.png') no-repeat 50% 50%; mask:url('../../images/common/favo.png') no-repeat 50% 50%; background: #fff;}
.wrap-sub-navi .sub-util .sub-favo.on {background:#03E476;}
.wrap-sub-navi .sub-util .sub-favo:hover {background:#03E476;}
.wrap-sub-navi .sub-util .sub-print {-webkit-mask:url('../../images/common/print.png') no-repeat 50% 50%; mask:url('../../images/common/print.png') no-repeat 50% 50%; background: #fff;}
.wrap-sub-navi .sub-util .sub-print:hover {background:#FFB8AC;}

.wrap-sub-navi .sub-util .box-sub-favo {opacity:0; overflow:hidden; max-height:0px; position:absolute; border:1px solid #d2d2d2; right:0px; top:100%; width:210px; background:#fff; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);display:none;}
.wrap-sub-navi .sub-util .box-sub-favo.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);display:block;}
.wrap-sub-navi .sub-util .box-sub-favo  > strong {display:block; font-family:'Noto Medium'; font-size:18px; padding:10px 20px; border-bottom:1px solid #d6d6d6;}
.wrap-sub-navi .sub-util .box-sub-favo ul li {padding:10px 20px;}
.wrap-sub-navi .sub-util .box-sub-favo ul li:hover {background:#f5f5f5;}
.wrap-sub-navi .sub-util .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .sub-util .box-sub-favo .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:47px; height:47px; background:url('../../images/common/btn_favo_close.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-favo .del {width:17px; height:17px; margin:0 0 0 10px; background:url('../../images/common/btn_favo_del.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-favo .control {text-align:center; padding:15px 0;}
.wrap-sub-navi .sub-util .box-sub-favo .control button {display:inline-block; display:inline-block; padding:5px 20px; color: #FFF;font-size: 12px; border-radius: 40px;}
.wrap-sub-navi .sub-util .box-sub-favo .control button.add {background: #043886;}
.wrap-sub-navi .sub-util .box-sub-favo .control button.reset {background: #707070;}
/* .wrap-sub-navi .sub-util .box-sub-share {opacity:0; overflow:hidden; max-height:0px; position:absolute; left:0px; top:0; width:100%;  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);display:none;} */
.wrap-sub-navi .sub-util .box-sub-share {opacity:0; max-height:0px; position:absolute; left:0px; top:100%; width:100%;  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);display:none;}
.wrap-sub-navi .sub-util .box-sub-share.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);display:block;}
.wrap-sub-navi .sub-util .box-sub-share .close {width:100%; height: 50px; text-indent: -9999px; background: #183d92 url('../../images/common/btn_share_close.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share ul {background:#fff; padding:5px 0; border:1px solid #d2d2d2; border-top:0;}
.wrap-sub-navi .sub-util .box-sub-share ul button {position:relative; display:block; width:100%; height:50px; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-share ul button:after {content:''; position:absolute; bottom:0px; left:50%; width:30px; height:1px; background:#e5e5e5; transform: translate(-50%,0);}
.wrap-sub-navi .sub-util .box-sub-share ul li:last-child button:after {display:none;}
.wrap-sub-navi .sub-util .box-sub-share .fb {background: url('../../images/common/ico_sns_fb.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .tw {background: url('../../images/common/ico_sns_tw1.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .pin {background: url('../../images/common/ico_sns_pin.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .insta {background: url('../../images/common/ico_sns_insta.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .kakao {background: url('../../images/common/ico_sns_kakao.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .addr {background: url('../../images/common/ico_sns_addr.png') no-repeat center center;}

@media (max-width:1600px) {
  .wrap-sub-navi .container {padding:0 20px;}
}
@media (max-width:1000px) {
  .wrap-sub-navi {margin-top: -60px;}
  .wrap-sub-navi .container {padding:0 0 0 20px;}
  .wrap-sub-navi .sub-navi .home > a {height:60px}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {line-height: 60px;}

  .wrap-sub-navi .navUl > a {height: 40px; line-height: 40px;}

  .wrap-sub-navi .sub-util > ul > li:not(:first-child) {display: none;}
  .wrap-sub-navi .sub-util > ul > li > button {height:60px;}
}
@media (max-width:768px) {
  .wrap-sub-visual {height:390px;}
  .wrap-sub-visual .slogan {margin-top:70px;}
  .wrap-sub-visual .slogan-big {font-size: 35px;}
  .wrap-sub-visual .wrap-sub-cell {height:390px;}
  .wrap-sub-navi {margin-top:-50px;}
  .wrap-sub-visual .small-slogan {font-size: 16px;}
  .wrap-sub-navi .sub-navi > ul > li {width:auto; flex-shrink: 0;}
  .wrap-sub-navi .sub-navi > ul > li.last {min-width:unset; width:auto;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {font-size: 14px; padding:0 15px; line-height:50px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button span {padding:0;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button span::after {display: none;}
  .wrap-sub-navi .sub-navi .home > a {background-size:contain; width:25px; height:50px;}
  .wrap-sub-navi .sub-util > ul > li > button {width:60px; height:50px;}
  
  .wrap-sub-navi .sub-navi .navUl {width:180px;}
  .wrap-sub-navi .navUl > a {padding:0 10px; font-size: 14px;}
  
}
/* // wrap-sub-navi */


.wrap-sub-visual .page-move {position: absolute; left: 0px; top: 50%; margin-top:-25px; width: 100%; height: 0px;}
.wrap-sub-visual .page-move a { position: relative; display: block; width: 50px; height: 50px; border: 2px solid rgba(255,255,255,1); border-radius: 100%; opacity:0.5;}
.wrap-sub-visual .page-move a:hover {opacity:1;}
.wrap-sub-visual .page-move a.prev {float: left; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a.prev:after { content: ''; position: absolute; left: 18px; top: 50%; margin-top: -4px; width: 12px; height: 9px; background: url('../../images/common/page_move_prev.png') no-repeat left center; transition: width .3s;}
.wrap-sub-visual .page-move a.next {float: right;transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a.next:after {content: '';position: absolute; right: 18px; top: 50%; margin-top: -4px; width: 12px; height: 9px; background: url('../../images/common/page_move_next.png') no-repeat right center; transition: width .3s;}
.wrap-sub-visual .page-move a.prev:hover:after {content: ''; position: absolute; left: 18px; top: 50%; margin-top: -4px; width: 47px; height: 9px; background: url('../../images/common/page_move_prev.png') no-repeat left center;}
.wrap-sub-visual .page-move a.next:hover:after {content: ''; position: absolute; right: 18px; top: 50%; margin-top: -4px; width: 47px; height: 9px; background: url('../../images/common/page_move_next.png') no-repeat right center;}
.wrap-sub-visual .page-move a span { display: none;}
@media all and (max-width: 1660px) {
  .wrap-sub-visual .page-move a.prev {left:20px;}
  .wrap-sub-visual .page-move a.next {right: 20px;}
}
@media all and (max-width: 1023px) {
  /* .wrap-sub-visual .page-move {display: none;} */
}
@media all and (max-width: 768px) {
  .wrap-sub-visual .page-move {margin-top:-15px;}
  .wrap-sub-visual .page-move a {width: 30px;height: 30px;}
  .wrap-sub-visual .page-move a.prev:after {height: 6px;width: 7px;left: 50%;margin-left: -3px;}
  .wrap-sub-visual .page-move a.next:after {height: 6px;width: 7px;right: 50%;margin-right: -3px;}
  .wrap-sub-visual .page-move a.prev:hover:after {height: 6px;width: 30px;margin-left: -8px;}
  .wrap-sub-visual .page-move a.next:hover:after {height: 6px;width: 30px;margin-right: -8px;}
}

/* content */
.wrap-contents {position: relative; animation:sub-con .7s both; animation-delay:.7s;}
@keyframes sub-con {
  0% {transform: translateY(50px); opacity:0;}
  100% {transform: translateY(0px); opacity:1;}
}

.wrap-footer {position: relative; background: #002861;}
.wrap-footer .container {max-width:1800px; width:100%; margin:0 auto;}
@media (max-width:1800px) {
  .wrap-footer .container {padding:0 20px;}
}

/* 상단 */
#menu16546_obj2623 {overflow:visible;}
.footer-family {position: relative; padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer-family .family-site > ul {margin: 0 -10px; display: flex;}
.footer-family .family-site > ul > li {padding:0 10px; width:100%; margin-top:0 !important;}
.footer-family .family-site a {color:#fff;}
.footer-family .box {position: relative;}
.footer-family .box > button {color:#fff; border:1px solid rgba(212,212,212,0.5); border-radius:10px 10px 10px 10px; width:100%; text-align: left; font-size: 18px; font-family: sr; padding:15px 35px 15px 25px; transition:border .3s;}
.footer-family .box > button.active {border-radius:0 0 10px 10px;}
.footer-family .box > button::after {content:''; width:14px; height:10px; background:url('../../images/main/new/sec06-arrow.png') no-repeat center; position: absolute; right:30px; top:50%; margin-top:-5px; transition: transform .3s;}
.footer-family .box > button.active::after {transform: rotate(180deg);}
.footer-family .box > button:hover {border:1px solid #00A8FF;}
.footer-family .scroll-box-wrap {position: absolute; left:0; bottom:100%; max-height:0; overflow:hidden; width:100%; background:#001A3F; }
.footer-family .scroll-box-wrap.active {max-height:219px; bottom:100%; border-radius:15px 15px 0 0; transition:max-height .3s;}
.footer-family .scroll-box {padding: 25px 30px 17px 30px; max-height:219px; overflow:hidden;}
.footer-family .scroll-inner {max-height:calc(219px - 17px - 25px);}
.footer-family .depth1 > li {margin-bottom: 5px; margin-top:0 !important;}
.footer-family .depth1 > li > a {font-size: 16px; font-family: sr; background: linear-gradient(to bottom, transparent 95%, rgba(255,255,255,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.footer-family .depth1 > li > a:hover {background-size:100% auto;}
.footer-family .depth2 > li {margin-bottom: 7px;}
.footer-family .depth2 > li > a {font-size: 14px; line-height: 24px; font-family: pr; padding-left:10px; position: relative; color:#86C5F5;}
.footer-family .depth2 > li > a span {background: linear-gradient(to bottom, transparent 95%, rgba(134,197,245,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.footer-family .depth2 > li > a:hover span{background-size:100% auto;}
.footer-family .depth2 > li > a::after {content:''; position: absolute; left:0; top:8px; width:5px; height:1px; background:#86C5F5;}

.footer-family .nicescroll-cursors {box-shadow: 7px 7px 6px rgba(0,0,0,0.3); transform: translateX(4px);}
.footer-family .nicescroll-rails {width:1px !important; background:rgba(255,255,255,0.3);}

/* 중단 */
.footer-link {padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer-link .container {display: flex; justify-content: space-between; align-items: center;}
.footer-link .left > ul {display: flex;}
.footer-link .left > ul > li {margin-top:0 !important; margin-right:42px;}
.footer-link .left > ul > li:last-child {margin-right:0;}
.footer-link .left > ul > li:first-child a {font-family: ssb; color:#00A8FF}
.footer-link .left > ul > li a {font-size: 18px; font-family: sl; color:#fff;}
.footer-link .left > ul > li a {background: linear-gradient(to bottom, transparent 95%, rgba(255,255,255,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.footer-link .left > ul > li:first-child a {background: linear-gradient(to bottom, transparent 95%, rgba(0,168,255,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.footer-link .left > ul > li a:hover {background-size:100% auto;}

.footer-link .right > ul {display: flex;}
.footer-link .sns-quick > li {margin-top:0 !important;}
.footer-link .sns-quick a {width: 36px; height: 35px; text-indent: -9999px; display: inline-block; margin-left:5px; background-image:url('../../images/common/footer_sns_btn.png'); background-repeat: no-repeat;}
.footer-link .sns-quick a:hover {filter:brightness(1.5)}
.footer-link .sns-quick > li:first-child a {margin-left:0;}
.footer-link .sns-f a{background-position: left center;}
.footer-link .sns-i a{background-position: -41px center;}
.footer-link .sns-y a{background-position: -81px center;}
.footer-link .sns-b a{background-position: -121px center;}
/* 하단 */
.footer-address {position: relative; padding:26px 0 28px 0;}
.footer-address .container {max-width:1800px; width: 100%; margin: 0 auto; display: flex; align-items:center;position:relative;}
.footer-address .address {position: relative; color:#fff; margin-left:48px; margin-top:5px;}
.footer-address .address > ul {display: flex;}
.footer-address .address > ul > li {margin-top:0 !important; margin-left:30px;}
.footer-address .address > ul > li:first-child {margin-left: 0;}
.footer-address .address strong {font-size: 16px; font-family: sr; padding-left:23px; background: url('../../images/common/footer-location.png') no-repeat left center; margin-bottom: 8px; display: block;}
.footer-address .address p {font-size: 14px; font-family: sl; color:#c9c9c9;}
.footer-address .address p span {display: inline-block; padding-left: 5px;}
.footer-address .address .copyright p {text-transform: uppercase; font-size: 12px; font-family: sl; color:#9a9a9a;}

@media (max-width:1300px) {
  .footer-link .container {flex-direction: column; align-items: center;}
  .footer-link .left > ul {flex-wrap:wrap;}
  .footer-link .right {margin-top: 20px;}
}
@media (max-width:1200px) {
  .footer-address .container {flex-wrap:wrap; justify-content: center;}
}
@media (max-width:768px) {
  .footer-family {padding:15px 0 20px 0;}
  .footer-family .family-site > ul {flex-wrap:wrap;}
  .footer-family .family-site > ul > li {width:100%; margin-top: 10px !important;}
  .footer-family .family-site > ul > li:first-child {margin-top: 0 !important;}
  .footer-family .depth1 > li {margin-bottom:10px;}
  .footer-family .depth2 > li:first-child {margin-top:5px;}
  .footer-link {padding:15px 0 20px 0;}
  .footer-link .left > ul {justify-content: center;}
  .footer-link .left > ul > li {margin-right:30px; margin-bottom: 15px;}
  .footer-link .left a {font-size: 16px;}
  .footer-link .right {margin-top: 5px;}
  .footer-address {padding:15px 0 70px 0;}
  .footer-address .address {margin-left: 0;}
  .footer-address .footer-logo {width:160px; margin-bottom: 20px;}
  .footer-address .address > ul {flex-wrap:wrap; justify-content: center;}
  .footer-address .address > ul > li {width:100%; margin-left: 0; text-align: center; margin-bottom: 12px;}
  .footer-address .address strong {display: inline-block;}
  .footer-address .address p span {display: block;}
  .footer-address .address .copyright p {text-align: center; margin-top: 17px;}
}


.btn-top button{position: fixed; bottom:-60px; right:0; width:60px; height:60px; background:url('../../images/common/top-btn.png') no-repeat center; z-index: 1; text-indent: -9999px; transition: bottom .3s;}
.btn-top.active button {bottom:0;}
.sub .btn-top button {position: fixed; bottom:-60px; transition:bottom .3s;}
.sub .btn-top.active button {bottom:0;}
@media (min-width:1921px) {
}
/* 학과바로가기 & 주요사이트 바로가기 */
.main-department{width:100%; height:100vh; position:fixed; left:0; top:0; background: #132961; color:#fff; z-index:10001; opacity:0; visibility:hidden; transition:.3s; transition-property: opacity, visibility;}
.main-department.on{opacity:1; visibility:visible;}
/* 주요사이트 바로가기 */
.wrap-family-sites{width:100%; height:100vh; position:fixed; left:0; top:0; background: #132961; color:#fff; z-index:10001; opacity:0; visibility:hidden; transition:.3s; transition-property: opacity, visibility;}
.wrap-family-sites.on{opacity:1; visibility:visible;}
/* // 주요사이트 바로가기 */

/* 공통 */
.related-quick a.close-btn{color:#fff;}
.related-quick .sectionWrap{overflow-x:auto;padding-right:30px;height:80vh;}
.related-quick .sectionWrap::-webkit-scrollbar {width: 10px;}
.related-quick .sectionWrap::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,.2);border-radius: 3px;}
.related-quick .sectionWrap::-webkit-scrollbar-track {background-color: #081127;border-radius: 3px;}
.related-quick > .inner{font-size:17px;background: #000d2c;padding:75px 55px;box-sizing: border-box;position: relative;height:100vh;}
.related-quick .inner .titleWrap{margin-bottom:10px;}
.related-quick .inner .titleWrap strong.title{font-weight: normal;font-size: 35px;color:#fff;font-family: sb;display: inline-block;vertical-align: middle;}
.related-quick .inner .titleWrap span.sub-title{font-weight: normal;font-size: 17px;color:#fff;font-family: 'pl';display: inline-block;vertical-align: middle;padding-top:5px;margin-left:35px;}
.related-quick .inner ul.rel-dept01{margin-top:30px;font-size:0; display:flex;}
.related-quick .inner ul.rel-dept01 > li{display: inline-block;vertical-align: top;font-size: 17px;}
.related-quick .inner ul.rel-dept01 > li.color1 > a {border:1px solid #c09449 !important;}
.related-quick .inner ul.rel-dept01 > li.color2 > a {border:1px solid #20c1f5 !important;}
.related-quick .inner ul.rel-dept01 > li.color3 > a {border:1px solid #fff !important;}

.related-quick .inner ul.rel-dept01 > li + li{margin-left:8px;}
.related-quick .inner ul.rel-dept01 > li > a{color:#fff;display: block;font-size: 20px;font-family: sr;padding:7px 10px;border:1px solid #fff;font-weight: normal;text-align: center; border-radius:10px;}
.related-quick .inner ul.rel-dept02{padding:15px 12px;box-sizing: border-box;}
.related-quick .inner ul.rel-dept02 > li{margin-bottom: 3px;}
.related-quick .inner ul.rel-dept02 > li > a{color:#fff;font-size: 16px;font-family: 'pr';transition: all ease .3s;box-sizing: border-box;word-break: keep-all;}
.related-quick .inner ul.rel-dept02 > li > a:hover{color:#56b3ff;}
.related-quick .inner ul.rel-dept03{padding-top:5px;padding-bottom: 5px;box-sizing: border-box;/**display: none;**/}
.related-quick .inner ul.rel-dept03 > li > a{color:#c5c5c5;font-size: 14px;font-family: 'pl';transition: all ease .3s;position: relative;padding-left:8px;box-sizing: border-box;}
.related-quick .inner ul.rel-dept03 > li > a:before{content:'';width:3px;height: 1px;background: #c5c5c5;display: block;position: absolute;top:10px;left:0;}
.related-quick .inner ul.rel-dept03 > li > a:hover{color:#56b3ff;}
.related-quick .inner a.close-btn{width:36px;height: 36px;background: url('../../images/layout/rel-close-btn.png') no-repeat center;position: absolute;top:75px;right:60px;text-indent:-9999px;}


.related-quick .inner .section01{width:100%;display: inline-block;vertical-align: top;text-align: center;position: relative;}
.related-quick .inner .section01 ul.rel-dept01 > li{width: calc(100% / 4 - 6px);text-align: left;}
.related-quick .inner .section01 > strong{font-size: 26px;color:#fff;font-family: sb;font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section01 > strong:before{content:'';width:42%;background:#fff;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section01 > strong:after{content:'';width:42%;background:#fff;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section01 ul.rel-dept01 > li > a{border:1px solid #c09449;}

.related-quick .inner .section02{width:24%;display: inline-block;vertical-align: top;margin-left: 2.5%;text-align: center;position: relative;}
.related-quick .inner .section02 ul.rel-dept01 > li{width:100%;text-align: left;}
.related-quick .inner .section02 > strong{font-size: 26px;color:#20c1f5;font-family: sb;font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section02 > strong:before{content:'';width:30%;background:#20c1f5;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section02 > strong:after{content:'';width:30%;background:#20c1f5;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section02 ul.rel-dept01 > li > a{border:1px solid #20c1f5;}
.related-quick .inner .section02 ul.rel-dept02{display:inline-block;vertical-align: top;width:calc(100% / 2 - 6px);}

.related-quick .inner .section03{width:12%;display: inline-block;vertical-align: top;margin-left: 2.5%;position: relative;text-align: center;}
.related-quick .inner .section03 ul.rel-dept01 > li{width:100%;text-align: left;}
.related-quick .inner .section03 > strong{font-size: 26px;color:#fff;font-family: sb;font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section03 > strong:before{content:'';width:12%;background:#fff;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section03 > strong:after{content:'';width:12%;background:#fff;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section03 ul.rel-dept01 > li > a{border:1px solid #fff;}

.related-quick .inner.college-popup02 ul.rel-dept01 > li{width:calc(100% / 4 - 7px);}

.related-quick .inner .additional-box{text-align: left;font-size:0;margin-top:120px;}
.related-quick .inner .additional-box li{display: inline-block;vertical-align: top;width:calc(100% / 4 - 6px);font-size:17px;margin-bottom: 10px;}
.related-quick .inner .additional-box li:nth-child(4n+1){margin-left:0;}
.related-quick .inner .additional-box li + li{margin-left:8px;}
.related-quick .inner .additional-box li a{color: #fff;display: block;font-size: 20px;font-family: 'pr';font-size:17px;padding: 7px 10px;border: 1px solid #c09449;font-weight: normal;text-align: center;}

.related-quick .inner .section02 .additional-box{margin-top:73px;}
.related-quick .inner .section02 .additional-box li{width:calc(100% / 2 - 6px);}
.related-quick .inner .section02 .additional-box li a{border:1px solid #1caee0;}

.related-quick .inner .section03 .additional-box{margin-top:342px;}
.related-quick .inner .section03 .additional-box li{width:100%;}
.related-quick .inner .section03 .additional-box li a{border:1px solid #fff;}

.related-quick .inner .section04 {display: inline-block;vertical-align: top;width:32%;position: relative;text-align: center; margin-top: 5%;}
.related-quick .inner .section04 > strong{font-size: 26px;color:#fff;font-family: sb;font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section04 > strong:before{content:'';width:37%;background:#fff;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section04 > strong:after{content:'';width:37%;background:#fff;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section04 ul.rel-dept02{text-align: left;display: inline-block;vertical-align: top;width: calc(100% / 2 - 6px);padding-left: 0;margin-top:40px;}
.related-quick .inner .section04 ul.rel-dept02 > li{width:100%;text-align: left;}

.related-quick .inner .section04 + div.section04{margin-left:1.5%;}
.related-quick .inner .section04 + div.section04 > strong:before,
.related-quick .inner .section04 + div.section04 > strong:after{width:25%;}

.related-quick .inner .section04 + div + div.section04{margin-left:1.5%;}
.related-quick .inner .section04 + div + div.section04 > strong:before,
.related-quick .inner .section04 + div + div.section04 > strong:after{width:30%;}

.related-quick .inner .section04 + div + div + div.section04{margin-left:0%;}
.related-quick .inner .section04 + div + div + div.section04 > strong:before,
.related-quick .inner .section04 + div + div + div.section04 > strong:after{width:30%;}

.related-quick .inner .section04 + div + div + div + div.section04{margin-left:1.5%;}
.related-quick .inner .section04 + div + div + div + div.section04 > strong:before,
.related-quick .inner .section04 + div + div + div + div.section04 > strong:after{width:30%;}

.related-quick .inner .section05 {display: inline-block;vertical-align: top;width:58%;position: relative;text-align: center;}
.related-quick .inner .section05 > strong{font-size: 26px;color:#fff;font-family: sb;font-weight: normal;display: inline-block;padding:0 12px;}
.related-quick .inner .section05 > strong:before{content:'';width:37%;background:#fff;height: 1px;position: absolute;top:20px;left:0;z-index: 1;}
.related-quick .inner .section05 > strong:after{content:'';width:37%;background:#fff;height: 1px;position: absolute;top:20px;right:0;z-index: 1;}
.related-quick .inner .section05 > ul > li{width: calc(33.3% - 10px); float: left;}
.related-quick .inner .section05 > ul > li > ul{}
.related-quick .inner .section05 > ul > li > ul > li{text-align:left;}

@media only screen and (max-width:1400px){
  .related-quick .inner .section01{width:100%;margin-bottom: 100px;}
  .related-quick .inner .section02{width:58%;margin-left:0;}
  .related-quick .inner .section03{width:39%;}
  .related-quick .inner ul.rel-dept01 {flex-wrap:wrap;}
  .related-quick .inner ul.rel-dept01 > li{width:calc(100% / 4 - 7px);margin-bottom:30px;}
  .related-quick .inner ul.rel-dept01 > li:nth-child(4n+1){margin-left:0;}
  .related-quick .inner .additional-box{margin-top:40px;}
  .related-quick .inner .section02 .additional-box{margin-top:30px;}
  .related-quick .inner .section03 .additional-box{margin-top:300px;}

  .related-quick .inner .section02 > strong:before,
  .related-quick .inner .section02 > strong:after{width:35%;}

  .related-quick .inner .section03 > strong:before,
  .related-quick .inner .section03 > strong:after{width:28%;}

  .related-quick .inner .section04{width:100%;}
  .related-quick .inner .section04 + div.section04{margin-left:0;margin-top:40px;}
  .related-quick .inner .section05{width:100%;}
}

@media only screen and (max-width:1025px){
  .related-quick .inner{padding:65px 45px 25px;}
  .related-quick.inner ul.rel-dept01 > li{width:calc(100% / 2 - 7px);}
  .related-quick .inner ul.rel-dept01 > li:nth-child(2n+1){margin-left:0;}
  .related-quick .inner.college-popup02 ul.rel-dept01 > li{width:calc(100% / 2 - 7px);}

  .related-quick .inner .section01 ul.rel-dept01 > li{width:calc(100% / 2 - 7px);text-align: left;}
  .related-quick .inner ul.rel-dept01 > li:nth-child(2n+1){margin-left:0;}
  .related-quick .inner .section01 ul.rel-dept01{text-align: left;}
  .related-quick .inner .section01 ul.rel-dept01 > li:nth-child(5){position: initial;}
  .related-quick .inner .section01 > strong:before,
  .related-quick .inner .section01 > strong:after{width:35%;}
  .related-quick .inner .additional-box li{width:calc(100% / 2 - 6px);}
  .related-quick .inner .additional-box li:nth-child(2n+1){margin-left:0;}

  .related-quick .inner .section02{width:100%;margin-bottom: 100px;}
  .related-quick .inner .section02 .additional-box{margin-top:40px;}
  .related-quick .inner .section03{width:100%;margin-left:0;}
  .related-quick .inner .section03 .additional-box{margin-top:40px;}
  .related-quick .inner .section03 > strong:before, .main-department .inner .section03 > strong:after{width:35%;}
}

@media only screen and (max-width:767px){
  .related-quick .inner{padding:45px 25px 10px;}
  .related-quick .inner > strong.title{display: block;font-size: 28px;}
  .related-quick .inner > span.sub-title{display: block;margin-left:0;font-size: 16px;word-break: keep-all;}
  .related-quick .inner ul.rel-dept01 > li{width:100%;}
  .related-quick .inner ul.rel-dept01 > li > a{font-size: 18px;}
  .related-quick .inner.college-popup02 ul.rel-dept01 > li{width:100%;}
  .related-quick .inner a.close-btn{width:30px;height: 30px;background-size: cover;top:40px;right:25px;}

  .related-quick .inner .section01 ul.rel-dept01 > li{width:100%;}
  .related-quick .inner ul.rel-dept01 > li + li{margin-left:0;}
  .related-quick .inner .additional-box li{width:100%;}
  .related-quick .inner .additional-box li + li{margin-left:0;}
  .related-quick .inner .section02 .additional-box li{width:100%;}
  .related-quick .inner .section02 ul.rel-dept02{width:100%;}
  .related-quick .inner .titleWrap span.sub-title{display: block;margin-left:0;}

  .related-quick .inner .section04 > strong:before,
  .related-quick .inner .section04 > strong:after{width:32%;}
  .related-quick .inner .section04 + div.section04 > strong:before, .main-department .inner .section04 + div.section04 > strong:after{width:13%;}
  .related-quick .inner .section04 + div + div.section04 > strong:before, .main-department .inner .section04 + div + div.section04 > strong:after{width:20%;}
  .related-quick .inner .section04 ul.rel-dept02{width:100%;}

  .related-quick .inner .section01 > strong:before, .main-department .inner .section01 > strong:after,
  .related-quick .inner .section02 > strong:before, .main-department .inner .section02 > strong:after,
  .related-quick .inner .section03 > strong:before, .main-department .inner .section03 > strong:after{display:none;}

  .related-quick .sectionWrap{height:85vh;}
}


/* QHD 모음 */
@media (min-width:1921px) {
  /* Header */
  /* .top-header .inner {max-width:2100px;} */
  /* 상단 팝업 */
  .wrap-top-popup .slide-wrap {max-width:calc(100% - 100px);}
  .wrap-top-popup .control {max-widtH:calc(100% - 40px);}
  
  .top-header .inner {max-width:100%;}
  .wrap-header .container {max-width:100%; padding:0 20px;}
  
  .head-navi .div_1 .li_1 {padding: 0 2vw;}
  .head-navi .div_1 .a_1 {font-size:24px;}
  .head-navi .div_2 .inner {max-width:100%; padding:0 20px;}
  .head-navi .div_2 .title::before {right:99%;}
  /* Sub */
  .wrap-sub-navi .container {max-width:1940px; padding:0 20px;}

  .wrap-footer .container,
  .footer-link .container,
  .footer-address .container {max-width:100%; padding:0 20px; }

}
/* // QHD 모음 */

/* 접근성 관련 수정 */
.wrap-sub-navi .sub-navi > ul > li > .inner > button {color:rgba(255,255,255,1);}
.wrap-sub-navi .sub-util > ul > li.focus {border: 1px solid #fff;}
.wrap-top-popup .popup-btn input[type="checkbox"]:focus + label {border: 1px solid #fff;}
.wrap-sub-navi .navUl {visibility: hidden;}
.wrap-sub-navi .navUl.on {visibility: visible;}
.wrap-sub-visual .page-move a span {display: block;position: absolute;left: -9999px;}
.wrap-notice .con > a > div .date {color: #8e8e8e;}
.wrap-news-people .subject {text-indent: -9999px;}
.board-search .tbl-search .box-search {background: #fff;}
.faq .answer-box .a > span {display: block;} 
.board-cate ul.cate-now li.no-cate {color: #666;}
.map-info-wrap .map-list-wrap li:hover p span.num {background: #d8761a;}
._fnctWrap table._fnTable caption {display: block;}
.wrap-campus .scroll-box {visibility: hidden;}
.wrap-campus .link-box.active .scroll-box {visibility: visible;}
.wrap-campus .focus-area {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;}
.wrap-campus .focus-area:focus {border: 2px solid #000;}
.faq .q a > span {display: block;}

.footer-logo {margin-right:15px}
.wa-mark {width:104px; position:absolute; right:50px;}
.footer-address .address {padding-right:165px;}
@media (max-width:1200px) {
    .wa-mark {position:relative; right:0;}
	.footer-address .footer-logo {margin-right:30px;}
	.footer-address .address {padding-right:0;
}
@media (max-width:768px) {
	.wa-mark {width:100%; text-align:center;}
	.wa-mark img {width:80px; margin-bottom:10px;}
	.footer-address .footer-logo {margin-right:0; margin-bottom:20px;}
}
/* 접근성 관련 수정 */