/* BASIC css start */
#contentWrap{ width: 1540px;}
.item-wrap, .item-wrap .item-cont{ width: 1540px;}
/**/
.best_wrap, .recmd_wrap{overflow: unset;}
.best_wrap .item-cont .item-list, .recmd_wrap .item-cont .item-list{position: relative;}
.best_wrap .item-cont .item-list .bonusTag, .recmd_wrap .item-cont .item-list .bonusTag{    position: absolute;
    top: 0;           /* 이미지 상단에 딱 붙임 */
    left: 0;          /* 이미지 왼쪽에 딱 붙임 (-10px에서 수정) */
    width: 40px;      /* 이미지 비율에 맞춰 적절히 조절 */
    height: 25px;
    line-height: 25px;
    background: #b89a78;
    color: #fff;
    font-size: 11px;
    font-family: 'NanumBarunGothic', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;}
    text-align: center;
    z-index: 10;      /* 이미지보다 위에 뜨도록 설정 */
}

/* class-list */
#productClass .cate-wrap { padding: 0 0 15px; overflow:hidden; text-align: center; border-bottom: 1px solid #e7e7e7; }
#productClass .cate-wrap .bcate { padding: 70px 0 20px; font-size: 22px; color: #444; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; }
#productClass .cate-wrap .class-list ul { font-size: 0;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { display: inline-block; padding: 15px; }
#productClass .cate-wrap .class-list ul li.sel a{color: #000}
#productClass .cate-wrap .class-list ul li a { display: block; font-size: 13px; color: #8b8b8b; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; }

/* best-item */
.cateTit{padding: 100px 0 20px;}
.cateTit h3{ font-size: 28px; letter-spacing: 2px;}
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }
.item-wrap .item-info .item-order .sortcon select{padding: 0 16px; border: 0; font-size: 11px; color: #44444a; font-family: "맑은 고딕",'Malgun Gothic', sans-serif; background: #fff url(//skin.makeshop.co.kr/skin/release/pc/icon/sellecticon.png) no-repeat right center; appearance: none !important; -webkit-appearance: none; outline: 0;}
select::-ms-expand{display:none;}

/* 상품 목록 */
.item-wrap .item-cont .item-list:nth-of-type(3n){ padding-right: 0;}
.item-wrap .item-cont .item-list .prd-shop{display: inline-block; margin: 0 0 40px; border-bottom: 1px solid #444; color: #444444; font-family: 'NanumBarunGothic', sans-serif; line-height: 16px;}
.item-wrap .item-cont .item-list .prd-shop a{display: inline-block; color: #444444; font-family: 'NanumBarunGothic', sans-serif; line-height: 16px; text-overflow: ellipsis; word-wrap: normal;}
.item-wrap .item-cont .item-list .prd-price{padding-top: 12px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; color: #D22525;}
.item-wrap .item-cont .item-list .prd-price .price{color: #444444; font-size: 13px;}
.item-wrap .item-cont .item-list .prd-color{ padding-top: 12px;}
.item-wrap .item-cont .item-list .prd-color font{letter-spacing: 1px;}




/* 상품 할인율 퍼센트% 디자인 */
.item-list .thumb {
    position: relative; /* 할인율 숫자가 이미지 위로 올라오게 하는 기준 */
    display: block;
}

.sale-rate {
    position: absolute;
    bottom: 10px;       /* 하단에서 10px (상단 bonusTag와 겹침 방지) */
    left: 10px;         /* 왼쪽에서 10px 들어옴 */
    z-index: 5;         /* 이미지보다 위로 올라오게 */
    background: #000;   /* 일단 세련되게 검정색 배경 (핑크베이지 #cb9296) */
    color: #fff;        /* 글자는 흰색 */
    font-size: 11px;    /* 박스 크기 조절을 위해 살짝 축소 */
    font-weight: bold;
    padding: 3px 5px;   /* 박스 크기 축소 */
    line-height: 1;
    border-radius: 2px; /* 박스 모서리 살짝 굴림, 필요없음 삭제 */
    font-family: 'Noto Sans', sans-serif;
}

/* 리뷰갯수 디자인 */
.prd-review {
    margin-top: 5px; /* 가격과의 간격 */
}

.review-count {
    font-size: 12px;
    color: #888;     /* 은은한 회색 */
    font-family: 'Noto Sans KR', sans-serif;
}
/* BASIC css end */