/* BASIC css start */
/* sch-frm */
#searchWrap .sch-tit { padding-bottom:5px; font-size:18px; color:#202020; font-weight:bold; font-family: "맑은 고딕", "Malgun Gothic", sans-serif;}
#searchWrap .sch-frm { padding:30px 0; text-align:center; border:1px solid #e3e3e3; font-family: "맑은 고딕", "Malgun Gothic", sans-serif; }
#searchWrap .sch-frm .tit-key { display:inline-block; *display:inline; margin:0 30px; padding:0 0 5px 0; font-size:16px; color:#292929; line-height:20px; *line-height:22px; border-bottom:1px solid #292929 }
#searchWrap .sch-frm .tit-key span { display:inline-block; *display:inline; word-break:break-all; white-space:normal }
#searchWrap .sch-frm .table-keyword { padding:30px 0 0 130px; }
#searchWrap .sch-frm th { font-size:14px; font-weight: normal; }
#searchWrap .sch-frm td { padding:4px 0 }
#searchWrap .sch-frm td input { height:28px; border:1px solid #ddd }
#searchWrap .sch-frm td input.MS_input_txt { width:220px }
#searchWrap .sch-frm td input[name=money1],
#searchWrap .sch-frm td input[name=money2] { width:95px }
#searchWrap .sch-frm td .CSSbuttonSearch { display:inline-block; width:144px; height:67px; font-size:15px; color:#fff; text-align:center; line-height:67px; border:1px solid #000; background:#000; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
#searchWrap .sch-frm td .CSSbuttonSearch:hover { color:#000; background:#fff }
#searchWrap .sch-frm td .CSSbuttonSearch:active { position: relative; top: 1px }

/* total, sort */
#searchWrap .total-sort { padding-top: 45px; }
#searchWrap .total-sort .total dd { font-weight: normal; }
.item-wrap .item-info .item-order .sortcon select{ padding: 0 20px; border: 0; font-size: 13px; color: #9a9a9a; font-family: "맑은 고딕",'Malgun Gothic', sans-serif; background: #fff url(//skin.makeshop.co.kr/skin/allshop/pc/icon/selecticon.png) no-repeat right center; background-size: 8px 4px; appearance: none!important; -webkit-appearance: none; outline: 0;}
select::-ms-expand{display:none;}

.prd-list .hashtag { padding: 5px; text-align: left; }
.prd-list .hashtag span { display: inline-block; word-break: break-all; background:#f3f3f3;margin-right: 5px; margin-bottom: 5px; padding-top: 5px;  }
.prd-list .hashtag span a { color: #656565; font-size: 14px; }
.prd-list .hashtag span a:hover { color: #f75258; }

/* item-wrap / item-cont 너비 명시 + overflow 해제 */
#searchWrap .item-wrap {
    width: 100%;
    overflow: visible;
}

#searchWrap .item-wrap .item-cont.new-grid {
    width: 100%;
    overflow: visible;
}

/* 제거 */
/* #searchWrap .item-wrap .item-cont .item-list { width: 343px; } */
/* .item-wrap .item-cont .item-list:nth-of-type(3n) { padding-right: 0; } */

/* 추가   searchWrap 5열 명시 */
#searchWrap .item-wrap .item-cont.new-grid .item-list {
    width        : calc(20% - 16px);
    margin-right : 20px;
}

#searchWrap .item-wrap .item-cont.new-grid .item-list:nth-child(5n) {
    margin-right : 0;
}

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

/* 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 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-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-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 */

