@charset "UTF-8";

.top-footer-box{position:relative;}
.top-footer-box:after{content:'';display:block;clear:both;}
.top-footer-box .left-box{position:absolute;bottom:0;left:0;z-index:50;width:50%;height:100%;min-height:400px;background:url(/_res/yu/english/img/common/bg-footer-left.gif) no-repeat 50% 50%/cover;}
.sub .top-footer-box .left-box{min-height:326px;}
.top-footer-box .left-box .footer-title-box{position:absolute;top:50%;left:50%;width:100%;text-align:center;transform:translate(-50%,-50%);box-sizing:border-box;}
.top-footer-box .left-box .footer-title-box > p{font-weight:400;font-size:3.75rem;color:#fff;line-height:4.063rem;transform:translateX(-40px);}
.top-footer-box .left-box .footer-title-box > p:nth-of-type(2){padding:0 0 0 85px;}
.top-footer-box .left-box .footer-title-box > p span{font-weight:500;}
.top-footer-box .left-box .footer-title-box > span{display:inline-block;padding:17px 0 0;font-size:1rem;color:#fff;line-height:1.313rem;}

.top-footer-box .right-box{float:right;width:50%;}
.top-footer-box .right-box .right-top-box{display:flex;}

/* 푸터 링크 공통 */
.related-site-wrap{display:flex;justify-content:center;align-items:center;width:50%;border-right:1px solid rgba(255,255,255,0.16);border-bottom:1px solid rgba(255,255,255,0.16);}
.related-site-wrap.on{background-color:#caae78;}
.related-site-wrap.on > a span{color:#000;}
.related-site-wrap.on > a span:after{background:url(/_res/yu/english/img/common/bg-related-arr-black.png) no-repeat 0 0/100%;}
.related-site-wrap:last-of-type{border-right:none;}
.related-site-wrap > a{display:block;padding:17px 10px 18px;width:100%;text-align:center;}
.related-site-wrap > a span{position:relative;padding:0 25px 0 0;display:inline-block;font-weight:200;font-size:1rem;color:#fff;line-height:1.75rem;vertical-align:middle;}
.related-site-wrap > a span:after{content:'';display:inline-block;position:absolute;top:50%;right:0;width:15px;height:10px;background:url(/_res/yu/english/img/common/bg-related-arr.png) no-repeat center center/100%;vertical-align:middle;transform:translateY(-50%);}
.related-site-wrap .related-site-box{display:none;position:fixed;top:50%;left:50%;z-index:60;transform:translate(-50%, -50%);width:100%;max-width:1300px;box-sizing:border-box;}
.related-site-wrap .related-site-box .main-title{padding:25px 80px 25px 40px;background:#0d3f7a;font-size:2rem;line-height:2.5rem;font-weight:400;color:#fff;text-align:left;}
.related-site-wrap .related-bg{position:fixed;top:0;left:0;z-index:50;width:100%;height:100%;background-color:rgba(0,0,0,0.6);visibility:hidden;opacity:0;transition:all 0.1s;}
.related-site-wrap.active .related-bg{visibility:visible;opacity:1;}
.related-site-wrap .related-site-box .btn-relate-close{display:block;position:absolute;top:30px;right:40px;width:26px;height:26px;background:url(/_res/yu/_share/img/common/ico-popup-close.png) no-repeat center center;}

.top-footer-box .right-box .right-bottom-box{padding:32px 70px 60px;}
.top-footer-box .right-box .right-bottom-box .footer-logo-box{padding:0 0 26px 0;width:180px;}
.top-footer-box .right-box .right-bottom-box .footer-link-box{display:none;}
.top-footer-box .right-box .right-bottom-box address{padding:0 0 20px 0;}
.top-footer-box .right-box .right-bottom-box address ul li{display:block;font-weight:200;font-size:1rem;color:#fff;line-height:1.625rem;}
.top-footer-box .right-box .right-bottom-box address ul li:first-of-type{display:block;}
.top-footer-box .right-box .right-bottom-box address ul li:nth-of-type(2){padding:0 6px 0 0;}
.top-footer-box .right-box .right-bottom-box address ul li.contact-m{display:none;}
.top-footer-box .right-box .right-bottom-box .copyright{font-weight:200;font-size:1rem;color:#fff;line-height:1.625rem;}

/* 관리자 편집 화면 */
.cms-admin-editing .top-footer-box .right-box .right-bottom-box .footer-link-box{display:block;}
.cms-admin-editing .top-footer-box .right-box .right-bottom-box address ul li {display:block;color:#000;}
.cms-admin-editing .footer-m-more {display:block;}
.cms-admin-editing .top-footer-box .right-box .right-bottom-box .copyright { color:#000; }

.btn-top{display:block;position:fixed;right:40px;bottom:40px;padding:45px 0 19px;width:80px;height:80px;border-radius:50%;background:#475c78 url(/_res/yu/english/img/common/ico-btn-top.png) no-repeat;background-position:top 22px center;background-size:19px;font-size:1.062rem;line-height:1.062rem;color:#fff;text-align:center;box-sizing:border-box;}

.footer-link-box{padding:26px 0 22px;}
.footer-link-box ul{text-align:center;}
.footer-link-box ul li{display:inline-block;margin:0 16px 0 0;}
.footer-link-box ul li:last-of-type{margin:0;}
.footer-link-box ul li a{display:block;font-size:1rem;font-weight:200;color:#fff;line-height:1;}
.footer-link-box ul li.privacy a{font-weight:500;color:#caae78;}

.footer-m-more{display:none;}

@media screen and (max-width:1024.98px) {
	.sub .top-footer-box .left-box{min-height:221px;}
	.top-footer-box .left-box .footer-title-box > p{font-size:2.429rem;line-height:3rem;transform:translateX(-19px);}
	.top-footer-box .left-box .footer-title-box > p:nth-of-type(2){padding:0 0 0 38px;}

	/* 푸터 링크 공통 */
	.related-site-wrap > a{padding:7px 10px 8px;}
	.related-site-wrap > a span:after{width:10px;height:8px;}
	.related-site-wrap .related-site-box .related-department-box{padding:30px;}
	.related-site-wrap .related-site-box .btn-relate-close{top:24px;right:20px;width:20px;height:20px;}
	.related-site-wrap .related-site-box{width:calc(100% - 40px);}
	.related-site-wrap .related-site-box .main-title{padding:20px 50px 20px 20px;font-size:1.375rem;line-height:1.785rem;}

	.top-footer-box .left-box{min-height:260px;}
	.top-footer-box .left-box .footer-title-box{padding:70px 50px;}
	.top-footer-box .right-box .right-bottom-box{padding:18px 35px 28px;}
	.top-footer-box .right-box .right-bottom-box .footer-logo-box{padding:0 0 10px 0;width:150px;box-sizing:border-box;}
	.top-footer-box .right-box .right-bottom-box .footer-logo-box img{height:100%;}
	.top-footer-box .right-box .right-bottom-box address{padding:0 0 16px;}
	.top-footer-box .right-box .right-bottom-box address ul li:nth-of-type(2){padding:0 0 0 0;}
	.top-footer-box .right-box .right-bottom-box .copyright{font-size:0.875rem;line-height:1.2rem;color:#fff;}

	.footer-link-box ul li{margin:0 16px 10px 0;}
	.footer-link-box ul li a{color:#fff;}
}

@media screen and (max-width:640px) {	
	.top-footer-box .left-box{display:none;}
	.top-footer-box .right-box{float:none;width:100%;}

	.top-footer-box .right-box .right-top-box:after{content:'';display:block;clear:both;}
	.btn-top{right:20px;bottom:40px;padding:26px 0 10px;width:50px;height:50px;background-position:top 14px center;background-size:10px;font-size:0.928rem;}

	/* 푸터 링크 공통 */
	.related-site-wrap.on{width:100%;border-right:0;}
	.related-site-wrap > a{padding:12px 10px 12px;}
	.related-site-wrap > a span{font-size:1.071rem;line-height:1.643rem;padding:0 20px 0 0;}
	.related-site-wrap > a span:after{width:11px;height:8px;}

	.top-footer-box .right-box .right-bottom-box{padding:14px 17px 15px;}
	.top-footer-box .right-box .right-bottom-box .footer-logo-box{display:none;}
	.top-footer-box .right-box .right-bottom-box .footer-link-box{display:block;padding:0 0 24px 0;}
	.top-footer-box .right-box .right-bottom-box .footer-link-box ul{text-align:left;}
	.top-footer-box .right-box .right-bottom-box .footer-link-box ul li{position:relative;margin:0 10px 8px 0;padding:0 16px 0 0;}
	.top-footer-box .right-box .right-bottom-box .footer-link-box ul li:before{content:'';position:absolute;top:2px;right:0;width:1px;height:10px;background-color:#596374;}
	.top-footer-box .right-box .right-bottom-box .footer-link-box ul li:last-of-type{margin-right:0;padding-right:0;}
	.top-footer-box .right-box .right-bottom-box .footer-link-box ul li:last-of-type:before{display:none;}
	.top-footer-box .right-box .right-bottom-box .footer-link-box ul li.privacy{position:relative;padding:0 10px 0 0;text-align:right;}
	.top-footer-box .right-box .right-bottom-box .footer-link-box ul li.privacy a{font-weight:600;color:#caae78;}
	.top-footer-box .right-box .right-bottom-box .footer-link-box ul li.email{text-align:left;}
	.top-footer-box .right-box .right-bottom-box address{display:none;padding:0 0 12px 0;}
	.top-footer-box .right-box .right-bottom-box address ul li{font-size:0.928rem;line-height:1.642rem;color:rgba(255,255,255,0.75);letter-spacing:-0.05em;}
	.top-footer-box .right-box .right-bottom-box address ul li.contact{padding:10px 0 0;}
	.top-footer-box .right-box .right-bottom-box .copyright{display:none;}
	.bottom-footer-box{position:relative;}
	.bottom-footer-box:after{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:100%;background:#16253d;}
	.bottom-footer-box .footer-link-box{display:none;}

	.footer-m-more{display:block;padding:0 0 14px 0;}
	.footer-m-more a{display:inline-block;font-size:1rem;font-weight:200;color:#fff;line-height:1rem;}
	.footer-m-more a:after{content:'';display:inline-block;margin:0 0 0 5px;width:10px;height:6px;background:url(/_res/yu/english/img/common/bg-footer-m-more.png) no-repeat 0 0/100%;vertical-align:middle;}
	.top-footer-box .right-box .right-bottom-box.open .footer-m-more{padding:0 0 20px;}
	.top-footer-box .right-box .right-bottom-box.open .footer-link-box ul li{display:inline-block;}
	.top-footer-box .right-box .right-bottom-box.open address{display:block;}

	.open .footer-m-more a:after{transform:rotate(180deg);-ms-transform:rotate(180deg);}
}

@media screen and (max-width:420px) {
	.related-site-wrap.blue{width:100%;border-right:0;}
	.related-site-wrap > a span{font-size:1rem;}

	/* 학과 홈페이지 */
	.related-department-box > ul > li{padding:0 0 20px;}
	.related-department-box > ul > li > ul > li{padding:0;}
	.related-department-box > ul > li > ul > li:nth-of-type(2n){padding-left:10px;}

	.footer-link-box{padding:0 0 13px;}
}