/* BASIC css start */
/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3 }
#productClass .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding:15px 30px 16px 0; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }
.bestWrap .item-cont .item-list {border:0;width: 282px;text-align: center;}
.bestWrap .item-cont .item-list .thumb .bestNum {position: absolute;left:0;top:0;width: 54px;height: 54px;text-align: center;background: #929292;border-radius: 50%;line-height: 54px;font-size: 20px;z-index: 11;color: #fff;}
.bestWrap .item-cont .item-list .thumb .bestNum.ptClr {background: #113e00;}
.bestWrap .item-cont .item-list .thumb .thumbWrap {position: relative;border-radius: 50%;overflow: hidden;width: 282px;height: 282px;}

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

/* 상품 리스트 컨테이너를 grid로 */
#productClass .item-wrap .item-cont{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    width:100%;
    box-sizing:border-box;
}

/* 기존 item-list 고정폭 제거 */
#productClass .item-wrap .item-cont .item-list{
    width:100% !important;
    margin:0 !important;
    float:none !important;
    box-sizing:border-box;
}

.item-wrap .item-cont .item-list .prd-price .soldout{
  color:#FF2500 !important;
  font-weight:700 !important;
  font-size:18px !important;
}

/* 카드 전체 */
#productClass .item-wrap .item-cont .item-list{
  display:flex;
  flex-direction:column;
}

/* 이미지 영역은 고정 */
#productClass .item-wrap .item-cont .item-list > dt{
  flex: 0 0 auto;
}

/* dd가 남은 영역을 먹게 해야 함 */
#productClass .item-wrap .item-cont .item-list > dd{
  flex: 1 1 auto;
  display:flex;
}

/* dd 안 ul도 세로 flex */
#productClass .item-wrap .item-cont .item-list > dd > ul{
  display:flex;
  flex-direction:column;
  width:100%;
}

/* 리스트에서 불필요한 줄 제거 (카드 높이 안정화) */
#productClass .item-wrap .item-cont .item-list .prd-line,
#productClass .item-wrap .item-cont .item-list .prd-subname{
  display: none !important;
}

/* 상품명 3줄 고정 */
#productClass .item-wrap .item-cont .item-list .prd-name{
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;

  font-size: 16px !important;
  line-height: 1.45 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;

  height: 4.35em !important;     /* 1.45 × 3 */
  max-height: 4.35em !important;
}


/* 가격은 항상 맨 아래 */
#productClass .item-wrap .item-cont .item-list .prd-price{
  margin-top:auto;
}

/* BASIC css end */