/* ===== 메가텔레콤 공통 헤더/드로어/예약모달 스타일 ===== */
/* 모든 페이지 공용. home.css의 헤더 관련 클래스만 추출 — 전역 리셋(body/a/img 등)은 포함하지 않아 기존 페이지 본문 스타일에 영향 없음 */

/* ---- nav / CTA hover ---- */
.mt-nav-link { transition: color .15s; }
.mt-nav-link:hover { color: #E60012 !important; }
.mt-cta { transition: background .15s; }
.mt-cta:hover { background: #C00010 !important; }

/* ---- 모바일 햄버거 / 드로어 ---- */
.mt-hamburger { display: none; width: 40px; height: 40px; border: none; background: none; cursor: pointer; flex-direction: column; gap: 5px; align-items: center; justify-content: center; }
.mt-hamburger span { display: block; width: 22px; height: 2px; background: #16181D; border-radius: 2px; transition: .2s; }
.mt-drawer { display: none; position: fixed; inset: 0; z-index: 90; }
.mt-drawer.open { display: block; }
.mt-drawer-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.4); }
.mt-drawer-panel { position: absolute; top: 0; right: 0; bottom: 0; width: 78%; max-width: 320px; background: #fff; padding: 24px 22px; overflow-y: auto; box-shadow: -10px 0 40px rgba(0,0,0,.2); font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif; }
.mt-drawer-panel a { display: block; padding: 14px 6px; font-size: 16px; font-weight: 700; border-bottom: 1px solid #F1F2F4; color:#16181D; text-decoration:none; }
.mt-drawer-close { position: absolute; top: 14px; right: 14px; border: none; background: #F6F7F9; width: 36px; height: 36px; border-radius: 9px; font-size: 20px; cursor: pointer; }

/* ---- 예약 모달 표시 토글 + 칩 ---- */
.mt-modal { display: none; }
.mt-modal.open { display: flex; }
.mt-chip { transition: all .15s; cursor: pointer; }
.mt-chip.selected { border-color: #E60012 !important; background: #FFF0F1 !important; color: #E60012 !important; }

/* ===== 반응형 (헤더) — 스펙: <1060px 네비→햄버거 ===== */
@media (max-width: 1060px) {
  .mt-nav { display: none !important; }
  .mt-hamburger { display: flex; }
  .mt-foreigners-action { display: none !important; }
  .mt-utilbar-hours { display: none; }
}


/* ===== 공통 푸터 그리드 (footer 공통화: home.css에서 이관, 전 페이지 공통 푸터용) ===== */
.mt-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 40px; align-items: start; }
@media (max-width: 768px) {
  .mt-footer-grid { grid-template-columns: 1fr; gap: 28px; }
}


/* ===== 헤더 드롭다운 (데스크톱 호버) ===== */

/* ===== 모바일 드로어 아코디언 ===== */


/* ===== 유틸바 지원 링크(공지/FAQ) — 모바일에선 드로어로 대체하여 숨김 ===== */
@media (max-width: 768px) { .mt-utilbar-support { display: none !important; } }