@charset "utf-8";
@import "reset.css";
@import "tab-menu.css";
@import "swiper-custom.css";
@import "toggle-box.css";

/* img-box */
.img-box {
  position: relative;
}

/* timer */
.open {
  display: block;
}
.delete {
  display: none;
}
/* tab-box */
.tab3__tab-box {
  display: flex;
  padding: 5.3333vw 6.6667vw 0;
  background-color: #f8f0dd;
}
.tab3__cont-box li {
  display: none;
}
.tab3__cont-box li.active {
  display: block;
}
/* swiper */
.swiper-mask .swiper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 6.6667vw;
}
.swiper-mask.swiper1 .swiper {
  top: 9.57%;
}
.swiper-mask.swiper2 .swiper {
  top: 51.16%;
}
.swiper-mask.swiper3 .swiper {
  top: 7.06%;
}
.swiper-mask.swiper4 .swiper {
  top: 36.99%;
}
.swiper-mask .swiper-pagination {
  margin-top: 6.6667vw;
}
.swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.15);
}
.swiper-pagination-bullet-active {
  background-color: #ffffff;
}
.swiper-mask .swiper-button-prev,
.swiper-mask .swiper-button-next {
  width: 1.2vw;
  height: 2vw;
  top: initial;
  bottom: 0.75%;
}
.swiper-mask .swiper-button-prev {
  left: 40vw;
}
.swiper-mask .swiper-button-next {
  right: 40vw;
}
.swiper-mask .swiper-scrollbar {
  width: 90%;
  height: 0.8vw;
  background-color: rgba(255, 255, 255, 0.15);
  margin-top: 3vw;
}
.swiper-mask .swiper-scrollbar-drag {
  background-color: #ffffff;
}
.fraction-pagination {
  width: clamp(27.5px, 7.3333vw, 55px);
  height: clamp(15px, 4vw, 30px);
  margin: 0 auto;
  margin-top: 8vw;
}

/* 251119 */
.top .swiper-mask.swiper1 .swiper {
  top: 16.72%;
}
.top .swiper-mask .swiper-pagination {
  margin-top: 6.4vw;
}