@charset "utf-8";
/* =====================================================
   Member 목록 (PH.D. / Candidates / Students / M.S.) — member/css/member.css
   * 레이아웃(좌 사진 · 우 정보)은 유지하고 디자인 요소 강화
   ===================================================== */
.member .member-note {margin-top:50px; padding:16px 20px; background:var(--bg1); border-radius:8px; color:#999; font-size:var(--fs14); text-align:center;}

/* ── 그리드 : 한 줄 2명 ── */
.member .member-grid {grid-template-columns:repeat(2,1fr); gap:28px;}

/* ── 카드 ── */
.member .member-card {position:relative; display:flex; align-items:flex-start; gap:26px; padding:26px 30px; border:1px solid var(--border1); border-radius:16px; overflow:hidden; background:linear-gradient(180deg,#fff 0%,#fbfaf9 100%); transition:transform .3s, box-shadow .3s;}
.member .member-card:hover {transform:translateY(-6px); box-shadow:0 22px 44px rgba(13,37,54,.12);}

/* ── 사진 (가로 120 · 세로 160 = 3:4 · 빈칸 인물 실루엣 플레이스홀더) ── */
.member .member-card .photo {flex:0 0 120px; width:120px; aspect-ratio:3/4; border:0; border-radius:10px; overflow:hidden; background:#f1ede8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d3ccc3'%3E%3Ccircle cx='12' cy='8.4' r='4.3'/%3E%3Cpath d='M3.6 21c0-4.7 3.8-7.2 8.4-7.2S20.4 16.3 20.4 21z'/%3E%3C/svg%3E") center 46% / 62px no-repeat;}
.member .member-card .photo::after {content:none;}
.member .member-card .photo img {width:100%; height:100%; object-fit:cover; object-position:center top;}

/* ── 정보 ── */
.member .member-card .info {flex:1; min-width:0; padding:0;}
.member .member-card .info .name {line-height:1.2; color:var(--c_base1); font-size:var(--fs22); font-weight:800; letter-spacing:-.4px;}
.member .member-card .info .name .en {display:block; margin-top:3px; color:var(--c_base2); font-size:var(--fs14); font-weight:600; letter-spacing:.2px;}
.member .member-card .info dl {margin-top:20px; padding-top:20px; border-top:1px solid var(--border1); display:grid; grid-template-columns:auto 1fr; gap:2px 16px; font-size:var(--fs15);}
.member .member-card .info dt {position:relative; padding-left:12px; color:var(--c_base2); font-weight:700; white-space:nowrap;}
.member .member-card .info dt::before {content:''; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background:var(--c_base2);}
.member .member-card .info dd {min-width:0; color:#555; line-height:1.55; word-break:keep-all; overflow-wrap:anywhere;}

/* ── 태블릿 (~1199px) ── */
@media screen and (max-width: 1199px) {
	.member .member-note {margin-top:36px;}
	.member .member-grid {gap:22px;}
	.member .member-card {gap:22px; padding:24px 26px;}
}

/* ── 모바일 (~767px) : 한 줄 1명 · 사진 상단 / 텍스트 하단 ── */
@media screen and (max-width: 767px) {
	.member .member-grid {grid-template-columns:1fr; gap:16px;}
	.member .member-card {flex-direction:column; align-items:stretch; gap:18px; padding:20px;}
	.member .member-card .photo {flex:none;}
	.member .member-card .info {width:100%;}
	.member .member-card .info .name {font-size:var(--fs20);}
	.member .member-card .info dl {gap:10px 14px;}
}

/* ── 빈 이미지 플레이스홀더 (공용 유틸 · 이미지 수령 후 교체) ── */
.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;}