/* -------------------------------- 교수진 : 리스트 -------------------------------- */
#Wrap.hprof{}
.profList{display: flex; flex-wrap: wrap;}
.profList .pfBox{position: relative;width: calc(100%/3 - 30px);margin: 15px;padding: 0;background: #e5e5e5;border-radius: 20px;overflow: hidden;cursor: pointer;height: 554px;}
/* .profList .pfBox:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,rgb(1, 6, 82) 0%, #020009 100%); transition: all .6s; z-index: -1;}
.profList .pfBox:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,rgb(4, 12, 124) 0%, #020009 100%); opacity: 0; transition: all .6s; z-index: -1;} */
.profList .pfBox > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.profList .pfBox .pfImg{text-align: center;position: absolute;width: 100%;height: 100%;}
.profList .pfBox .pfImg:before{position:absolute;background: linear-gradient(to top, #e5e5e5 25%, #e5e5e500 65%, #e5e5e500 100%);width:100%;height: 100%;left:0;bottom: 0;z-index: 1;x: 1;t:0;bottom: 0;z-index: 1;}
.profList .pfBox .pfImg img{transform: scale(0.95);/* filter: grayscale(80%); */transition: all .6s;position: relative;max-width: 100%;}
.profList .pfBox .pfInfo{position: absolute;left: 50px;bottom: 50px;color: #222;text-shadow: 0px 0px 30px #e5e5e5;z-index: 2;}
.profList .pfBox .pfInfo h5{font-size: 18px; font-weight: 600; color: #d40378;}
.profList .pfBox .pfInfo h3{padding: 20px 0 10px; font-size: 34px; font-weight: 800;}
.profList .pfBox .pfInfo h4{font-size: 26px; font-weight: 600;}
.profList .pfBox .pfInfo ul{padding-top: 30px; opacity: 0.6;}
.profList .pfBox .pfInfo ul li{font-size: 16px;}
.profList .pfBox .pfInfo ul li+li{margin-top: 6px;}
.profList .pfBox .pfInfo ul li i{margin-right: 6px;}
.profList .pfBox > span{position: absolute;bottom: 0px;right: 40px;opacity: 0;transition: all .6s;}
.profList .pfBox > span i{font-size: 42px; color: #222;}

.profList .pfBox:hover .pfImg img{transform: scale(1); filter: none;}
.profList .pfBox:hover > span{bottom: 30px;right: 30px;opacity: 1;}

.profList .dean{position:absolute;border-radius:50%;background: #c8005f;font-size: 16px;font-weight: 600;color:#fff;display: inline-flex;right: 20px;top: 20px;width: 60px;height: 60px;z-index: 5;justify-content: center;align-items: center;text-align: center;padding: 10px;line-height: 1;}

.EN .profList .dean{position:absolute;border-radius:50%;background: #c8005f;font-size: 13px;font-weight: 600;color:#fff;display: inline-flex;right: 20px;top: 20px;width: 70px;height: 70px;padding: 10px;z-index: 5;justify-content: center;align-items: center;text-align: center;line-height: 1;}
.EN .profList .pfBox .pfInfo h3{padding-bottom: 0;}

@media (max-width: 1024px){
	.profList .pfBox {width: calc(100% / 2 - 30px);}
}
@media (max-width: 767px){
    .profList{gap:20px;}
	.profList .pfBox {width:100%;height: 360px;margin: 0;}
	.profList .pfBox .pfInfo{position: absolute;left: 20px;bottom: 20px;text-shadow: 20px 0px 30px #ffffff;}
    .profList .pfBox .pfInfo h5{font-size: 18px;}
    .profList .pfBox .pfInfo h3{padding: 10px 0 0px;font-size: 24px;}
    .profList .pfBox .pfInfo h4{font-size: 18px;}
    .profList .pfBox .pfInfo ul{padding-top: 20px;}
}



/* -------------------------------- 교수진 : 뷰 -------------------------------- */
#Wrap.hprof #sCont{padding: 0;}
.profView{}
.profView .video{position: relative; width: 100%; height: 100vh; overflow: hidden;}
.profView .video:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none;}
.profView .video video{position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%);}
.profView .video .vtxt{position: absolute; left: 0; bottom: 100px; width: 100%; z-index: 1;}
.profView .video .vtxt .sArea{}
.profView .video .vtxt .name{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 30px 20px;}
.profView .video .vtxt .name big{color: #fff;font-size: 58px;font-weight: 600;}
.profView .video .vtxt .name small{color: #fff;font-size: 42px;font-weight: 600;}
.EN .profView .video .vtxt .name small{display:none;}
.profView .video .vtxt .topInfo{padding-top: 30px;color: #fff;}
.profView .video .vtxt .topInfo li{font-size: 17px;}
.profView .video .vtxt .topInfo li + li{margin-top: 6px;}
.profView .video .vtxt .topInfo li i{margin-right: 6px;}

.profView .pBot{padding: 100px 0 120px;}
.profView .pBot .sArea{display: flex;}
.profView .pBot .pleft{padding-right: 100px;}
.profView .pBot .pleft .pl_inner{position: sticky;top: 200px;width: 322px;text-align: center;}
.profView .pBot .pleft .imgWr{margin: 0 auto 35px; text-align: center;}
.profView .pBot .pleft .imgWr .img{border-radius:50%;width: 300px;height: 300px;overflow:hidden;margin: 0 auto;background: #ddd;}
.profView .pBot .pleft .imgWr .img img{max-width:100%;}
.profView .pBot .pleft .txtWr{display: flex; flex-direction: column; gap: 10px;}
.profView .pBot .pleft .txtWr small{color: #c8005f; font-family: 'Aggravo'; font-size: 18px; font-weight: 700;}
.profView .pBot .pleft .txtWr big{font-size: 32px;font-weight: 700;color: #222;display: flex;justify-content: center;align-items: center;gap: 10px;}
.profView .pBot .pleft .txtWr big span{}
.profView .pBot .pleft .txtWr big span + span + span,
.profView .pBot .pleft .txtWr big span.hp{background: #222;font-size:16px;color:#fff;padding:5px 15px;border-radius:20px;}

.profView .pBot .pleft .topInfo{}
.profView .pBot .pleft .topInfo{padding-top: 15px;color: #444;}
.profView .pBot .pleft .topInfo li{font-size: 17px;font-weight: 500;text-align: left;background: #f9f9f9;border: 1px solid #ededed;border-radius: 100px;padding: 15px 25px;letter-spacing: -.5px;}
.profView .pBot .pleft .topInfo li + li{margin-top: 10px;}
.profView .pBot .pleft .topInfo li i{margin-right: 6px;font-weight: normal;}

.profView .pBot .pright{position: relative;padding-left: 75px;width: calc(100% - 422px);}
.profView .pBot .pright:after{z-index: -1;}
.profView .dotTit:after{content:"";display: block;position: absolute;left: -80px;top: 50%;transform: translateY(-50%);width: 11px;height: 11px;border-radius: 50%;background: #c8005f;}
.profView .pBot .pright:after{content: ''; position: absolute; bottom: 0; left: 0; width: 1px; height: 389px; background: #fff;}
.profView .pBot .pright .lineGuide{position: absolute; width: 1px; height: 100%; top: 0; left: 0; background: #e8e8e8;}
.profView .pBot .pright .lineGuide .progress{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #c8005f;}

.profView .prof-se{position:relative;}
.profView .prof-se + .prof-se{margin-top:80px;}
.profView .cont-tit{font-size: 32px;color:#212121;font-weight:bold;position:relative;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
.profView .cont-tit:before{content:"";background: linear-gradient(to right, #eaeaea 0 70%, #000 30% 100%);top: 16px;width:100%;height: 1px;position:absolute;z-index: 0;}
.profView .cont-tit strong{background:#fff;padding-right: 20px;z-index: 1;position: relative;font-weight: 700;}
.profView .cont-tit span{color: #000; font-family: 'Aggravo'; font-size: 20px; font-weight: 700; position: relative; background: #fff; text-transform: uppercase; padding-left: 15px;}
.profView .cont-txt{line-height:1.6;font-size: 18px;letter-spacing: -.5px;font-weight: 500;color: #666;}

.EN .profView .cont-tit{font-size: 28px;}
.EN .profView .cont-tit strong{font-family: 'Aggravo';text-transform: uppercase;}
.EN .profView .cont-tit span{display:none;}

/* 연구실 소개 */
.profView .prof-se.aboutLab{margin-top: 70px;}
.profView .prof-se.aboutLab .lab-tit{display:block; margin-bottom:20px; position:relative; font-size:32px; color:#111; font-weight:800;}
.profView .prof-se.aboutLab .lab-tit a{color:inherit;}
.profView .prof-se.aboutLab .lab-tit i{padding-left:10px;}
.profView .prof-se.aboutLab .labInt{position:relative;}
.profView .prof-se.aboutLab .labInt p{line-height:1.6;font-size: 18px;letter-spacing: -.5px;font-weight: 500;color: #666;word-break: keep-all;}
.profView .prof-se.aboutLab .labKw{position:relative;margin: 30px 0;display: flex;gap: 5px;flex-wrap: wrap;}
.profView .prof-se.aboutLab .labKw span{padding:10px 20px;background:#000;border-radius:5px;color:#fff;font-weight:500;display: inline-block;}
.profView .prof-se.aboutLab .labImg{position:relative; text-align:center;}
.profView .prof-se.aboutLab .labImg img{max-width:100%;}

/* 타이틀 강조형 리스트 타입 */
.profView .cont-txt.dlType{}
.profView .cont-txt.dlType dl{display:flex;gap:15px;align-items: flex-start;}
.profView .cont-txt.dlType dt{border-radius:30px;background:#333;color:#fff;text-align:center;padding: 2px 15px;display: inline-flex;justify-content: center;align-items: center;}
.profView .cont-txt.dlType dd{}
.profView .cont-txt.dlType dl + dl{margin-top: 5px;}

.career .cont-txt.dlType dt{min-width: 190px;}

/* 도트 리스트 타입 */
.profView .cont-txt.listType p{position:relative;padding-left: 16px;line-height: 1.4;}
.profView .cont-txt.listType p:before{content:"";width: 6px;height: 6px;position:absolute;left:0;top: 10px;background: #ccc;border-radius:50%;}
.profView .cont-txt.listType > p{position:relative;padding-left: 15px;word-break: normal;overflow-wrap: break-word; /* or word-wrap: break-word */white-space: normal;}
.profView .cont-txt.listType p + p{margin-top:10px;}

@media (max-width: 1300px){
}
@media (max-width: 1240px){
}
@media (max-width: 1170px){
	.profView .pBot {padding: 80px 0;}
	.profView .pBot .pleft {padding-right: 40px;}
	.profView .pBot .pleft .imgWr .img{width:240px; height:240px;}
	.profView .pBot .pright {padding-left: 40px; width: calc(100% - 322px);}
	.profView .dotTit:after {left: -45px;}
	.profView .prof-se.aboutLab {margin-top: 30px;}
}
@media (max-width: 980px){
	.profView .video{height: 500px}
	.profView .video:after {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);}
	.profView .video .vtxt {bottom: 30px;}
	.profView .video .vtxt .name big {font-size: 42px;}
	.profView .video .vtxt .name small {font-size: 32px;}
	.profView .video .vtxt .topInfo {padding-top: 15px;}

	.profView .pBot .sArea {flex-direction: column; align-items: center; gap: 40px;}
	.profView .pBot .pleft {padding-right: 0; width:100%;}
	.profView .pBot .pleft .pl_inner {position: relative; top: auto; width: 100%; text-align: center;}
	.profView .pBot .pright {padding-left: 30px; width: 100%;}
	.profView .dotTit:after {left: -35px;}
}
@media (max-width: 767px){
	
}
@media (max-width: 640px){
}
@media (max-width: 480px){
	.profView .video{height: 300px}
	.profView .video .vtxt .name {align-items: flex-start; gap: 0; flex-direction: column;}
	.profView .video .vtxt .name big {font-size: 24px;}
	.profView .video .vtxt .name small {font-size: 17px;}
	.profView .video .vtxt {bottom: 20px;}
	.profView .video .vtxt .topInfo li {font-size: 16px;}

	.profView .prof-se + .prof-se {margin-top: 60px;}
	.profView .dotTit:after{width:8px; height:8px; left: -33px;}
	.profView .cont-tit {font-size: 24px;flex-direction: column;align-items: flex-start;}
	.profView .cont-tit:before {display:none;}
	.profView .cont-tit span {font-size: 18px;display: none;}
	.profView .prof-se.aboutLab .lab-tit {margin-bottom: 15px; font-size: 26px;}
	.profView .cont-txt.dlType dl {display: flex; gap: 5px; align-items: flex-start; flex-direction: column;}
	.profView .cont-txt.dlType dt{width:100%;font-size: 16px;}
	.profView .cont-txt.dlType dd {text-align: center;width: 100%;font-size: 16px;}
	.profView .cont-txt.listType > p{font-size:16px; padding-left: 10px;}
	.profView .cont-txt.listType p:before {width: 4px; height: 4px; top: 7px;}
	.profView .prof-se.aboutLab .labInt p{font-size:17px;}
	.profView .cont-tit strong {padding-right: 0;}

	.profView .prof-se.aboutLab .labKw{margin: 20px 0;}
	.profView .prof-se.aboutLab .labKw span {padding: 5px 10px; font-size: 16px;}

}