/* BASIC css start */
#contentWrap{ width: 1240px;}
.item-wrap, .item-wrap .item-cont{ width: 1240px;}
/* class-list */
#productClass .cate-wrap { padding: 60px 0 0; overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:10px; color: #0e0e0e; font-size: 22px; font-family: "맑은 고딕",'Malgun Gothic', sans-serif; font-weight: bold;}
#productClass .cate-wrap .class-list{margin: 0 -17px;}
#productClass .cate-wrap .class-list ul {  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { float: left; margin: 17px 0 0; }
#productClass .cate-wrap .class-list ul li a { display: block; padding: 0 17px; border-right: 1px solid #d6d6d6; font-size: 13px; color: #555555; font-family: "맑은 고딕",'Malgun Gothic', sans-serif; }
#productClass .cate-wrap .class-list ul li:last-of-type a{border-right:0}
#productClass .cate-wrap .class-list ul li.sel a{color: #000; font-weight: bold;}

/* best-item */
#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: 4px 30px 4px 10px; border: 1px solid #ccc; border-radius:4px; font-size: 13px; color: #333; font-family: "맑은 고딕",'Malgun Gothic', sans-serif; font-weight: bold; background: #fff url(//skin.makeshop.co.kr/skin/allshop/pc/icon/selecticon.png) no-repeat right center; background-size: 8px 4px; background-position: right 10px 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;}

#productClass .paging{ padding-bottom: 80px;}

/* 카테고리 더보기 버튼 */
#productClass .cate-wrap .class-list .cate-more-btn {
    display: block;
    margin: 12px 17px 0;
    padding: 5px 14px;
    border: 1px solid #d6d6d6;
    background: #fff;
    font-size: 12px;
    color: #555;
    font-family: "맑은 고딕", 'Malgun Gothic', sans-serif;
    cursor: pointer;
}
#productClass .cate-wrap .class-list .cate-more-btn .arr {
    display: inline-block;
    transition: transform 0.2s;
}
#productClass .cate-wrap .class-list .cate-more-btn.open .arr {
    transform: rotate(180deg);
}

/* new - 5열 그리드 */
.newarea { width: 100%; }
.newarea .item-wrap,
.newarea .item-wrap .item-cont { width: 1240px; margin: 0 auto; }

.item-cont.new-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 0;
    justify-content: flex-start;
}

.item-cont.new-grid .item-list {
    width: calc(20% - 16px); /* 5열, 간격 고려 */
    margin-right: 20px;
    margin-bottom: 50px;
    padding: 0;
    box-sizing: border-box;
}

/* 5번째 아이템마다 오른쪽 마진 제거 */
.item-cont.new-grid .item-list:nth-child(5n) {
    margin-right: 0;
}

.item-cont.new-grid .item-list .thumb { border-radius: 10%; }
.item-cont.new-grid .item-list .thumb img { width: 100%; display: block; }
.item-cont.new-grid .item-list .prd-info { padding: 15px 0 0; }

/* ================================================
   상품 정보 텍스트 공통
================================================ */

/* 상품명 */

.prd-name .prd-icons {
    display: block;
    text-align: center;
    font-size: 0;        /* 아이콘 사이 공백 제거 */
    padding: 0 -5px 0px;  /* 위 아래 순서로 조절 */
    min-height: 24px;  /* 아이콘 높이(18px) + 위아래 padding 합산값으로 조절 */
}
.prd-name .prd-icons img {
    display: inline-block;
    height: 16px;
    width: auto;
}

.prd-name a {
    display         : block;
    font-size       : 13px;
    font-family     : "맑은 고딕", 'Malgun Gothic', sans-serif;
    color           : #333;
    text-decoration : none;
    line-height     : 1;
    margin-top      : 0px;
    word-break      : keep-all;
}
.prd-name a:hover { color: #000; }

.prd-opt {
    margin-top: 5px;   /* 원하는 간격으로 조절 */
}

/* 가격 영역 전체 */
.prd-price {
    margin-top  : 0px;
    line-height : 1.2;
    list-style  : none;
    padding     : 0;
}

/* 정가 (취소선) */
.prd-price strike {
    font-size   : 14px;
    font-family : "맑은 고딕", 'Malgun Gothic', sans-serif;
    color       : #aaa;
    font-weight : normal;
}

/* 할인율 */
.prd-price .discount-rate,
.prd-price span[style*="color:red"] {
    font-size   : 15px;
    font-family : "맑은 고딕", 'Malgun Gothic', sans-serif;
    font-weight : bold;
}

/* 판매가 */
.prd-price strong {
    font-size   : 15px;
    font-family : "맑은 고딕", 'Malgun Gothic', sans-serif;
    color       : #111;
    font-weight : bold;
}


/* BASIC css end */