@charset "utf-8";
/* =========================================================
   앱 스타일 헤더 (흰 배경 + 노랑/갈색 포인트)
   - shop.head.php 에서 add_stylesheet 로 로드(전 페이지 공통)
   - main.css / default.css 는 건드리지 않고 여기서 덮어씀
   - 되돌리기: shop.head.php 의 이 파일 link 한 줄 + 추가한 마크업/JS 제거
   ========================================================= */

/* ── 헤더 바: 항상 보이는 납작한 앱 바 ── */
.hd { height: 56px; }
.hd .hd_inner {
  position: fixed; top: 0; left: 0;
  transform: none !important;     /* 스크롤 시 숨김/슬라이드 동작 해제 → 항상 표시 */
  width: 100%; height: 56px;
  /* 흰 바는 전체 폭, 내용물(햄버거·로고·사람)은 본문과 같은 480px 영역으로 모음 */
  padding: 0 max(10px, calc((100% - 480px) / 2));
  display: flex; align-items: center; justify-content: space-between;
  background: #ffffff;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
  z-index: 1000;
}
@media screen and (max-width: 620px){
  .hd { height: 56px; }
  .hd .hd_inner { height: 56px; }
}

/* 가로 메뉴 / 텍스트 로그인 영역 숨김(삭제 아님 — 되돌리기 가능) */
.hd .hd_inner .gnb { display: none !important; }
.hd .hd_inner .hd_r { display: none !important; }

/* ── 왼쪽: 햄버거 ── */
.hd .hd_inner .m_menu_btn {
  display: flex !important; align-items: center; justify-content: center;
  width: 42px; height: 42px; padding: 0; margin: 0;
  background: none !important; border: 0; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* ── 가운데: 로고(절대 중앙 정렬) ── */
.hd .hd_inner .hd_l {
  position: absolute; left: 50%; transform: translateX(-50%);
  gap: 0;
}
.hd .hd_inner .hd_logo.logo_w { width: auto; }
.hd .hd_inner .hd_logo > img { width: auto; height: 34px; vertical-align: middle; }

/* ── 오른쪽: 사람 아이콘 ── */
.app-hd-user {
  display: flex; align-items: center; justify-content: center;
  width: 42px; height: 42px;
  -webkit-tap-highlight-color: transparent;
}

/* =========================================================
   햄버거 서랍(.m_menu_modal) 정리 — 기존 절대배치/초대형 높이 해제
   ========================================================= */
.m_menu_modal { background: transparent; overflow: visible; }
.m_menu_modal.act { display: block; }

/* 왼쪽 빈 영역 = 반투명 배경(누르면 닫힘) */
.m_menu_modal .bg {
  display: block; position: fixed; top: 0; left: 0;
  width: 100%; height: 100%; background: rgba(0,0,0,.35); z-index: 0;
}
.m_menu_modal .in_ovy {
  position: relative; z-index: 1; height: 100%; background: #fff;
}
.m_menu_modal .close_btn { width: 44px; height: 44px; }

.m_menu_modal .in_ovy .inner.container { padding: 0; }
.m_menu_modal .in_ovy .inner { height: auto; display: block; position: static; }

/* 로그인/제휴문의 영역 */
.m_menu_modal .in_ovy .inner .member_menu {
  position: static; height: auto; width: 100%; margin: 0;
  background: #fff; padding: 20px 22px 14px;
  border-bottom: 1px solid #eee; font-size: 16px; z-index: auto;
}
.m_menu_modal .in_ovy .inner .member_menu .line { border-bottom: 2px solid #5A3A1E; }

/* 메뉴 목록 */
.m_menu_modal .in_ovy .inner .menu {
  position: static; height: auto; padding: 4px 22px 8px; border: 0; z-index: auto;
}
.m_menu_modal .in_ovy .inner .menu > ul { display: block; }
.m_menu_modal .in_ovy .inner .menu > ul > li { margin: 0; }
.m_menu_modal .in_ovy .inner .menu > ul > li a {
  display: block; padding: 15px 0; line-height: 1.2;
  font-size: 17px; font-weight: 600; color: #333;
  border-bottom: 1px solid #f2f2f2;
}

/* 하단 연락처 */
.m_menu_modal .in_ovy .inner .b_cont {
  position: static; top: auto; margin-top: 0; padding: 18px 22px;
}
.m_menu_modal .in_ovy .inner .b_cont .call_box {
  display: flex; flex-direction: column; gap: 12px; padding: 0;
}
.m_menu_modal .in_ovy .inner .b_cont .call_box a.t1 { font-size: 15px; }