/* ko-ver3 미리보기 8차(2026-11-05) — 병원 소개 · 원장 소개 미리보기 공통 층(p-v3i.css 다음). 생성 build/ver3-1105j/make_v3j.py
   병원 소개: 배너 좌우 반전(원장 오른쪽) · 오시는 길 = 그림 약도(아이콘) · 비급여 안내 칸 삭제
   원장 소개: 배너에 밝은 막(참고 1JF3CbTEEl.png) · Specialist 사진 밝게 + 밝은 배치 · 맨 아래 문의 띠 파란 막 줄임 */

/* ── 병원 소개 배너: 반전 사진(원장 오른쪽) ── */
@media (min-width: 1024px) { body.v3s.v3j .r16-hero .shero__bg { object-position: 100% 50%; } }
@media (max-width: 1023px) { body.v3s.v3j .r16-hero .shero__bg { object-position: 62% 100%; } }

/* ── 오시는 길: 제목 · 주소 위, 그림 약도 넓게 ── */
body.v3s .v3j-loc .c-core__grid { grid-template-columns: 1fr; row-gap: clamp(24px, 2vw + 12px, 40px); }
body.v3s .v3j-loc .c-core__grid > div:first-child { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 40px; }
body.v3s .v3j-loc .c-core__sub { margin: 0; text-align: right; }
body.v3s .v3j-map-fig { margin: 0; padding: clamp(8px, 1.4vw, 24px); border-radius: 26px; background: linear-gradient(180deg, #fbf9f5, #f3ece2); border: 1px solid rgba(29, 33, 37, .08); }
body.v3s .v3j-map { display: block; width: 100%; height: auto; }
body.v3s .v3j-map--mo, body.v3s .v3j-leg { display: none; }
body.v3s .v3j-leg { list-style: none; margin: 18px 0 0; padding: 0; gap: 12px; }
body.v3s .v3j-leg li { display: flex; align-items: center; gap: 12px; text-align: left; }
body.v3s .v3j-leg__i { position: relative; width: 40px; height: 40px; flex: none; }
body.v3s .v3j-leg__n { position: absolute; z-index: 1; margin: -26px 0 0 26px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #fff; color: #fff; font-size: 10.5px; font-weight: 800; line-height: 14px; text-align: center; }
body.v3s .v3j-leg__t b { display: block; font-size: 15.5px; font-weight: 700; color: #1d2125; }
body.v3s .v3j-leg__t small { display: block; margin-top: 2px; font-size: 13.5px; line-height: 1.45; color: #4f565d; }
@media (max-width: 767px) {
  body.v3s .v3j-loc .c-core__grid > div:first-child { display: block; }
  body.v3s .v3j-loc .c-core__sub { margin-top: 14px; text-align: center; }
  body.v3s .v3j-map--pc { display: none; }
  body.v3s .v3j-map--mo { display: block; }
  body.v3s .v3j-leg { display: grid; }
}

/* ── 원장 소개 배너: 밝은 막(참고 1JF3CbTEEl.png — 하늘빛 흰 막 + 먹색 글 + 금색 둘째 줄) ── */
body.v3s.v3j .dr3-hero::before { background: linear-gradient(90deg, rgba(246, 249, 251, .95) 0%, rgba(242, 246, 250, .9) 30%, rgba(236, 243, 248, .72) 50%, rgba(234, 241, 247, .3) 70%, rgba(234, 241, 247, .06) 88%) !important; }
body.v3s.v3j .dr3-hero .shero__in { color: #1d2125; text-shadow: none; }
body.v3s.v3j .dr3-hero .shero__title { color: #1d2125; font-weight: 800; letter-spacing: -0.035em; }
body.v3s.v3j .dr3-hero .shero__title em { color: #8a6a2c; -webkit-text-fill-color: currentColor; }
body.v3s.v3j .dr3-hero .eyebrow { color: #2e5a72; }
body.v3s.v3j .dr3-hero .btn--glass { background: rgba(255, 255, 255, .72); color: #1d2125; border-color: rgba(29, 33, 37, .22); backdrop-filter: blur(8px); }
@media (max-width: 1023px) {
  body.v3s.v3j .dr3-hero::before { background: linear-gradient(180deg, rgba(246, 249, 251, .96) 0%, rgba(242, 246, 250, .92) 36%, rgba(236, 243, 248, .62) 50%, rgba(236, 243, 248, .12) 64%, rgba(236, 243, 248, 0) 76%) !important; }
}
/* 머리글: 밝은 배너 위(스크롤 전)에서는 먹색 글 · 진한 로고 */
body.v3s.v3j-drl .hdr:not(.is-solid):not(.is-open) { color: #1d2125; }
body.v3s.v3j-drl .hdr:not(.is-solid):not(.is-open) .hdr__logo-l { opacity: 0; }
body.v3s.v3j-drl .hdr:not(.is-solid):not(.is-open) .hdr__logo-d { opacity: 1; }

/* ── Specialist Doctor: 사진 밝게(v3j-dr-spec.jpg) + 밝은 바탕 ── */
body.v3s.v3j .v7-sp { --sp-bg: #f5f0e8; background: linear-gradient(90deg, #ece5da 0%, #f5f0e8 55%, #f8f4ee 100%); color: #1d2125; }
body.v3s.v3j .v7-sp::before { display: none; }
body.v3s.v3j .v7-sp::after { background: none; }
body.v3s.v3j .v7-sp__ph img { filter: none; -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 60%, transparent 100%); mask-image: linear-gradient(90deg, #000 0%, #000 60%, transparent 100%); }
body.v3s.v3j .v7-sp__mark svg { stroke: #a9843e; }
body.v3s.v3j .v7-sp__mark i { background-color: #1d2125; }
body.v3s.v3j .v7-sp__t { color: #1d2125; font-weight: 400; }
body.v3s.v3j .v7-sp__nm { color: #76581f; }
body.v3s.v3j .v7-sp__q::before { background-color: #a9843e; }
body.v3s.v3j .v7-sp__q p { color: #3f464d; }
@media (max-width: 1023px) {
  body.v3s.v3j .v7-sp__ph img { -webkit-mask-image: none; mask-image: none; }
  body.v3s.v3j .v7-sp__ph::after { background-image: linear-gradient(180deg, rgba(245, 240, 232, 0) 62%, #f5f0e8 100%); }
}

/* ── 맨 아래 문의 띠: 파란 막 줄임(0.78 ~ 0.9 → 0.34 ~ 0.5) ── */
body.v3s.v3j .v7-cta .v7-cta__bg::after { background-image: linear-gradient(180deg, rgba(20, 30, 40, .5) 0%, rgba(20, 30, 40, .34) 45%, rgba(37, 52, 66, .5) 100%) !important; }
body.v3s .v3j-loc .c-core__grid > div:first-child > .r26-hd { flex: 1 1 auto; }
body.v3s .v3j-leg__n { background: #1d2125 !important; font-size: 11px; }