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


@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~태블릿): 이미지처럼 */
.timer-row{
  background:#ffe6e9;
  margin:32px auto 30px;
  width: calc(100% - 100px);   /* 좌우 여백 */
 
  padding:22px 30px;
  display:flex;
  justify-content: space-between;
  align-items:center;
  border-radius:8px;
  box-sizing:border-box;
}

/* 줄바꿈 방지(모바일에서 한 줄 유지) */
.timer-label,
.timer-text{
  white-space: nowrap;
}

/* PC 기준 글자 */
.timer-label{ font-size: 20px; font-weight:700; color:#f71818; }
.timer-text { font-size: 20px; font-weight:700; color:#f71818; }


/*  모바일 최적화 */
@media (max-width: 480px){
  .timer-row{
    margin:18px auto 15px;
    width: calc(100% - 50px);   /* 모바일 좌우 여백 더 적게 */
    max-width: none;            /* 모바일은 꽉 차게 */
    padding:14px 16px;          /* 박스 높이/좌우 여백 축소 */
    border-radius:8px;
  }

  .timer-label{ font-size:16px; }
  .timer-text { font-size:16px; }
}

/* 아주 작은 화면(예: 360px 이하) 대비 */
@media (max-width: 360px){
  .timer-label{ font-size:14px; }
  .timer-text { font-size:14px; }
}


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