/* BASIC css start */
/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   #tab_01 Àü¿ë ·ê·¿ ÈÙ 100% ³ëÃâ º¸Àå¿ë ¿À¹ö¶óÀ̵å
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#cateTab #tab_01 .evt_roulette {
  overflow: visible !important;
}

#cateTab #tab_01 .evt_roulette #wheel-container {
  overflow: visible !important;
}

#cateTab #tab_01 .evt_roulette #wheel {
  background-size: contain !important;
  background-position: center !important;
}

/* »ó´Ü ¸ÞÀÎ À̹ÌÁö */
main.page > .evt_main_img {
  margin-bottom: 0 !important;
  overflow: hidden;
}
main.page > .evt_main_img img {
  display: block;
  width: 100%;
  height: auto;
}

#cateTab {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#cateTab .prod_tab_con:not(#tab_01) .evt_roulette {
  display: none !important;
}

#cateTab #tab_01 .inner {
  padding: 0 !important;
  text-align: center;
}

#cateTab #tab_01 .evt_roulette {
  position: relative;
  background-size: cover;
  margin: 0 !important;
  text-align: center;
  z-index: 1;
}

#cateTab #tab_01 .evt_roulette #wheel-container {
  position: absolute !important;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
  width: 95% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  overflow: visible !important;
  z-index: 2;
}

#cateTab #tab_01 .evt_roulette .roulette-btn {
  position: relative;
  display: block;
  width: 90%;
  max-width: 360px;
  z-index: 3;
}
#cateTab #tab_01 .evt_roulette .roulette-btn img {
  display: block;
  width: 100%;
  height: auto;
}

/* ±âº» À̹ÌÁö ¿µ¿ª */
.evt_main_img {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.evt_main_img img {
  display: block;
  width: 100%;
  height: auto;
}

/* ÅÇ °øÅë */
.prod_tab {
  height: 50px;
  position: relative;
  z-index: 20;
}

.prod_tabs {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #d18e81;
  height: 50px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.prod_tabs a {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  padding: 0 18px;
  width: 33.33%;
  flex: 0 0 auto;
}

.prod_tabs a:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 22px;
  background: #fff;
  position: absolute;
  top: 50%;
  right:-19%;
  transform: translateY(-50%);
}

.prod_tabs a:last-child:after {
  display: none;
}

.prod_tabs a.active {
  font-weight: 900;
}

/* ÇÙ½É: .prod_tabs °¡ ¾Æ´Ï¶ó .prod_tab À» °íÁ¤ */
.Fixed .prod_tab {
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  background: #d18e81;
}

.Fixed .prod_tab_box {
  padding-top: 50px;
}

.prod_tab_con .inner {
  box-sizing: border-box;
  padding: 17px 10px;
  text-align: center;
}

.prod_tab_list {
  text-align: left;
}
.prod_tab_list .prod_tt {
  font-size: 1.8rem;
  font-weight: 400;
  color: #000;
  text-align: center;
  margin: 26px 0;
}
.prod_tab_list .btn_box {
  text-align: center;
}
.prod_tab_list .btn_box a {
  display: inline-block;
  width: 160px;
  border: 1px solid #000;
  text-align: center;
  padding: 9px;
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 0;
}




.prod_item_box {
  position: relative;
  padding-bottom: 123%;
  margin-top: 0;
}
.prod_item_box .prod_item {
  position: absolute;
  top: 42%;
  left: 0;
  width: 100%;
}

.prod_tab_con .prodTabSwiper .swiper-slide .item {
  box-sizing: border-box;
  padding: 16px;
  transition: all 0.3s;
}
.prod_tab_con .prodTabSwiper .swiper-slide.swiper-slide-active .item {
  padding: 0;
}
.prod_tab_con .prodTabSwiper .swiper-slide .item .info_box {
  background: #fff;
  padding: 10px;
  text-align: left;
}
.prod_tab_con .prodTabSwiper .swiper-slide .item .info_box .brand,
.prod_tab_con .prodTabSwiper .swiper-slide .item .info_box .icons {
  display: none;
}
.prod_tab_con .prodTabSwiper .swiper-slide .item .info_box .name {
  font-size: 1.4rem;
  color: #000;
}
.prod_tab_con .prodTabSwiper .swiper-slide .item .info_box .price_box {
  align-items: flex-end;
  flex-direction: column;
  position: relative;
  margin-right: 0;
}
.prod_tab_con .prodTabSwiper .swiper-slide .item .info_box .price_box p {
  margin-right: 0;
}
.prod_tab_con .prodTabSwiper .swiper-slide .item .info_box .price_box .priceStrike {
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.prod_tab_con .prodTabSwiper .swiper-slide .item .info_box .price_box .price {
  font-size: 2rem;
}
.prod_tab_con .prodTabSwiper .swiper-slide .item .info_box .price_box .dc_info {
  font-size: 2rem;
  color: #ff3350;
  position: absolute;
  bottom: 0;
  left: 0;
}
.prod_tab_con .swiper-pagination {
  top: 141%;
}
.prod_tab_con .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: 8px;
  height: 8px;
  transition: all ease 0.5s;
}
.prod_tab_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 48px;
}

#cateTab .prod_tab_con#tab_02 .swiper-pagination-bullet,
#cateTab .prod_tab_con#tab_02 .swiper-pagination-bullet-active {
  background-color: #d18e81 !important;
}
#cateTab .prod_tab_con#tab_01 .swiper-pagination-bullet-active {
  background-color: #d18e81 !important;
}

#tab_02 {
  background: #eff8ff;
}

/* µÎ ¹ø° ÅÇ ½Ã½ºÅÛ */
#cateTab2 {
  padding-top: 32px;
}
#cateTab2 .prod_tabs {
  align-items: center;
  background: #fff;
  height: 44px;
}
#cateTab2 .prod_tabs a {
  font-size: 1.3rem;
  color: #d18e81;
  font-weight: 400;
  height: 30px;
  border: 1px solid #d18e81;
  border-radius: 30px;
  width: auto;
}
#cateTab2 .prod_tabs a:after {
  display: none;
}
#cateTab2 .prod_tabs a.active {
  font-weight: 400;
  color: #fff;
  background: #d18e81;
}

/* µÑ° ÅÇ °íÁ¤ À§Ä¡ */
#cateTab2.Fixed .prod_tab {
  top: 94px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 7px;
}

#cateTab2 .prod_tab_con .inner {
  padding-top: 57px;
}
#cateTab2 #tab2_01 .inner {
  padding-top: 52px;
}
#cateTab2 .hide_prod_list .item {
  display: none;
}
#cateTab2 .hide_prod_list .item:nth-child(-n+10) {
  display: inline-block;
}

#cateTab #tab_01 .inner {
  position: relative;
  width: 100%;
  height: calc(1476 / 720 * 100vw);
  background: url('https://mayblue.jpg3.kr/renewImg/m/event/260410springdays/bg_1.png') no-repeat center top;
  background-size: cover;
  box-sizing: border-box;
}
#cateTab #tab_02 .inner {
  position: relative;
  width: 100%;
  height: calc(1476 / 720 * 100vw);
  background: url('https://mayblue.jpg3.kr/renewImg/m/event/260410springdays/bg_2.jpg') no-repeat center top;
  background-size: cover;
  box-sizing: border-box;
}

a.best-btn {
  transform: translateX(-50%);
  position: absolute;
  width: 80%;
  top: 89%;
}
/* BASIC css end */