/* ko-ver3 미리보기 7차(2026-11-05) — 메인 · 서브페이지 미리보기 공통 층(맨 뒤). 생성 build/ver3-1105i/make_v3i.py(이 파일을 css/p-v3i.css 로 복사).
   1 모든 헤더 배너의 검은 오버레이 삭제 — 글자는 글자 그림자 + 사진 노출 보정(메인 v3i-hero · 원장 · 병원 소개 배너 그림)으로 읽힘
   2 배너 문구 = 슬로건 두 줄(HTML) — 설명 줄은 뺌
   3 병원 소개: 오시는 길 약도(SVG) · 원장 소개: 학술 활동(재식술 연혁 + 강연 · 실습 사진) */

/* ── 1 · 배너 검은 막 삭제 · 글자 그림자 ── */
body.v3 .hero--ray::before, body.v3 .hero--ray .hero__in::before { background: none !important; }
body.v3 .hero--ray .hero__in { text-shadow: 0 1px 2px rgba(10, 8, 6, .55), 0 2px 18px rgba(10, 8, 6, .5), 0 0 44px rgba(10, 8, 6, .35); }
body.v3s .shero::before, body.v3s .shero::after { background: none !important; }
body.v3s .shero .shero__bg { opacity: 1; }
body.v3s .shero__in { text-shadow: 0 1px 2px rgba(10, 8, 6, .6), 0 2px 18px rgba(10, 8, 6, .55), 0 0 44px rgba(10, 8, 6, .38); }
body.v3s .shero .btn { text-shadow: none; }
/* 슬로건: 두 줄, 둘째 줄 강조(연한 금색 — 메인 머리 배너와 같은 색) */
body.v3s .shero .shero__title { text-wrap: balance; }
body.v3s .shero .shero__title em { font-style: normal; font-weight: 700; color: var(--v3s-gold-l, #ecd39f); -webkit-text-fill-color: currentColor; }
body.v3s .shero .eyebrow { letter-spacing: .06em; }
/* 새 배너 그림: 원장 소개 = 이미지 11(원장이 오른쪽 — PC 위치는 원래 72% 50% 그대로), 병원 소개 = 이미지 26(왼쪽을 넓힌 판 — 원장이 오른쪽)
   모바일: 두 쪽 모두 글자가 위 · 원장이 아래(원장 소개의 원래 모바일 배치를 병원 소개에도) */
@media (min-width: 1024px) { body.v3s .r16-hero .shero__bg { object-position: 0% 50%; } }
@media (max-width: 1023px) {
  body.v3s .r16-hero { align-items: flex-start; }
  body.v3s .r16-hero .shero__in { padding-top: calc(var(--hdr-h) + 44px); }
  body.v3s .r16-hero .shero__bg { object-position: 10% 100%; }
  body.v3s .dr3-hero .shero__bg { object-position: 80% 100%; }
}

/* ── 3-1 · 병원 소개 오시는 길: 약도 + 안내 4줄 ── */
body.v3s .v3i-map-fig { margin: 0 0 28px; padding: 0; }
body.v3s .v3i-map { display: block; width: 100%; height: auto; border-radius: 22px; box-shadow: 0 1px 2px rgba(29, 33, 37, .06), 0 24px 44px -28px rgba(66, 50, 24, .4); border: 1px solid rgba(29, 33, 37, .1); }
body.v3s .v3i-map--mo { display: none; }
@media (max-width: 767px) { body.v3s .v3i-map--pc { display: none; } body.v3s .v3i-map--mo { display: block; } }
body.v3s .v3i-loc .core-list { margin-top: 0; }
body.v3s .v3i-loc .core-list li { min-height: 104px; }
@media (max-width: 1023px) { body.v3s .v3i-loc__r { margin-top: 28px; } body.v3s .v3i-loc .core-list li { min-height: 0; } }

/* ── 3-2 · 원장 소개 학술 활동 ── */
body.v3s .v3i-acad { position: relative; padding: clamp(96px, 6vw + 40px, 160px) 0; background: radial-gradient(52% 50% at 8% 6%, rgba(224, 192, 130, .22), rgba(224, 192, 130, 0) 70%), linear-gradient(180deg, #faf7f2 0%, #f3ece2 100%); }
body.v3s .v3i-acad__lead { max-width: 860px; margin: 22px 0 0; font-size: clamp(16px, 15px + .25vw, 19px); line-height: 1.75; color: #3f464d; word-break: keep-all; }
body.v3s .v3i-acad__lead b { color: #1d2125; }
body.v3s .v3i-acad__h { margin: clamp(56px, 3vw + 32px, 88px) 0 0; font-size: clamp(20px, 18px + .5vw, 26px); font-weight: 700; letter-spacing: -0.03em; color: #1d2125; }
body.v3s .v3i-acad__key { color: #76581f; font-size: 10px; vertical-align: 2px; }
body.v3s .v3i-tl { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(28px, 4vw, 80px); margin: 18px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(29, 33, 37, .22); }
body.v3s .v3i-tl li { position: relative; display: grid; grid-template-columns: 92px minmax(0, 1fr); column-gap: 18px; padding: 18px 0 18px; border-bottom: 1px solid rgba(29, 33, 37, .12); break-inside: avoid; }
body.v3s .v3i-tl__y { font: italic 400 22px/1.2 Georgia, 'Times New Roman', serif; color: #76581f; }
body.v3s .v3i-tl__y small { display: block; margin-top: 4px; font: 500 12.5px/1.3 'Pretendard Variable', Pretendard, sans-serif; font-style: normal; letter-spacing: .02em; color: #4f565d; }
body.v3s .v3i-tl__t { margin: 0; font-size: clamp(16px, 15px + .3vw, 18.5px); line-height: 1.5; font-weight: 700; letter-spacing: -0.03em; color: #1d2125; word-break: keep-all; }
body.v3s .v3i-tl__d { grid-column: 2; margin: 6px 0 0; font-size: 14.5px; line-height: 1.65; color: #4f565d; word-break: keep-all; }
body.v3s .v3i-tl li.is-key .v3i-tl__t { color: #1d2125; }
body.v3s .v3i-tl li.is-key::before { content: ""; position: absolute; left: -14px; top: 26px; width: 6px; height: 6px; border-radius: 50%; background: #c49a4c; box-shadow: 0 0 0 4px rgba(196, 154, 76, .22); }
body.v3s .v3i-gal { margin: 22px 0 0; padding: 0; list-style: none; column-count: 3; column-gap: 16px; }
body.v3s .v3i-gal li { break-inside: avoid; margin: 0 0 16px; }
body.v3s .v3i-gal figure { margin: 0; overflow: hidden; border-radius: 16px; background: #e9e4dc; box-shadow: 0 1px 2px rgba(29, 33, 37, .06), 0 22px 40px -26px rgba(40, 32, 20, .5); }
body.v3s .v3i-gal img { display: block; width: 100%; height: auto; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
body.v3s .v3i-gal figure:hover img { transform: scale(1.03); }
body.v3s .v3i-gal figcaption { padding: 12px 16px 14px; background: #fff; font-size: 14px; line-height: 1.5; color: #3f464d; }
body.v3s .v3i-gal figcaption b { display: block; color: #1d2125; }
body.v3s .v3i-acad__note { margin: 14px 0 0; font-size: 13.5px; color: #4f565d; }
@media (max-width: 1023px) {
  body.v3s .v3i-tl { grid-template-columns: none; }
  body.v3s .v3i-gal { column-count: 2; column-gap: 10px; }
  body.v3s .v3i-gal li { margin-bottom: 10px; }
}
@media (max-width: 767px) {
  body.v3s .v3i-acad { padding: 76px 0 84px; }
  body.v3s .v3i-tl li { grid-template-columns: 74px minmax(0, 1fr); column-gap: 12px; padding: 15px 0; }
  body.v3s .v3i-tl__y { font-size: 19px; }
  body.v3s .v3i-tl li.is-key::before { display: none; }
  body.v3s .v3i-gal figcaption { padding: 9px 11px 10px; font-size: 12.5px; }
}
@media (prefers-reduced-motion: reduce) { body.v3s .v3i-gal img { transition: none; } body.v3s .v3i-gal figure:hover img { transform: none; } }
body.v3s .v3i-acad .r26-hd__t em { white-space: nowrap; }