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

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-select: none;
}

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

/* category-wrap */
.category-wrap {
  display: none;
}

.category-wrap.is-active {
  display: block;
}

.category-wrap .btn-box {
  padding: 9.3vw 0 0;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  width: 100%;
}
.btn-box li {
  position: relative;
  margin-bottom: 10.66vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 49%;
  height: auto;
  /* border: 1px solid #ff889a96; */
}
.btn-box li .btn {
  display: block;
  width: 100%;
  height: 100%;
}
.btn-box li .online-btn {
  position: absolute;
  width: 25.33vw;
  height: 6.66vw;
  left: 4vw;
  bottom: 2.66vw;
  /* background: #eb6d6d96; */
}

/* default height - 513px */
.category-wrap[data-category="drinks"] .btn-box li {
  height: 68.4vw;
}
/* default height - 593px */
.category-wrap[data-category="chunggwa"] .btn-box li,
.category-wrap[data-category="nongsan"] .btn-box li,
.category-wrap[data-category="dessert"] .btn-box li,
.category-wrap[data-category="gungang"] .btn-box li {
  height: 79.06vw;
}
/*default height - 625px */
.category-wrap[data-category="jungyuk"] .btn-box li,
.category-wrap[data-category="susan"] .btn-box li {
  height: 83.33vw;
}
/* default height - 630px */
.category-wrap[data-category="grocery"] .btn-box li {
  height: 84vw;
}

/* h-513 */
.category-wrap .btn-box li.h-513 {
  height: 68.4vw;
}
/* h-544 */
.category-wrap .btn-box li.h-544 {
  height: 72.53vw;
}
/* h-593 */
.category-wrap .btn-box li.h-593 {
  height: 79.06vw;
}
/* h-596 */
.category-wrap .btn-box li.h-596 {
  height: 79.46vw;
}
/* h-625 */
.category-wrap .btn-box li.h-625 {
  height: 83.33vw;
}
/* h-630 */
.category-wrap .btn-box li.h-630 {
  height: 84vw;
}

/* gift-section */
.toggle-box__con {
  position: relative;
}
.toggle-box__con .tel-wrapper {
  padding: 1.3vw 8vw;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: auto;
  /* background: #000;
  opacity: 0.5; */
}
.toggle-box__con .tel-wrapper.tel-wrapper-01 {
  height: 162.66vw;
}
.toggle-box__con .tel-wrapper.tel-wrapper-02 {
  height: 130.66vw;
}
.toggle-box__con .tel-wrapper.tel-wrapper-03 {
  height: 194.66vw;
}
.toggle-box__con .tel-wrapper.tel-wrapper-04 {
  height: 18.66vw;
}
.toggle-box__con .tel-wrapper a {
  display: block;
  width: 100%;
  height: 16vw;
  /* border: 1px solid #eee; */
}