/* 2026-10-28 GNB 하단 서브메뉴(A안) — 주요 6페이지와 서비스 페이지(회원·예약·상담·약관)가 함께 쓰는 파일. major6.css에서 분리 */
:root{--m6-ink:#111110}
/* GNB 하단 서브메뉴 — 헤더 카드 둘째 줄(36px, 위 1px 선은 기존 바로가기와 같음).
   10/28 A안으로 변경: 왼쪽 경로(묶음 단계 ▾ = '○○ 전체보기' + 아래 페이지 목록), 오른쪽 하위 페이지 링크(현재 = 검정 700 + 민트 2px 밑줄), 카드 아래 섹션 진행 게이지.
   hover는 글자색만. 모바일은 최상위부터 전체 경로 + 게이지. 기존 페이지별 바로가기(.bv-jump/.section-progress/.page-jump)는 이 줄이 대신한다. */
.m6-subnav{grid-area:progress;min-width:0;margin:8px -8px -8px;font-family:inherit}
.bv-dock>.m6-subnav{grid-area:jump}
header:has(.m6-subnav) :is(.bv-jump,.section-progress,.page-jump){display:none!important}
.m6-sub-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;height:36px;padding:0 32px;border-top:1px solid rgba(0,0,0,.07);font-size:13px;font-weight:500;line-height:1;white-space:nowrap}
.m6-crumb{display:flex;align-items:center;flex:none;min-width:0;color:#8a8984}
.m6-crumb-i{display:inline-flex;align-items:center}
.m6-crumb-sep{flex:none;width:12px;height:12px;margin:0 6px;color:#b5b4ae} /* 이미지 시스템 경로 구분 12px — 서비스 셸의 전역 svg{18px}이 덮지 않게 크기 고정 */
.m6-crumb a{color:#6f6e69;text-decoration:none;cursor:pointer;transition:color .25s}
.m6-crumb a:hover{color:#111110}
.m6-crumb-drop{display:inline-flex;align-items:center;gap:4px;height:36px;margin:0;padding:0;border:0;background:none;font:inherit;color:#6f6e69;cursor:pointer;transition:color .25s}
.m6-crumb-drop:hover{color:#111110}
.m6-crumb :is(.m6-crumb-drop,b)[aria-current]{font-weight:700;color:#111110}
.m6-crumb span.m6-crumb-pc{color:#6f6e69}
/* 10/28 데스크톱은 펼침 메뉴 없이 경로 링크/글자만, 모바일은 ▾ 펼침 */
.m6-crumb-drop{display:none!important}
.m6-crumb-drop .m6-crumb-chev{width:16px;height:16px;flex:none;transition:transform .2s}
.m6-crumb-drop[aria-expanded=true] .m6-crumb-chev{transform:rotate(180deg)}
.m6-crumb-drop:focus-visible{outline:2px solid #087b85;outline-offset:2px}
.m6-sub-links{display:flex;align-items:center;gap:24px;min-width:0;overflow-x:auto;scrollbar-width:none}
.m6-sub-links::-webkit-scrollbar{display:none}
.m6-sub-links a{position:relative;flex:none;line-height:35px;color:#6f6e69;text-decoration:none;cursor:pointer;transition:color .25s}
.m6-sub-links a:hover{color:#111110}
.m6-sub-links a[aria-current]{color:#111110;font-weight:700}
.m6-sub-links a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#0FDFDD}
/* 섹션 진행 게이지(A안): 카드 맨 아래 2px, 지나간 섹션까지 민트 */
.m6-sub-gauge{display:flex;height:2px}
.m6-sub-gauge i{flex:1 1 0;background:rgba(0,0,0,.08);transition:background-color .3s}
.m6-sub-gauge i.is-on{background:#0FDFDD}
/* 같은 단계 페이지 목록: Select 표준 패널(흰 바탕, 1px #e5e5e5, 행 40px, 현재 = 600 + 10px 네모) */
.m6-sub-menu{position:fixed;z-index:90;min-width:184px;padding:4px;box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:0;box-shadow:0 16px 40px rgba(17,17,16,.14),0 2px 6px rgba(17,17,16,.06);font-family:'Pretendard Variable',Pretendard,system-ui,sans-serif;animation:m6-sel-in .18s cubic-bezier(.2,.8,.2,1)}
.m6-sub-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;height:40px;padding:0 12px;font-size:15px;font-weight:400;letter-spacing:-0.01em;color:#111110;text-decoration:none;white-space:nowrap;cursor:pointer;outline:0}
.m6-sub-menu a:is(:hover,:focus-visible){background:#f5f5f5}
.m6-sub-menu a[aria-current]{font-weight:600}
.m6-sub-menu a[aria-current]::after{content:"";flex:none;width:10px;height:10px;background:#111110}
/* 헤더 밖에 남는 경우(헤더 없는 페이지) 대비 */
#main>.m6-subnav{width:var(--m6-w);margin:0 auto;background:#fff}
@media (max-width:799px){
  .m6-subnav{margin:6px -6px -6px}
  .m6-sub-row{gap:16px;padding:0 16px}
  /* 모바일: 최상위(전문분야)부터 전체 경로. 좁으면 가로로 밀어 보기. 하위 페이지는 경로 ▾ 드롭다운 */
  .m6-crumb{overflow-x:auto;scrollbar-width:none;flex:1 1 auto}
  .m6-crumb::-webkit-scrollbar{display:none}
  .m6-crumb-i{flex:none}
  .m6-crumb-sep{margin:0 3px}
  .m6-sub-links{display:none}
  .m6-crumb-pc{display:none}
  .m6-crumb-drop{display:inline-flex!important}
  .m6-sub-gauge{height:3px;margin:0 6px 2.5px}
}
.m6-toast{position:fixed;left:50%;bottom:32px;translate:-50% 0;z-index:300;padding:14px 20px;background:var(--m6-ink);color:#fff;font:400 14px/1.5 'Pretendard Variable',Pretendard,system-ui,sans-serif;opacity:0;pointer-events:none;transition:opacity .25s}
.m6-toast[data-show]{opacity:1}
@media (prefers-reduced-motion:reduce){.m6-subnav a,.m6-crumb-drop .m6-crumb-chev,.m6-sub-gauge i,.m6-sub-menu{transition:none;animation:none}}
/* 10/28 서비스 페이지: 서브메뉴가 생기면 본문 위의 기존 위치 표시(홈 › 온라인 예약 등)는 숨김 — 같은 정보를 헤더 둘째 줄이 대신함 */
html.m6-has-subnav .site-location{display:none!important}
/* 서비스 페이지 헤더는 services.css가 카드 안을 한 줄(flex)로 강제함 → 서브메뉴가 있을 때만 주요 페이지와 같은 두 줄 격자(site-header.css의 brand/nav/tools + progress) */
html body header.site-header:has(.m6-subnav) .dock{display:grid!important}
/* 서비스 페이지: 헤더가 서브메뉴 줄만큼(40px) 커진 만큼 본문을 내려, 서브메뉴 전과 같은 헤더–제목 간격(PC 108px, 모바일 24px)을 유지.
   예약 페이지는 숨긴 위치 표시 자리가 빠지므로 따로 맞춤 */
html.m6-svc-subnav main{padding-top:40px}
html.m6-svc-subnav main:has(.site-location){padding-top:88px}
@media (max-width:799px){html.m6-svc-subnav main:has(.site-location){padding-top:24px}}
/* 서비스 페이지 scroll-padding: 번들(reservation.css·shell-base.css)의 옛 헤더 기준(PC 140, 모바일 110)에 서브메뉴 줄 40px를 더함 — 예약 단계 자동 스크롤·첫 오류 포커스 위치 */
html.m6-svc-subnav{scroll-padding-top:180px}
@media (max-width:799px){html.m6-svc-subnav{scroll-padding-top:150px}}