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

/* img-box */
.img-box {
  position: relative;
}
.product {
  position: relative;
}
.product .swiper-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.product-bg {
  overflow: hidden;
}
.toggle-box__btns {
  padding: 0 8vw;
}
.product-bg {
  transition: all 0.7s;
}
.product-detail {
  position: relative;
  margin: 0 auto;
  margin-top: -32vw;
  width: 88.6666vw;
  left: -4.6666vw;
  transition: all 0.7s;
}
.product .swiper-wrapper .swiper-slide:not(:first-child) .product-detail {
  transform: translateX(115%);
}