@charset "UTF-8";
.fw__300 {
  font-weight: 300;
}

.fw__400 {
  font-weight: 400;
}

.fw__500 {
  font-weight: 500;
}

.fw__600 {
  font-weight: 600;
}

.fw__700 {
  font-weight: 700;
}

.fw__800 {
  font-weight: 800;
}

.theme__primary {
  color: #222 !important;
}

.theme__disable {
  color: #9dd7b6 !important;
}

.theme__light {
  color: #70eba5 !important;
}

.theme__point {
  color: #1ed66e !important;
}

.theme__dark {
  color: #052412 !important;
}

.theme__yellow {
  color: #fbe85e !important;
}

.theme__yellow2 {
  color: #e2f14e !important;
}

.theme__red {
  color: #c81b1b !important;
}

.theme__orange {
  color: #ff551a !important;
}

.theme__purple1 {
  color: #4033ff !important;
}

.theme__purple2 {
  color: #c14cff !important;
}

.theme__pink1 {
  color: #ff66b2 !important;
}

.theme__pink2 {
  color: #ff63a0 !important;
}

.theme__coral {
  color: #fff7f5 !important;
}

.theme__green {
  color: #18a957 !important;
}

.theme__gray0 {
  color: #fff !important;
}

.theme__gray50 {
  color: #fafafa !important;
}

.theme__gray70 {
  color: #f6f6f6 !important;
}

.theme__gray100 {
  color: #eee !important;
}

.theme__gray200 {
  color: #dbdbdb !important;
}

.theme__gray300 {
  color: #bdbdbd !important;
}

.theme__gray500 {
  color: #949494 !important;
}

.theme__gray700 {
  color: #757575 !important;
}

.theme__gray800 {
  color: #535353 !important;
}

.theme__gray900 {
  color: #222 !important;
}

.bg__primary {
  background-color: #222;
}

.bg__disable {
  background-color: #9dd7b6;
}

.bg__light {
  background-color: #70eba5;
}

.bg__point {
  background-color: #1ed66e;
}

.bg__dark {
  background-color: #052412;
}

.bg__yellow {
  background-color: #fbe85e;
}

.bg__yellow2 {
  background-color: #e2f14e;
}

.bg__red {
  background-color: #c81b1b;
}

.bg__orange {
  background-color: #ff551a;
}

.bg__purple1 {
  background-color: #4033ff;
}

.bg__purple2 {
  background-color: #c14cff;
}

.bg__pink1 {
  background-color: #ff66b2;
}

.bg__pink2 {
  background-color: #ff63a0;
}

.bg__coral {
  background-color: #fff7f5;
}

.bg__green {
  background-color: #18a957;
}

.bg__gray0 {
  background-color: #fff;
}

.bg__gray50 {
  background-color: #fafafa;
}

.bg__gray70 {
  background-color: #f6f6f6;
}

.bg__gray100 {
  background-color: #eee;
}

.bg__gray200 {
  background-color: #dbdbdb;
}

.bg__gray300 {
  background-color: #bdbdbd;
}

.bg__gray500 {
  background-color: #949494;
}

.bg__gray700 {
  background-color: #757575;
}

.bg__gray800 {
  background-color: #535353;
}

.bg__gray900 {
  background-color: #222;
}

.pt__0 {
  padding-top: 0 !important;
}

.pl__0 {
  padding-left: 0 !important;
}

.pr__0 {
  padding-right: 0 !important;
}

.pb__0 {
  padding-bottom: 0 !important;
}

.mt__0 {
  margin-top: 0 !important;
}

.ml__0 {
  margin-left: 0 !important;
}

.mr__0 {
  margin-right: 0 !important;
}

.mb__0 {
  margin-bottom: 0 !important;
}

.pt__2 {
  padding-top: 0.5333333333vw !important;
}

.pl__2 {
  padding-left: 0.5333333333vw !important;
}

.pr__2 {
  padding-right: 0.5333333333vw !important;
}

.pb__2 {
  padding-bottom: 0.5333333333vw !important;
}

.mt__2 {
  margin-top: 0.5333333333vw !important;
}

.ml__2 {
  margin-left: 0.5333333333vw !important;
}

