/* BASIC css start */
/* prd-class-hd */
#productClass .prd-class-hd { zoom: 1; overflow: hidden; padding:5px 0 5px 0; width:100%;border-bottom:1px solid #8f8f8f;}
#productClass .prd-class-hd .loc-navi { float: right; color: #777;  }
#productClass .prd-class-hd .loc-navi a { color: #777; }

#productClass .bcate { padding-top:20px;padding-bottom:10px; padding-left:8px; font-size: 15px; font-weight: bold; line-height: 16px; color:#515151; }

/* class-list */
#productClass .class-list { zoom: 1; border:1px solid #dedede;border-left:0;border-right:0; }
#productClass .class-list ul { padding: 0 10px; }
#productClass .class-list li,
#productClass .class-list li a { float: left; width: auto; white-space: nowrap; line-height: 35px; color: #555; font-weight:bold;}
#productClass .class-list li a:hover { color: #ed1515;}
#productClass .class-list li { width:20%; }
#productClass .class-list li .num { color: #555;}
#productClass .class-list li a.sel { color:#ed1515;}


/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; }
#productClass .best-item .tb-center .thumb {width:250px}

/* total-sort */
#productClass .total-sort { padding-top: 40px;padding-bottom: 8px;}
#productClass .total-sort .total { font-size:12px;font-weight:normal;}
#productClass .total-sort .total dd {color:#333;}
#productClass .total-sort .sort {margin:0;}
#productClass .total-sort .total img { line-height:12px;vertical-align:middle;}
#productClass .total-sort li a { font-size:11px;}

.prd-list .productlist {width:20%; float:left; min-height:400px;text-align:center}
.paging {clear:both;}

  /* 기본 상품 이미지 스타일 */
  .productlist .thumb img {
    transition: all 0.3s ease-in-out;
  }

  /* 품절된 상품에 흐림 효과 */
  .productlist.soldout .thumb img {
    filter: grayscale(100%) opacity(50%);
    pointer-events: none; /* 클릭 불가능 */
  }

  /* 품절 표시 배지 */
  .productlist.soldout::after {
    content: "품절";
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
  }
  
  /* 부모 요소의 위치를 조정 */
  .productlist {
    position: relative;
  }
</style>

/* BASIC css end */