/* ==== [운영 메모 2026-10-29] — 이 메모는 주석이라 동작에 영향 없음 ====
   상태: 운영 적용 중 — 메인 2쪽(/, /en/)의 <body> 에만 c3-navgroup13 클래스가 있다.
   불러오는 곳: 메인 2쪽만, PC(48rem 이상)만. 메인의 '오시는 길'·하단 정보(Footer) PC 디자인.
   PC 덮어쓰기 순서(서브): design-c3 → menu → ops2 → quickview → herodiag → herom → menuscrim → final
        → navgroup → 2 → 3 → 4 → 5 → 6 → 7 → 10 → 11  (메인은 design-c3 대신 ncareorig, 맨 끝에 planbottom 추가)
        뒤에 불러온 파일이 앞 파일을 덮어쓴다. 값을 바꿀 때는 이 순서에서 가장 뒤 파일부터 찾을 것.
   ==== */
/* 13차 — body.c3-navgroup13 한정. 기획 홈페이지(git c8eeb6f: ContactSection.astro·SiteFooter.astro variant="home", DECISIONS 2026-10-06 오시는 길 선화 최종 기준안·2026-10-03 Footer)의
   오시는 길(.loc)·Footer(.footer--home/.fh) 규칙을 클래스명만 pb- 접두로 바꿔 옮긴 것. 값은 기획 home.css 그대로. 다른 섹션·헤더·전화 버튼 불변. */
