@charset "UTF-8";
:root {
  --mo-header-height: 56px;
  --mo-bottom-nav-height: 64px;
  --mo-fixed-btn-height: 52px;
  --mo-content-padding-x: 1.25rem + 1.25rem;
}
/* layout */
#pc-header > div {
  /*content inner width + padding*/
  max-width: calc(1140px + var(--mo-content-padding-x));
  margin-left: auto;
  margin-right: auto;
}
#mobile-top-navi {
  z-index: 140;
}
#mobile-top-navi > .relative {
  min-height: calc(var(--mo-header-height) - 1px);
}
#content-fixed {
  min-height: calc(100dvh - 62px - 170px);
}
#subpage-content {
  max-width: calc(1140px + var(--mo-content-padding-x));
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1023.98px) {
  /* 모바일 하단 고정버튼 */
  #content-fixed:has(.fixed-b-btn) {
    padding-bottom: calc(var(--mo-bottom-nav-height) + var(--mo-fixed-btn-height));
  }
  #content-fixed:has(.fixed-b-btn.is-cart) {
    padding-bottom: calc(var(--mo-bottom-nav-height) + var(--mo-fixed-btn-height) + 61px);
  }
  #content-fixed .fixed-b-btn {
    left: 0;
    bottom: var(--mo-bottom-nav-height);
    /* z-index: 150; */
    z-index: 100;
  }
  #content-fixed .fixed-b-btn .btn {
    border-radius: 0;
  }
  #content-fixed:has(.fixed-b-p-btn) {
    padding-bottom: calc(var(--mo-bottom-nav-height) + var(--mo-fixed-btn-height) + var(--mo-content-padding-x)) !important;
  }
  #content-fixed .fixed-b-p-btn {
    left: 0;
    bottom: var(--mo-bottom-nav-height);
    z-index: 150;
  }
  #content-fixed:has(.single-frame) {
    padding-bottom: 0;
  }

  #content-fixed:has(.fixed-b-btn) + .btn-chat {
    bottom: 138px;
  }
  #content-fixed:has(.fixed-b-p-btn) + .btn-chat {
    bottom: 158px;
  }

  /* 단일 페이지인 경우 (우측상단 닫기 버튼만 있고, 하단 메뉴는 없는 페이지) */
  .single-frame {
    height: calc(100dvh - var(--mo-header-height));
  }
  .multiple-frame {
    height: calc(100dvh - var(--mo-header-height) - var(--mo-bottom-nav-height));
  }

  .garage-swiper .swiper-slide:first-child {
    margin-left: 20px;
  }
  .garage-swiper .swiper-slide:last-child {
    margin-right: 20px;
  }
}

/* 툴팁박스 커스텀테마 */
.tippy-box[data-theme~='light-shadow'] {
  padding: 6px 7px;
  line-height: 150%;
  font-size: 14px;
  color: #000;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eef0ee;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

/* 카카오맵 관련(테스트) */
.root_daum_roughmap .map_border {
  display: none !important;
}
.root_daum_roughmap .wrap_controllers {
  display: none;
}
.root_daum_roughmap .wrap_map {
  min-height: 100%;
  height: 100% !important;
}

/* swiper */
.swiper-pagination-bullet {
  background: #fff;
  opacity: 0.3;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .prods-thumb-swiper {
    padding: 0 20px;
  } 
  .prods-thumb-swiper .swiper-slide {
    width: 56px;
  }
  .min-w-100 {
    width: 100% !important;
  }
}