/* ══════════════════════════════════════════════════════════
   p-medical-team.css — 의료진 소개(소개·의료진)
   site.css 다음에 로드된다. 접두사 .mt- · site.css 는 손대지 않는다.
   장식은 축소본(라벨 + 번호). 배경 대형 타이포는 쓰지 않는다.
   ══════════════════════════════════════════════════════════ */

/* ── 01 hero — 한 장으로 두 비율을 견뎌야 해서 세로에서는 중앙을 잡는다 ── */
/* 원장은 사진 가로 18~41% 구간에 있다.
   모바일은 보이는 가로가 35% 뿐이라(가로 여유 687px) X 를 25% 로 둬야 인물이 프레임 안에 들어온다.
   데스크톱은 가로 여유가 0 이라 X 는 아무 영향이 없고, Y 로만 높이를 맞춘다(실측). */
.mt-hero__img{width:100%; height:100%; object-fit:cover; --phero-pos:25% 30%}
@media (max-width:759px){
  .mt-hero__img{--phero-pos:25% 40%}
}

/* ── 02 프로필 ── */
.mt-profile__meta{
  margin-top:1.2rem; padding-top:1.1rem; border-top:1px solid var(--line);
  font-size:var(--f-sub); color:var(--muted); line-height:1.7;
}
/* 원장 사진은 646×753 원본이라 3/4 마스크 안에서 더 키우지 않는다. */
.mt-profile .fig--stadium img{max-height:min(66vh, 560px)}

/* ── 03 약력 — 항목이 21줄이다. 두 열로 나눠 세로 스크롤을 줄인다.
   왼쪽 열에 짧은 묶음 셋(경력 4 · 학회 4 · 채널 2), 오른쪽 열에 키닥터 11 —
   묶음을 하나씩 흘리면 오른쪽 아래에 300px 짜리 빈칸이 남는다. ── */
.mt-creds__groups{
  display:grid; gap:1.9rem;
  margin-top:clamp(1.5rem, 1rem + 2vw, 2.4rem);
}
.mt-creds__col{display:grid; gap:1.9rem; align-content:start}
@media (min-width:760px){
  .mt-creds__groups{grid-template-columns:1fr 1fr; column-gap:clamp(2rem, 1rem + 3vw, 3.5rem); align-items:start}
}
.mt-creds__k{
  font-size:var(--f-cap); letter-spacing:.16em; text-transform:uppercase;
  color:var(--brand); font-weight:700;
  padding-bottom:.6rem; border-bottom:1px solid var(--line);
}
.mt-creds__g .creds{margin-top:.9rem}
.mt-creds__g .creds li{font-size:var(--f-body); line-height:1.7}

/* ── 04 리프팅 철학 ── */
.mt-philo__in{max-width:60ch; margin-inline:auto; margin-top:clamp(1.4rem, 1rem + 1.6vw, 2.2rem)}
.mt-philo__q{margin-top:0}
.mt-philo__q p{font-size:clamp(1.2rem, 1rem + 1vw, 1.6rem); line-height:1.65}

/* ── 05 채널 ── */
@media (min-width:900px){
  .mt-chan__list{grid-template-columns:repeat(3,1fr); gap:.9rem}
}

/* ── 06 CTA ── */
.mt-cta__b2{margin-left:.6rem}
@media (max-width:519px){
  .mt-cta .btn{display:flex; width:100%}
  .mt-cta__b2{margin-left:0; margin-top:.7rem}
}

/* ── 03 원장실 인증패 — 접수서 2차 실사진(4:5). 모바일은 사진 왼쪽 가로 행, 700px+ 3열 카드 ── */
.mt-plaques{margin-top:clamp(2rem,1.4rem + 2vw,3rem); padding-top:clamp(1.6rem,1.1rem + 1.6vw,2.4rem); border-top:1px solid var(--line)}
.mt-plaques__list{margin:1rem 0 0; padding:0; list-style:none; display:grid; gap:.75rem}
.mt-plaques__list li{display:grid; grid-template-columns:96px 1fr; column-gap:.9rem; row-gap:.15rem; align-items:center; background:#fff; border:1px solid var(--line); border-radius:var(--r-card); padding:.7rem}
.mt-plaques__list img{grid-row:span 2; width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:calc(var(--r-card) - 4px)}
.mt-plaques__list b{font-size:var(--f-sub); color:var(--ink); line-height:1.4; align-self:end}
.mt-plaques__list span{font-size:var(--f-cap); color:var(--muted); line-height:1.5; align-self:start}
@media (min-width:700px){
  .mt-plaques__list{grid-template-columns:repeat(3,1fr); gap:1.2rem}
  .mt-plaques__list li{grid-template-columns:1fr; align-content:start; row-gap:.2rem}
  .mt-plaques__list img{grid-row:auto; margin-bottom:.4rem}
  .mt-plaques__list b,.mt-plaques__list span{align-self:auto}
}
.mt-plaques .cap{margin-top:1rem}