/* 원장 소개 시안 v1·v2·v3 공통 (2026-10-17, 생성기 ~/tmp/renewal-src/build/doctor-1017) — 버전별 모양은 p-doc-v*.css */
:root { --dv-ease: cubic-bezier(.2, .7, .2, 1); }
.sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.dv main { overflow-x: clip; }
.dv mark { background: none; color: inherit; }

/* 등장: 스크립트가 늦거나 꺼지면(dv-js 없음) 처음부터 다 보인다 */
[data-rv] { transition: opacity .9s var(--dv-ease) var(--d, 0s), transform 1.1s var(--dv-ease) var(--d, 0s); }
.dv-js [data-rv]:not(.is-in) { opacity: 0; transform: translate3d(0, 28px, 0); }
@media (prefers-reduced-motion: reduce) {
  [data-rv] { transition: opacity .6s linear var(--d, 0s); }
  .dv-js [data-rv]:not(.is-in) { transform: none; }
}

/* 밝은 첫 화면 위 머리(v1·v3): 맨 위에서도 로고·글자를 어둡게 */
.hdr-ink .hdr:not(.is-solid):not(.is-open) { color: var(--ink); }
.hdr-ink .hdr:not(.is-solid):not(.is-open) .hdr__logo-l { opacity: 0; }
.hdr-ink .hdr:not(.is-solid):not(.is-open) .hdr__logo-d { opacity: 1; }
.hdr-ink .hdr:not(.is-solid):not(.is-open) .hdr__cta { --talk-fg: #fff; }
.hdr-ink .hdr:not(.is-solid):not(.is-open) .hdr__cta:hover { background: var(--ink); color: #fff; --talk-fg: #222; }

/* 버튼 (메인 히어로와 같은 화살표·유리 버튼) */
.dv .btn .i-arr { flex: none; width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; transition: translate .35s var(--dv-ease); }
.dv .btn:hover .i-arr { translate: 3px 0; }
.dv .btn { gap: 8px; height: 54px; padding: 0 26px; border-radius: 27px; font-size: 15.5px; }
.dv .btn--glass { color: #fff; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.34); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.dv .btn--glass:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.72); }
.dv .btn--line { background: transparent; }
@media (max-width: 599px) { .dv .btn { height: 50px; padding: 0 20px; font-size: 15px; } }

/* v4~v6 공통 배너 사진(img/dr-banner*.jpg): PC 는 사람이 오른쪽(.shero__bg 기본 60% 50%), 모바일 세로 사진은 가운데 */
@media (max-width: 1023px) { .shero__bg[data-pos="doctor2"] { object-position: 50% 50%; } }
/* v4~v6 공통 배너 모바일: 사람이 화면을 채우는 대신 제목 자리(가운데 아래)만 어둡게 덮어 금색 제목이 목·턱 위에서도 읽히게.
   덮개 방식은 서브 공통 .shero--dim 과 같다(::before 위에 글). 위쪽 얼굴은 그대로 밝게 */
@media (max-width: 1023px) {
  .shero:has(.shero__bg[data-pos="doctor2"])::before { z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 32%, rgba(0,0,0,.6) 48%, rgba(0,0,0,.72) 70%, rgba(0,0,0,.8) 100%); }
  .shero:has(.shero__bg[data-pos="doctor2"]) .shero__in { z-index: 2; }
}