.mr__2 {
  margin-right: 0.5333333333vw !important;
}

.mb__2 {
  margin-bottom: 0.5333333333vw !important;
}

.pt__4 {
  padding-top: 1.0666666667vw !important;
}

.pl__4 {
  padding-left: 1.0666666667vw !important;
}

.pr__4 {
  padding-right: 1.0666666667vw !important;
}

.pb__4 {
  padding-bottom: 1.0666666667vw !important;
}

.mt__4 {
  margin-top: 1.0666666667vw !important;
}

.ml__4 {
  margin-left: 1.0666666667vw !important;
}

.mr__4 {
  margin-right: 1.0666666667vw !important;
}

.mb__4 {
  margin-bottom: 1.0666666667vw !important;
}

.pt__6 {
  padding-top: 1.6vw !important;
}

.pl__6 {
  padding-left: 1.6vw !important;
}

.pr__6 {
  padding-right: 1.6vw !important;
}

.pb__6 {
  padding-bottom: 1.6vw !important;
}

.mt__6 {
  margin-top: 1.6vw !important;
}

.ml__6 {
  margin-left: 1.6vw !important;
}

.mr__6 {
  margin-right: 1.6vw !important;
}

.mb__6 {
  margin-bottom: 1.6vw !important;
}

.pt__8 {
  padding-top: 2.1333333333vw !important;
}

.pl__8 {
  padding-left: 2.1333333333vw !important;
}

.pr__8 {
  padding-right: 2.1333333333vw !important;
}

.pb__8 {
  padding-bottom: 2.1333333333vw !important;
}

.mt__8 {
  margin-top: 2.1333333333vw !important;
}

.ml__8 {
  margin-left: 2.1333333333vw !important;
}

.mr__8 {
  margin-right: 2.1333333333vw !important;
}

.mb__8 {
  margin-bottom: 2.1333333333vw !important;
}

.pt__12 {
  padding-top: 3.2vw !important;
}

.pl__12 {
  padding-left: 3.2vw !important;
}

.pr__12 {
  padding-right: 3.2vw !important;
}

.pb__12 {
  padding-bottom: 3.2vw !important;
}

.mt__12 {
  margin-top: 3.2vw !important;
}

.ml__12 {
  margin-left: 3.2vw !important;
}

.mr__12 {
  margin-right: 3.2vw !important;
}

.mb__12 {
  margin-bottom: 3.2vw !important;
}

.pt__16 {
  padding-top: 4.2666666667vw !important;
}

.pl__16 {
  padding-left: 4.2666666667vw !important;
}

.pr__16 {
  padding-right: 4.2666666667vw !important;
}

.pb__16 {
  padding-bottom: 4.2666666667vw !important;
}

.mt__16 {
  margin-top: 4.2666666667vw !important;
}

.ml__16 {
  margin-left: 4.2666666667vw !important;
}

.mr__16 {
  margin-right: 4.2666666667vw !important;
}

.mb__16 {
  margin-bottom: 4.2666666667vw !important;
}

.pt__20 {
  padding-top: 5.3333333333vw !important;
}

.pl__20 {
  padding-left: 5.3333333333vw !important;
}

.pr__20 {
  padding-right: 5.3333333333vw !important;
}

.pb__20 {
  padding-bottom: 5.3333333333vw !important;
}

.mt__20 {
  margin-top: 5.3333333333vw !important;
}

.ml__20 {
  margin-left: 5.3333333333vw !important;
}

.mr__20 {
  margin-right: 5.3333333333vw !important;
}

.mb__20 {
  margin-bottom: 5.3333333333vw !important;
}

.pt__24 {
  padding-top: 6.4vw !important;
}

.pl__24 {
  padding-left: 6.4vw !important;
}

.pr__24 {
  padding-right: 6.4vw !important;
}

.pb__24 {
  padding-bottom: 6.4vw !important;
}

.mt__24 {
  margin-top: 6.4vw !important;
}

.ml__24 {
  margin-left: 6.4vw !important;
}

.mr__24 {
  margin-right: 6.4vw !important;
}

.mb__24 {
  margin-bottom: 6.4vw !important;
}

