@charset "utf-8";

#menu118_obj3712 {position: absolute; right: 2.5%; top: 20%; z-index: 100; width: 5.3%;}
.wrap-side-btn {width: 100%; text-align: center;}
.wrap-side-btn button {font-family: 'Mont Medium'; font-size: 12px; color: #fff;}
.wrap-side-btn .side2 button {font-family: 'Noto Regular';}
.wrap-side-btn .side1 {border-bottom: 1px solid rgba(255,255,255,.4);}
.wrap-side-btn .side1 button {position: relative;}
.wrap-side-btn .side1 .total {position: absolute; right: -16%; top: 66%; width: 25px; height: 25px; background: #f68121; border-radius: 100%; font-family: 'Mont Regular'; text-align: center; line-height: 25px; color: #fff;}
.wrap-side-btn li {padding: 20px 0;}
.wrap-side-btn .text {padding: 10px 0 0 0;}
.wrap-side-btn .icon {padding: 0 0;}
.wrap-side-btn .icon img {width: 100%}

@media all and (max-width: 1850px) {
    #menu118_obj3712 {right: 1.5%; width: 4.3%;}
  .wrap-side-btn .side1 .total {width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
}

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

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

.edit .wrap-user {position: relative; top: 0;}
.wrap-user {position: absolute; width: 100%; top: -100px; z-index: 100;}
.wrap-user .container {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 .container {padding: 20px 20px;}
    .wrap-user .title {left: 20px;}
}

@media all and (max-width: 1300px) {
    .wrap-user {top: -70px;}
    .wrap-user .container {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 .container {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 .container {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 .container {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 .container {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 .container {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 .container {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;}
#menu118_obj1508 {padding: 0 0 0 6.9%;}
#menu118_obj2885 {float: left; width: 63.5%;}
#menu118_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) {
    #menu118_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) {
    #menu118_obj2885 {float: left; width: 50%;}
    #menu118_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;}
    #menu118_obj2885 {float: left; width: 62%;}
    #menu118_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;}
    #menu118_obj2885,
    #menu118_obj1508 {float: none; width: 100%;}
    #menu118_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;}
#menu118_obj3498 {float: left !important; width: 33.333% !important;}
#menu118_obj3890 {float: left !important; width: 33.333% !important;}
#menu118_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) {
    #menu118_obj3498 {width: 50% !important;}
    #menu118_obj3500 {width: 50% !important}
    #menu118_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) {
    #menu118_obj3498 {width: 100% !important;}
    #menu118_obj3500 {width: 100% !important}
    #menu118_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; 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;}
*/