@charset "utf-8";

/* 대학원 학과 w-sub.css 서브비쥬얼 */
.wrap-sub-visual { background:url('/images/elearning/sub/sub-visual.jpg'); }								/* 학과소개 */
.eQ02 .wrap-sub-visual { background:url('/images/guide/templet/grad_subject_sub_visual.jpg'); }			/* 교수진소개 */
.eQ03 .wrap-sub-visual { background:url('/images/guide/templet/grad_student_sub_visual.jpg'); }			/* 학생광장 */
.eQ04 .wrap-sub-visual { background:url('/images/guide/templet/grad_pds_sub_visual.jpg'); }				/* 자료실 */
.eQ05 .wrap-sub-visual { background:url('/images/guide/templet/grad_sitemap_sub_visual.jpg'); }			/* 사이트맵 */


/* 국내외 협력교수*/
.expert{display:flex;flex-wrap:wrap;}
.expert .wrap{width:32.6%;padding:20px;min-height:170px;vertical-align:top;background:#f4f5f9;overflow:hidden;margin:0.5% 0;}
.expert .wrap:nth-child(2), .expert .wrap:nth-child(5), .expert .wrap:nth-child(8), .expert .wrap:nth-child(11), .expert .wrap:nth-child(14), .expert .wrap:nth-child(17){margin:0.5% 1%;}
.expert .wrap .pho{width:130px;float:left;}
.expert .wrap .pho img{max-width:100%;border:2px solid #DDD;border-radius:5px;}
.expert .wrap .desc{width:calc(100% - 130px);float:right;}
.expert .wrap .desc strong{font-size:22px;}
.expert .wrap .desc dl{margin-top:20px;display:table;width:100%;}
.expert .wrap .desc dl:last-child{margin-top:5px;}
.expert .wrap .desc dt{display:table-cell;width:20%;font-weight:bold;}
.expert .wrap .desc dd{display:table-cell;width:80%;margin-left:10px;}
@media all and (max-width:1350px) {
	.expert .wrap{width:49.5%;}
	.expert .wrap:nth-child(2), .expert .wrap:nth-child(5), .expert .wrap:nth-child(8), .expert .wrap:nth-child(11), .expert .wrap:nth-child(14), .expert .wrap:nth-child(17){margin:0.5% 0;}
	.expert .wrap:nth-child(2n){margin:1% 0;margin-left:1%;}
}
@media all and (max-width:900px) {
	.expert .wrap{width:100%;}
	.expert .wrap:nth-child(2n){margin-left:0;}
}
@media all and (max-width:420px) {
	.expert .wrap .pho,
	.expert .wrap .desc{width:100%;float:none;text-align:center;}
	.expert .wrap .pho{padding-bottom:20px;}
	.expert .wrap .desc dl dt, .expert .wrap .desc dl dd{display:block;width:auto;margin-left:0;}
}


/*테이블 반응형 UI 수정 */
@media all and (max-width:960px) {
 /* .wrap-contents .con-table table {width:100% !important;} */
.wrap-contents .con-table:after {width:auto !important; background:none !important;}
}