.pt__32 {
  padding-top: 8.5333333333vw !important;
}

.pl__32 {
  padding-left: 8.5333333333vw !important;
}

.pr__32 {
  padding-right: 8.5333333333vw !important;
}

.pb__32 {
  padding-bottom: 8.5333333333vw !important;
}

.mt__32 {
  margin-top: 8.5333333333vw !important;
}

.ml__32 {
  margin-left: 8.5333333333vw !important;
}

.mr__32 {
  margin-right: 8.5333333333vw !important;
}

.mb__32 {
  margin-bottom: 8.5333333333vw !important;
}

.pt__35 {
  padding-top: 9.3333333333vw !important;
}

.pl__35 {
  padding-left: 9.3333333333vw !important;
}

.pr__35 {
  padding-right: 9.3333333333vw !important;
}

.pb__35 {
  padding-bottom: 9.3333333333vw !important;
}

.mt__35 {
  margin-top: 9.3333333333vw !important;
}

.ml__35 {
  margin-left: 9.3333333333vw !important;
}

.mr__35 {
  margin-right: 9.3333333333vw !important;
}

.mb__35 {
  margin-bottom: 9.3333333333vw !important;
}

.pt__40 {
  padding-top: 10.6666666667vw !important;
}

.pl__40 {
  padding-left: 10.6666666667vw !important;
}

.pr__40 {
  padding-right: 10.6666666667vw !important;
}

.pb__40 {
  padding-bottom: 10.6666666667vw !important;
}

.mt__40 {
  margin-top: 10.6666666667vw !important;
}

.ml__40 {
  margin-left: 10.6666666667vw !important;
}

.mr__40 {
  margin-right: 10.6666666667vw !important;
}

.mb__40 {
  margin-bottom: 10.6666666667vw !important;
}

.pt__50 {
  padding-top: 13.3333333333vw !important;
}

.pl__50 {
  padding-left: 13.3333333333vw !important;
}

.pr__50 {
  padding-right: 13.3333333333vw !important;
}

.pb__50 {
  padding-bottom: 13.3333333333vw !important;
}

.mt__50 {
  margin-top: 13.3333333333vw !important;
}

.ml__50 {
  margin-left: 13.3333333333vw !important;
}

.mr__50 {
  margin-right: 13.3333333333vw !important;
}

.mb__50 {
  margin-bottom: 13.3333333333vw !important;
}

.pt__56 {
  padding-top: 14.9333333333vw !important;
}

.pl__56 {
  padding-left: 14.9333333333vw !important;
}

.pr__56 {
  padding-right: 14.9333333333vw !important;
}

.pb__56 {
  padding-bottom: 14.9333333333vw !important;
}

.mt__56 {
  margin-top: 14.9333333333vw !important;
}

.ml__56 {
  margin-left: 14.9333333333vw !important;
}

.mr__56 {
  margin-right: 14.9333333333vw !important;
}

.mb__56 {
  margin-bottom: 14.9333333333vw !important;
}

.pt__60 {
  padding-top: 16vw !important;
}

.pl__60 {
  padding-left: 16vw !important;
}

.pr__60 {
  padding-right: 16vw !important;
}

.pb__60 {
  padding-bottom: 16vw !important;
}

.mt__60 {
  margin-top: 16vw !important;
}

.ml__60 {
  margin-left: 16vw !important;
}

.mr__60 {
  margin-right: 16vw !important;
}

.mb__60 {
  margin-bottom: 16vw !important;
}

.pt__80 {
  padding-top: 21.3333333333vw !important;
}

.pl__80 {
  padding-left: 21.3333333333vw !important;
}

.pr__80 {
  padding-right: 21.3333333333vw !important;
}

.pb__80 {
  padding-bottom: 21.3333333333vw !important;
}

.mt__80 {
  margin-top: 21.3333333333vw !important;
}

.ml__80 {
  margin-left: 21.3333333333vw !important;
}

.mr__80 {
  margin-right: 21.3333333333vw !important;
}

.mb__80 {
  margin-bottom: 21.3333333333vw !important;
}

.pt__130 {
  padding-top: 34.6666666667vw !important;
}

