/* BASIC css start */
    /* prd-class-hd */
#productClass .prd-class-hd { zoom: 1; overflow: hidden; padding: 8px 15px 5px; background-color: #c9c9c9; }
#productClass .prd-class-hd h2 { float: left; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff; }
#productClass .prd-class-hd .loc-navi { float: right; color: #fff;  }
#productClass .prd-class-hd .loc-navi a { color: #fff; }
    /* class-list */
#productClass .class-list { zoom: 1; overflow: hidden; padding: 15px }
#productClass .class-list li,
#productClass .class-list li a { float: left; width: auto; white-space: nowrap; }
#productClass .class-list li { padding-left: 12px; margin-right: 12px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 50%; }
    /* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }
#productClass .best-item h3 { margin-left: 20px; font-size: 0; line-height: 0;}
    /* total-sort */
#productClass .total-sort { padding-top: 30px; }

.box { position:absolute; top:0px; left:17px;  width:70px; line-height:30px;  background-color: #000;color: #fff; opacity: 0.7; filter: alpha(opacity=70); font-size:12px;  color:#fff; font-family: 'Source Sans Pro',sans-serif; font-weight:bold;  }
/* 기존 고정폭 사용 중지 - 2026-09-25
.item-list {width: 1400px !important;}
*/


/* =========================================
   ANAIS BEST 상품 페이지 수정
   - MAIN PAGE와 동일한 반응형 폭 적용
   - 상품 4열 배치
   - BEST 이미지 위 순위표시 숨김
   변경일 : 2026-09-25
========================================= */

/* BEST 페이지 고정 1400px 해제 */
#content1,
#productClass,
#productClass .page-body,
#productClass .item-list {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* 상품 4열 배치 */
#productClass .item-list .item {
    width: 25% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    box-sizing: border-box !important;
}

/* BEST 이미지 위 순위표시 숨김 */
#productClass .item-list .item .thumb .box {
    display: none !important;
}
/* BASIC css end */

