@charset "utf-8";
/* 역대 학부장 목록 (lab_dean) *************************************************
 * 카드 짜임새는 직원 목록(lab_member) 을 그대로 쓴다 — 왼쪽 사진, 오른쪽 글.
 * 카드 테두리 · 라운드 · 사진 칸 · 롤오버 심볼마크는 style.css 의 .lab-mb 규칙을 물려받고,
 * 여기서는 '이름 / N대 학부장 / 재임 기간' 세 줄만 손본다.
 * 본문 글자는 16px 아래로 내리지 않는다.
============================================================================== */
.lab-wrap.lab-dn{max-width:none;--pad:0px;}
.lab-dn .lab-mb-head{padding-top:0;}
.lab-dn .lab-listbar{margin-top:0;}
.lab-dn i{font-weight:normal;}
.lab-dn .lab-total,.lab-dn .lab-listbar .lab-total{color:#7a8090;font-size:18px;font-weight:600;letter-spacing:-.5px;}

/* 검색창 — 교수 소개 · 직원 목록과 같은 값 */
.lab-dn .fc-search{position:relative;flex:0 0 auto;width:340px;}
.lab-dn .fc-search input{width:100%;height:46px;padding:0 42px;border:1px solid #dde2ea;border-radius:999px;background:#fff;color:#222;font-family:inherit;font-size:17px;letter-spacing:-.5px;box-sizing:border-box;transition:border-color .2s ease;}
.lab-dn .fc-search input:focus{outline:none;border-color:var(--point);}
.lab-dn .fc-search input::placeholder{color:#a3a9b5;}
.lab-dn .fc-search input::-webkit-search-cancel-button{display:none;}
.lab-dn .fc-search > i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#98a0ae;font-size:19px;pointer-events:none;}
.lab-dn .fc-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:50%;background:#eef1f5;color:#666;cursor:pointer;}
.lab-dn .fc-search-clear[hidden]{display:none;}
.lab-dn .fc-search-clear:hover{background:#dde2ea;color:#222;}
.lab-dn .fc-search-clear i{font-size:16px;}
.lab-dn .fc-noresult{margin:0;padding:80px 20px;color:#8a90a0;font-size:18px;text-align:center;}
.lab-dn .fc-noresult[hidden]{display:none;}

/* ---------- 카드 ---------- */
.lab-dn .dn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;margin-top:30px;padding:0;}
.lab-dn .dn-card[hidden]{display:none;}
.lab-dn .dn-card .top{gap:26px;padding:30px 28px;}
.lab-dn .dn-card .ph{width:150px;height:188px;background-position:center 12%;}

/* 이름 / N대 학부장 / 재임 기간 — 굵기와 색으로 층을 나눈다 */
.lab-dn .dn-card .who{gap:0;}
.lab-dn .dn-card .nm{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 9px;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--ink);}
.lab-dn .dn-card .nm small{color:#8a90a0;font-size:16px;font-weight:400;letter-spacing:-.3px;}
.lab-dn .dn-nth{margin-top:10px;color:var(--point);font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:1.35;}
.lab-dn .dn-term{margin-top:8px;color:var(--ink-3);font-size:17px;font-weight:500;letter-spacing:-.2px;line-height:1.4;}

/* 관리자 수정 버튼 — 다른 교직원 목록과 같은 모양 */
.lab-dn .dn-edit{position:absolute;right:16px;top:16px;z-index:4;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-3);font-size:16px;transition:background .25s ease,color .25s ease,border-color .25s ease;}
.lab-dn .dn-edit i{font-weight:normal;}
.lab-dn .dn-edit:hover{border-color:var(--point);background:var(--point);color:#fff;}

/* 칸 수 : 3 → 2 → 1 */
@media (max-width:1439px){ .lab-dn .dn-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:980px){  .lab-dn .dn-grid{grid-template-columns:minmax(0,1fr);} }

/* 좁은 화면 : 사진을 위로 올리고 가운데 정렬 (직원 · 명예교수 목록과 같은 방식) */
@media (max-width:640px){
	.lab-dn .dn-card .top{flex-direction:column;align-items:center;gap:22px;padding:28px 24px;}
	.lab-dn .dn-card .who{align-self:stretch;text-align:center;}
	.lab-dn .dn-card .nm{justify-content:center;font-size:26px;}
	.lab-dn .dn-edit{right:14px;top:14px;}
}