@charset "utf-8";

/* [S] 공통 */
.main .inner { width: 100%; max-width: 1600px; margin: 0 auto; } 
@media (max-width: 1620px){
  .main .inner { padding: 0 40px; } 
}
@media (max-width: 768px){
  .main .inner { padding: 0 20px; } 
}
.sub #_contentBuilder .full-width {max-width: 1920px;}

/* 메인 수정 */

@media screen and (max-width: 768px) {
  @supports (-webkit-touch-callout: none) {
	/* Safari 전용 스타일 */
	#menu5578_obj21067 {height: 186vw !important; }
	.on-air .control .arrow {top: 17%;}
  }
}
/* 아이폰 전용 스타일 */
.iphone #menu5578_obj21067 {height: 186vw !important;}
.iphone .on-air .control .arrow {top: 17%;}

/* 아이패드 대응 */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#menu5578_obj21067 {height: 125vw !important;}
	.on-air .control .arrow {top: 17%;}
}


/* [E] 공통 */

/* [S] 사이드 배너 */
#menu5578_obj3712 {position: fixed; right: 1.2%; top: 50.7%; transform: translateY(-50%) ;z-index: 100; width: 90px;z-index: 1100;}
.wrap-side-btn {width: 100%;}
.wrap-side-btn .popup-zone {border-radius: 52px 52px 52px 52px;overflow: hidden;text-align: center;}
.wrap-side-btn .popup-zone a:hover {z-index: 1600;}
.wrap-side-btn .popup-zone ul {padding: 9px 10px 13px;background-color: #246b88;}
.wrap-side-btn .popup-zone li {background-color: #246b88;}
.wrap-side-btn .popup-zone button {display: block;width: 100%;padding: 6px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);font-size: 15px;color: #fff;transition: color 0.2s;}
.wrap-side-btn .popup-zone li:hover button, .wrap-side-btn .popup-zone li button.on {color: #62e0e8;}
/*
.wrap-side-btn .popup-btn .tit {display: block;padding: 30px 0 24px;background-color: #07bbc6;font-size: 11px;font-family: 'SBAggroM';line-height: 15px;color: #fff;}
*/
.wrap-side-btn .popup-btn .tit {display: block;padding: 30px 0 24px;background-color: #069FA8;font-size: 11px;font-family: 'SBAggroM';line-height: 15px;color: #fff;}
.wrap-side-btn .notice-btn {display: block;transform: translateY(-1px);}
.wrap-side-btn .notice-btn .notice {display: block;padding: 13px 0 30px;background-color: #246b88;color: #ffb300;font-size: 11px;line-height: 15px;font-family: 'SBAggroM';}
@media (max-width: 1000px) {
  .wrap-side-btn  {display: none;}
}
@media all and (max-width: 1850px) {
  #menu5578_obj3712 {right: 20px;}
  .wrap-side-btn .side1 .total {width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
} 

/*
.wrap-side-btn .popup-zone > a {
	display:block;
}
*/
/* [E] 사이드 배너 */




#multipleDiv_cku_kr_3173 {max-width: 1600px;width: 100%;margin: 0 auto;}



@media all and (max-width: 1240px) {
  #menu5578_obj3712 {top: 53%;}
}

@media all and (max-width: 920px) {
  #menu5578_obj3712 {display: none;}
}

.edit .wrap-user {position: relative; top: 0;}
.wrap-user {display: none;position: absolute; width: 100%; top: -100px; z-index: 100;}
.wrap-user .inner {position: relative; min-height: 200px; padding: 20px 70px 20px 0;}
.wrap-user .title {position: absolute; left: 0; top: 0;}
.wrap-user .title .btn-user {position: relative; z-index: 10; display: inline-block; width: 200px; height: 200px; background: #006276; border-radius: 100%; color: #fff;}
.wrap-user .title .btn-user:hover {background: #0786a0; transition: .4s;}
.wrap-user .title .btn-user span {position: relative; display: inline-block; margin: -34px 0 0 0; padding: 50px 0 0 0; background: url('../../images/main/ico-user-service.png') no-repeat top center; font-family: 'Noto Regular'; font-size: 16px;}
.wrap-user .title .btn-user span::after {content: ''; position: absolute; left: 50%; bottom: -46px; width: 23px; height: 23px; background: url('../../images/main/btn-user-service.png') no-repeat center center; transform: translate(-50%, 0);}
.wrap-user .user {position: relative; left: -999999px; opacity: 0; background: #1f4b57; border-radius: 100px;}
.wrap-user .user.on {left: 0; opacity: 1; transition: opacity 0.4s;}
/*
.wrap-user .box-user {float: right; display: none; width: calc(100% - 150px); padding: 34px 0; table-layout: fixed;}
*/
.wrap-user .box-user {float: right; display: none; width: calc(100% - 150px); padding: 34px 70px 34px 0; table-layout: fixed;}
.wrap-user .box-user.on {display: table;}
.wrap-user .box-user .group {display: table-cell; width: 210px; padding: 0 0 0 70px; vertical-align: middle; text-align: center;}
.wrap-user .box-user .group strong {display: inline-block; margin: 16px 0; font-family: 'Noto Bold'; font-size: 23px; color: #bf9e5a;}
.wrap-user .box-user .group button {display: block; width: 100%; height: 12px; text-indent: -9999px;}
.wrap-user .box-user .group .prev {background: url('../../images/main/btn-user-prev.png') no-repeat center center;}
.wrap-user .box-user .group .next {background: url('../../images/main/btn-user-next.png') no-repeat center center;}
.wrap-user .box-user .list {display: table-cell; padding: 0; vertical-align: middle;}
/*
.wrap-user .box-user .list {display: table-cell; padding: 0 70px 0 0; vertical-align: middle;}
.wrap-user .box-user .list a {display: block;}
*/
.wrap-user .box-user .list .icon .on {display: none;}
.wrap-user .box-user .list .icon img {display: inline-block;}
.wrap-user .box-user .list a {display: block; margin:2px; }
.wrap-user .box-user .list a:hover .icon .on {display: inline-block;}
.wrap-user .box-user .list a:hover .icon .off {display: none;}
.wrap-user .box-user .list .text {margin: 17px 0 0 0; font-family: 'Noto Light'; font-size: 16px; color: #c7c7c7;}
.wrap-user .box-user .list a:hover .text {color: #eec277;}
.wrap-user .box-user .list .slick-slide {text-align: center;}

@media all and (max-width: 1620px) {
  .wrap-user .inner {padding: 20px 20px;}
  .wrap-user .title {left: 20px;}
}

@media all and (max-width: 1300px) {
  .wrap-user {top: -70px;}
  .wrap-user .inner {min-height: 130px;}
  .wrap-user .title .btn-user {width: 130px; height: 130px;}
  .wrap-user .title .btn-user span {padding: 30px 0 0 0; background-size: 35px auto; font-size: 14px;}
  .wrap-user .title .btn-user span::after {bottom: -28px;}
  .wrap-user .box-user {padding: 16px 0;}
  .wrap-user .box-user .group {width: 60px; padding: 0;}
  .wrap-user .box-user .group strong {margin: 7px 0; font-size: 14px;}
  .wrap-user .box-user .list .text {margin: 10px 0 0 0; font-size: 14px;}
  .wrap-user .box-user .list a .icon img {max-width: 36px;}
}

@media all and (max-width: 915px) {
  .wrap-user .inner {min-height: auto; padding: 0;}
  .wrap-user {position: static;}
  .wrap-user .title {display: none;}
  .wrap-user .user {left: 0; opacity: 1; border-radius: 0;}
  .wrap-user .box-user {width: 100%; padding: 30px 20px;}
  .wrap-user .box-user .list {padding: 0;}
}

.wrap-banner {background: #006276; padding: 90px 0 70px 0;}
.wrap-banner .inner {position: relative;}
.wrap-banner .slider {padding: 0 160px;}
.wrap-banner .slick-slide {text-align: center;}
.wrap-banner .slick-slide img {display: inline-block;}
.wrap-banner a {display: block; color: #fff;}
.wrap-banner a .desc {margin: 20px 0 0 0; padding: 0 0 5px 0; font-family: 'Noto Light'; font-size: 20px;}
.wrap-banner a .desc span {position: relative;}
.wrap-banner a .desc span::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: rgba(255,255,255,.5);}
.wrap-banner a:hover .desc span::after {width: 100%; transition: .4s;}
.wrap-banner .control {position: absolute; left: 0; top: 50%; width: 100%;}
.wrap-banner .control button {position: absolute; top: 0; width: 60px; height: 60px; border-radius: 100%; text-indent: -999999px; transform: translate(0, -50%);}
.wrap-banner .control button.prev {left: 70px; background: #367a88 url('../../images/main/btn-banner-prev.png') no-repeat center center;}
.wrap-banner .control button.next {right: 70px; background: #367a88 url('../../images/main/btn-banner-next.png') no-repeat center center;}
.wrap-banner .control button:hover {background-color: #3daac1 !important; transition: .4s;}

@media all and (max-width: 1200px) {
  .wrap-banner {padding: 50px 0 40px 0;}
  .wrap-banner .slider {padding: 0 100px;}
  .wrap-banner a .icon img {max-width: 80px}
  .wrap-banner a .desc {font-size: 15px;}
  .wrap-banner .control button.prev {left: 50px;}
  .wrap-banner .control button.next {right: 50px;}
}

@media all and (max-width: 800px) {
  .wrap-banner {padding: 30px 0 20px 0;}
  .wrap-banner .slider {padding: 0 70px;}
  .wrap-banner a .icon img {max-width: 50px}
  .wrap-banner a .desc {font-size: 14px;}
  .wrap-banner .control button {width: 50px; height: 50px;}
  .wrap-banner .control button.prev {left: 20px;}
  .wrap-banner .control button.next {right: 20px;}
}

.wrap-text-banner {padding: 0 0 100px 0; background: #006276 url('../../images/main/bg-banner.jpg') no-repeat center bottom;}
.wrap-text-banner li {float: left; width: 50%;}
.wrap-text-banner li.bg1 {background: url('../../images/main/img-banner1.jpg') no-repeat left top;}
.wrap-text-banner li.bg2 {background: url('../../images/main/img-banner2.jpg') no-repeat left top;}
.wrap-text-banner li.bg3 {background: url('../../images/main/img-banner3.jpg') no-repeat right top;}
.wrap-text-banner li.bg4 {background: url('../../images/main/img-banner4.jpg') no-repeat right top;}
.wrap-text-banner .desc {position: relative; width: 50%; min-height: 250px; padding: 29px 20px 29px 37px; background: #fff;}
.wrap-text-banner .left .desc {float: left;}
.wrap-text-banner .left .desc::after {content: ''; position: absolute; left: 37px; top: -10px; width: 19px; height: 10px; background: url('../../images/main/arrow-banner1.png') no-repeat center center;}
.wrap-text-banner .right .desc {float: right;}
.wrap-text-banner .right .desc::after {content: ''; position: absolute; left: 37px; bottom: -10px; width: 19px; height: 10px; background: url('../../images/main/arrow-banner2.png') no-repeat center center;}
.wrap-text-banner .desc strong {position: relative; font-family: 'Noto Medium'; font-size: 24px; color: #333;}
.wrap-text-banner .desc strong::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: rgba(0,0,0,.5);}
.wrap-text-banner .desc:hover strong::after {width: 100%; transition: .4s;}
.wrap-text-banner .desc a {display: block;}
.wrap-text-banner .desc p {font-family: 'Noto Light'; font-size: 18px; line-height: 1.4; letter-spacing: -1px; color: #666;}
.wrap-text-banner .desc span {display: inline-block; width: 40px; height: 40px; margin: 30px 0 0 0; background: url('../../images/main/btn-banner-more.png') no-repeat center center; text-indent: -9999px;}
.wrap-text-banner .desc a:hover span {background: url('../../images/main/btn-banner-more-on.png') no-repeat center center;}
.wrap-text-banner .control {text-align: center; font-size: 0;}
.wrap-text-banner .paging {display: inline-block; margin: 20px 0 0 0; font-size: 0;}
.wrap-text-banner .paging li {display: inline-block; width: auto; margin: 0 5px; padding: 0;}
.wrap-text-banner .paging button {display: inline-block; width: 15px; height: 15px; background: rgba(255,255,255,.5); border-radius: 100%; text-indent: -9999px;}
.wrap-text-banner .paging .slick-active button {background: #23a3b9;}

@media all and (max-width: 1630px) {
  .wrap-text-banner {background-size: contain;}
  .wrap-text-banner .desc strong {font-size: 18px;}
  .wrap-text-banner .desc p {font-size: 16px;}
  .wrap-text-banner .desc p br {display: none;}
}

@media all and (max-width: 1170px) {
  .wrap-text-banner {padding: 0 0 60px 0;}
  .wrap-text-banner .desc {padding: 15px; min-height: 160px;}
  .wrap-text-banner .desc span {display: none;}
  .wrap-text-banner .desc p {font-size: 15px;}
}

@media all and (max-width: 1000px) {
  .wrap-text-banner li {width: 48%; margin: 1%; padding: 29% 0 0 0; background-size: 100% !important;}
  .wrap-text-banner .desc {width: 100%;}
  .wrap-text-banner .right .desc::after {bottom: auto; top: -10px; background: url(../../images/main/arrow-banner1.png) no-repeat center center;}
}

@media all and (max-width: 600px) {
  .wrap-text-banner {padding: 20px 0 20px 0;}
  .wrap-text-banner li {padding: 250px 0 0 0; margin: 0; background-size: 100% !important;}
  .wrap-text-banner {background-size: cover;}
  .wrap-text-banner .desc {min-height: 260px; padding: 35px;}
  .wrap-text-banner .desc strong {font-size: 24px;}
  .wrap-text-banner .desc p {margin: 10px 0 0 0; font-size: 18px;}
  .wrap-text-banner .desc span {display: inline-block;}
}

.wrap-college {overflow: hidden; padding: 100px 0;}
.wrap-college .inner {position: relative; padding: 0 0 100px 0;}
.wrap-college .slider > li {display: table; width: 100%; table-layout: fixed;}
.wrap-college .slider .slick-slide {display: table; table-layout: fixed;}
.wrap-college .slider .info {display: table-cell; vertical-align: top; width: 44.5%;}
.wrap-college .slider .title .small {display: block; margin: -7px 0 0 0; font-family: 'Noto Regular'; font-size: 25px; color: #006276;}
.wrap-college .slider .title strong {display: block; margin: 0 0 40px 0; font-family: 'Noto Bold'; font-size: 60px; line-height: 1.2; color: #000;}
.wrap-college .slider .desc {margin: 0 0 31px 0; padding: 0 30px 0 0; font-family: 'Noto Light'; font-size: 18px; color: #666;}
.wrap-college .slider .item {margin: 0 0 39px 0;}
.wrap-college .slider .item li {position: relative; float: left; width: 33.333%; margin: 0 0 5px 0; padding: 0 0 0 16px; font-family: 'Noto Light'; font-size: 16px; color: #333;}
.wrap-college .slider .item li::after {content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background: #04b9c2; border-radius: 100%;}
.wrap-college .slider .item li a {position: relative; color: #333;}
.wrap-college .slider .item li a::after {content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background: #000;}
.wrap-college .slider .item li a:hover::after {width: 100%; transition: .4s;}
.wrap-college .slider .item .row4 li {width: 25%;}
.wrap-college .slider .link a {display: inline-block; padding: 13px 77px 13px 20px; background: #006276 url('../../images/main/btn-college-more.png') no-repeat 90% 62%; font-family: 'Noto Regular'; font-size: 16px; color: #fff;}
.wrap-college .slider .link a:hover {background-color: #0790ac; transition: .4s;}
.wrap-college .slider .thumb {display: table-cell; vertical-align: top;}
.wrap-college .thumb-slider {position: absolute; left: 0; bottom: 0; width: calc(100% - 32%);}
.wrap-college .thumb-slider .thumb {padding: 0 5% 0 0;}
.wrap-college .thumb-slider .thumb .grey {display: none;}
.wrap-college .thumb-slider .thumb a {position: relative; display: inline-block; width: 100%;}
.wrap-college .thumb-slider .thumb .progress {position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: #9a9a9a; opacity: 0;}
.wrap-college .thumb-slider .thumb .progress span {position: absolute; left: 0; bottom: 0; width: 0; height: 100%; background: #04b9c2;}
.wrap-college .thumb-slider .thumb .progress.on span {animation: bar 3s 1;}
.wrap-college .thumb-slider .slick-current .thumb .progress {opacity: 1;}
@keyframes bar { 0%{width: 0;} 100%{width: 100%;}}
.wrap-college .thumb-slider .thumb .title {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: 'Noto Medium'; font-size: 20px; color: #fff;}
.wrap-college .thumb-slider .thumb img {width: 100%;}
.wrap-college .thumb-slider .slick-current .thumb .grey {display: block;}
.wrap-college .thumb-slider .slick-current .thumb .color {display: none;}
.wrap-college .control {position: absolute; left: 32%; bottom: 37%;}
.wrap-college .control button {display: inline-block; width: 50px; height: 50px; border: 1px solid #9b9b9b; text-indent: -9999px; vertical-align: middle;}
.wrap-college .control .prev {background: #fff url('../../images/main/btn-college-prev.png') no-repeat center center;}
.wrap-college .control .prev:hover {background: #04b9c2 url('../../images/main/btn-college-prev-on.png') no-repeat center center; border: 1px solid #04b9c2; transition: .4s;}
.wrap-college .control .next {background: #fff url('../../images/main/btn-college-next.png') no-repeat center center;}
.wrap-college .control .next:hover {background: #04b9c2 url('../../images/main/btn-college-next-on.png') no-repeat center center; border: 1px solid #04b9c2; transition: .4s;}
.wrap-college .control .stop {display: none; background: #fff url('../../images/main/btn-college-stop.png') no-repeat center center;}
.wrap-college .control .stop:hover {background: #04b9c2 url('../../images/main/btn-college-stop-on.png') no-repeat center center; border: 1px solid #04b9c2; transition: .4s;}
.wrap-college .control .play {display: none;background: #fff url('../../images/main/btn-college-play.png') no-repeat center center;}
.wrap-college .control .play:hover {background: #04b9c2 url('../../images/main/btn-college-play-on.png') no-repeat center center; border: 1px solid #04b9c2; transition: .4s;}
.wrap-college .control .stop.on,
.wrap-college .control .play.on {display: inline-block;}

@media all and (max-width: 1620px) {
  .wrap-college .inner {padding: 0 0 10% 20px;}
  .wrap-college .thumb-slider {left: 20px;}
  .wrap-college .slider .desc {display: none;}
}

@media all and (max-width: 1200px) {
  .wrap-college {padding: 70px 0;}
  .wrap-college .slider .title .small {font-size: 20px;}
  .wrap-college .slider .title strong {margin: 0 0 20px 0; font-size: 40px;}
  .wrap-college .slider .info {width: 49.5%;}
  .wrap-college .slider .item .row4 li {width: 33.333%;}
  .wrap-college .slider .link a {padding: 8px 60px 8px 15px; background-position: 90% 43%; font-size: 14px;}
  .wrap-college .thumb-slider .thumb .title {font-size: 14px;}
  .wrap-college .control {left: 37%;}
  .wrap-college .control button {width: 40px; height: 40px;}
}

@media all and (max-width: 950px) {
  .wrap-college .inner {padding: 0 20px;}
  .wrap-college {padding: 50px 0;}
  .wrap-college .slider .info,
  .wrap-college .slider .thumb {display: block; width: 100%;}
  .wrap-college .slider .thumb {display: none;}
  .wrap-college .control {left: auto; bottom: auto; top: 0px; right: 20px;}
  .wrap-college .thumb-slider {position: static; width: 100%;}
}

@media all and (max-width: 768px) {
  .wrap-college .inner {padding: 0;}
  .wrap-college .slider {padding: 0 20px;}
  .wrap-college .slider .title .small {font-size: 18px;}
  .wrap-college .slider .title strong {font-size: 30px;}
  .wrap-college .slider .item {margin: 0 0 25px 0;}
  .wrap-college .slider .item li {font-size: 14px;}
  .wrap-college .slider .link {display: none;}
  .wrap-college .control button {width: 30px; height: 30px;}
  .wrap-college .thumb-slider .slick-list {margin: 0 -40% 0 0;}
}

#multipleDiv_cku_1496 {padding: 90px 0; background: #dfeaf4;}
#multipleContentsDiv_cku_1496 {max-width: 1620px; margin: 0 auto;}
#menu5578_obj1508 {padding: 0 0 0 6.9%;}
#menu5578_obj2885 {float: left; width: 63.5%;}
#menu5578_obj1508 {float: right; width: 36.5%;}
/*.wrap-sns .title {position: relative; margin: 0 0 42px 0;}
.wrap-sns .title::after {content: ''; position: absolute; left: 47%; bottom: 13%; width: 30%; height: 2px; background: #006276;}
.wrap-sns .title .small {font-family: 'Mont Medium'; font-size: 20px; color: #333;}
.wrap-sns .title .big {position: relative; font-family: 'Mont Bold'; font-size: 60px; line-height: 1.2; color: #006276;}
.wrap-sns .list {position: relative;}
.wrap-sns .list .youtube {position: absolute; left: 0; top: 90px;}
.wrap-sns .list .blog {position: absolute; left: 0; top: 180px;}
.wrap-sns .list .insta {position: absolute; left: 0; top: 270px;}
.wrap-sns .list .tab {width: 60px; height: 60px;text-indent: -9999px;}
.wrap-sns .list .on .tab,
.wrap-sns .list .tab:hover {background-position-y:  bottom !important;}
.wrap-sns .list .facebook .tab {float: left; width: 60px; background: url('../../images/main/ico-sns1.png') no-repeat center top; }
.wrap-sns .list .youtube .tab {background: url('../../images/main/ico-sns2.png') no-repeat center top;}
.wrap-sns .list .blog .tab {background: url('../../images/main/ico-sns4.png') no-repeat center top;}
.wrap-sns .list .insta .tab {background: url('../../images/main/ico-sns3.png') no-repeat center top;}
.edit .wrap-sns .list .slider > li {display: none;}
.wrap-sns .detail {display: none; }
.wrap-sns .on .detail {float: left; display: block; width: calc(100% - 60px); padding: 0 0 0 6%;}
.wrap-sns .detail a {overflow: hidden; position: relative; display: block; width: 100%; padding: 100% 0 0 0;}
.wrap-sns .detail a::after {opacity: 0; content: ''; position: absolute; left: 50%; bottom: 50px; width: 190px; height: 50px; background: url('../../images/main/text-facebook.png') no-repeat center center; border: 1px solid #fff; border-radius: 100px; transform: translate(-50%, 0);}
.wrap-sns .detail a:hover::after {opacity: 1; transition: .4s;}
.wrap-sns .detail a img {position: absolute; left: 0; top: 0; width: 100%; padding: 1px;}
.wrap-sns .detail .desc {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 70px 50px; background: rgba(29, 75, 135, .8); font-family: 'Noto Light'; font-size: 18px; color: #fff;}
.wrap-sns .detail .desc span {overflow: hidden; display: inline-block; width: 100%; height: 110px; text-align: center; line-height: 1.5;}
.wrap-sns .detail a:hover .desc {opacity: 1; transition: .4s;}
.wrap-sns .detail .slick-slide {padding: 0 25px;}
.wrap-sns .control {position: absolute; right: 25px; top: 28px;}
.wrap-sns .control button {display: inline-block; width: 70px; height: 70px; border: 1px solid #000; text-indent: -9999px; vertical-align: middle;}
.wrap-sns .control .prev {background: #fff url('../../images/main/btn-sns-prev.png') no-repeat center center;}
.wrap-sns .control .prev:hover {background: #51719b url('../../images/main/btn-sns-prev-on.png') no-repeat center center; border: 1px solid #51719b; transition: .4s;}
.wrap-sns .control .next {background: #fff url('../../images/main/btn-sns-next.png') no-repeat center center;}
.wrap-sns .control .next:hover {background: #51719b url('../../images/main/btn-sns-next-on.png') no-repeat center center; border: 1px solid #51719b; transition: .4s;}
*/
.wrap-giving {display: table; width: 100%; min-height: 540px; margin: 14px 0 0 0; padding: 20px; background: url('../../images/main/bg-donation.jpg') no-repeat center top; background-size: cover; color: #fff; table-layout: fixed;}
.wrap-giving .box-giving {display: table-cell; height: 100%; padding: 30px 40px; border: 1px solid rgba(255,255,255,.3); vertical-align: top;}
.wrap-giving .title .eng {display: inline-block; font-family: 'Mont Regular'; font-size: 20px;}
.wrap-giving .title .kor {display: inline-block; margin: 10px 0 15px 0; font-family: 'Noto Bold'; font-size: 40px; line-height: 1.2;}
.wrap-giving .link {margin: 30px 0 0 0;}
.wrap-giving .link a {display: block; margin: 0 0 10px 0; padding: 16px 15px; border: 1px solid #fff; font-family: 'Noto Medium'; font-size: 18px; text-align: center; color: #fff;}
.wrap-giving .link a:hover {background: #fff; color: #045e73;}

@media all and (max-width: 1620px) {
  #multipleContentsDiv_cku_1496 {padding: 0 20px;}
}

@media all and (max-width: 1560px) {
  #menu5578_obj1508 {padding: 0 0 0 2%;}
}

@media all and (max-width: 1500px) {
  .wrap-giving .title .kor {font-size: 35px;}
  /* .wrap-sns .title .small {font-size: 16px;}
  .wrap-sns .title .big {font-size: 50px;}
  .wrap-sns .control button {width: 60px; height: 60px;}*/
}

@media all and (max-width: 1320px) {
  #menu5578_obj2885 {float: left; width: 50%;}
  #menu5578_obj1508 {float: right; width: 50%;}
  /* .wrap-sns .on .detail {width: calc(100% - 90px);}
  .wrap-sns .detail .slick-slide {padding: 0;}
  .wrap-sns .control .prev {background: #fff url('../../images/main/btn-sns-prev-m.png') no-repeat center center;}
  .wrap-sns .control .prev:hover {background: #51719b url('../../images/main/btn-sns-prev-on-m.png') no-repeat center center; border: 1px solid #51719b; transition: .4s;}
  .wrap-sns .control .next {background: #fff url('../../images/main/btn-sns-next-m.png') no-repeat center center;}
  .wrap-sns .control .next:hover {background: #51719b url('../../images/main/btn-sns-next-on-m.png') no-repeat center center; border: 1px solid #51719b; transition: .4s;}*/
  .wrap-giving .title .kor {font-size: 45px;}
  .wrap-giving {min-height: 613px}
}

@media all and (max-width: 1200px) {
  /*.wrap-sns .title .small {font-size: 14px;}
  .wrap-sns .title .big {font-size: 40px;}
  .wrap-sns .control {top: 13px;}*/
}

@media all and (max-width: 1000px) {
  #multipleDiv_cku_1496 {padding: 70px 0;}
  #menu5578_obj2885 {float: left; width: 62%;}
  #menu5578_obj1508 {float: right; width: 38%;}
  .wrap-giving {min-height: 320px; padding: 10px;}
  .wrap-giving .box-giving {padding: 15px;}
  .wrap-giving .title .eng {font-size: 14px;}
  .wrap-giving .title .kor {margin: 7px 0 10px 0; font-size: 22px;}
  .wrap-giving .title .desc {display: inline-block; font-size: 14px; line-height: 1.2;}
  .wrap-giving .link {margin: 10px 0 0 0;}
  .wrap-giving .link a {margin: 0 0 3px 0; padding: 7px 10px; font-size: 16px;}
  /*.wrap-sns .title {margin: 0 0 30px 0;}
  .wrap-sns .list .youtube {top: 60px;}
  .wrap-sns .list .blog {top: 120px;}
  .wrap-sns .list .insta {top: 180px;}
  .wrap-sns .list .facebook .tab {width: 45px;}
  .wrap-sns .list .tab {margin: 0 0 8px 0; width: 45px; height: 45px; background-size: cover !important;}
  .wrap-sns .detail .slick-slide {padding: 0 10px;}
  .wrap-sns .control {top: 20px;}
  .wrap-sns .control button {width: 50px; height: 50px;}*/
}

@media all and (max-width: 850px) {
  #multipleDiv_cku_1496 {padding: 50px 0;}
  #menu5578_obj2885,
  #menu5578_obj1508 {float: none; width: 100%;}
  #menu5578_obj1508 {padding: 0;}
  .wrap-giving {margin: 50px 0 0;}
  .wrap-giving .box-giving {padding: 30px;}
  .wrap-giving .title .eng {font-size: 20px;}
  .wrap-giving .title .kor {font-size: 40px;}
  .wrap-giving .title .desc {font-size: 16px;}
  .wrap-giving .link {margin: 30px 0 0 0;}
  .wrap-giving .link a {margin: 0 0 10px 0; padding: 15px 10px; font-size: 18px;}
  /*.wrap-sns .title .big {font-size: 30px;}
  .wrap-sns .title .small {font-size: 12px;}
  .wrap-sns .title::after {display: none;}
  .wrap-sns .on .detail {width: calc(100% - 50px);}
  .wrap-sns .control {right: 15px;}*/
}

#multipleDiv_cku_3486 { display: none; position: fixed; left: -99999px; top: 0; z-index: 1500; width: 100%; height: 100%; background: rgba(0,0,0,.6); opacity: 0; table-layout: fixed;}
#multipleDiv_cku_3486.on {left: 0; opacity: 1; display: table; }
.edit#multipleDiv_cku_3486  {position: relative; left: 0; opacity: 1;}
#multipleContentsDiv_cku_3486 {display: table-cell; vertical-align: middle;}
/*
#multipleDiv_cku_3486 {display: table; position: fixed; left: -99999px; top: 0; z-index: 1500; width: 100%; height: 100%; background: rgba(0,0,0,.6); opacity: 0; table-layout: fixed;}
#multipleDiv_cku_3486.on {left: 0; opacity: 1;}
.edit#multipleDiv_cku_3486  {position: relative; left: 0; opacity: 1;}
#multipleContentsDiv_cku_3486 {display: table-cell; vertical-align: middle;}
*/

.wrap-untact {overflow: auto; width: 95%; max-width: 1480px; margin: 0 auto; padding: 60px 90px 80px 90px; background: url('../../images/main/bg-untact.jpg') no-repeat center top; background-size: cover;}
.wrap-untact-title .small {display: block; font-family: 'Mont Regular'; font-size: 20px; text-align: center; color: #fff;}
.wrap-untact-title .big {display: block; margin: 0 0 80px 0; font-family: 'Noto bold'; font-size: 46px; text-align: center; color: #fff;}
.wrap-untact-title .big em {color: #bcf3ff;}
.wrap-untact-title .close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url('../../images/main/btn-untact-close.png') no-repeat center center; text-indent: -9999px;}
#menu5578_obj3498 {float: left !important; width: 33.333% !important;}
#menu5578_obj3890 {float: left !important; width: 33.333% !important;}
#menu5578_obj3500 {float: left !important; width: 33.333% !important;}
.wrap-untact-banner {padding: 0 8% 0 0;}
.wrap-untact-banner .banner1 {margin: 0 0 20px 0; background: #004088 url('../../images/main/ico-untact1.png') no-repeat right center;}
.wrap-untact-banner .banner2 {background: #006276 url('../../images/main/ico-untact2.png') no-repeat right center;}
.wrap-untact-banner a {display: block; padding: 31px 30px;}
.wrap-untact-banner a .big i {position: relative;}
.wrap-untact-banner a .big i::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff;}
.wrap-untact-banner a:hover .big i::after {width: 100%; transition: .4s;}
.wrap-untact-banner .small {display: block; font-family: 'Noto Regular'; font-size: 18px; color: #fff;}
.wrap-untact-banner .big {display: block; font-family: 'Noto Bold'; font-size: 26px; color: #fff;}
.wrap-untact-banner .link {display: block; font-family: 'Noto Medium'; font-size: 14px; color: #fff;}

.wrap-untact-pop {padding: 0 0 0 7%; text-align: right;}
.wrap-untact-pop img {width: 100%; height: 320px;}

@media all and (max-width: 1200px) {
  #menu5578_obj3498 {width: 50% !important;}
  #menu5578_obj3500 {width: 50% !important}
  #menu5578_obj3890 {position: absolute; width: calc(50% - 7%) !important}
  .wrap-untact {padding: 45px 50px 45px 50px;}
  .wrap-untact-title .big {margin: 0 0 50px 0; font-size: 36px;}
  .wrap-untact-title .small {font-size: 16px;}
  .wrap-untact-banner {margin: 210px 0 0 0; padding: 0;}
  .wrap-untact-banner > div {float: left; width: 50%; background-size: 80px auto !important;}
  .wrap-untact-banner .link {display: none;}
  .wrap-untact-banner .small {font-size: 14px;}
  .wrap-untact-banner .big {font-size: 20px;}
  .wrap-untact-pop img {width: 100%; height: 320px;}
}

@media all and (max-width: 1030px) {
  .wrap-untact-banner > div {background-image: none !important;}
}

@media all and (max-width: 850px) {
  #menu5578_obj3498 {width: 100% !important;}
  #menu5578_obj3500 {width: 100% !important}
  #menu5578_obj3890 {position: static; width: 100% !important; margin: 30px 0 ;}
  .wrap-untact {padding: 30px;}
  .wrap-untact-banner {margin: 0;}
  .wrap-untact-pop {padding: 0;}
  .wrap-untact-pop img {height: auto;}
  .wrap-untact-banner .banner1 {margin: 0;}
  .wrap-untact-banner a {padding: 15px 30px;}
  .wrap-untact-title .small {display: none;}
  .wrap-untact-title .big {margin: 0 0 30px 0; font-size: 20px;}
}

#multipleDiv_cku_3611 {display: none !important; position: fixed; left: -99999px; top: 0; z-index: 1500; width: 100%; height: 100%; background: rgba(0,0,0,.6); opacity: 0; table-layout: fixed;}
#multipleDiv_cku_3611.on {left: 0; opacity: 1; display:table;}
.edit#multipleDiv_cku_3611  {position: relative; left: 0; padding: 100px 0; opacity: 1;}
#multipleContentsDiv_cku_3611 {display: table-cell; vertical-align: middle;}

#multipleDiv_cku_3924 {overflow: hidden; position: absolute; left: -99999px; top: 0; z-index: 4000; width: 100%; max-height: 0px; opacity: 0; transition: max-height  .5s;}
#multipleDiv_cku_3924.on {max-height: 2000px; opacity: 1; left: 0;  transition: max-height .5s; }

.edit#multipleDiv_cku_3924 {display: none; position: relative; max-height: 20000px; opacity: 1;}

/*
#multipleDiv_cku_3611 {display: table; position: fixed; left: -99999px; top: 0; z-index: 1500; width: 100%; height: 100%; background: rgba(0,0,0,.6); opacity: 0; table-layout: fixed;}
#multipleDiv_cku_3611.on {left: 0; opacity: 1;}
.edit#multipleDiv_cku_3611  {position: relative; left: 0; padding: 100px 0; opacity: 1;}
#multipleContentsDiv_cku_3611 {display: table-cell; vertical-align: middle;}

#multipleDiv_cku_3924 {overflow: hidden; position: absolute; left: -99999px; top: 0; z-index: 4000; width: 100%; max-height: 0px; opacity: 0; transition: max-height  .5s;}
#multipleDiv_cku_3924.on {max-height: 2000px; opacity: 1; left: 0;  transition: max-height  .5s;}

.edit#multipleDiv_cku_3924 {display: none; position: relative; max-height: 20000px; opacity: 1;}
*/

/* [S] 경쟁력 */
.intro { padding: 110px 0 130px; background-color: #f8f8f8; } 
.intro .top { display: flex; align-items: center; padding: 0 0 25px; } 
.intro .top .tit { font-size: 50px; color: #2a2a2a; font-family: 'SBAggroM'; margin-right: 30px; } 
.intro .top .tit i { color: #006276; } 
.intro .top .desc { font-size: 20px; color: #2a2a2a; } 
.intro .top .desc br { display: none; } 
.intro .list-wrap { display: flex; justify-content: space-between; } 
.intro .list-wrap > div { width: calc((100% / 3) - 13px); } 
.intro .box { min-height: 250px; background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08); border-radius: 20px; padding: 30px; filter: blur(3px); opacity: 0;transition: 0.4s} 
.intro .box.ani { filter: blur(0);opacity: 1;}
.intro .box.white { box-shadow: 0px 0px 20px rgba(14, 81, 112, 0.15); } 
.intro .badge { display: flex; justify-content: center; align-items: center; width: 100px; padding: 7px 5px; margin-bottom: 12px; font-size: 17px; border-radius: 20px; background-color: #0067ff; color: #fff; font-family: 'Noto Medium'; } 
.intro .badge.white { background-color: #fff; color: #0067ff; border: 1px solid #0067ff; } 
.intro .box .txt { color: #fff; } 
.intro .box .txt span { display: block;font-size: 24px; font-family: 'Noto Bold'; } 
.intro .box .txt i { font-size: 20px; font-family: 'Noto Bold'; } 
.intro .box .txt i strong { font-size: 45px; font-family: 'Noto Black'; line-height: 1.2; } 
.intro .box .txt em { display: block; font-size: 15px; } 
.intro .box .txt em:nth-of-type(1) {margin-top: 8px;}
.intro .box.white .txt span { color: #000 } 
.intro .box.white .txt p { font-size: 17px; color: #666 } 
.intro .box.white .txt em { color: #666; } 
.intro .box.white .txt i { color: #1d2c35; } 
.intro .left .box { min-height: 525px;height: 100%; } 
.intro .left .box1 > .txt { margin-bottom: 50px; } 
.intro .left .box1 > .txt span { margin-bottom: 8px; } 
.intro .left .progress { width: 120px; margin: 0 auto; } 
.intro .left .progress::after { content: ''; display: block; clear: both; } 
.intro .left .box .gauge { position: relative; width: 50px; height: 236px; border-radius: 25px; background-image: url('../../images/main/new/wave.png'); background-position: bottom 36px left -4px; background-repeat: no-repeat; background-size: 190px;} 
.intro .left .box .gauge .txt { position: absolute; top:-12px;} 
.intro .left .box .gauge1 .txt { left: -165px; white-space: wrap;width: 150px;} 
.intro .left .box .gauge2 .txt { right: -165px; white-space: nowrap; } 
.intro .left .box .gauge .txt span { color: #1d2c35; }
.intro .left .box .gauge .txt i { color: #1d2c35; line-height: 30px; } 
.intro .left .box .gauge1 { float: left; background-color: #82b2bc; } 
.intro .left .box .gauge2 { float: right; background-color: #006276; } 
.intro .left .box .gauge::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -9px; width: 18px; height: 18px; border: 4px solid #fff; background-color: #000; border-radius: 50%; } 
.intro .left .box .gauge::after { content: ''; position: absolute; top: 0; width: 54px; height: 1px; background-color: #000; } 
.intro .left .box .gauge1::after { right: 50%; margin-left: -27px; } 
.intro .left .box .gauge2::after { left: 50%; margin-right: -27px; } 
.intro .left .box .gauge span { font-size: 15px; font-family: 'Noto Bold'; } 
.intro .center { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.intro .center .box1,
.intro .center .box2 { width: calc((100% / 2) - 10px); } 
.intro .center .box1 { background-image: url('../../images/main/new/cp-bg1.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; } 
.intro .center .box2 { background-image: url('../../images/main/new/ic-scholarship.png'); background-position: right 24px bottom 34px; background-repeat: no-repeat; background-size: 64px;} 
.intro .center .box3 { margin-top: 20px; background-image: url('../../images/main/new/cp-bg3.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; width: 100%; } 
.intro .right .box1 { background-image: url('../../images/main/new/cp-bg2.jpg'); background-repeat: no-repeat; background-size: cover; } 
.intro .right .box2 { padding-right: 170px; margin-top: 20px; background-image: url('../../images/main/new/ic-scholarship2.png'); background-position: right 24px bottom; background-repeat: no-repeat;background-size: 139px; } 
.intro .slick-dots { display: flex !important; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); } 
.intro .slick-dots > li button { margin-right: 10px; width: 20px; height: 20px; background-color: #999; border-radius: 50%; text-indent: -9999px; } 
.intro .slick-dots > li:last-child button { margin-right: 0; } 
.intro .slick-dots > li.slick-active button { background-color: #006276; } 
.intro .slick-slide { margin: 20px; } 
.intro .slick-list { margin: 0 -20px; } 

@media (max-width: 1620px){
  .intro .left .box {min-height: 567px;}
  .intro .left .box1 > .txt { margin-bottom: 40px; } 
  .intro .left .box .gauge .txt { background-color: #fff; padding: 0 5px; z-index: 1;   } 
  .intro .left .box .gauge1 .txt { left: -10vw; width: 9vw;} 
  .intro .left .box .gauge2 .txt { right: -10vw } 
  .intro .left .box1 .txt i strong { font-size: 40px; } 
  .intro.right { display: flex; flex-direction: column; justify-content: space-between; } 
  .intro .right .box { margin-top: 0; } 
  .intro .right .box1 {min-height: 293px;}
  .intro .right .box2 {margin-top: 20px;min-height: 253px;}
}

@media (max-width: 1300px){
  .intro { padding: 72px 0 110px; } 
  .intro .box { padding: 20px; } 
  .intro .top { justify-content: space-between; padding: 0 0 25px; } 
  .intro .top .tit { font-size: 40px; } 
  .intro .top .desc { margin-right: 50px; font-size: 18px; } 
  .intro .top .desc br { display: block; } 
  .intro .box .txt span { font-size: 22px; } 
  .intro .list-wrap { position: relative; display: block; } 
  .intro .list-wrap > div { width: 49%; } 
  .intro .left { width: 50%; margin-bottom: 20px; } 
  .intro .left .box .gauge::after { width: 40px; } 
  .intro .left .box .gauge1::after { margin-left: -20px; } 
  .intro .left .box .gauge2::after { margin-right: -20px; } 
  .intro .left .progress { width: 97px } 
  .intro .left .box { min-height: 430px; } 
  .intro .left .box .gauge { height: 174px; width: 40px; background-position: bottom 30px left -9px; } 
  .intro .left .box .gauge .txt {background-color: transparent;}
  .intro .left .box .gauge .txt span { margin-bottom: 8px; } 
  .intro .left .box .gauge::before { width: 16px; height: 16px; border-width: 3px; top: -8px } 
  .intro .left .box .gauge .txt i { font-size: 20px; } 
  .intro .left .box .gauge1 .txt { left: -182px; width: 155px;} 
  .intro .left .box .gauge2 .txt { right: -146px; } 
  .intro .left .box1 > .txt { margin-bottom: 55px; } 
  .intro .center .box {  height: auto; } 
  .intro .center .box1 { min-height: 281px;background-position: right bottom; } 
  .intro .center .box2 { min-height: 281px;background-size: 50px; background-position: right 15px bottom 20px; } 
  .intro .center .box3 { min-height: 228px; position: absolute; width: 49%; right: 0; top: 0; margin-top: 0; } 
  .intro .right { position: absolute; right: 0; top: 0; width: 50%; padding-top: 250px; } 
  .intro .right .box {  min-height: 228px;height: auto; } 
  .intro .right .box2 { margin-top: 20px; padding-right: 100px; background-size: 112px; background-position: right 12px bottom; } 
  .intro .slick-dots { bottom: -40px; } 
  .intro .slick-dots > li button { width: 15px; height: 15px; } 
  .intro .slick-slide {margin: 20px 20px 65px;}
}
@media (max-width: 1100px){
  .intro .left .progress { width: 25%; } 
  .intro .top .desc { margin-right: 0; } 
  .intro .top .desc br { display: none; } 
  .intro .badge { margin-bottom: 8px; } 
  .intro .left .box .gauge { width: 45%; background-position: bottom 30px left -1.5vw; } 
  .intro .left .box .gauge .txt i { font-size: 2vw; } 
  .intro .left .box .gauge .txt span { font-size: 1.5vw; margin-bottom: 0; } 
  .intro .left .box .gauge .txt strong { font-size: 4vw; } 
  .intro .left .box .gauge .txt { top: -1.2vw } 
  .intro .left .box .gauge1 .txt { left: -15.5vw; } 
  .intro .left .box .gauge2 .txt { right: -15.5vw; } 
  .intro .left .box1 > .txt { margin-bottom: 5vw; } 
}

@media (max-width: 800px){
  .intro .slick-dots { bottom: -25px } 
  .intro { padding: 47px 0; } 
  .intro .top { width: 100%; padding: 0 } 
  .intro .top .tit { font-size: 30px; } 
  .intro .top .desc { display: none; } 
  .intro .list-wrap > div { width: 100%; } 
  .intro .left { margin-bottom: 30px; } 
  .intro .left .progress { width: 97px; } 
  .intro .left .box1 { min-height: 440px; } 
  .intro .left .box1 > .txt { margin-bottom: 60px; } 
  .intro .left .box .gauge { width: 40px; top: -10px } 
  .intro .left .box .gauge1 .txt { left: -158px; } 
  .intro .left .box .gauge2 .txt { right: -158px; }
  .intro .left .box .gauge .txt span { font-size: 15px; } 
  .intro .left .box .gauge .txt strong { font-size: 45px; } 
  .intro .center .box1 {height: 255px;}
  .intro .center .box2 {height: 255px;}
  .intro .center .box3 { position: relative; } 
  .intro .center .box3 { width: 100%; margin-top: 30px; } 
  .intro .right { position: relative; padding-top: 0; margin-top: 30px; } 
  .intro .right .box2 {margin-top: 30px;}
}

/* 스크롤매직 */
.intro .top .tit { transform: translateY(-15px); opacity: 0; } 
.intro .top .desc {  transform: translateX(15px); opacity: 0; } 

/* [E] 경쟁력 */

/* [S] 이벤트 배너 */
.pin-container.quick {height: 600px;}
.quick-menu { background-image: url('../../images/main/new/quick-bg.jpg'); padding: 100px 0 100px; background-size: cover; background-position: center;background-repeat: no-repeat;} 
.quick-menu .inner { display: flex; justify-content: space-between; align-items: flex-end; } 
.quick-menu .left { flex: 1; margin-right: 30px; min-width: 440px; } 
.quick-menu .tit { position: relative; display: block; margin-bottom: 10px; font-size: 45px; line-height: 60px; font-family: 'Noto Bold'; color: #fff; } 
.quick-menu .tit::before { content: ''; position: absolute; left: 0; top: -23px; width: 68px; height: 1px; background-color: #fff; } 
.quick-menu .desc { font-size: 25px; color: #fff; font-size: 25px; } 
.quick-menu .right { width: 850px; } 
.quick-menu ul { width: 100%; display: flex; justify-content: space-between; } 
.quick-menu li { position: relative; width: calc((100% / 4) - 22px); min-height: 190px; margin-right: 30px; border-radius: 20px; overflow: hidden; text-align: center; padding:3px; } 
.quick-menu li:last-child { margin-right: 0; } 
.quick-menu li::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.3; pointer-events: none; } 
.quick-menu li:hover::before { background-color: #000; transition: .25s; } 
.quick-menu li a { position: relative; display: block; width: 100%; height: 100%; padding: 40px 20px 20px 20px; z-index: 1; } 
.quick-menu li svg { fill: rgba(255, 255, 255, 0.557); transition: .25s; } 
.quick-menu li:hover svg { fill:#fff } 
.quick-menu li span { display: block; margin-top: 18px; font-size: 18px; color: #fff; } 

@media (min-width: 1921px){
  .quick-menu li svg { width: 62px !important; height: 62px !important; } 
}

@media (max-width: 1580px){
  .quick-menu li { width: calc((100% / 4) - 10px); margin-right: 10px; } 
}

@media (max-width: 1100px){
  .pin-container.quick {height: 100vh;}
  .quick-menu { padding: 95px 0 76px; background-position: right -700px top;} 
  .quick-menu .inner { flex-direction: column; align-items: flex-start; } 
  .quick-menu .left { margin-right: 0; margin-bottom: 65px; } 
  .quick-menu .tit { margin-bottom: 5px; } 
  .quick-menu .tit br {display: none;}
  .quick-menu .right { width: 100%; } 
  .quick-menu li { width: calc((100% / 4) - 22px); min-height: 208px;margin-right: 30px; } 
  .quick-menu li a {padding: 50px 20px 20px 20px}
  .quick-menu li span  {margin-top: 14px;}
}

@media (max-width: 768px){
  .quick-menu { padding: 63px 0 70px;background-position: right -1500px top;} 
  .quick-menu .left { margin: 0 auto 55px; } 
  .quick-menu .tit { font-size: 35px; line-height: 45px;margin-bottom: 20px; } 
  .quick-menu .tit::before { display: none; } 
  .quick-menu .desc { font-size: 20px; } 
  .quick-menu ul { flex-wrap: wrap; } 
  .quick-menu li { width: calc((100% / 2) - 10px);min-height: 220px; margin-right: 20px; margin-bottom: 20px;} 
  .quick-menu li a {padding: 57px 20px 20px 20px}
  .quick-menu li:last-child { margin-right: 20px; } 
  .quick-menu li:nth-child(2n) { margin-right: 0; } 
  .quick-menu li span  {margin-top: 14px;}
  .quick-menu .tit br {display: block;}
  .quick-menu .tit::after {content: '';display: block;clear: both;}
  .quick-menu .tit span:nth-of-type(1) {float: left;}
  .quick-menu .tit span:nth-of-type(2) {float: right;}
}
/* [E] 이벤트 배너 */

/* [S] 학과 */
#multipleDiv_cku_kr_4324 {position: relative; z-index: 10;}
.department { padding: 129px 0 100px; background-color: #fff; } 
.department::before {content: '';position: absolute;left: 0;top: 0;display: block;width: 100%;height: 102%;background-color: #fff;}
.department > .tit-wrap { position: relative;padding: 0 0 34px; text-align: center;} 
.department > .tit-wrap .tit { font-size: 127px; line-height: 142px; font-family: 'SBAggroM'; background: url('../../images/main/new/department-tit-bg.jpg') no-repeat center center; background-size: cover; -webkit-background-clip: text; background-clip: text; color: transparent; background-position: left 109px top -38px;} 
.department > .tit-wrap .tit strong {font-weight: 900;}
.department > .tit-wrap .tit::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../../images/main/new/department-tit-bg.jpg') no-repeat center center; background-size: cover; z-index: -1;} 
.department > .tit-wrap .desc { margin-top: 15px;font-size: 20px; color: #000; font-family: 'Noto Light'; } 
.department .slick-slide { margin: 0 32px; } 
.department .circle { position: relative; width: 460px !important; height: 460px !important; padding: 9px 70px 60px; color: #fff; text-align: center; border-radius: 50%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.department .dm-list-wrap { position: relative; z-index: 1;} 
.department .circle-list { position: relative; z-index: 10; } 
.department .circle .radius-txt { position: absolute; left: 0; top: 0; width: 100%; text-align: center; } 
.department .circle .radius-txt svg { width: 100%; height: 100%; } 
.department .circle .radius-txt text { font-size: 40px; fill: #fff; font-family: 'Mont Light'; letter-spacing: 0.01em; } 
.department .circle6 .radius-txt { transform: translateX(-21px) rotate(-6deg);}
.department .circle::before { visibility: hidden; opacity: 0; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #000; z-index: 1; transition: opacity .3s; transition-delay: 0.5s; } 
.department .circle::after { visibility: hidden; opacity: 0; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: inherit; filter: blur(3px); transition: opacity .3s; transition-delay: 0.5s; } 
.department .circle1 { background-image: url('../../images/main/new/department-circle3.jpg'); } 
.department .circle2 { background-image: url('../../images/main/new/department-circle5.jpg'); } 
.department .circle3 { background-image: url('../../images/main/new/department-circle6.jpg'); } 
.department .circle4 { background-image: url('../../images/main/new/department-circle4.jpg'); } 
.department .circle5 { background-image: url('../../images/main/new/department-circle1.jpg'); } 
.department .circle6 { background-image: url('../../images/main/new/department-circle2.jpg'); } 
.department .circle .tit-wrap { position: relative; padding: 74px 0 35px; z-index: 1; } 
.department .circle .tit-wrap::before { visibility: hidden; opacity: 0;; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 75%; height: 1px; background: linear-gradient(89.12060001802024deg, rgba(66, 66, 66,0.5) 7.029947916666666%,rgba(66, 66, 66,0.5) 9.3203125%,rgba(255, 255, 255,0.5) 52.45551215277778%,rgba(66, 66, 66,0.5) 98.64453124999999%); transition: opacity .3s; transition-delay: 0.5s; } 
.department .circle .tit-wrap span { display: block; margin-bottom: 20px; font-family: 'Noto Light'; } 
.department .circle .tit-wrap strong { font-size: 28px; font-family: 'Noto Bold'; } 
.department .circle .list-wrap { visibility: hidden; opacity: 0; position: relative; padding: 25px 0 0; height: 244px; overflow-y: auto; transition: opacity .3s; z-index: 10; transition-delay: 0.5s; } 
.department .circle .list ul { position: relative; margin-top: 10px } 
.department .circle .list li a { display: inline-block; padding: 1px 10px; font-size: 15px; color: #fff; transition: color .25s; } 
.department .circle .list .sub-tit { position: relative; } 
.department .circle .list .sub-tit strong { display: inline-block;; font-size: 20px; background: linear-gradient(179.1345706627195deg, rgba(148, 148, 148,1) 1.7165397170837868%,rgba(255, 255, 255,1) 55.73394994559303%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Noto Bold'; } 
.department .circle .list li:hover a { color: #46bcff; }
.department .circle .list .sub-tit a { color: #fff; font-size: 20px; transition: color .25s; } 
.department .circle .list .sub-tit a:hover { color: #46bcff; } 
.department .circle .list-wrap::-webkit-scrollbar { width: 7px; } 
.department .circle .list-wrap::-webkit-scrollbar-thumb { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.41); border-radius: 3px; } 
.department .circle .list-wrap::-webkit-scrollbar-track { background-color: transparent; } 
.department .circle .list-wrap > div:nth-of-type(n + 2) .sub-tit { padding-top: 10px; margin-top: 15px; } 
.department .circle .list-wrap > div:nth-of-type(n + 2) .sub-tit::before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 75%; height: 1px; background: linear-gradient(89.12060001802024deg, rgba(66, 66, 66,0.5) 7.029947916666666%,rgba(66, 66, 66,0.5) 9.3203125%,rgba(255, 255, 255,0.5) 52.45551215277778%,rgba(66, 66, 66,0.5) 98.64453124999999%); } 

.department .slick-current .circle::before { visibility: visible; opacity: 0.6; } 
.department .slick-current .circle::after { visibility: visible; opacity: 1; } 
.department .slick-current .circle .tit-wrap::before { visibility: visible; opacity: 1; } 
.department .slick-current .circle .list-wrap { visibility: visible; opacity: 1; } 

/* slick */ 
.department .arrow { position: absolute; width: 25px; height: 79px; background-image: url('../../images/main/new/department-arrow.png'); background-size: cover; background-repeat: no-repeat; background-position: center; text-indent: -9999px;opacity: 0.3; transition: opacity 0.25s; z-index: 100; } 
.department .prev { left: 50%; top:50%; transform:  translate(-50%, -50%) rotate(180deg); margin-left: -260px; margin-top: -20px; } 
.department .next { right: 50%; top:50%; transform: translate(-50%, -50%); margin-right: -284px; margin-top: -20px; } 
.department .arrow:hover { opacity: 1; } 

@media (min-width: 1921px){
  .department .circle .radius-txt text { transform: translateX(1vw) rotate3d(2.5, 1, 2, 6deg) !important; font-size: 1vw !important; } 
}

@media (max-width: 1600px){
  .department > .tit-wrap .tit { background-position: center; }  
}

@media (max-width: 1500px){
  .department { padding: 90px 0 100px; background-color: #fff; } 
  .department > .tit-wrap .tit { font-size: 110px; } 
}

@media(max-width: 1000px){
  .department { padding: 83px 0 80px } 
  .department > .tit-wrap { padding: 0 0 55px; } 
  .department > .tit-wrap .tit { font-size: 89px;letter-spacing: -0.01em;line-height: 103px;}  
  .department > .tit-wrap .desc { margin-top: 10px; font-size: 18px; line-height: 1.8;} 
  .department .circle .tit-wrap { padding: 64px 0 20px } 
  .department .circle .tit-wrap strong { font-size: 25px; } 
  .department .circle { width: 400px !important; height: 400px !important; } 
  .department .circle .list-wrap { height: 225px; padding: 18px 0 0; } 
  .department .prev { margin-left: -230px; margin-top: 0; } 
  .department .next { margin-right: -254px; margin-top: 0px; }
}

@media(max-width: 768px){
  .department { padding: 56px 0 68px; } 
  .department > .tit-wrap .tit {font-size: 43px;line-height: 1.3;}
  .department > .tit-wrap .tit br {display: block;}
  .department > .tit-wrap .desc {margin-top: 11px;line-height: 1.4;}
  .department .circle { display: block !important; width: 350px !important; height: 350px !important; padding-top: 5px; margin: 0 auto; } 
  .department .circle .tit-wrap { padding: 45px 0 23px; } 
  .department .circle .list .sub-tit strong { font-size: 18px; } 
  .department .circle .list li a { font-size: 14px; } 
  .department .circle .tit-wrap strong { font-size: 22px; } 
  .department .prev { margin-left: -200px; } 
  .department .next { margin-right: -235px; margin-top: 0; } 
  .department > .tit-wrap .desc { font-size: 16px;} 
  .department > .tit-wrap { padding: 0 0 22px; } 
  .department > .tit-wrap .tit img { width: 100%; } 
  .department .slick-slide { margin: 0 25px; } 
}

@media(max-width: 600px){
  .department .prev { margin-left: -212px; } 
}

/* 스크롤매직 */
.department .slick-slide {transform: translateY(15px); opacity: 0;filter: blur(3px) saturate(800%);transition: 1.6s;}
.department .slick-slide.ani {transform: translateY(0); opacity: 1;filter: blur(0) saturate(100%);}
.department .slick-slide:nth-child(2) {transition-delay: .1s}
.department .slick-slide:nth-child(3) {transition-delay: .2s}
.department .slick-slide:nth-child(4) {transition-delay: .3s}
.department .slick-slide:nth-child(5) {transition-delay: .4s}
.department .slick-slide:nth-child(6) {transition-delay: .5s}
.department .slick-slide:nth-child(7) {transition-delay: .6s}
.department .slick-slide:nth-child(8) {transition-delay: .7s}
.department .slick-slide:nth-child(9) {transition-delay: .8s}

/* [E] 학과 */



/* [S] 발전기금  */
.fund { padding: 85px 0 96px; background-image: url('../../images/main/new/fund-visual.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; } 
.fund .tit-wrap { margin-bottom: 210px; } 
.fund .tit-wrap .tit { display: inline-block; position: relative; margin-bottom: 2px; font-size: 40px; font-family: 'Noto Bold'; color: #fff; } 
.fund .tit-wrap .tit::before { content: ''; position: absolute; right: -22px; top: -14px; width:25px; height: 25px; background-image: url('../../images/main/new/star-white.png'); background-size: cover; background-repeat: no-repeat; background-position: center; } 
.fund .tit-wrap .desc { font-size: 25px; color: #fff; font-family: 'Noto Medium'; } 
.fund .link-list ul { display: flex; } 
.fund .link-list li { margin-right: 30px; } 
.fund .link-list li:last-child { margin-right: 0; } 
.fund .link-list li a { position: relative; display: inline-block; padding: 5px 25px 5px 0px; color: #fff; font-size: 20px; font-family: 'Noto Medium'; } 
.fund .link-list li a::before { content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 10px; height: 10px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('../../images/main/new/ic-fund-link.png'); } 
.fund .link-list li a::after { content: ''; position: absolute; left: 0; bottom: -7px; width: 0; height: 1px; background-color: #fff; transition: 0.25s; } 
.fund .link-list li:hover a::after { width: 100%; } 

@media (max-width: 1000px) {.fund { padding: 32px 0 46px; } 
  .fund .tit-wrap { margin-bottom: 189px; } 
  .fund .tit-wrap .tit { font-size: 35px; margin-bottom: 8px; } 
  .fund .tit-wrap .tit::before { right: -24px; top: -8px } 
  .fund .tit-wrap .desc { font-size: 20px; } 
}

@media (max-width: 900px){
  .fund .link-list ul { flex-direction: column; } 
}

@media (max-width: 768px) {.fund { padding: 32px 0 17px; } 
  .fund .tit-wrap { margin-bottom: 95px; } 
  .fund .tit-wrap .tit { font-size: 30px; margin-bottom: 8px; } 
  .fund .tit-wrap .tit::before { right: -24px; top: -8px } 
  .fund .tit-wrap .desc { font-size: 18px; } 
  .fund .link-list li a { padding: 5px 20px 5px 0px; font-size: 17px; } 
}

/* 스크롤매직 */
.fund .tit-wrap {transform: translateY(15px);opacity: 0;}
.fund .link-list {transform: translateY(15px);opacity: 0;}
.fund .tit-wrap .tit::before {transition: 0.3s;}
.fund .tit-wrap .tit.ani::before {transform: rotate(180deg);}

/* [E] 발전기금  */

/* [S] 공지사항 */
#menu5578_obj3950  {margin-top: 115px;}
#multipleContentsDiv_cku_kr_3173 { width: 100%; max-width: 1600px; margin: 0 auto; } 
@media (max-width: 1620px){
  #multipleContentsDiv_cku_kr_3173 { padding: 0 40px 0 30px; }  
}
@media (max-width: 1400px){
  #menu5578_obj3950 { width: 320px; } 
}
@media (max-width:1150px) {
  #menu5578_obj3174 { width: 60%; }
}
@media (max-width: 1000px){
  #menu5578_obj3950 { min-width: 230px;width: 35%;margin-top: 99px; } 
}
@media (max-width: 868px){
  #multipleContentsDiv_cku_kr_3173 { padding: 0 20px; } 
  #menu5578_obj3174 {width: 100%;}
  #menu5578_obj3950 {width: 100%;min-width: auto;margin-top: 0;}
}

/* [E] 공지사항 */

/*비주얼그라데이션*/
.wrap-visual ul > div > div > div div li::before {
content: '';
background: linear-gradient(0.25turn, #1d5d69d9 0%, #416474d1 30%, #f69d3c00 60%);
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}