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


/* 썸네일 영역 + 정사각형 */
.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 */