/* 메뉴(/menu) 전용 CSS — 반응형 웹(RW3, 10/16). 휴대폰(767px 이하)은 site.css 그대로.
   태블릿 768px 이상은 읽기 폭 760px 가운데(좌우 여백 24px), PC 1080px 이상은 좌우 여백 32px 에 목록을 두 열로. 색·글꼴·모양은 그대로. */
@media (min-width: 768px) {
  .menu-page { max-width: calc(760px + 2 * var(--sp-5)); padding-inline: var(--sp-5); }
}

@media (min-width: 1080px) {
  .menu-page { max-width: calc(760px + 64px); padding-inline: 32px; }
  .menu-page .menulist { column-gap: var(--sp-6); grid-template-columns: repeat(2, minmax(0, 1fr)); }
}