/* 스토리지 페이지 모바일 메뉴 — 주차장 정보(.pi-*)·메인과 같은 햄버거 + 오른쪽 슬라이드 메뉴. 1199px 이하에서 사용 */
.mm-btn,.mm-panel{display:none}
@media (max-width:1199px){
  .zgnb .zmenu,.site-header .gnb{display:none!important}
  /* 헤더 치수 = 메인 모바일(높이 52px · 로고 140px · 좌우 18px · 메뉴 아이콘 21×19) */
  .zgnb .wrap,.site-header .wrap{padding-left:18px;padding-right:18px}
  .zgnb .wrap,.site-header .hdr{min-height:52px;padding-block:0}
  .zgnb .zlogo,.site-header .logo{width:140px}
  .site-header{margin-bottom:-52px}
  .mm-btn{display:block;width:21px;height:19px;margin-left:auto;padding:0;border:0;background:transparent;cursor:pointer}
  .mm-btn img{display:block;width:21px;height:19px}
  /* 펼친 메뉴 = 메인과 같은 위에서 내려오는 전체 폭 패널(상단 60px #2d2d2d · 항목 44px · 15px) */
  .mm-panel{position:fixed;inset:0;z-index:1000;display:block;overflow-y:auto;background:#fff;transform:translateY(-100%);transition:transform .25s}
  .mm-panel.is-open{transform:translateY(0)}
  .mm-panel__top{height:60px;display:flex;justify-content:flex-end;align-items:center;padding:0 18px;background:#2d2d2d}
  .mm-close{display:block;width:21px;height:19px;padding:0;border:0;background:transparent;cursor:pointer}
  .mm-close img{display:block;width:21px;height:19px}
  .mm-nav{padding:0 20px 8px}
  .mm-nav a{display:flex;align-items:center;height:44px;padding-left:10px;border-bottom:1px solid #b4b4b4;color:#000;font:400 15px 'NanumSquare',sans-serif;text-decoration:none}
  .mm-nav a.on{font-weight:800}
  .mm-nav .nav-new{margin-left:6px}
}
