@charset "UTF-8";
/* 75주년 대 메뉴 삭제 20230126 */
.slide-menu.on .slide-close{display:block;}

@media screen and (min-width:1025px) {
	/* PC 사이트맵 */
	.slide-menu{display:none;position:fixed;top:50%;left:50%;z-index:999999;transform:translate(-50%,-50%);width:100%;max-width:1300px;}
	.slide-menu.on{display:block;}
	.site-map-header{padding:25px 80px 25px 40px;background:#0d3f7a;}
	.site-map-header p{font-size:2rem;line-height:2.5rem;font-weight:400;color:#fff;}
	.m-gnb{padding:45px;max-height:80vh;background:#fff;overflow:auto;box-sizing:border-box;}
	.m-gnb > ul > li{padding:0 0 35px 0;}
	.m-gnb > ul > li:last-of-type{margin:0;padding:0;}
	.m-gnb > ul > li:after{content:'';display:block;clear:both;}
	.m-gnb > ul > li > a{display:block;padding:0 0 25px;font-size:1.625rem;line-height:1.8rem;color:#0d3f7a;font-weight:400;letter-spacing:-0.023rem;box-sizing:border-box;}
	.m-gnb > ul > li > a[target='_blank'] > span{padding:0 23px 0 0;background:url(/_res/yu/main/img/common/ico-sitemap-link.png) no-repeat center right 1px;background-size:12px;}
	.m-gnb > ul > li > ul{display:flex;flex-wrap:wrap;padding:4px 0 0;width:100%;border-top:1px solid #111;box-sizing:border-box;}
	.m-gnb > ul > li > ul > li{padding:34px 0 34px 30px;width:20%;border-bottom:1px solid #eaeaea;box-sizing:border-box;vertical-align:top;}
	.m-gnb > ul > li > ul > li.col02{width:40%;}
	.m-gnb > ul > li > ul > li.col02 > ul{display:inline-block;width:calc(50% - 15px);box-sizing:border-box;vertical-align:top;}
	.m-gnb > ul > li > ul > li.col02 > ul:nth-of-type(2){padding:18px 0 0 30px;}

	.m-gnb > ul > li > ul > li > a{display:block;margin:50px 0 0;font-size:1.375rem;line-height:1.875rem;color:#444;font-weight:400;letter-spacing:-0.023rem;}
	.m-gnb > ul > li > ul > li > a:hover{color:#1976d2;}
	.m-gnb > ul > li > ul > li > a:first-of-type{margin:0;}
	.m-gnb > ul > li > ul > li > a[target='_blank'] > span{padding:0 23px 0 0;background:url(/_res/yu/main/img/common/ico-sitemap-link.png) no-repeat center right 1px;background-size:12px;}
	.m-gnb > ul > li > ul > li > a[target='_blank']:hover > span{background:url(/_res/yu/main/img/common/ico-sitemap-link-hover.png) no-repeat center right 1px;background-size:12px;}
	.m-gnb > ul > li > ul > li > a.download > span{padding:0 25px 0 0;background:url(/_res/yu/main/img/common/ico-sitemap-down.png) no-repeat center right 1px;background-size:14px;}
	.m-gnb > ul > li > ul > li > a.download:hover > span{background:url(/_res/yu/main/img/common/ico-sitemap-down-hover.png) no-repeat center right 1px;background-size:14px;}
	.m-gnb > ul > li > ul > li > ul{padding:18px 0 0;}
	.m-gnb > ul > li > ul > li > ul > li{padding:0 0 8px;}
	.m-gnb > ul > li > ul > li > ul > li:last-of-type{padding-bottom:0;}
	.m-gnb > ul > li > ul > li > ul > li > a{display:block;font-size:1.125rem;line-height:1.625rem;color:#444;font-weight:200;letter-spacing:-0.023rem;}
	.m-gnb > ul > li > ul > li > ul > li > a:hover{color:#1976d2;}
	.m-gnb > ul > li > ul > li > ul > li > a[target='_blank'] > span{padding:0 23px 0 0;background:url(/_res/yu/main/img/common/ico-sitemap-link.png) no-repeat top 8px right 1px;background-size:12px;}
	.m-gnb > ul > li > ul > li > ul > li > a[target='_blank']:hover > span{background:url(/_res/yu/main/img/common/ico-sitemap-link-hover.png) no-repeat top 8px right 1px;background-size:12px;}

	.slide-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;}
	.btn-wrap-close{padding:40px 0 0;text-align:center;}	
	.btn-wrap-close .btn-c-gray{position:relative;margin:0 auto;top:unset;right:unset;padding:13px;min-width:150px;min-height:50px;background-color:#767676;background-image:none;font-size:1.062rem;line-height:1.562rem;color:#fff;text-align:center;box-sizing:border-box;}

	.m-gnb-bg{position:fixed;top:0;left:0;z-index:35;width:100%;height:100%;background-color:rgba(0,0,0,0.6);visibility:hidden;opacity:0;transition:all 0.1s;}
	.slide-menu.on + .m-gnb-bg{visibility:visible;opacity:1;}
}

@media screen and (max-width:1024px) {
	/* 모바일 메뉴 */
	.m-gnb-bg{display:none;}
	.slide-menu.on > .slide-close{display:none;}
	.slide-menu.on + .m-gnb-bg{display:block;}
	.slide-menu.on .m-util .slide-close{display:block;background:url(../img/common/btn-m-menu-close-w.png) no-repeat 0 0;}
	.slide-menu.on .m-gnb{left:0;}
	.slide-menu{position:fixed;top:0;left:-100%;z-index:999999;width:100%;height:100%;background:#fff;box-sizing:border-box;transition:all 0.5s;}
	.slide-menu.on{left:0;transition:all 0.5s;}

	.m-util{min-height:40px;background:#1976d2;box-sizing:border-box;}
	.m-util ul{display:table;width: 100%;table-layout:fixed;text-align:left;}
	.m-util ul li{display:table-cell;position:relative;width:auto;border-right:1px solid rgba(255,255,255,0.2);text-align:center;vertical-align:middle;}
	.m-util ul li:last-of-type{width:60px;border:none;}
	.m-util ul li a{display:block;padding:20px 15px 21px;color:#fff;}
	.m-util ul li ul{display:inline-block;margin:0 8px 0 0;padding:0 14px 0 0;}
	.m-util ul li ul:after{content:'';position:absolute;top:3px;right:0;width:1px;height:11px;background-color:#ddd;}
	.slide-menu.on .m-util .slide-close{position:relative;top:auto;right:auto;width:100%;height:100%;background-position:center center;background-size:20px;box-sizing:border-box;}

	.m-gnb{position:fixed;top:60px;left:-100%;transition:all 0.5s;width:100%;max-width:100%;height:calc(100% - 60px);box-sizing:border-box;overflow:hidden;}
	.m-gnb .dep1{width:31.3%;height:100%;border-right:1px solid #ddd;box-sizing:border-box;}
	.m-gnb .dep1:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background:#0d3f7a;}
	.m-gnb .dep1 > li{z-index:10;height:calc(100% / 7);min-height:80px;} /* 100% / 6 에서 메뉴 추가로 인한 변경 */
	.m-gnb .dep1 > li > a{display:flex;align-items:center;position:relative;z-index:10;width:100%;height:100%;border-bottom:1px solid #16467f;background-color:#0c3f7a;color:#fff;text-align:center;box-sizing:border-box;}
	.m-gnb .dep1 > li > a > span{display:block;position:relative;padding:75px 0 0;width:100%;background-repeat:no-repeat;background-position:top center;}
	.m-gnb .dep1 > li:first-of-type > a > span{background-image:url(../img/common/ico-mgnb01-2023.png);}
	.m-gnb .dep1 > li:nth-of-type(2) > a > span{background-image:url(../img/common/ico-mgnb02.png);}
	.m-gnb .dep1 > li:nth-of-type(3) > a > span{background-image:url(../img/common/ico-mgnb03.png);}
	.m-gnb .dep1 > li:nth-of-type(4) > a > span{background-image:url(../img/common/ico-mgnb04.png);}
	.m-gnb .dep1 > li:nth-of-type(5) > a > span{background-image:url(../img/common/ico-mgnb05.png);}
	.m-gnb .dep1 > li:nth-of-type(6) > a > span{background-image:url(../img/common/ico-mgnb08.png);} /* 유토피아 추가 */
	.m-gnb .dep1 > li:nth-of-type(7) > a > span{background-image:url(../img/common/ico-mgnb06.png);} /* 유토피아 추가로 인한 대학생활 위치변경 */
	/* .m-gnb .dep1 > li:nth-of-type(7) > a > span{background-image:url(../img/common/ico-mgnb07.png);} 75주년 메뉴 삭제 */
	.m-gnb .dep1 > li > a[target='_blank'] > span > span{padding:0 18px 0 0;background:url(/_res/yu/main/img/common/ico-mgnb-direct.png) no-repeat center right 1px/12px;}
	.m-gnb .dep1 > li > a.selected{background-color:#16253d;color:#fff;}
	.m-gnb .dep1 > li > a.active + ul{display:block;}

	.m-gnb .dep2{display:none;position:absolute;top:0;left:31.3%;z-index:10;width:69.7%;height:100%;background:#fff;border-left:1px solid #ddd;overflow-y:auto;}
	.m-gnb .dep2.selected{display:block;}
	.m-gnb .dep2 > li{position:relative;}
	.m-gnb .dep2 > li > a{display:block;position:relative;padding:16px 40px 16px 20px;background-color:#fff;color:#111;}
	.m-gnb .dep2 > li > a[target='_blank']{background:url(/_res/yu/main/img/common/ico-link-gnb.png) no-repeat center right 20px/15px;}
	.m-gnb .dep2 > li > a.download{background:url(/_res/yu/main/img/common/ico-down-gnb.png) no-repeat center right 20px/15px;}
	.m-gnb .dep2 > li > a[target='_blank'] span{padding:0 16px 0 0;}
	.m-gnb .dep2 > li > a.download span{padding:0 16px 0 0;}
	.m-gnb .dep2 > li > a:before{content:'';position:absolute;bottom:0;left:50%;width:100%;height:1px;background-color:#e6e6e6;transform:translateX(-50%);-ms-transform:translateX(-50%);}
	.m-gnb .dep2 > li.has-dep > a:after{content:'';position:absolute;top:17px;right:20px;width:16px;height:16px;background:url(../img/common/bg-m-menu-has-dep.png) no-repeat 50% 50%/100%;border-radius:27px;}
	.m-gnb .dep2 > li > a.selected{color:#1976d2;}
	.m-gnb .dep2 > li > a.active:after{background-image:url(../img/common/bg-m-menu-has-dep.png);}
	.m-gnb .dep2 > li.has-dep > a.selected:after{background-image:url(../img/common/bg-m-menu-dep-close.png);}

	.m-gnb .dep3{display:none;padding:0 20px;background-color:#f2f5f9;}
	.m-gnb .dep3.selected{display:block;}
	.m-gnb .dep3 > li{position:relative;border-bottom:1px solid #eaeaea;}
	.m-gnb .dep3 > li:last-of-type{margin:0;padding-bottom:0;border:none;}
	.m-gnb .dep3 > li > a{display:block;position:relative;padding:10px 0;font-weight:400;font-size:0.937rem;color:#444;}
	.m-gnb .dep3 > li > a[target='_blank'] span{padding:0 16px 0 0;background:url(/_res/yu/main/img/common/ico-link-gnb.png) no-repeat center right 1px/10px;}
	.m-gnb-bg{display:none;position:fixed;top:0;left:0;z-index:30;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}

	.m-footer{position:absolute;bottom:0;padding:15px 20px;width:100%;background:#1d2b3b;box-sizing:border-box;}
	.m-footer .link-box{margin:0 0 10px;}
	.m-footer .link-box li{display:inline-block;margin:0 6px 0 0;}
	.m-footer .link-box li a{display:block;font-size:0.8571rem;line-height:1rem;color:#fff;}
	.m-footer address ul li{font-size:0.8571rem;line-height:1rem;color:#fff;}
	.m-footer address ul li:nth-of-type(2){margin:0 0 10px;}
}
@media screen and (max-width:640px) {	
	/* 모바일 메뉴 */
	.m-gnb .dep1 > li{z-index:10;}
	.m-gnb .dep1 > li > a > span{padding:50px 0 0;background-size:40px;}
	.m-gnb .dep1:after{background-position:center bottom;}

	.m-gnb .dep1{width:30.3%;}
	.m-gnb .dep2{left:30.3%;width:69.7%;}

}
@media screen and (max-width:480px) {	
	.m-gnb .dep1{width:28%;}
	.m-gnb .dep1 > li > a > span{padding:45px 0 0;}
	.m-gnb .dep2{left:28%;width:72%;}
}
@media screen and (max-width:320px) {
	/* 모바일 메뉴 */
	.m-footer .link-box li a{font-size:0.785rem;line-height:0.857rem;}
	.m-footer address ul li{font-size:0.785rem;line-height:1rem;}
}
/* 메뉴 모바일 가로사이즈 대응 css */
@media screen and (max-width: 1000px) and (orientation:landscape){
	.m-gnb .dep1{overflow:auto;}
	.m-gnb .dep1 > li > a > span{padding:50px 0 0;background-size:40px;}
}