/* 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;}} 


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


/* 공통 스타일 */
.section_03 .limited-icon_1,
.section_03 .limited-icon_2 {
  position: absolute;
  width: 13.2%;
  height: 2.9%;
  border-radius: 100px;
  background: #00b548;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: float 2s ease-in-out infinite;
}

/* 왼쪽 뱃지 */
.section_03 .limited-icon_1 {
  left: 24.8%;
  top: 41.8%;
}

/* 오른쪽 뱃지 */
.section_03 .limited-icon_2 {
  right: 24.8%;
  top: 41.8%;
}


.section_03 .limited-icon span {
  font-size: clamp(15px, 2.5vw, 26px);
  font-weight: 600;
  color: #fff;
}


@keyframes float {
  0% { transform: translateY(0); }
  50% { transform: translateY(-0.85vw);}
  100% { transform: translateY(0); }
}


/* .section_04 */
.section_04 img,
.section_04_2 img {width: 100%; height: auto; display: block;}
.section_04 {background:#0d0d0d;}
.section_04 .topTen {margin-top: 20px; padding-left: 3px; overflow: hidden;}
.section_04 .item-list {margin-bottom:10px;}
.section_04 .info p {color:#fff; }
.section_04 .info .listName {font-size:13px; -webkit-line-clamp: 1; line-height: 1.65;}
.section_04 .info .listPrice {line-height: 14px;}
.section_04 .info .dc {color: #e10327;}
.section_04 .info  .prd-review {display: block; padding: 0;}
.section_04 .info  .prd-review a > p { color:#9f9f9f;}


/* 공통 타이머 줄: PC/모바일 공통 비율 */
#ev_04 .timer-row,
#ev_04_2 .timer-row {
  margin-top: 4.3vw;      /* 32px 비율 */
  padding-left: 6.2vw;    /* 대략 47px 비율 */
  padding-right: 6.1vw;   /* 대략 46px 비율 */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 공통 타이머 왼쪽/오른쪽 텍스트 */
#ev_04 .timer-label,
#ev_04_2 .timer-label,
#ev_04 .timer-text,
#ev_04_2 .timer-text {
  font-size: clamp(14px, 2.2vw, 22px); color: #fff; font-weight: 500;
}


/* 개별 색상 */
#ev_04 .timer-text { color: #e10327; }   /* 연말선물: 빨간색 */
#ev_04_2 .timer-text { color: #39b93f; } /* 홈파티: 초록색 */


.section_04_2 img,
.section_04_2_2 img {width: 100%; height: auto; display: block;}
.section_04_2 {background:#0d0d0d;}
.section_04_2 .topTen {margin-top: 20px; padding-left: 3px; overflow: hidden;}
.section_04_2 .item-list {margin-bottom:10px;}
.section_04_2 .info p {color:#fff; }
.section_04_2 .info .listName {font-size:13px; -webkit-line-clamp: 1; line-height: 1.65;}
.section_04_2 .info .listPrice {line-height: 14px;}
.section_04_2 .info .dc {color: #00b548;}
.section_04_2 .info  .prd-review {display: block; padding: 0;}
.section_04_2 .info  .prd-review a > p { color:#9f9f9f;}


/* .section_05*/

.section_05 {
  position: relative;
  max-width: 750px;
  margin: 0 auto;
  background: #0e4918;
  padding-bottom: 12vw;
}

/* 이미지 + 타이머 박스를 감싸는 래퍼 */
.section_05 .ev05-visual {
  position: relative;  /* 타이머 박스의 기준이 되는 박스 */
}

.section_05 .ev05-visual img {
  width: 100%;
  height: auto;
  display: block;
}

/* 타이머 박스 스타일*/
.section_05 .ev05-timer-box {
  position: absolute;
  top: 76.9%;    
  left: 6.1%;    
  width: 87.7%; 
  height: 20%; 

  background: #000000;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;

  box-sizing: border-box;
  padding: 0 20px;
}

/* 타이머 글자 스타일 */
.section_05 .ev05-timer-box #ev05-timer-text {
  font-size: clamp(14px, 2.2vw, 22px);
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}


/* .section_05 - 상품 */ 
.section_05 .tab_content {
  margin: 20px 6.1%;           
  padding-bottom: 6.7vw; 
  padding-left: 4.4%;    
  padding-right: 4%; 
  
  background: #fff;
  border-radius: 1.53vw;

     
  display: flex;
  flex-direction: column;
}


.section_05 .item_cont {
  margin-top: 6.7vw;
  text-align:left;

}


.section_05 .item_area ul.tit{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}


.section_05 .item_area ul.tit {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.section_05 .item_area ul.tit>li {
  display:flex;
  position:relative;
  margin-top: 4vw;
}

.section_05 .item_area ul.tit>li:first-child {
  margin-top:0;
}

/* 썸네일 영역 + 정사각형 */
.section_05 .item_area ul.tit>li .thumb {
  position: relative;
  flex: 0 0 35%;      
  aspect-ratio: 1 / 1;
}

/* 썸네일 링크/이미지는 박스 안을 꽉 채움 */
.section_05 .item_area ul.tit>li .thumb a {
  display:block;
  width:100%;
  height:100%;
}

.section_05 .item_area ul.tit>li .thumb a img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:6.5px;
  box-sizing:border-box;
}


.section_05 .prd-info {
  flex:1;
  margin-left:3.5%;
  min-height:10px;
  position:relative;
}

.section_05 .prd-info>ul {
  position:relative;
  padding-top:1.5vw;
  box-sizing:border-box;
}

.section_05 .prd-info>ul .prd-name {
  font-size: clamp(14px, 2.7vw, 20px);
  font-weight:600;
  line-height:1.2;
  margin-bottom:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  word-break:break-word;
  overflow-wrap:break-word;
}

.section_05 .prd-info>ul .prd-price,
.section_05 .prd-info>ul .prd-soldout,
.section_05 .prd-info>ul .dc {
  font-size: clamp(14px, 2.7vw, 20px);
  font-weight:600;
  display:inline-block;
}

.section_05 .prd-info>ul .prd-soldout {
  color:#c7c7c7;
}

.section_05 .prd-info>ul .dc {
  color:#e10327;
  padding-right:6px;
}

.section_05 .prd-info>ul .prd-price del {
  font-size: clamp(12px, 2vw, 15px);
  font-weight:600;
  color:#bbb;
  display:inline-block;
}

.section_05 .prd-review {
  margin-top:10px;
}

.section_05 .rating-group.tiny>a {
  font-size: clamp(12px, 2vw, 15px);
  color:#7e7e7e;
}


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


  /* @media screen and (min-width: 768px) and (max-width: 1024px) {
 태블릿 사이즈에서 적용할 스타일
  .tab_content .items {   
    gap: 5px
  }
  .tab_content .items li {width: calc(33.3333% - 5px);}
  .section_03 .limited-icon {right: 17%;}
  .section_03 .limited-icon_3 {bottom: 36%;}
  
} */

@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 */