@charset "UTF-8";
/* ============================================================
   섹션별 페이지 전용 — 랜딩페이지(index.html)에는 영향이 없습니다.
   style.css 를 그대로 쓰고, 한 섹션만 있는 페이지에서 어색한 부분만 손봅니다.
   ============================================================ */

/* 현재 위치 표시 (홈 › 이용요금) */
.crumb{
  background:var(--bg-2); border-bottom:1px solid var(--line);
  font-size:13px; color:var(--gray);
}
.crumb .container{padding-top:12px; padding-bottom:12px}
.crumb a{color:var(--brand-dp); font-weight:700}
.crumb a:hover{text-decoration:underline}
.crumb b{color:var(--ink); font-weight:700}
.crumb span{margin:0 5px; opacity:.6}

/* 한 페이지에 섹션이 하나뿐이라, 위아래 여백을 조금 줄입니다 */
.subpage main > .sec{padding-top:clamp(40px,5vw,64px)}

/* 랜딩페이지에서는 스크롤에 따라 제목이 따라다니지만
   한 섹션만 있는 페이지에서는 그럴 이유가 없습니다 */
.subpage .sec__grid > .shd{position:static}

/* 회색 배경 섹션이 페이지 전체를 덮으면 답답해 보여 흰 바탕으로 되돌립니다 */
.subpage main > .sec--gray{background:#fff}

/* 식당 페이지 — 탭 대신 분류를 세로로 모두 펼칩니다 */
.msec{
  font-family:var(--f-head);
  font-size:clamp(20px,2.4vw,26px); font-weight:800; letter-spacing:-.02em;
  color:var(--ink); margin:clamp(38px,4.5vw,58px) 0 18px;
  padding-bottom:11px; border-bottom:2px solid var(--ink);
}
.msec:first-child{margin-top:0}

/* 푸터 안 사이트 목록 */
.ft__nav{display:flex; flex-wrap:wrap; gap:4px 14px; margin-top:12px}
.ft__nav a{font-size:13px; color:rgba(240,234,227,.72)}
.ft__nav a:hover{color:#fff; text-decoration:underline}

/* 섹션 페이지에도 랜딩페이지와 같은 하단 고정 바가 있으므로
   본문 아래 여백과 「맨 위로」 위치는 style.css 기본값을 그대로 씁니다 */