@charset "utf-8";

/********************
고대소개 > 총장실 > 역대총장
********************/
.prevCeo{}
.prevCeo > ul{display:flex;flex-wrap:wrap;}
.prevCeo > ul > li{width:25%;margin-bottom:60px;}
.prevCeo .wrap a{text-align:center;display:block;}
.prevCeo .wrap img{filter:grayscale(1);transition:0.3s; }

.prevCeo .wrap dl{text-align:center;margin-top:40px;}
.prevCeo .wrap dt{font-size:20px;font-family:'Pre Bold';}
.prevCeo .wrap dd{font-size:36px;font-family:'Pre Black';transition:0.3s;}
.prevCeo .wrap dd span{font-size:18px;font-family:'Exo Bold';color:#787878;display:block;}
.prevCeo .wrap:hover img{filter:grayscale(0);}
.prevCeo .wrap:hover dd{color:#7c121b;}
.prevCeo .detail{display:none;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100%;z-index:2;}
.prevCeo .kModalLi.active .detail{display:flex;}
.prevCeo .detail::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.8);position:absolute;top:0;left:0;}
.prevCeo .detailContainer{max-width:940px;margin:0 auto;height:680px;overflow-y:auto;position:relative;background:#FFF;}
.prevCeo .detailInner{padding:40px;}
.prevCeo h3{font-size:20px;font-family:'Pre Bold';color:#FFF;background:#272727;padding:10px 40px;}
.prevCeo h4{font-size:20px;font-family:'Pre Bold';margin-bottom:20px;}
.prevCeo .basicInfo{min-height:370px;margin-bottom:50px;padding:50px;display:flex;align-items:center;background:#f2eee7 url(../images/prevCeoDetailBg.png) no-repeat right bottom;}
.prevCeo .infoTxt{width:60%;font-size:24px;font-family:'Pre Black';}
.prevCeo .infoTxt span{color:#7c0019;}
.prevCeo .infoTxt i{display:block;}
.prevCeo .infoTxt i::after{content:"";display:block;width:60px;height:4px;background:#7c0019;margin:20px 0;}
.prevCeo .infoTxt strong{font-size:46px;font-family:'Pre Black';}
.prevCeo .infoPic{width:40%;text-align:right;}
.prevCeo .kModalClose{display:block; text-indent:-9999px; width:16px; height:16px; position:absolute; right:3%; top:3%; background:url(../images/fullPopupClose_w.png) no-repeat center; background-size:contain; }

@media all and (max-width:1280px) {
	.prevCeo > ul > li{width:50%; }
}
@media all and (max-width:768px) {
	.prevCeo > ul > li{width:100%; }
}

/* 4k 이미지대응 */
@media all and (min-width:1291px) {
	.prevCeo .wrap img { width:270px; height:270px; }
	.prevCeo .infoPic img { width:270px; height:270px; }
}