@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Assistant:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,900');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i');

/* layout */
.main-visual-wrap{position:relative;overflow:hidden;}
.main-visual-outer{height:100%;position: relative;}
.main-mini-wrap01{overflow:hidden;}
.main-mini-wrap02{overflow:hidden;}
.main-mini-wrap03{overflow:hidden;}
.main-mini-wrap04{overflow:hidden;}
.main-mini-wrap05{overflow:hidden;}

/* common */
body{position:relative;font-family:'Crimson Text', 'Times', "Georgia", serif;font-weight:400;font-size:1rem;color:#333;line-height:1.2;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.assistant{font-family:'Assistant',sans-serif;font-size:1.1rem;font-weight:700;}
.source-sans{font-family:'Source Sans Pro', sans-serif;}
.new img{max-width:none;max-height:none;}

/* header */
.header-wrap{position:absolute;top:0;left:0;z-index:30;padding:0 20px;width:100%;box-sizing:border-box;}
.header-wrap:after{content:"";display:block;clear:both;}
.btn-menu{display:none;}
.header-wrap .logo{float:left;padding:10px 0 0 0;}
.gnb{float:right;}
.gnb-ul {padding: 0.6rem 3.15rem 0 0;}
.gnb-ul:after{content:"";display:block;clear:both;}
.gnb-ul > li{float:left;margin:0 47px 0 0;}
.gnb-ul > li:last-of-type{margin:0;}
.gnb-ul > li > a{font-size:1.2rem;color:#fff;letter-spacing:-0.3px;}
.btn-util-menu{position:absolute;top:17px;right:20px;}
.util-wrap{display:none;position:fixed;top:0;right:0;z-index:40;padding:64px 25px 0;width:100%;max-width:350px;height:100%;background:#fff url(/_res/en_sc/img/common/bg-util.png) no-repeat left 50% bottom 25px;box-sizing:border-box;}
.util-wrap > ul{padding:0 0 12px;}
.util-wrap > ul > li{display:table;padding:0 0 42px;width:100%;table-layout:fixed;}
.util-wrap > ul > li:last-of-type{padding:0;}
.util-wrap > ul > li > a{display:table-cell;width:37.14%;font-weight:600;font-size:1.1rem;color:#000;line-height:24px;word-wrap:break-word;}
.util-wrap > ul > li > ul{display:table-cell;}
.util-wrap > ul > li > ul > li{padding:0 0 12px;}
.util-wrap > ul > li > ul > li:last-of-type{padding:0;}
.util-wrap > ul > li > ul > li > a{font-size:0.93rem;color:#ccc;line-height:1.2;word-wrap:break-word;}
.util-wrap .btn-util-close{position:absolute;top:25px;right:25px;}
.util-search-wrap{border-bottom:1px solid #ccc;}
.util-search-wrap .main-search-btn{display:inline-block;width:17px;height:22px;background:url(/_res/en_sc/img/common/btn-util-search.png) no-repeat 0 0;vertical-align:middle;}
.util-search-wrap .util-search-input{display:inline-block;width:calc(100% - 30px);border:none;}
.util-bg{display:none;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(5, 20, 42, 0.6);}

/* 메인비주얼 공통 */
.main-visual-box .main-visual-txt-box a{display:inline-block;padding:0.9em 2.4em;;font-size:0.9rem;color:#fff;line-height:1.2;border: 1px solid white;}
/*.main-visual-box .main-visual-txt-box a{display:inline-block;padding:9px 15px;font-size:14px;border:1px solid #fff;color:#fff;line-height:20px;text-align: center;}*/
.fixed-app-info{background-color:#002b5c;width:45px;height:150px;position:fixed;top:50%;right:0;z-index:300;display:none;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.app-info-icon{position:absolute;top:15px;left:50%;transform: translate(-50%,0);;width:25px}
.app-info-btn {position:absolute;top:118px;left:12px;color:white;display: inline-block;font-size: 1rem;text-align: center;text-decoration: none;text-transform: uppercase;transform:rotate(-90deg);transform-origin: top left;}

/* 메인 유틸 */
.sns-wrap{position:absolute;bottom:33px;right:20px;z-index:20000;}
.sns-wrap ul li{margin:0 0 30px;}
.sns-wrap ul li:last-of-type{margin:0;}
.sns-wrap ul li a{display:block;width:20px;height:20px;transition:background-image 0.2s ease;}
.sns-wrap ul li:nth-of-type(1) a{background:url(/_res/en_sc/img/main/ico-sns01-off.png) no-repeat 50% 50%;}
.sns-wrap ul li:nth-of-type(1):hover a{background-image:url(/_res/en_sc/img/main/ico-sns01-on.png);}
.sns-wrap ul li:nth-of-type(2) a{background:url(/_res/en_sc/img/main/ico-sns02-off.png) no-repeat 50% 50%;}
.sns-wrap ul li:nth-of-type(2):hover a{background-image:url(/_res/en_sc/img/main/ico-sns02-on.png);}
.sns-wrap ul li:nth-of-type(3) a{background:url(/_res/en_sc/img/main/ico-sns03-off.png) no-repeat 50% 50%;}
.sns-wrap ul li:nth-of-type(3):hover a{background-image:url(/_res/en_sc/img/main/ico-sns03-on.png);}
.sns-wrap ul li:nth-of-type(4) a{background:url(/_res/en_sc/img/main/ico-sns04-off.png) no-repeat 50% 50%;}
.sns-wrap ul li:nth-of-type(4):hover a{background-image:url(/_res/en_sc/img/main/ico-sns04-on.png);}
.main-navi-wrap{position:absolute;bottom:0;left:50%;z-index:10;padding:100px 0 0 0;width:70%;text-align:center;overflow:hidden;transform:translateX(-50%);-ms-transform:translateX(-50%);z-index: 20000;}
.main-navi-wrap ul{position:absolute;bottom:-100px;left:50%;width:100%;/*max-width:1330px;*/transform:translateX(-50%);-ms-transform:translateX(-50%);transition:bottom 0.3s ease;}
.main-navi-wrap.active ul{bottom:30px;}
.main-navi-wrap ul:after{content:"";display:block;clear:both;}
.main-navi-wrap ul li{float:left;}
.main-navi-wrap ul li:first-of-type{text-align:left;}
.main-navi-wrap ul li:last-of-type{text-align:right;}
.main-navi-wrap ul li a{font-size:1rem;color:#fff;line-height:20px;}
@keyframes scroll-down-animation {0% {top: -30px;opacity: 1;} 100% {top: 0px;opacity: 0;}}
.main-navi-wrap > a{display:inline-block;position:relative;z-index:10;padding:30px 30px 0;/*animation: scroll-down-animation 2s infinite;*/}
.main-navi-wrap p{margin: 0 auto;margin-bottom:-15px}
.call-to-scroll{color: white;font-size: 16px;margin-bottom: -15px;}
.call-to-scroll.hide{display:none;}

/* 메인비주얼 type02 */
.main-visual-box.type02{position:relative;height:100%;}
.main-visual-box.type02 .main-visual-img-box{position:relative;height:100%;overflow:hidden;}
.main-visual-box.type02 .main-visual-img-box:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(8, 9, 26, .2), rgba(8, 9, 26, .2));z-index: 10001;}
.main-visual-box.type02 .main-visual-img-box video{width:100%;min-height:100%;object-fit:cover;}
.main-visual-box.type02 .main-visual-img-box iframe{position: absolute;min-width: 177.7777%;min-height: 100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 10000;}
.main-visual-box.type02 .main-visual-txt-box{position:absolute;top:calc(50% + 10px);left:50%;width:70%;/*max-width:1330px;*/transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);z-index: 20000;}
.main-visual-box.type02 .main-visual-txt-box img{width:250px;}
.main-visual-box.type02 .main-visual-txt-box .main-txt01{position:relative;margin:0 0 20px;padding:0 0 0 20px;font-family:'Crimson Text';font-size:26px;color:#fff;line-height:1.1;}
/*.main-visual-box.type02 .main-visual-txt-box .main-txt01:after{content:"";display:block;position:absolute;top:0;left:0;width:5px;height:100%;background:#073be2;}*/
.main-visual-box.type02 .main-visual-txt-box .main-txt02{padding:0 0 20px;font-size:16px;color:#fff;line-height:1.5;}
.main-visual-box.type02 .main-visual-txt-box .btn-motion {position: relative;text-align: center;color: white;transition: all 0.3s;margin:0 auto}
.main-visual-box.type02 .main-visual-txt-box .btn-motion a{position:relative;z-index:10;margin:auto;}
/*.main-visual-box.type02 .main-visual-txt-box .btn-motion::before, .btn-motion::after {content: '';position: absolute;transition: all 0.3s;bottom: -5px;left: 0;width: 100%;height: 100%;z-index: 1;}
.main-visual-box.type02 .main-visual-txt-box .btn-motion::before {opacity: 0;background: rgba(255, 255, 255, 0.1);transform: scale(0.1, 1);}
.main-visual-box.type02 .main-visual-txt-box .btn-motion:hover::before {opacity: 1;transform: scale(1, 1);}
.main-visual-box.type02 .main-visual-txt-box .btn-motion::after {transition: all 0.3s;border: 1px solid rgba(255, 255, 255, 0.55);}
.main-visual-box.type02 .main-visual-txt-box .btn-motion:hover::after {transform: scale(1, .1);opacity: 0;}*/

/* 메인컨텐츠 공통 */
.main-title-box{margin: 5.05em auto 2.53em;width: 70%;position: relative;display: flex;justify-content: space-between;align-items: center;/*max-width:1330px;*/}
.main-title-box h2{/*padding: 6.55rem 0 3.5rem*/;font-weight:700;font-size: 1.7rem;line-height: 1.2;}
.main-more{display:inline-block;padding:0 1.45rem 0 0;background:url(/_res/en_sc/img/main/btn-read-more.png) no-repeat 100% 50%;font-size:1rem;color:#1a1a1a;line-height:1.2;}
.main-shortcut{padding-bottom: 1.26rem;}

/* 메인컨텐츠01 - type02(YONSEI NEWS) */
.main-mini-wrap01.type02 .main-mini-box{margin:0 auto;padding:0 0 30px;width:70%;/*max-width:1330px;*/}
.main-mini-wrap01.type02 .main-mini-box.effect{transform:translateY(100px);-ms-transform:translateY(100px);opacity:0;transition:transform 0.8s, opacity 0.8s;-webkit-transition:transform 0.8s, opacity 0.8s;-moz-transition:transform 0.8s, opacity 0.8s;-o-transition:transform 0.8s, opacity 0.8s;}
.main-mini-wrap01.type02 .main-mini-box.queue{transform:translateY(0);-ms-transform:translateY(0);opacity:1;}
.main-mini-wrap01.type02 .main-mini-box:after{content:"";display:block;clear:both;}
.main-mini-wrap01.type02 .main-mini-box > div{float:left;margin:0 4.8% 0 0;width:30.13%;box-sizing:border-box;}
.main-mini-wrap01.type02 .main-mini-box > div:last-of-type{margin:0;}
.main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(1){margin: 0 0 0.5rem;}
.main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(1) img{width:100%;transform:translateY(0);-ms-transform:translateY(0);transition:transform 0.5s;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;}
.main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(1) img:hover{transform:translateY(-10px);-ms-transform:translateY(-10px);box-shadow:9px 9px 10px 0 rgba(0,0,0,0.4);}
.main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(2){color:#4B5762;line-height:2.1rem;}
.main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(3){padding: 0 0 0.5rem;font-weight:700;color:#333;line-height:1.2;}
.main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(4){padding: 0 0 1rem;color:#000;line-height: 1.2;}
.news-article-intro{padding: 0 0 2rem 0;}
.news-article-intro:last-of-type{padding: 0;}

/* 메인컨텐츠02 - type02(RESEARCH ARCHIVE) */
/* .main-mini-wrap02.type02{background:#e4e5e6;}*/
.main-mini-wrap02.type02 .main-mini-box{margin:0 auto;/*padding:0 0 130px*/;width:70%;/*max-width:1330px;*/}
.main-mini-wrap02.type02 .main-mini-box:after{content:"";display:block;clear:both;}
.main-mini-wrap02.type02 .main-mini-box > div{float:left;}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(1){padding:0 12% 0 0;width:47.74%;box-sizing:border-box;}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(1).effect{transform:translateX(-100px);-ms-transform:translateX(-100px);opacity:0;transition:transform 0.8s, opacity 0.8s;-webkit-transition:transform 0.8s, opacity 0.8s;-moz-transition:transform 0.8s, opacity 0.8s;-o-transition:transform 0.8s, opacity 0.8s;}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(1).queue{transform:translateX(0);-ms-transform:translateX(0);opacity:1;}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(1) p:nth-of-type(1){padding:0 0 20px;font-weight:700;font-size:24px;line-height:30px;}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(1) p:nth-of-type(2){padding:0 0 20px;line-height:24px;}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(2){width:52.26%;}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(2).effect{transform:translateX(100px);-ms-transform:translateX(100px);opacity:0;transition:transform 0.8s, opacity 0.8s;-webkit-transition:transform 0.8s, opacity 0.8s;-moz-transition:transform 0.8s, opacity 0.8s;-o-transition:transform 0.8s, opacity 0.8s;}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(2).queue{transform:translateX(0);-ms-transform:translateX(0);opacity:1;}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(2) img{width:100%;transition:transform 0.5s;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s}
.main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(2) img:hover{transform:translateY(-10px);-ms-transform:translateY(-10px);box-shadow:9px 9px 10px 0 rgba(0,0,0,0.4);}

/* 메인컨텐츠03 - type02(STUDY IN KOREA AT YONSEI) */
.main-mini-wrap03.type02 > .main-mini-box{display:table;margin:0 auto;width:70%;/*max-width:1330px;*/table-layout:fixed;}
.main-mini-wrap03.type02 > .main-mini-box > p{display:table-cell;width:45.04%;vertical-align:middle;}
.main-mini-wrap03.type02 > .main-mini-box > p img{width:100%;transform:translateY(0);-ms-transform:translateY(0);transition:transform 0.5s;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;}
.main-mini-wrap03.type02 > .main-mini-box > p img:hover{transform:translateY(-10px);-ms-transform:translateY(-10px);box-shadow:9px 9px 10px 0 rgba(0,0,0,0.4);}
.main-mini-wrap03.type02 > .main-mini-box > div{display:table-cell;padding:0 0 0 100px;width:54.96%;box-sizing:border-box;vertical-align:bottom;}
.main-mini-wrap03.type02 > .main-mini-box > div > p{padding:0 0 1rem;font-weight:700;font-size:1.2rem;line-height:1.2;}
.main-mini-wrap03.type02 > .main-mini-box > div > .mini-con{padding:0 0 1rem;}
.main-mini-wrap03.type02 > .main-mini-box > div > .mini-con p{padding:0 0 10px;line-height:24px;}
.main-mini-wrap03.type02 > .main-mini-box > div > .mini-con p:last-of-type{padding:0;}

/* 메인컨텐츠04(YONSEI VIDEO) */
.main-mini-wrap04 > .main-mini-box{margin:0 auto;width:70%;/*max-width:1330px;*/}
.main-mini-wrap04 > .main-mini-box .main-video-box{padding:0 0 30px;}
.main-mini-wrap04 > .main-mini-box .main-video-box video{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);/*background:url(/_res/en_sc/img/main/bg-main-video01.jpg) no-repeat 50% 50%/cover;*/}

.main-mini-wrap04 > .main-youtube-wrap .main-video-box{position:relative;padding: 0 0 56.25%; margin:0 0 30px;}
.main-mini-wrap04 .main-youtube-wrap .main-video-box iframe{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;}
.main-mini-wrap04 .main-youtube-wrap .main-video-box::after{content:'';pointer-events: none;display:block;position: absolute;width: 72px;height: 72px;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;background: url(/_res/en_sc/img/main/icon-videoplay.png) no-repeat center/contain;opacity: 1;z-index: 1;}
.main-mini-wrap04 .main-youtube-wrap .main-video-box.play:after{opacity:0;}
.main-mini-wrap04 .main-youtube-wrap .main-video-box .thumb{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;background: url(/_res/en_sc/img/maxresdefault.png) no-repeat center/cover;z-index: 1;}
.main-mini-wrap04 .main-youtube-wrap .main-video-box .thumb.active{display:none;}


.main-mini-wrap04 > .main-mini-box .item{opacity:0.5;transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;}
.main-mini-wrap04 > .main-mini-box .item:hover{opacity:1;}
.main-mini-wrap04 > .main-mini-box .item.active{opacity:1;}
.main-mini-wrap04 > .main-mini-box .item div:nth-of-type(1) a{display:block;position:relative;}
.main-mini-wrap04 > .main-mini-box .item div:nth-of-type(1){padding:0 0 5px;}
.main-mini-wrap04 > .main-mini-box .item div:nth-of-type(1) img{width:100%; max-height:140px; }
.main-mini-wrap04 > .main-mini-box .item div:nth-of-type(1) a p{position:absolute;bottom:0;left:0;padding:10px 10px 10px 40px;background:rgba(0,0,0,0.5) url(/_res/en_sc/img/main/ico-video-play.png) no-repeat 10px 50%/15px;color:#fff;}
.main-mini-wrap04 > .main-mini-box .item div:nth-of-type(2) a{display:block;max-height:42px;line-height:21px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;word-wrap:break-word;}
.main-mini-wrap04 > .main-mini-box .carousel-wrap .owl-carousel{z-index:10;}
.main-mini-wrap04 > .main-mini-box .carousel-wrap .owl-carousel.no-loop .owl-stage-outer .owl-stage{transform:translate3d(0, 0px, 0px) !important;}
.main-mini-wrap04 > .main-mini-box .carousel-wrap{position:relative;padding:0 50px;}
.main-mini-wrap04 > .main-mini-box .carousel-wrap .control-wrap:after{content:"";display:block;clear:both;}
.main-mini-wrap04 > .main-mini-box .carousel-wrap .control-wrap{position:absolute;top:50%;left:0;right:0;z-index:5;margin:0 auto;width:100%;transform:translateY(-50%);-ms-transform:translateY(-50%);box-sizing:border-box;}
.main-mini-wrap04 > .main-mini-box .carousel-wrap .control-wrap a{display:block;width:31px;height:72px;}
.main-mini-wrap04 > .main-mini-box .carousel-wrap .control-wrap .prev{float:left;background:url(/_res/en_sc/img/main/btn-carousel-prev.png) no-repeat 0 0/100%;}
.main-mini-wrap04 > .main-mini-box .carousel-wrap .control-wrap .next{float:right;background:url(/_res/en_sc/img/main/btn-carousel-next.png) no-repeat 0 0/100%;}

/* 메인컨텐츠05(YONSEI SOCIAL MEDIA) */
.main-mini-wrap05 > .main-mini-box:after{content:"";display:block;clear:both;}
.main-mini-wrap05 > .main-mini-box > div{float:left;width:50%;}
.main-mini-wrap05 > .main-mini-box > div > div{position:relative;}
.main-mini-wrap05 > .main-mini-box > div > div img{width:100%;}
.main-mini-wrap05 > .main-mini-box > div > div a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.main-mini-wrap05 > .main-mini-box{background:#05142a;}
.main-mini-wrap05 > .main-mini-box > div:nth-of-type(2):after{content:"";display:block;clear:both;}
.main-mini-wrap05 > .main-mini-box > div:nth-of-type(2) > div{float:left;width:50%;}
.main-mini-wrap05 > .main-mini-box > div > div a span{display:inline-block;position:relative;padding:0.5rem 0 0 0.3rem;font-weight:700;font-size:1.2rem;color:#fff;transition:0.2s transform ease;text-shadow:rgba(0, 0, 0, 1) 3px 3px 4px;}
.main-mini-wrap05 > .main-mini-box > div > div a span:before{content:"";display:inline-block;margin:-7px 10px 0 0;box-shadow:3px 3px 4px rgba(0, 0, 0, 1);vertical-align:middle;}
.main-mini-wrap05 > .main-mini-box > div:nth-of-type(1) > div:nth-of-type(1) a span:before{width:34px;height:34px;background:url(/_res/en_sc/img/main/ico-social01.png) no-repeat 0 0;}
.main-mini-wrap05 > .main-mini-box > div:nth-of-type(2) > div:nth-of-type(1) a span:before{width:36px;height:25px;background:url(/_res/en_sc/img/main/ico-social02.png) no-repeat 0 0;}
.main-mini-wrap05 > .main-mini-box > div:nth-of-type(2) > div:nth-of-type(3) a span:before{width:34px;height:34px;background:url(/_res/en_sc/img/main/ico-social03.png) no-repeat 0 0;}
.main-mini-wrap05 > .main-mini-box > div:nth-of-type(2) > div:nth-of-type(4) a span:before{width:31px;height:31px;background:url(/_res/en_sc/img/main/ico-social04.png) no-repeat 0 0;}
.main-mini-wrap05 > .main-mini-box > div:nth-of-type(2) > div:nth-of-type(5) a span:before{width:34px;height:34px;background:url(/_res/en_sc/img/main/ico-social05.png) no-repeat 0 0;}
.main-mini-wrap05 > .main-mini-box > div > div a span:hover{transform:scale(1.05);}

/* footer */
.footer-wrap{background:#001e40;}
.footer-wrap > div{margin:0 auto;width:70%;/*max-width:1330px;*/}
.footer-wrap > div > div{display:table;width:100%;table-layout:fixed;}
.footer-wrap > div > div > div{display:table-cell;}
.footer-wrap > div > div > div:nth-of-type(1) ul{padding:35px 0 18px;}
.footer-wrap > div > div > div:nth-of-type(1) ul:after{content:"";display:block;clear:both;}
.footer-wrap > div > div > div:nth-of-type(1) ul li{position:relative;float:left;margin:0 25px 0 0;padding:0 26px 0 0;}
.footer-wrap > div > div > div:nth-of-type(1) ul li:last-of-type{margin:0;padding:0;}
.footer-wrap > div > div > div:nth-of-type(1) ul li:after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:20px;background:#ccc;}
.footer-wrap > div > div > div:nth-of-type(1) ul li:last-of-type:after{display:none;}
.footer-wrap > div > div > div:nth-of-type(1) ul li a{font-size:1rem;color:#fff;line-height:1;}
.footer-wrap > div > div > div:nth-of-type(1) address{float:none;padding:1em 0;font-style:normal;font-size:0.9rem;color:rgba(255, 255, 255, 0.8);line-height:1.2;}
.footer-wrap > div > div > div:nth-of-type(1) p{padding:0 0 2.2rem;font-size:0.9rem;color:rgba(255, 255, 255, 0.8);line-height:1.2;}
.footer-wrap > div > div > div:nth-of-type(2){width:170px;vertical-align:middle;text-align:left;}
.footer-wrap > div > div > div:nth-of-type(2) .foot-related-box{display:inline-block;position:relative;}
.footer-wrap > div > div > div:nth-of-type(2) .foot-related-box > a{display:block;padding: 0.4em 2.5em 0.4em 0.6em;border:1px solid rgba(255, 255, 255, 0.5);background:url(/_res/en_sc/img/main/btn-related-lnk.png) no-repeat right 8px top 50%;font-size:1rem;color:#fff;line-height:1.5;}
.footer-wrap > div > div > div:nth-of-type(2) .foot-related-box ul{display:none;position:absolute;bottom:27px;left:0;padding:10px;width:100%;border:1px solid rgba(255, 255, 255, 0.5);background:#05142a;box-sizing:border-box;}
.footer-wrap > div > div > div:nth-of-type(2) .foot-related-box ul li{position:relative;padding:0 0 5px 15px;font-size:0.85rem;color:#fff;line-height:1.2;text-align:left;}
.footer-wrap > div > div > div:nth-of-type(2) .foot-related-box ul li:last-of-type{padding-bottom:0;}
.footer-wrap > div > div > div:nth-of-type(2) .foot-related-box ul li:after{content:"";display:block;position:absolute;top:10px;left:0;width:5px;height:1px;background:#fff;}

.btn-top{display:none;position:fixed;bottom:20px;left:20px;z-index:10;width:40px;height:40px;background:#fff url(/_res/en_sc/img/main/btn-top.png) no-repeat 50% 50%;border-radius:40px;box-shadow:3px 3px 4px rgba(0, 0, 0, 0.3)}

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

    /* header */
    .new .gnb{display:block;}
    .main-mini-wrap03.type02 > .main-mini-box > div > .call p {font-size: 1rem;}

}

@media screen and (max-width:991px) {
  
  /* header */
  .gnb-ul{padding:20px 55px 0 0;}
  .gnb-ul > li{margin:0 27px 0 0;}
  .gnb-ul > li > a{font-size:14px;}
  
  /* 메인비주얼type02 */
  .main-visual-box.type02 .main-visual-txt-box{top:50%;}
  
  /* 메인컨텐츠 공통 */
  .main-title-box h2{/*padding:70px 0 38px*/;font-size:24px;line-height:29px;}
  
  /* 메인컨텐츠01 - type02(YONSEI NEWS) */
  .main-mini-wrap01.type02 .main-mini-box > div{float:none;margin:0;width:100%;}
  .main-mini-wrap01.type02 .main-mini-box .main-more-box{padding:0 0 56px;}
  .main-mini-wrap01.type02 .main-mini-box > div:last-of-type .main-more-box{padding:0;}
  
  /* 메인컨텐츠02 - type02(RESEARCH ARCHIVE) */
  /*.main-mini-wrap02.type02 .main-mini-box{padding:0 0 130px;} */
  .main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(n){float:none;width:100%;}
  .main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(1){padding-right:0;}
  .main-mini-wrap02.type02 .main-mini-box .main-more-box{padding:0 0 23px;}
 
  /* 메인컨텐츠03 - type02(STUDY IN KOREA AT YONSEI) */
  .main-mini-wrap03.type02 > .main-mini-box > div{padding:0 0 0 40px;}
  .main-mini-wrap03.type02 > .main-mini-box > div > p{font-size:20px;line-height:25px;}
  /*.main-mini-wrap03.type02 > .main-mini-box > div > .mini-con p{font-size:14px;line-height:21px;} 
  .main-mini-wrap03.type02 > .main-mini-box > div > .call p{font-size:14px;}*/
  
  /* 메인컨텐츠05(YONSEI SOCIAL MEDIA) */
  .main-mini-wrap05 .main-mini-box{margin:0 auto;width:70%;}
  .main-mini-wrap05 > .main-mini-box > div{float:none;width:100%;}
  .main-mini-wrap05 > .main-mini-box > div:nth-of-type(2){margin:0 0 70px;}
  .main-mini-wrap05 > .main-mini-box > div:nth-of-type(2) > div{float:none;width:100%;}
  .main-mini-wrap05 > .main-mini-box > div:nth-of-type(2) > div:nth-of-type(2){display:none;}
  .main-mini-wrap05 > .main-mini-box > div > div a span{font-size:20px;line-height:25px;}
  
  /* 메인컨텐츠04(YONSEI VIDEO) */
  .main-mini-wrap04 > .main-mini-box .item div:nth-of-type(2) a{max-height:38px;font-size:14px;line-height:19px;}
  .main-mini-wrap04 > .main-mini-box .carousel-wrap .item div:nth-of-type(1) a p{padding:7px 7px 7px 26px;background-position:7px 50%;background-size:10px;font-size:14px;}
  .main-mini-wrap04 > .main-mini-box .carousel-wrap .control-wrap a{width:17px;height:40px;}
  
}

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

    /* header */
    .header-wrap{padding:0 15px;}
    .new .gnb{display:none;}
    .btn-menu{display:block;position:absolute;top:8px;left:7px;padding:8px;}
    .btn-menu img{width:20px;}
    .btn-util-menu{top:10px;right:7px;padding:8px;}
    .header-wrap .logo{float:none;text-align:center;}
    .header-wrap .logo a{display:inline-block;}
    .header-wrap .logo a img{width:99px;}
    .main-navi-wrap ul{display:none;}

    /* 모바일 gnb */
    body.new #mgnb>ul>li>a{width:45%;}
    body.new #mgnb>ul>li>div{left:45%;width:55%;}
    body.new #mgnb{background-size:45% 100%;}
  
    /* 메인 유틸 */
    .sns-wrap{bottom:15px;right:15px;}

    /* 메인비주얼 type02 */
    .main-visual-box.type02 .main-visual-txt-box .main-txt01{font-size:21px;font-family:'Crimson Text';line-height:1.1;}
    .main-visual-box.type02 .main-visual-txt-box .main-txt02{font-size:14px;line-height:1.5;}

    /* 메인컨텐츠01 - type01(YONSEI NEWS) */
    .main-mini-wrap01.type01 .main-title-box h2{padding:24px 0 73px;}

    /* 메인컨텐츠01 - type02(YONSEI NEWS) */
    .main-mini-wrap01.type02 .main-mini-box{padding:0px;}
    .main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(3){font-size:20px;line-height:25px;}
    .main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(4){padding:0 0 10px;}
    .main-mini-wrap01.type02 .main-mini-box .main-more-box{padding:0 0 56px;}

    /* 메인컨텐츠03 - type02(STUDY IN KOREA AT YONSEI) */
    .main-mini-wrap03.type02 > .main-mini-box{display:block;box-sizing:border-box;}
    .main-mini-wrap03.type02 > .main-mini-box > p{display:block;margin:0 0 22px;width:100%;}
    .main-mini-wrap03.type02 > .main-mini-box > div{display:block;padding:0;width:100%;}
    .main-mini-wrap03.type02 > .main-mini-box > div > p{padding:0 0 10px;text-align:center;}

    /* 메인컨텐츠04(YONSEI VIDEO) */
  /*
    .main-mini-wrap04 > .main-mini-box .main-video-box{padding:0 0 15px;}
  */
    .main-mini-wrap04 > .main-mini-box .carousel-wrap{padding:0 25px;}
    .main-mini-wrap04 > .main-mini-box .carousel-wrap .control-wrap a{width:10px;height:24px;}

  .main-mini-wrap04 .main-youtube-wrap .main-video-box::after{width:40px;height:40px;}
    /* 메인컨텐츠05(YONSEI SOCIAL MEDIA) */
    .main-mini-wrap05 > .main-mini-box > div:nth-of-type(2){margin:0 0 30px;}
    .main-mini-wrap05 > .main-mini-box > div > div a span{font-size:20px;line-height:25px;}

    /* footer */
    .footer-wrap > div > div{display:block;}
    .footer-wrap > div > div > div{display:block;width:100%;}
    .footer-wrap > div > div > div:nth-of-type(1) ul li{margin:0 10px 0 0;padding:0 11px 0 0;}
    .footer-wrap > div > div > div:nth-of-type(1) p{padding:0 0 23px;}
    .footer-wrap > div > div > div:nth-of-type(2){padding:0 0 30px;text-align: left;}
    .btn-top{left:5px;bottom:15px;}

}

@media screen and (max-width:460px) {
 
  /* 메인비주얼 type02 */
  .main-visual-box.type02 .main-visual-txt-box{width:80%;}
  .main-visual-box.type02 .main-visual-txt-box{top:calc(50%);}
  .main-visual-box.type02 .main-visual-txt-box img {width: 250px;}
 
  /* 메인컨텐츠 공통 */
  .main-title-box{width:90%;}
  .main-title-box h2{/*padding:50px 0 27px*/;font-size:24px;line-height:34px;}
  /*.main-visual-box.type02 .main-visual-txt-box .btn-motion::before, .btn-motion::after {bottom: 14px;}
  .main-visual-box.type02 .main-visual-txt-box .btn-motion a {padding: 0;}*/
 
  /* 메인컨텐츠01 - type02(YONSEI NEWS) */
  .main-mini-wrap01.type02 .main-mini-box{width:90%;}
  .main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(1){margin:0 0 10px;}
  .main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(3){font-size:18px;line-height:27px;}
  /*.main-mini-wrap01.type02 .main-mini-box > div p:nth-of-type(4){font-size:14px;line-height:21px;}*/
  
  /* 메인컨텐츠02 - type02(RESEARCH ARCHIVE) */
  .main-mini-wrap02.type02 .main-mini-box{/*padding:0 0 28px*/;width:90%;}
  .main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(1) p:nth-of-type(1){padding:0 0 9px;font-size:20px;line-height:25px;}
  .main-mini-wrap02.type02 .main-mini-box > div:nth-of-type(1) p:nth-of-type(2){padding:0 0 18px;line-height:1.2;}
  .main-mini-wrap02.type02 .main-mini-box .main-more-box{padding:0 0 10px;}
  
  /* 메인컨텐츠03 - type02(STUDY IN KOREA AT YONSEI) */
  .main-mini-wrap03.type02 > .main-mini-box{width:90%;}
  .main-mini-wrap03.type02 > .main-mini-box > div > p{font-size:18px;line-height:27px;}
  
  /* 메인컨텐츠04(YONSEI VIDEO) */
  .main-mini-wrap04 > .main-mini-box{width:90%;}

  /* 메인컨텐츠05(YONSEI SOCIAL MEDIA) */
  .main-mini-wrap05 .main-mini-box{width:90%;}
  
  /* footer */
  .footer-wrap > div{width:90%;}
  .footer-wrap > div > div > div:nth-of-type(1) ul {text-align: right;padding: 2rem 0 0;}
  .footer-wrap > div > div > div:nth-of-type(1) ul li{float:none; margin: 0 0 0 0;padding: 0 0 0 0;}
  .footer-wrap > div > div > div:nth-of-type(1) ul li a{line-height:2;}
  .footer-wrap > div > div > div:nth-of-type(1) ul li:after{visibility: hidden;}
  .footer-wrap > div > div > div:nth-of-type(1) address {float: none;text-align: right;padding: 2em 0 1rem;}
  .footer-wrap > div > div > div:nth-of-type(1) p {text-align: right;font-size:0.7rem;padding: 0 0 3rem;}
  .footer-wrap > div > div > div:nth-of-type(2) {padding: 0 0 30px;text-align: right;width: 100%;vertical-align: middle;}
  .footer-wrap > div > div > div:nth-of-type(2) .foot-related-box > a {padding: 0.6em 2.6em 0.6em 0.8em;}
}


@media screen and (max-width:280px){
.main-mini-wrap04 > .main-mini-box .carousel-wrap .item div:nth-of-type(1) a p { padding: 7px 2px 7px 26px;}

}


.loading-animation-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #242f3f;
	transition: opacity 1s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    z-index:200;
  }

.loading-animation-wrapper.hide{
	opacity:0;
	pointer-events: none;
}

.loader-wrapper{
	width:200px;
	height:300px;	
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.loading{
	font-size:1.2rem;
}


.loader:before{
	content: "";
	position: absolute;
	top: 0px;
	left: -25px;
	height: 12px;
	width: 12px;
	border-radius: 12px;
	-webkit-animation: loaderg 1s ease-in-out infinite;
			animation: loaderg 1s ease-in-out infinite;
}

.loader{
	position: absolute;
	top:60%;
	left:50%;
	transform:translateX(-50%);
	width: 12px;
	height: 12px;
	border-radius: 12px;
	-webkit-animation: loaderm 1s ease-in-out infinite;
			animation: loaderm 1s ease-in-out infinite; 
	
}

.loader:after{
	content: "";
	position: absolute;
	top: 0px;
	left: 25px;
	height: 12px;
	width: 12px;
	border-radius: 10px;
	-webkit-animation: loaderd 1s ease-in-out infinite;
			animation: loaderd 1s ease-in-out infinite;
}

.loading, .slow{
	color:white;	
}

.slow{	
	text-align: center;
	width:90%;
	position:fixed;
	bottom:7%;
	left:50%;
	transform:translateX(-50%);
}

@-webkit-keyframes loaderg{
	0%{background-color: rgba(255, 255, 255, .2);}
	25%{background-color: rgba(255, 255, 255, 1);}
	50%{background-color: rgba(255, 255, 255, .2);}
	75%{background-color: rgba(255, 255, 255, .2);}
	100%{background-color: rgba(255, 255, 255, .2);}
}
@keyframes loaderg{
	0%{background-color: rgba(255, 255, 255, .2);}
	25%{background-color: rgba(255, 255, 255, 1);}
	50%{background-color: rgba(255, 255, 255, .2);}
	75%{background-color: rgba(255, 255, 255, .2);}
	100%{background-color: rgba(255, 255, 255, .2);}
}

@-webkit-keyframes loaderm{
	0%{background-color: rgba(255, 255, 255, .2);}
	25%{background-color: rgba(255, 255, 255, .2);}
	50%{background-color: rgba(255, 255, 255, 1);}
	75%{background-color: rgba(255, 255, 255, .2);}
	100%{background-color: rgba(255, 255, 255, .2);}
}
@keyframes loaderm{
	0%{background-color: rgba(255, 255, 255, .2);}
	25%{background-color: rgba(255, 255, 255, .2);}
	50%{background-color: rgba(255, 255, 255, 1);}
	75%{background-color: rgba(255, 255, 255, .2);}
	100%{background-color: rgba(255, 255, 255, .2);}
}

@-webkit-keyframes loaderd{
	0%{background-color: rgba(255, 255, 255, .2);}
	25%{background-color: rgba(255, 255, 255, .2);}
	50%{background-color: rgba(255, 255, 255, .2);}
	75%{background-color: rgba(255, 255, 255, 1);}
	100%{background-color: rgba(255, 255, 255, .2);}
}
@keyframes loaderd{
	0%{background-color: rgba(255, 255, 255, .2);}
	25%{background-color: rgba(255, 255, 255, .2);}
	50%{background-color: rgba(255, 255, 255, .2);}
	75%{background-color: rgba(255, 255, 255, 1);}
	100%{background-color: rgba(255, 255, 255, .2);}
}