/* 의료진 소개(doctors.html) 전용 — 2026-10-09 병원 시안. 상단 띠는 greeting.css(.gr-hero) 를 함께 씁니다. */
.dr-sec{padding:56px 0 72px !important}
.dr-h2{margin:0;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;color:var(--gr-navy);letter-spacing:-.03em}
.dr-lead{margin:.7rem 0 0;font-size:var(--fs-md);color:var(--gr-ink-2)}
.dr-card{margin-top:28px;border-radius:14px}
.dr-jang{display:grid;grid-template-columns:42% 1fr;column-gap:40px;padding:36px 36px 24px;background:#EEF4FC}
html[data-theme="dark"] .dr-jang{background:var(--gr-soft)}
.dr-photo{position:relative;margin:0;align-self:end;overflow:hidden}
.dr-photo::before{content:"";position:absolute;left:4%;right:4%;top:6%;aspect-ratio:1;border-radius:50%;background:#DCE8F8}
.dr-photo img{position:relative;display:block;width:100%;height:auto;aspect-ratio:700/860;object-fit:cover;object-position:68% 100%;mix-blend-mode:multiply}
html[data-theme="dark"] .dr-photo img{mix-blend-mode:normal}
.dr-badge{display:inline-block;margin:0;padding:5px 14px;border-radius:999px;background:var(--gr-blue);color:#fff;font-size:var(--fs-xs);font-weight:700}
.dr-badge.is-soft{background:#DCE8F8;color:var(--gr-navy);margin-top:12px}
.dr-name{margin:14px 0 0;font-size:clamp(2rem,3.4vw,2.7rem);font-weight:900;color:var(--gr-navy);letter-spacing:.02em}
.dr-name span{margin-left:12px;font-size:var(--fs-md);font-weight:600;color:var(--gr-ink-2);letter-spacing:0}
.dr-role{margin:.4rem 0 0;padding-bottom:16px;border-bottom:1px solid var(--gr-line);font-size:var(--fs-sm);color:var(--gr-ink)}
.dr-kwak .dr-role{border-bottom:0;padding-bottom:0}
.dr-key{margin:18px 0 0;font-size:var(--fs-lg);font-weight:800;color:var(--gr-navy)}
.dr-desc{margin:.6rem 0 0;color:var(--gr-ink-2);line-height:1.75}
.dr-facts{display:flex;list-style:none;margin:20px 0 0;padding:0 0 18px;border-bottom:1px solid var(--gr-line)}
.dr-facts li{display:flex;align-items:center;gap:12px;padding:0 20px;font-weight:700;color:var(--gr-navy);font-size:var(--fs-xs);line-height:1.35}
.dr-facts li:first-child{padding-left:0}
.dr-facts li+li{border-left:1px solid var(--gr-line)}
.dr-facts svg{flex:none;width:44px;height:44px;padding:9px;border-radius:50%;background:#fff;fill:none;stroke:var(--gr-blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dr-h4{margin:18px 0 8px;font-size:var(--fs-sm);font-weight:800;color:var(--gr-navy)}
.dr-list{list-style:none;margin:0;padding:0}
.dr-list li{position:relative;padding:3px 0 3px 18px;color:var(--gr-ink);line-height:1.6}
.dr-list li::before{content:"";position:absolute;left:2px;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--gr-blue)}
.dr-list small{display:block;color:var(--gr-ink-2);font-size:var(--fs-2xs)}
.dr-more{grid-column:1 / -1;margin-top:20px;border:1px solid var(--gr-line);border-radius:8px;background:#fff}
html[data-theme="dark"] .dr-more{background:transparent}
.dr-more summary{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;cursor:pointer;font-weight:700;color:var(--gr-navy);list-style:none}
.dr-more summary::-webkit-details-marker{display:none}
.dr-more summary::after{content:"+";font-size:1.4rem;font-weight:400}
.dr-more[open] summary::after{content:"−"}
.dr-all{list-style:none;margin:0;padding:0 20px 18px;columns:2;column-gap:32px}
.dr-all li{break-inside:avoid;padding:4px 0 4px 14px;position:relative;color:var(--gr-ink-2);font-size:var(--fs-xs);line-height:1.55}
.dr-all li::before{content:"·";position:absolute;left:2px}
.dr-kwak{display:grid;grid-template-columns:180px 1fr 1fr;column-gap:32px;padding:24px;border:1px solid var(--gr-line);background:#fff}
html[data-theme="dark"] .dr-kwak{background:transparent}
.dr-photo-s{margin:0}
.dr-photo-s img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.dr-kwak .dr-name{margin-top:0}
.dr-side{padding-left:32px;border-left:1px solid var(--gr-line)}
.dr-side .dr-h4{margin-top:0}
.dr-moresec{padding:28px 0 !important;background:#EEF4FC}
html[data-theme="dark"] .dr-moresec{background:var(--gr-soft)}
.dr-more-grid{display:grid;grid-template-columns:auto repeat(3,1fr);gap:16px;align-items:center}
.dr-more-h{margin:0 24px 0 0;font-size:1.8rem;font-weight:900;color:var(--gr-navy)}
.dr-link{display:flex;align-items:center;gap:14px;min-height:62px;padding:0 22px;border:1px solid var(--gr-line);border-radius:8px;background:#fff;color:var(--gr-navy);font-weight:700;text-decoration:none}
html[data-theme="dark"] .dr-link{background:transparent}
.dr-link:hover{border-color:var(--gr-blue)}
.dr-link svg{width:28px;height:28px;fill:none;stroke:var(--gr-navy);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dr-link span{margin-left:auto}
@media (max-width:900px){
  .dr-jang{grid-template-columns:1fr;padding:24px 20px}
  .dr-photo{max-width:360px;justify-self:center;width:100%}
  .dr-facts{flex-wrap:wrap;gap:12px 0}
  .dr-facts li{padding:0 12px}
  .dr-kwak{grid-template-columns:120px 1fr;row-gap:16px;padding:20px}
  .dr-side{grid-column:1 / -1;padding-left:0;border-left:0}
  .dr-all{columns:1}
  .dr-more-grid{grid-template-columns:1fr}
}
.dr-photo img{aspect-ratio:76/100;object-position:89% 100%}.dr-photo::before{top:10%}
/* 2026-10-09 원형 무늬 제거, 원장 좌우 · 위를 카드 바탕색 막으로 흐리게 */
.dr-photo::before{content:none}
.dr-photo img{mix-blend-mode:normal}
.dr-photo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#EEF4FC 0%,rgba(238,244,252,.7) 12%,rgba(238,244,252,0) 28%,rgba(238,244,252,0) 72%,rgba(238,244,252,.7) 88%,#EEF4FC 100%),linear-gradient(180deg,#EEF4FC 0%,rgba(238,244,252,0) 18%)}
html[data-theme="dark"] .dr-photo::after{content:none}
.dr-facts li{white-space:nowrap}
/* 2026-10-09 사진은 항상 배경 앞에 — 원장 사진 위 색 막(::after)을 없애고 사진 가장자리만 흐림(mask) */
.dr-photo::after{content:none !important}
.dr-photo img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%);mask-composite:intersect}