@charset "utf-8";
/* =====================================================
   Professor — member/css/professor.css (디자인 페이지)
   ===================================================== */
/* ── 상단 인물 카드 ── */
.professor .prof-photo {overflow:hidden; border-radius:12px; background:var(--bg1);}
.professor .prof-photo img {display:block; width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center top;}
.professor .prof-role {display:inline-block; padding:6px 14px; background:var(--bg1); border-radius:30px; color:var(--c_base2); font-size:var(--fs14); font-weight:700; margin-bottom:18px;}
.professor .prof-name {color:var(--c_base1); font-size:var(--fs40); font-weight:800; letter-spacing:-1px; line-height:1.2;}
.professor .prof-name .en {display:inline-block; color:#aaa; font-size:var(--fs20); font-weight:500; margin-left:10px;}
.professor .prof-belong {margin-top:12px; color:#666; font-size:var(--fs18);}

/* ── 상세 (연구분야 / 학력 / 경력) ── */
.professor .prof-detail {margin-top:80px; display:grid; gap:56px;}
.professor .pd-block .bar-tit .en {margin-left:8px; color:#bbb; font-size:var(--fs16); font-weight:600;}
.professor .pd-tags {display:flex; flex-wrap:wrap; gap:12px;}
.professor .pd-tags li {padding:10px 20px; background:#fff; border:1px solid var(--border1); border-radius:30px; color:var(--c_base1); font-size:var(--fs15); font-weight:600;}
/* 약력(연도 없는 경력) 리스트 */
.professor .pd-career {display:flex; flex-direction:column; gap:11px;}
.professor .pd-career li {position:relative; padding-left:16px; color:#555; font-size:var(--fs16); line-height:1.6; word-break:keep-all;}
.professor .pd-career li::before {content:''; position:absolute; left:0; top:11px; width:5px; height:5px; border-radius:50%; background:var(--c_base2);}
.professor .pd-career li.gap {margin-top:14px;}

/* ── 데스크탑 (1200px~) ── */
@media screen and (min-width: 1200px), print {
	.professor .prof-card {display:grid; grid-template-columns:340px 1fr; gap:60px; align-items:center;}
	.professor .prof-dl {margin-top:34px; border-top:2px solid var(--c_base1);}
	.professor .prof-dl > div {display:flex; gap:24px; padding:18px 4px; border-bottom:1px solid var(--border1);}
	.professor .prof-dl dt {flex:0 0 120px; color:var(--c_base2); font-size:var(--fs16); font-weight:700;}
	.professor .prof-dl dd {color:#555; font-size:var(--fs16);}

	.professor .pd-list li {display:flex; gap:24px; padding:18px 4px; border-bottom:1px solid var(--border1);}
	.professor .pd-year {flex:0 0 80px; color:var(--c_base1); font-weight:700; font-size:var(--fs16);}
	.professor .pd-txt {color:#777; font-size:var(--fs16);}
}

/* ── 태블릿 (~1199px) ── */
@media screen and (max-width: 1199px) {
	.professor .prof-card {display:grid; grid-template-columns:1fr; gap:36px;}
	.professor .prof-photo {max-width:320px;}
	.professor .prof-detail {margin-top:56px; gap:44px;}
	.professor .prof-dl {margin-top:26px; border-top:2px solid var(--c_base1);}
	.professor .prof-dl > div {display:flex; gap:18px; padding:16px 4px; border-bottom:1px solid var(--border1);}
	.professor .prof-dl dt {flex:0 0 100px; color:var(--c_base2); font-size:var(--fs15); font-weight:700;}
	.professor .prof-dl dd {color:#555; font-size:var(--fs15);}

	.professor .pd-list li {display:flex; gap:18px; padding:16px 4px; border-bottom:1px solid var(--border1);}
	.professor .pd-year {flex:0 0 70px; color:var(--c_base1); font-weight:700; font-size:var(--fs15);}
	.professor .pd-txt {color:#777; font-size:var(--fs15);}
}

/* ── 모바일 (~767px) ── */
@media screen and (max-width: 767px) {
	.professor .prof-name {font-size:var(--fs32);}
	.professor .prof-name .en {display:block; margin:6px 0 0;}
}

/* ── 빈 이미지 플레이스홀더 (공용 유틸 · 이미지 수령 후 교체) ── */
.img-empty {position:relative; width:100%; background:var(--bg1); border:1px solid var(--border1); overflow:hidden;}
.img-empty::after {content:'IMAGE'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#c9c2ba; font-size:var(--fs14); font-weight:700; letter-spacing:2px;}
.img-empty.ratio-43 {aspect-ratio:4/3;}
.img-empty.ratio-11 {aspect-ratio:1/1;}
.img-empty.ratio-45 {aspect-ratio:4/5;}
.img-empty.ratio-169 {aspect-ratio:16/9;}