/* [만들어진 파일] work/v2/mobnav.py — 폰 전체메뉴. 원본 CSS 와 안 부딪히게 v2nav- 로 이름을 뗀다. */
.v2nav-panel{position:fixed;inset:0;z-index:9000;display:none}
.v2nav-panel[data-v2nav="1"]{display:block}
.v2nav-dim{position:absolute;inset:0;background:rgba(30,24,16,.5)}
.v2nav-sheet{position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);
  background:#FDFBF6;box-shadow:-10px 0 40px rgba(40,30,18,.22);
  display:flex;flex-direction:column;padding:18px 22px 28px;overflow-y:auto}
.v2nav-top{display:flex;justify-content:flex-end;margin-bottom:8px}
.v2nav-close{width:44px;height:44px;border:0;background:transparent;cursor:pointer;
  font-size:calc(26px*var(--dn-fs,1));line-height:1;color:#4A3A26}
.v2nav-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.v2nav-list a{display:block;padding:16px 4px;font-size:calc(19px*var(--dn-fs,1));font-weight:600;color:#3D332A;
  text-decoration:none;border-bottom:1px solid #E6DBC8}
.v2nav-list a[aria-current="page"]{color:#8C6430}
.v2nav-list .v2nav-home{color:#8B8072;font-weight:500;font-size:calc(16px*var(--dn-fs,1))}
.v2nav-cta{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.v2nav-cta a{display:block;text-align:center;padding:15px 12px;border-radius:999px;
  font-size:calc(16px*var(--dn-fs,1));font-weight:700;text-decoration:none;min-height:48px;box-sizing:border-box}
/* 빛깔은 v2-extra.css 의 :root 변수 한 곳(extras.py) — 값을 여기 다시 적지 않는다(기본값도).
   .v2nav-tel 은 두 자리에 쓰인다 : 절 끝 단추 줄(extras.cta_row · 떠 있지 않음 → 호박색 그대로) · 폰 전체메뉴(.v2nav-panel · fixed → 떠 있는 전화의 녹색 · 원장님 2026-09-22) */
.v2nav-tel{background:var(--dn-amber);color:var(--dn-amber-ink)}
.v2nav-panel .v2nav-tel{background:var(--dn-tel);color:var(--dn-tel-ink)}   /* 떠 있는 전체메뉴의 전화만 녹색 · 쪽 안(.dn_cta) 것은 호박색(원장님 2026-09-22 밤) */
.v2nav-kko{background:var(--dn-kko);color:var(--dn-kko-ink)}
.v2nav-addr{margin-top:22px;font-size:calc(13.5px*var(--dn-fs,1));line-height:1.7;color:#6F675F}
@media (min-width:1025px){.v2nav-panel{display:none !important}}

/* ── ⚠⚠ 폰에서 **절마다 블록 두셋이 통째로 안 보이던 것** (2026-09-20 실측) ─────
   원본 CSS 는 나타나는 효과를 이렇게 건다 :
       [ani="up"]              {opacity:0}          ← 처음엔 숨긴다
       .section.active [ani]   {opacity:1}          ← 그 절에 들어가면 보인다
   그런데 `active` 를 붙이는 것은 **fullpage.js 뿐이고, 그것은 1024px 초과에서만
   돈다**(원본 main.js 16줄 `window.innerWidth > 1024`). ⇒ 폰에서는 `active` 가
   영영 안 붙어 **그 블록들이 끝까지 안 보인다.**
   실측(390x844, 소개 쪽) : sec01·02·03·센터장·04·06·08·16 에서 2~3개씩,
   동행 서비스는 **지도·카드·병원 목록이 통째로** 안 보였다.
   ⚠ 우리가 낸 흠이 아니라 **원본이 그렇다.** 우리 절도 같은 틀을 쓰니 같이 걸렸다.
   ⚠ 폰에서는 효과를 켤 수단 자체가 없으므로 **효과를 끄고 그냥 보이게** 한다.
      `#main` 을 앞에 붙여 원본 규칙(.section.active …)보다 세게 만든다. */
@media (max-width:1024px){
  #main [ani]{opacity:1 !important;transform:none !important;transition:none !important}
}