body.c3-navgroup13 .pb-loc, body.c3-navgroup13 .pb-footer {
  --blue: #2f46d6; --ink: #1b2230; --ink-2: #454c5a; --ink-3: #5d6574; --line: #e3e5ea; --naver: #03c75a; --footer-bg: #111b32;
  --fs-sm: 1rem; --fs-body: 1.125rem; --fs-lg: 1.1875rem; --en: inherit; --wrap: 84rem; --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --section-title-size: clamp(1.75rem, 3vw, 2.6rem); --section-title-weight: 700; --section-title-leading: 1.35; --section-title-tracking: -0.035em;
  font-family: 'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
}
@media (max-width: 63.99rem) { body.c3-navgroup13 .pb-loc { --fs-body: 1.0625rem; } }
body.c3-navgroup13 .pb-wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); box-sizing: border-box; }
body.c3-navgroup13 .pb-map { display: inline-flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 3rem; padding: 0 1.125rem 0 1.375rem; border-radius: 999px; font-size: var(--fs-sm); font-weight: 700; letter-spacing: -.01em; text-decoration: none; transition: filter .15s ease; background: var(--naver); color: #fff; }
body.c3-navgroup13 .pb-map:hover { filter: brightness(.95); }
body.c3-navgroup13 .pb-map__n { font-family: var(--en); font-size: var(--fs-lg); font-weight: 700; line-height: 1; }
/* 오시는 길 */
body.c3-navgroup13 .pb-loc { position: relative; overflow: hidden; background: #fff; display: flex; flex-direction: column; margin: 0; padding: 0; }
body.c3-navgroup13 .pb-loc__inner { position: relative; padding-block: clamp(4rem, 9vw, 5rem) 2rem; order: -1; }
body.c3-navgroup13 .pb-loc__title { margin: 0; font-size: var(--section-title-size); font-weight: var(--section-title-weight); line-height: var(--section-title-leading); letter-spacing: var(--section-title-tracking); color: var(--ink); word-break: keep-all; }
body.c3-navgroup13 .pb-loc__tabs { display: flex; gap: 1.75rem; margin-top: clamp(2rem, 4vw, 2.75rem); border-bottom: 1px solid var(--line); }
body.c3-navgroup13 .pb-loc__tab { position: relative; padding: 0 0 .875rem; border: 0; background: none; font: inherit; font-size: 1.0625rem; font-weight: 700; color: var(--ink-3); cursor: pointer; }
body.c3-navgroup13 .pb-loc__tab[aria-selected="true"] { color: var(--ink); }
body.c3-navgroup13 .pb-loc__tab[aria-selected="true"]::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--blue); }
body.c3-navgroup13 .pb-loc__tab:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
body.c3-navgroup13 .pb-loc__panels { display: grid; margin-top: 1.5rem; }
body.c3-navgroup13 .pb-loc__panel { grid-area: 1 / 1; }
body.c3-navgroup13 .pb-loc__panel[hidden] { display: block; visibility: hidden; }
body.c3-navgroup13 .pb-loc__rows { display: grid; gap: .875rem; margin: 0; }
body.c3-navgroup13 .pb-loc__rows > div { display: grid; grid-template-columns: 6.5rem 1fr; column-gap: 1rem; align-items: baseline; }
body.c3-navgroup13 .pb-loc__rows dt { font-size: var(--fs-body); font-weight: 700; color: var(--ink); }
body.c3-navgroup13 .pb-loc__rows dd { margin: 0; font-size: var(--fs-body); line-height: 1.6; color: var(--ink-2); word-break: keep-all; font-variant-numeric: tabular-nums; }
body.c3-navgroup13 .pb-loc__tel { color: var(--ink-2); text-decoration: none; }
body.c3-navgroup13 .pb-loc__tel:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
body.c3-navgroup13 .pb-loc__map { margin-top: 1.75rem; }
body.c3-navgroup13 .pb-loc__map:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
body.c3-navgroup13 .pb-loc__art { position: relative; aspect-ratio: 5 / 4; }
body.c3-navgroup13 .pb-loc__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 84% 50%; }
@media (min-width: 60rem) {
  body.c3-navgroup13 .pb-loc { display: block; min-height: clamp(40rem, 56.25vw, 52rem); }
  body.c3-navgroup13 .pb-loc__art { position: absolute; inset: 0; aspect-ratio: auto; }
  body.c3-navgroup13 .pb-loc__art img { object-position: 100% 50%; }
  body.c3-navgroup13 .pb-loc__inner { display: flex; align-items: center; min-height: inherit; padding-block: clamp(4rem, 6vw, 5.5rem); }
  body.c3-navgroup13 .pb-loc__info { width: min(44%, 34rem); }
}
/* Footer — 딥 네이비 3열 */
body.c3-navgroup13 .pb-footer { padding: 2.25rem 0 2.5rem; background: var(--footer-bg); color: rgba(255,255,255,.75); font-size: .8125rem; box-shadow: inset 0 2px 0 var(--blue); }
body.c3-navgroup13 .pb-footer .pb-wrap { max-width: var(--wrap); }
body.c3-navgroup13 .pb-fh { display: grid; gap: 1.5rem; }
body.c3-navgroup13 .pb-fh p { margin: 0; line-height: 1.65; }
body.c3-navgroup13 .pb-fh .pb-fh__name { margin-bottom: .4rem; font-size: .9375rem; font-weight: 700; color: #fff; }
body.c3-navgroup13 .pb-fh__clinic p:not(.pb-fh__name) { color: rgba(255,255,255,.7); word-break: keep-all; }
body.c3-navgroup13 .pb-fh__info { display: grid; gap: .5rem; margin: 0; }
body.c3-navgroup13 .pb-fh__info > div { display: flex; gap: .75rem; }
body.c3-navgroup13 .pb-fh__info dt { flex: 0 0 6.25rem; font-weight: 600; line-height: 1.65; color: rgba(255,255,255,.9); }
body.c3-navgroup13 .pb-fh__info dd { margin: 0; line-height: 1.65; }
body.c3-navgroup13 .pb-fh__info a { color: rgba(255,255,255,.85); text-decoration: none; text-underline-offset: 3px; }
body.c3-navgroup13 .pb-fh__info a:hover, body.c3-navgroup13 .pb-fh__info a:focus-visible { color: #fff; text-decoration: underline; }
body.c3-navgroup13 .pb-fh__hours { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; font-variant-numeric: tabular-nums; }
body.c3-navgroup13 .pb-fh__hours li { display: flex; gap: .75rem; line-height: 1.65; white-space: nowrap; }
body.c3-navgroup13 .pb-fh__hours span { flex: 0 0 5.5rem; color: rgba(255,255,255,.6); }
@media (min-width: 60rem) {
  body.c3-navgroup13 .pb-footer { padding: 2.5rem 0 2.75rem; }
  body.c3-navgroup13 .pb-fh { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(3rem, 5vw, 5rem); align-items: start; }
  body.c3-navgroup13 .pb-fh__info--hours dt { flex-basis: 4.5rem; }
}

/* 2026-10-30 국문 PC 메인 오시는 길 — 건물 선화 대신 오른쪽에 카카오맵(모바일과 같은 지도퍼가기 key). 지도가 있는 섹션에만 적용.
   왼쪽 제목·탭·주소·교통·전화·네이버 지도 버튼은 그대로, 오른쪽 지도는 모바일처럼 16:11·1px 선·12px 모서리, 위젯의 주소 바(.cont)는 모바일과 같이 숨김. */
body.c3-navgroup13 .pb-loc:has(.pb-loc__kmap) { min-height: 0; }
body.c3-navgroup13 .pb-loc__kmap { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #f4f5f8; }
body.c3-navgroup13 .pb-loc__kmap .root_daum_roughmap { width: 100% !important; }
body.c3-navgroup13 .pb-loc__kmap .root_daum_roughmap .wrap_map { height: auto !important; aspect-ratio: 16 / 11; }
body.c3-navgroup13 .pb-loc__kmap .root_daum_roughmap > .cont { display: none; }
body.c3-navgroup13 .pb-loc__kmap-fallback { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; aspect-ratio: 16 / 11; color: var(--ink-2); }
body.c3-navgroup13 .pb-loc__kmap-fallback p { margin: 0; }
body.c3-navgroup13 .pb-loc__inner:has(.pb-loc__kmap) { display: grid; gap: 2.5rem; padding-block: clamp(4rem, 9vw, 5rem); }
@media (min-width: 60rem) {
  body.c3-navgroup13 .pb-loc__inner:has(.pb-loc__kmap) { grid-template-columns: minmax(0, 34rem) minmax(0, 1fr); column-gap: clamp(3rem, 5vw, 5.5rem); align-items: center; min-height: 0; padding-block: clamp(4.5rem, 7vw, 6rem); }
  body.c3-navgroup13 .pb-loc__inner:has(.pb-loc__kmap) .pb-loc__info { width: auto; }
}
/* 오시는 길 ↔ 푸터 사이 파란 가로선(푸터 위쪽 2px 안쪽 그림자) 제거 — 국문 메인만. 푸터 배경·내용 유지 */
html[lang="ko"] body.c3-home.c3-navgroup13 .pb-footer { box-shadow: none; }
