@charset "UTF-8";
/* 의료진 소개(목록) 전용 — 공통은 ../../common/css/common.css · sub.css
   한 줄에 2명 · 사진은 카드 폭의 1/3 크기로 가운데 · 글도 가운데 정렬 (09-23) */

.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;max-width:1040px;margin-inline:auto}
.doc-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(20px,calc(20px + (100vw - 1000px) * 12 / 920),32px);border-radius:18px;background:var(--bg-2)}
.doc-card .ph{display:block;width:100%;border-radius:12px;overflow:hidden}
.doc-card .ph img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;transition:transform .6s var(--ease)}
.doc-card .ph:hover img{transform:scale(1.04)}   /* 10-08 : 사진 · 이름도 상세로 */
.doc-body h3 a{color:inherit;transition:color .3s var(--ease)}
.doc-body h3 a:hover{color:var(--accent)}
.doc-body{display:flex;flex-direction:column;align-items:center;flex:1;margin-top:clamp(20px,calc(20px + (100vw - 1000px) * 8 / 920),28px)}
.doc-body .n{font-family:var(--lat);font-size:12.5px;letter-spacing:.2em;color:var(--gold)}
.doc-body h3{margin-top:10px;font-size:clamp(23px,calc(23px + (100vw - 1000px) * 5 / 920),28px);line-height:1.35;font-weight:600;letter-spacing:-.045em}
.doc-body h3 small{margin-left:8px;font-size:.6em;font-weight:400;color:var(--muted)}
.doc-body .acts{justify-content:center;margin-top:auto;padding-top:32px}   /* 10-08 : 태그와 버튼 사이 여유 */
.docs .notice{margin-top:32px;text-align:center}

@media (max-width:999px){
  .doc-grid{grid-template-columns:1fr}
  .doc-grid{gap:24px;max-width:480px}
  .doc-card .ph{width:100%}
}
@media (max-width:690px){
  .doc-card .ph{width:100%}
}

/* ===== 엘리멘터 max-width · margin · flex 보정 (tools/sync_theme.py 자동 생성 · 직접 고치지 말 것) ===== */
.elementor.elementor.elementor.elementor .doc-card{flex-direction:column;align-items:center}
.elementor.elementor.elementor.elementor .doc-body{flex-direction:column;align-items:center;flex:1;margin-top:clamp(20px,calc(20px + (100vw - 1000px) * 8 / 920),28px)}
.elementor.elementor.elementor.elementor .doc-body h3{margin-top:10px}
.elementor.elementor.elementor.elementor .doc-body h3 small{margin-left:8px}
.elementor.elementor.elementor.elementor .doc-body .acts{justify-content:center;margin-top:auto}
.elementor.elementor.elementor.elementor .docs .notice{margin-top:32px}
@media (max-width:999px){.elementor.elementor.elementor.elementor .doc-grid{max-width:480px}}