/* BASIC css start */
/* 이미지맵 */
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}
img{ border: none; height: auto; max-width: 100%; width: auto;}
.evt_img { width: 100%;  max-width: 750px;  margin: 0 auto; position: relative;text-align: center; }


/*공통*/
.listName {-webkit-line-clamp: 1;}
.dc {color: #e1233c;}
.prd-review .review_btn:before {display:none;}
.listPic {border-radius: 4px;}

/* .section_01 - 메인 */
.section_01 { max-width: 750px;  margin: 0 auto; position: relative;}


@keyframes scroll{0%{transform:translateX(0%);}100%{transform:translateX(-50%);}} 
/* 작은 화면 대응 */ 
@media(max-width:600px){.item{font-size:1.5vw;}.track{animation:scroll 10s linear infinite;}} 


#ev_02 {max-width: 750px; margin: 0 auto; position: relative;}

#ev_02 .coupon_overlay{
  position: absolute;
  top: 36vw;
  left: 15.47vw;

  width: 69.07vw;
  height: 30.13vw;

  opacity: 0;
  transform: translateY(4vw); /* 아래에서 올라오는 느낌 */
  transition: transform 600ms ease, opacity 600ms ease;
  will-change: transform, opacity;
  pointer-events: none;
}

#ev_02 .coupon_overlay.is-show{
  opacity: 1;
  transform: translateY(0);
}


/* .section_03 */
.section_03 {max-width: 750px; margin: 0 auto; position: relative;}
.section_03 img {width: 100%; height: auto; display: block;}


/* 타이머영역 */
#ev_03{ position: relative; }

#ev_03 .deal_timer{
  position: absolute;
  top: 46vw;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  justify-content: center;
  pointer-events: none;
  color: #ffffff;
}

/* 시작 전 문구 */
#ev_03 .deal_coming{
  padding-top: 3vw;
  display: none;
  font-size: 7.11vw;   /* 40pt */
  font-weight: 600;
  text-align: center;
  width: 100%;
  color: #465289;
  letter-spacing: -0.03em;
}

#ev_03 .deal_timer_row{
  display: flex;
  align-items: flex-start;
  gap: 2.67vw;        /* 20px */
}

#ev_03 .t_unit{
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}

#ev_03 .t_num{
  font-size: 8.89vw;  /* 50pt */
  font-weight: 600;
  width: 100%;
  text-align: center;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: -0.05em;
}

#ev_03 .t_label{
  margin-top: 0.59vw; /* 5px */
  font-size: 3vw; /* 12pt */
  font-weight: 200;
  letter-spacing: 0.02em;
}

#ev_03 .t_colon{
  font-size: 8.89vw;  /* 50pt */
  font-weight: 600;
  line-height: 1;
  transform: translateY(-0.67vw); /* -5px */
}


font-size: clamp(28px, 8.89vw, 66px);


/* section04 */
#ev_04 { position: relative; }

/* 이미지 밑 55px */
#ev_04 .theme_tabs{
  margin-top: 7.33vw;          /* 55px */
  display: flex;
  justify-content: center;
  gap: 1.47vw;                 /* 11px */
}

#ev_04 .theme_tab{
  width: 28.27vw;           
  height: 7.6vw;             
  background: #eeeeee;
  border: 0;
  cursor: pointer;
  border-radius: 0.67vw;      

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 2.8vw;        
  font-weight: 500;
  color: #000;
}

/* 클릭(선택) 상태 */
#ev_04 .theme_tab.is-active{
  background: #000;
  color: #fff;
}


/* .section_04 */
.section_04 {margin-bottom: 20vw;} 
.section_04 img {width: 100%; height: auto; display: block;}
.section_04 {background:#fff;}
.section_04 .topTen {margin-top: 5vw; padding-left: 0.3vw; overflow: hidden; }
.section_04 .info p {color:#000; }
.section_04 .info .listName {font-size:13px; -webkit-line-clamp: 1; line-height: 1.65;}
.section_04 .info .listPrice {line-height: 1.87vw;}
.section_04 .info .dc {color: #ff3e1a;}
.section_04 .info  .prd-review {display: block; padding: 0;}
.section_04 .info  .prd-review a > p { color:#9f9f9f;}


.topTen .new_slide .swiper-slide{
  margin-bottom: 0;
}
.topTen .new_slide .swiper-slide:nth-child(-n+6){
  margin-bottom: 3.9vw;  /* 원하는 세로 간격 */
}


/* section04 탭 콘텐츠: 기본은 숨김 */
#ev_04 .topTen{ display: none; }

/* 선택된 탭 콘텐츠만 노출 */
#ev_04 .topTen.is-show{ display: block; }


@media screen and (max-width: 320px) {
  /* 320px 이하일 때 적용할 CSS */
  .section_07 .firstpurchase_tit {font-size: 1.2em;}
  
}


/* footer */
.footer_bigmenu {margin-top:0!important;}


/* BASIC css end */