@charset "utf-8";

/* 학과 홈페이지 */
.related-site-wrap .related-site-box.department{max-width:970px;}
.related-site-wrap .related-site-box .related-department-box{padding:45px;max-height:60vh;background:#fff;overflow:auto;box-sizing:border-box;}
.related-department-box > ul > li{padding:0 0 94px 0;}
.related-department-box > ul > li:last-of-type{margin:0;padding:0;}
.related-department-box > ul > li:after{content:'';display:block;clear:both;}
.related-department-box > ul > li > p{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;}
.related-department-box > ul > li > p > a{display:block;}
.related-department-box > ul > li > ul{float:left;padding:38px 0 0;width:100%;border-top:1px solid #111;box-sizing:border-box;}
.related-department-box > ul > li > ul:after{content:'';display:block;clear:both;}
.related-department-box > ul > li > ul > li{display:inline-block;padding:0 0 0 20px;width:calc(25% - 4px);box-sizing:border-box;vertical-align:top;}
.related-department-box > ul > li > ul > li.col02{width:40%;}
.related-department-box > ul > li > ul > li.col02 > ul{display:inline-block;width:calc(50% - 15px);box-sizing:border-box;}
.related-department-box > ul > li > ul > li.col02 > ul:nth-of-type(2){padding:0 0 0 30px;}
.related-department-box > ul > li > ul > li:nth-of-type(n + 5){padding-top:22px;}
.related-department-box > ul > li > ul > li > a{display:block;margin:50px 0 0;font-size:1.125rem;line-height:1.25rem;color:#444;font-weight:200;letter-spacing:-0.023rem;}
.related-department-box > ul > li > ul > li > a:hover{color:#1976d2;}
.related-department-box > ul > li > ul > li > a:first-of-type{margin:0;}
.related-department-box > 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;}
.related-department-box > 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;}
.related-department-box > ul > li > ul > li > ul{padding:9px 0 0;}
.related-department-box > ul > li > ul > li > ul > li{padding:0 0 6px;}
.related-department-box > ul > li > ul > li > ul > li:last-of-type{padding-bottom:0;}
.related-department-box > ul > li > ul > li > ul > li > a{display:block;position:relative;padding:0 0 0 12px;font-size:1rem;line-height:1.25rem;color:#444;font-weight:200;letter-spacing:-0.023rem;}
.related-department-box > ul > li > ul > li > ul > li > a:hover{color:#1976d2;}
.related-department-box > ul > li > ul > li > ul > li > a:before{content:'';display:block;position:absolute;top:10px;left:0;width:5px;height: 1px;background:#222;}
.related-department-box > 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 center right 1px;background-size:12px;}
.related-department-box > 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 center right 1px;background-size:12px;}

@media screen and (max-width: 1024.98px) {
	/* 학과 홈페이지 */
	.related-department-box > ul{padding:0;}
	.related-department-box > ul > li{padding:0 0 50px;}
	.related-department-box > ul > li > p{padding:0 0 15px;font-size:1.285rem;line-height:1.785rem;}
	.related-department-box > ul > li > ul{padding:15px 0 0;}
	.related-department-box > ul > li > ul > li{padding:0 10px 0 0;width:calc(50% - 4px);}
	.related-department-box > ul > li > ul > li:nth-of-type(n + 3){padding-top:15px;}
	.related-department-box > ul > li > ul > li > a{font-size:1rem;}
}

@media screen and (max-width: 640px) {
	/* 학과 홈페이지 */
	.related-site-wrap .related-site-box .related-department-box{padding:20px;}
	.related-department-box > ul > li > ul > li > ul > li > a:before{top:8px;}
}