/* 모바일 GNB / 푸터 하단 버튼 - PC 숨김 */
@media all and (min-width: 1024px) {
  .gnb-mobile-menu,
  .gnb-mobile-menu .viewport_side,
  #viewport .gnb-mobile-menu,
  #viewport #left_side,
  #viewport #right_side,
  #viewport #close_side,
  #footer .footer-btn {
    display: none !important;
    visibility: hidden !important;
  }

  .quick-banner {
    display: block;
  }
}

/* 모바일 하단 퀵버튼 */
@media all and (max-width: 1023px) {
  #footer .footer-btn {
    display: grid;
  }

  /* 모바일 메뉴 열릴 때 하단 퀵바/상단버튼 숨김 */
  #viewport.left-open #footer .footer-btn,
  #viewport.right-open #footer .footer-btn,
  #viewport.left-open #footer #btn_site_top,
  #viewport.right-open #footer #btn_site_top {
    display: none !important;
    visibility: hidden !important;
  }

  #viewport.left-open .quick-banner,
  #viewport.right-open .quick-banner {
    display: none !important;
  }

  /* 메뉴 오버레이 방식: 본문 밀림 제거 */
  #viewport.left-open #header,
  #viewport.left-open #main_view,
  #viewport.left-open #sub_view,
  #viewport.right-open #header,
  #viewport.right-open #main_view,
  #viewport.right-open #sub_view {
    left: 0 !important;
  }

  #viewport.left-open,
  #viewport.right-open {
    overflow: hidden;
    position: relative;
    height: 100%;
  }

  #viewport .viewport_side {
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 10001;
  }

  #viewport #close_side {
    position: fixed;
    z-index: 10000;
  }

  #viewport #left_side {
    left: -270px;
  }

  #viewport.left-open #left_side {
    left: 0;
    visibility: visible;
  }

  #viewport #right_side {
    right: -270px;
  }

  #viewport.right-open #right_side {
    right: 0;
    visibility: visible;
  }
}