/* BASIC css start */
#contentWrap{width:1200px;}


/* ────────────────────────────────────────────────
   1) 기본 이미지 밝기 조절
────────────────────────────────────────────────-*/
.all_prd .item-list.soldout .thumb img,
.best .item-list.soldout .thumb img {
  filter: brightness(95%);
}

/* ────────────────────────────────────────────────
   2) 반투명 블랙 오버레이 (더 자연스러운 효과)
────────────────────────────────────────────────-*/
.all_prd .item-list.soldout .thumb,
.best .item-list.soldout .thumb {
  position: relative;
}
.all_prd .item-list.soldout .thumb::after,
.best .item-list.soldout .thumb::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}





/*현재위치*/
.loc-navi{text-align:left; padding-top:15px;}
.loc-navi a{color:#777; font-size:12px;}

/*분류-카테고리*/
.bcate{font-size:33px; color:#6f56bf; padding:30px 0 40px;}
.class-list{}
.class-list ul{font-size:0;}
.class-list ul li{border:1px solid #c9c9c9; margin:2px; transition:all 0.3s; display:inline-block; font-size:12px; text-align:center; vertical-align:middle;}
.class-list ul li a{padding:11px 0; display:block; color:#414141; margin:0 25px;}
.class-list ul li:hover{border-color:#000;}
.class-list ul li.on{border-color:#000;}
.class-list ul li.on a{color:#000}

/*분류-베스트상품*/
.best .item-wrap{width:100%;}
.best .item-wrap .item-cont{width:100%;}
.best .cateTit{padding:0;}
.best .cateTit h3{font-size:25px; font-weight:600; padding:40px 0 20px; margin-top:15px; border-top:1px solid #dadada; color:#3d3d3d; font-family: "Josefin Sans", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "Apple SD Gothic Neo", sans-serif;}
.best .item-list{width:calc(25% - 20px) ! important; padding:0 10px ! important;}
.best .item-list .thumb{width:100% ! important; height:auto ! important; position:relative;}
.best .item-list .thumb img{width:100% ! important; height:auto ! important;}
.discount-rate{position:absolute; right:15px; top:15px; width:50px; height:50px; display:block; text-align:center; background:#00ccff; border-radius:50%; color:#fff; line-height:51px; font-size:17px;}

.thumb .item-view{position:absolute; right:0; top:15px; background:#fff; box-shadow:1px 1px 2px #c5c5c5; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out;}
.thumb .item-view li{}
.thumb .item-view li a{display:inline-block; padding:9px 11px; position:relative;}
.thumb .item-view li a img{}
.thumb .item-view li a span{background:#333232; color:#fff; font-size:15px; font-weight:300; padding:2px 9px 1px; border-radius:15px; position:absolute; right:55px; top:5px; min-width:100px; display:block; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out;}
.thumb:hover .item-view{right:15px; opacity:1; visibility:visible;}
.thumb .item-view li:hover span{opacity:1; visibility:visible;}
.thumb .item-view li:hover span:hover{background:#fff; color:#222;}


.prd-info{padding:10px 0 0 0 ! important; text-align:left;}
.prd-name a{display:block; padding:4px 0 0 0; font-size:17px; color:#333 ! important; font-weight:400; line-height:1.5 ! important;}
.prd-price{padding:15px 0 0 0 ! important; font-family: "Josefin Sans", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "Apple SD Gothic Neo", sans-serif ! important; }
.prd-price strike{font-size:17px; margin-right:8px; color:#888;}
.prd-price .price{font-size:17px; font-weight:600; color:#4c4c4c;}

/*분류-전체상품*/
.all_prd{padding-top:50px;}
.all_prd .item-wrap{width:100%;}
.all_prd .item-title p{font-size:14px; padding:0 0 10px 0; color:#333;}
.all_prd .item-title p span{color:#4c4c4c; font-weight:bold;}
.all_prd .item-info{padding:9px 0 13px 0; margin:0 0 20px 0; border-top:1px solid #999; border-bottom:1px solid #dbdbdb;}
.all_prd .item-info .item-order{float:none;}
.all_prd .item-info li{margin:0 20px 0 0; padding:0 ! important; border:none ! important; line-height:31px ! important;}
.all_prd .item-info li a span{padding-left:18px; cursor:pointer;}
.all_prd .item-info li a{color:#333 ! important; vertical-align:middle ! important;}
.all_prd .item-info li a span.on{color:#4c4c4c ! important; font-weight:bold; background:url('/design/d4-0825/wib/img/icon/icon_sort_check.png')no-repeat 0 50%;}
.all_prd .item-cont{width:100%;}
.all_prd .item-list{width:calc(25% - 20px) ! important; padding:0 10px ! important; margin-bottom:8%;}
.all_prd .item-list .thumb{width:100% ! important; height:auto ! important; position:relative;}
.all_prd .item-list .thumb img{width:100% ! important; height:auto ! important;}

.all_prd .prd-subname{font-size:12px; padding:10px 10px 0 0 ! important; color:#828282 ! important; line-height:16px; margin:0 ! important; border:none ! important;}

/*분류-전체상품 페이지*/
.paging{border-top:1px solid #dbdbdb; margin-top:20px; padding:50px 0 0 0;}
.paging a{width:30px; height:30px; padding:0; color:#888; font-size:11px; line-height:30px; font-family: "Josefin Sans", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "Apple SD Gothic Neo", sans-serif;}
.paging a.now{color:#4c4c4c; border:1px solid #4c4c4c;}
.paging a.first, .paging a.prev, .paging a.next, .paging a.last{line-height:33px;}
/* BASIC css end */