.pl__130 {
  padding-left: 34.6666666667vw !important;
}

.pr__130 {
  padding-right: 34.6666666667vw !important;
}

.pb__130 {
  padding-bottom: 34.6666666667vw !important;
}

.mt__130 {
  margin-top: 34.6666666667vw !important;
}

.ml__130 {
  margin-left: 34.6666666667vw !important;
}

.mr__130 {
  margin-right: 34.6666666667vw !important;
}

.mb__130 {
  margin-bottom: 34.6666666667vw !important;
}

#footer.footer__empty {
  margin-top: 0;
}

.secretbox {
  padding-top: 52px !important;
}
.secretbox .swiper-pagination {
  position: absolute;
  height: 0.5333333333vw;
  margin: 0;
  z-index: 1;
}
.secretbox .swiper-pagination-bullet {
  width: 4.2666666667vw;
  height: 0.5333333333vw;
  vertical-align: top;
  background: #eee;
  border-radius: 0;
  opacity: 1;
}
.secretbox .swiper-pagination-bullet-active {
  background: #757575;
}
.secretbox__tab {
  position: sticky;
  top: 52px;
  left: 0;
  background: #fff;
  z-index: 2;
}
.secretbox__article__tit {
  margin-bottom: 5.3333333333vw;
  font-size: 4.8vw;
  font-weight: 700;
  color: #222;
  line-height: 7.2vw;
  letter-spacing: -0.096vw;
}
.secretbox__article__tit.subtit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.secretbox__article__subtit {
  font-size: 3.2vw;
  font-weight: 400;
  color: #949494;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
}
.secretbox__alarm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 11.4666666667vw;
  padding: 3.2vw 4.2666666667vw;
  background: url("../images/secretbox/renewal/bg_alarm.jpg") no-repeat 0 0/cover;
}
.secretbox__alarm__tit {
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 5.0666666667vw;
  color: #fff;
  letter-spacing: -0.0693333333vw;
}
.secretbox__alarm .btn__capsule__toggle.active {
  background: #bd3229;
}
.secretbox__vis {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.secretbox__vis__link {
  display: block;
}
.secretbox__vis__link.disabled {
  pointer-events: none;
  cursor: default;
}
.secretbox__vis__cont {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 17.6vw;
}
.secretbox__vis__tit {
  font-family: "lush-eng";
  font-size: 15.4666666667vw;
  font-weight: 900;
  color: #fff;
  line-height: 16vw;
  letter-spacing: -0.3093333333vw;
  text-align: center;
}
.secretbox__vis__desc {
  margin-top: 2.1333333333vw;
  font-size: 4vw;
  font-weight: 400;
  color: #fff;
  line-height: 6.4vw;
  letter-spacing: -0.08vw;
  text-align: center;
}
.secretbox__vis .swiper-pagination {
  bottom: 10.6666666667vw;
}
.secretbox__vis .swiper-pagination .swiper-pagination-bullet {
  background: #4f4e69;
}
.secretbox__vis .swiper-pagination .swiper-pagination-bullet-active {
  background: #e7e5ff;
}
.secretbox__tab__cont {
  display: none;
}
.secretbox__tab__cont.on {
  display: block;
}
.secretbox__timer {
  padding: 14.9333333333vw 4.2666666667vw;
  background: linear-gradient(120deg, rgba(236, 249, 241, 0.8) 26.72%, rgba(251, 236, 221, 0.8) 82.73%);
}
.secretbox__timer__tit {
  font-size: 4.2666666667vw;
  font-weight: 700;
  color: #222;
  line-height: 6.4vw;
  letter-spacing: -0.0853333333vw;
  text-align: center;
}
.secretbox__timer__cont {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.3333333333vw;
}
.secretbox__timer__cont .time {
  position: relative;
  display: block;
  min-width: 20vw;
}
.secretbox__timer__cont .time::before {
  content: ":";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 8.5333333333vw;
  font-weight: 700;
  color: #e73912;
  line-height: 8.5333333333vw;
  transform: translateX(-50%);
}
.secretbox__timer__cont .time:first-child::before {
  display: none;
}
.secretbox__timer__cont .time em {
  display: block;
  padding: 0 4.5333333333vw;
  font-size: 8.5333333333vw;
  font-weight: 700;
  color: #e73912;
  line-height: 9.6vw;
  letter-spacing: -0.1706666667vw;
}
.secretbox__timer__cont .time .txt {
  display: block;
  margin-top: 0.5333333333vw;
  font-size: 3.4666666667vw;
  font-weight: 400;
  color: #949494;
  line-height: 4.5333333333vw;
  letter-spacing: -0.0693333333vw;
  text-align: center;
}
.secretbox__prdlist {
  padding: 14.9333333333vw 4.2666666667vw 4.2666666667vw;
}
.secretbox__prdlist__cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6.4vw 2.1333333333vw;
}
.secretbox__prdlist__cont li {
  width: calc(50% - 1.6vw);
}
.secretbox__prdlist__cont li.soldout {
  opacity: 0.35;
}
.secretbox__prdlist__cont li.noprd {
  width: 100%;
  padding: 17.0666666667vw 0;
  text-align: center;
  font-size: 4.2666666667vw;
  color: #949494;
  line-height: 6.4vw;
  letter-spacing: -0.0853333333vw;
  text-align: center;
}
.secretbox__prdlist__thumb {
  margin-bottom: 3.2vw;
  background: #f6f6f6;
}
.secretbox__prdlist__thumb img {
  width: 100%;
}
.secretbox__prdlist__name {
  margin-bottom: 0.5333333333vw;
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 5.0666666667vw;
  letter-spacing: -0.0693333333vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.secretbox__prdlist__desc {
  margin-bottom: 0.5333333333vw;
  font-size: 3.2vw;
  font-weight: 400;
  color: #757575;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.secretbox__prdlist__price {
  margin-bottom: 2.1333333333vw;
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 5.0666666667vw;
  letter-spacing: -0.0693333333vw;
}
.secretbox__prdlist__tags .tag__item {
  color: #222;
}
.secretbox__prdlist__tags .tag__item.stock__caution {
  width: 15.7333333333vw;
  height: 4.8vw;
  vertical-align: top;
}
.secretbox__prdlist__btns {
  display: flex;
  gap: 5.3333333333vw;
  margin-top: 3.2vw;
}
.secretbox__prdlist__btns .btn {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
}
.secretbox__prdlist__btns .btn__wishlist {
  background: url("../images/ico/ico_heart_gray.svg") no-repeat center center/contain;
}
.secretbox__prdlist__btns .btn__wishlist.active {
  background-image: url("../images/ico/favourites_02.svg");
}
.secretbox__prdlist__btns .btn__cart {
  background: url("../images/ico/ico_bag_gray.svg") no-repeat center center/contain;
}
.secretbox__banner {
  margin: 10.6666666667vw 4.2666666667vw 0;
  overflow: hidden;
}
.secretbox__rank {
  padding: 10.6666666667vw 4.2666666667vw 0;
}
.secretbox__rank .secretbox__article__tit {
  margin-bottom: 4.2666666667vw;
}
.secretbox__rank .secretbox__prdlist__cont {
  display: block;
}
.secretbox__rank .secretbox__prdlist__cont li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4.2666666667vw;
  width: 100%;
  margin-bottom: 2.1333333333vw;
}
.secretbox__rank .secretbox__prdlist__cont li:last-of-type {
  margin-bottom: 0;
}
.secretbox__rank .secretbox__prdlist__link {
  position: relative;
}
.secretbox__rank .secretbox__prdlist__link .rank {
  position: absolute;
  left: 0;
  top: 0;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  font-size: 2.9333333333vw;
  font-weight: 500;
  color: #fff;
  line-height: 5.3333333333vw;
  letter-spacing: -0.0586666667vw;
  text-align: center;
  background: #e73912;
}
.secretbox__rank .secretbox__prdlist__thumb {
  width: 21.3333333333vw;
  margin: 0;
}
.secretbox__rank .secretbox__prdlist__name {
  max-width: 48vw;
  margin-top: 0;
  font-weight: 500;
}
.secretbox__rank .secretbox__prdlist__btns {
  margin-left: auto;
  margin-top: 0;
  gap: 3.2vw;
}
.secretbox__rank .secretbox__prdlist__tags {
  display: flex;
  align-items: center;
  gap: 1.0666666667vw;
}
.secretbox__faq {
  padding: 14.9333333333vw 4.2666666667vw 14.9333333333vw;
  overflow: hidden;
}
.secretbox__faq__list {
  position: relative;
  height: auto;
  padding-bottom: 5.3333333333vw;
  margin: 0 -4.2666666667vw;
}
.secretbox__faq__list li {
  padding: 0 4.2666666667vw;
}
.secretbox__faq__q {
  width: fit-content;
  padding: 4.2666666667vw;
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 5.6vw;
  letter-spacing: -0.0746666667vw;
  border-radius: 16px 16px 16px 0;
  background: #f6f6f6;
}
.secretbox__faq__a {
  padding: 6.4vw 4.2666666667vw 0 4.2666666667vw;
  margin-top: 6.4vw;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 84.14%, rgba(111, 51, 17, 0.1) 100%), linear-gradient(0deg, #fff4e9 0%, #fff4e9 100%), #eee;
  border-radius: 4.2666666667vw 4.2666666667vw 0 4.2666666667vw;
}
.secretbox__faq__a .a__txt {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 5.6vw;
  letter-spacing: -0.0746666667vw;
}
.secretbox__faq__a .a__img {
  margin-top: 5.3333333333vw;
}
.secretbox__faq__noti {
  margin-top: 5.3333333333vw;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
  text-align: center;
}
.secretbox__faq .swiper-pagination {
  bottom: 0;
}
.secretbox__story {
  position: relative;
}
.secretbox__story__thumb img {
  width: 100%;
}
.secretbox__story__tit {
  position: absolute;
  left: 0;
  top: 6.4vw;
  padding: 0 4.2666666667vw;
  font-size: 3.7333333333vw;
  font-weight: 500;
  color: #fff;
  line-height: 7.2vw;
  letter-spacing: -0.096vw;
}
.secretbox__story__tit strong {
  display: block;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 7.2vw;
  letter-spacing: -0.096vw;
}
.secretbox__story__desc {
  position: absolute;
  left: 0;
  bottom: 12.2666666667vw;
  padding: 0 4.2666666667vw;
}
.secretbox__story__tags {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  margin-bottom: 4.2666666667vw;
}
.secretbox__story__tags .tag__item {
  height: 4.8vw;
  padding: 0 1.8666666667vw;
  font-size: 2.9333333333vw;
  font-weight: 500;
  line-height: 4.8vw;
  letter-spacing: -0.0586666667vw;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 1.0666666667vw;
}
.secretbox__story__txt {
  font-size: 3.7333333333vw;
  font-weight: 500;
  color: #fff;
  line-height: 5.6vw;
  letter-spacing: -0.0746666667vw;
}
.secretbox__last {
  position: relative;
  overflow: hidden;
}
.secretbox__last .swiper-pagination {
  top: 111.7333333333vw;
  bottom: auto;
}
.secretbox__last .secretbox__article__tit {
  padding: 0 4.2666666667vw;
}
.secretbox__review {
  padding: 14.9333333333vw 4.2666666667vw;
  background: #f6f6f6;
}
.secretbox__review .secretbox__article__tit {
  padding: 0;
}
.secretbox__review__list li {
  display: flex;
  align-items: center;
  gap: 3.2vw;
  width: 100%;
  padding: 4.2666666667vw;
  margin-bottom: 2.1333333333vw;
  background: #fff;
}
.secretbox__review__list li:last-of-type {
  margin-bottom: 0;
}
.secretbox__review__thumb {
  width: 21.3333333333vw;
  flex-shrink: 0;
}
.secretbox__review__thumb img {
  width: 100%;
}
.secretbox__review__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  widht: 100%;
}
.secretbox__review__name {
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
}
.secretbox__review__category {
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
  color: #949494;
}
.secretbox__review__txt {
  margin-top: 3.2vw;
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 5.0666666667vw;
  letter-spacing: -0.0693333333vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.secretbox__lastprd {
  padding: 4.2666666667vw 4.2666666667vw 14.9333333333vw;
}
.secretbox__lastprd .secretbox__article__tit {
  margin-bottom: 8.5333333333vw;
}
.secretbox__lastprd li {
  margin-bottom: 2.1333333333vw;
}
.secretbox__lastprd li:last-of-type {
  margin-bottom: 0;
}
.secretbox__lastprd .product__mini__thumb {
  background: #f6f6f6;
}
.secretbox__lastprd .product__mini__name {
  max-width: 48vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.secretbox .noti__drop {
  display: block;
}
.secretbox__challenge {
  position: relative;
  padding: 14.9333333333vw 6.1333333333vw;
  background: url("../images/secretbox/renewal/bg_challenge.jpg") repeat-y 0 0/100% auto;
}
.secretbox__challenge__tit {
  margin-bottom: 4.2666666667vw;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 9.6vw;
  letter-spacing: -0.128vw;
  text-align: center;
}
.secretbox__challenge__desc {
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 6.4vw;
  letter-spacing: -0.0853333333vw;
  text-align: center;
}
.secretbox__challenge__noti {
  margin-top: 5.3333333333vw;
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
  text-align: center;
  color: #535353;
}
.secretbox__challenge__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2.1333333333vw;
  margin-top: 4.2666666667vw;
}
.secretbox__challenge__box .challenge__item {
  position: relative;
  display: block;
  width: 27.7333333333vw;
  height: 29.0666666667vw;
  background: #dbdbdb no-repeat center center/cover;
  border-radius: 1.0666666667vw;
  overflow: hidden;
}
.secretbox__challenge__box .challenge__item__01 {
  background-image: url("../images/secretbox/renewal/btn_challenge_01_off.png");
}
.secretbox__challenge__box .challenge__item__02 {
  background-image: url("../images/secretbox/renewal/btn_challenge_02_off.png");
}
.secretbox__challenge__box .challenge__item__03 {
  background-image: url("../images/secretbox/renewal/btn_challenge_03_off.png");
}
.secretbox__challenge__box .challenge__item__04 {
  background-image: url("../images/secretbox/renewal/btn_challenge_04_off.png");
}
.secretbox__challenge__box .challenge__item__05 {
  background-image: url("../images/secretbox/renewal/btn_challenge_05_off.png");
}
.secretbox__challenge__box .challenge__item__06 {
  background-image: url("../images/secretbox/renewal/btn_challenge_06_off.png");
}
.secretbox__challenge__box .challenge__item__07 {
  background-image: url("../images/secretbox/renewal/btn_challenge_07_off.png");
}
.secretbox__challenge__box .challenge__item__08 {
  background-image: url("../images/secretbox/renewal/btn_challenge_08_off.png");
}
.secretbox__challenge__box .challenge__item__09 {
  background-image: url("../images/secretbox/renewal/btn_challenge_09_off.png");
}
.secretbox__challenge__box li.step__01 .challenge__item {
  background-image: url("../images/secretbox/renewal/btn_challenge_step_01.png");
}
.secretbox__challenge__box li.step__01 .challenge__item::after {
  position: absolute;
  left: 0;
  top: 13.3333333333vw;
  content: "1번 더 구매하면\a혜택 OPEN!";
  width: 100%;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
  white-space: pre;
}
.secretbox__challenge__box li.step__01__close .challenge__item {
  background-image: url("../images/secretbox/renewal/btn_challenge_step_01_close.png");
}
.secretbox__challenge__box li.step__01__close .challenge__item::after {
  position: absolute;
  left: 0;
  top: 12vw;
  content: "1번 더 구매하면\a조각을 받을 수\a있어요!";
  width: 100%;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 4vw;
  letter-spacing: -0.064vw;
  white-space: pre;
}
.secretbox__challenge__box li.step__02 .challenge__item {
  background-image: url("../images/secretbox/renewal/btn_challenge_step_02.png");
}
.secretbox__challenge__box li.step__02 .challenge__item::after {
  position: absolute;
  left: 0;
  top: 13.3333333333vw;
  content: "클릭해서\a혜택 받기!";
  width: 100%;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
  white-space: pre;
}
.secretbox__challenge__box li.complete .challenge__item__01 {
  background-image: url("../images/secretbox/renewal/btn_challenge_01_on.png");
}
.secretbox__challenge__box li.complete .challenge__item__02 {
  background-image: url("../images/secretbox/renewal/btn_challenge_02_on.png");
}
.secretbox__challenge__box li.complete .challenge__item__03 {
  background-image: url("../images/secretbox/renewal/btn_challenge_03_on.png");
}
.secretbox__challenge__box li.complete .challenge__item__04 {
  background-image: url("../images/secretbox/renewal/btn_challenge_04_on.png");
}
.secretbox__challenge__box li.complete .challenge__item__05 {
  background-image: url("../images/secretbox/renewal/btn_challenge_05_on.png");
}
.secretbox__challenge__box li.complete .challenge__item__06 {
  background-image: url("../images/secretbox/renewal/btn_challenge_06_on.png");
}
.secretbox__challenge__box li.complete .challenge__item__07 {
  background-image: url("../images/secretbox/renewal/btn_challenge_07_on.png");
}
.secretbox__challenge__box li.complete .challenge__item__08 {
  background-image: url("../images/secretbox/renewal/btn_challenge_08_on.png");
}
.secretbox__challenge__box li.complete .challenge__item__09 {
  background-image: url("../images/secretbox/renewal/btn_challenge_09_on.png");
}
.secretbox__challenge__dimmed {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 6.1333333333vw;
  top: 52.2666666667vw;
  width: 87.7333333333vw;
  height: 91.4666666667vw;
  background: rgba(34, 34, 34, 0.6);
  border-radius: 1.0666666667vw;
}
.secretbox__challenge__dimmed .dimmed__txt {
  font-size: 3.2vw;
  font-weight: 600;
  color: #fff;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
  text-align: center;
}
.secretbox__challenge__dimmed .dimmed__txt strong {
  display: block;
  margin-bottom: 4.2666666667vw;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 9.6vw;
  letter-spacing: -0.128vw;
}
.secretbox__reward {
  padding: 14.9333333333vw 0;
}
.secretbox__reward__info {
  position: relative;
  padding-bottom: 5.3333333333vw;
  margin-top: 5.3333333333vw;
  overflow: hidden;
}
.secretbox__reward__info li {
  padding: 0 4.2666666667vw;
  text-align: center;
}
.secretbox__reward .reward__tit {
  width: fit-content;
  padding: 0 2.6666666667vw;
  margin: 0 auto;
  font-size: 3.7333333333vw;
  font-weight: 600;
  line-height: 7.7333333333vw;
  letter-spacing: -0.0746666667vw;
  background: #fff4e9;
  border-radius: 1.0666666667vw;
}
.secretbox__reward .reward__desc {
  margin-top: 4.2666666667vw;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 6.4vw;
  letter-spacing: -0.0853333333vw;
}
.secretbox__reward .reward__subdesc {
  margin-top: 5.3333333333vw;
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 4.8vw;
  letter-spacing: -0.064vw;
}
.secretbox__reward .reward__img {
  margin-top: 5.3333333333vw;
}
.secretbox__reward .reward__noti {
  margin-top: 5.3333333333vw;
  font-size: 2.9333333333vw;
  font-weight: 500;
  color: #949494;
  line-height: 4vw;
  letter-spacing: -0.0586666667vw;
}
.secretbox__reward .swiper-pagination {
  bottom: 0;
}

.popup__challenge__complete {
  display: none;
  position: fixed;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 89;
}
.popup__desc {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 3.7333333333vw;
  font-weight: 400;
  color: #fff;
  line-height: 5.6vw;
  letter-spacing: -0.0746666667vw;
  transform: translate(-50%, -50%);
}
.popup__desc strong {
  display: block;
  margin-bottom: 2.1333333333vw;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 7.2vw;
  letter-spacing: -0.096vw;
}
.popup__closed__btn {
  position: absolute;
  right: 14.9333333333vw;
  top: 35.2vw;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  color: transparent;
  background: url(../images/ico/ico_close_white.svg) no-repeat center center/cover;
}