/* ============================================================
   마이비즈니스파트너 — 반응형 (모바일 ≤ 960px)
   responsive.css
   ============================================================ */

@media (max-width: 960px) {
  /* GNB */
  .gnb-nav,
  .gnb-right { display: none; }
  #mob-menu-btn { display: flex; }

  /* 지도 페이지 모바일: 사이드바(리스트) 전체화면 고정 */
  .branch_nav {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 100%;
    transform: none;
    z-index: 1;
    display: flex;
  }
  
  /* 지도: 모바일에서는 숨김 */
  .branch_map { 
    display: none; 
  }

  /* 상세 팝업: 전체 화면 */
  .branch_detail_popup { max-width: 100%; }

  /* Hero: 높이 축소 */
  .sp-hero { height: 380px; padding: 40px 24px; }
  .sp-hero-title { font-size: 36px; }
  .sp-hero-highlight { font-size: 24px; }

  /* 섹션 패딩 */
  .sp-features,
  .sp-price-list,
  .sp-facilities,
  .sp-gallery,
  .sp-location { padding: 40px 24px; }

  /* 갤러리: 세로 배치 */
  .sp-gallery-grid { flex-direction: column; height: auto; }
  .sp-gal-main { height: 200px; }
  .sp-gal-sub { flex-direction: row; }
  .sp-gal-item { height: 120px; }

  /* 모바일 전용 표시 */
  .mob-only { display: block !important; }
  .pc-only { display: none !important; }
}