/* BASIC css start */
/* 상품공통 */
.item-wrap  {}
.item-wrap .item-list {clear:both; width:1230px;}
.item-wrap .item-list td {width:300px; vertical-align:top; }
.item-wrap .item-list .item {position: relative; }

.item-wrap .item-list .item-list_wrapper {font-size: 0;}

/*.item-wrap .item-list .item-list_wrapper .item {width:300px; margin-right:10px; display:inline-block; font-size:12px; margin-bottom:10px; vertical-align:top}*/
/*.item-wrap .item-list .item-list_wrapper .item:nth-child(4n) {margin-right:0; }*/
.item-wrap .item-list .item-list_wrapper{display: flex; flex-direction: row; flex-wrap: wrap; gap: 32px 10px}
.item-wrap .item-list .item-list_wrapper .item{width: calc((100% - 30px)/4)}

/* 상품이미지 */
/*.item-wrap .item-list .prd-thumb {  position:relative; margin:0; text-align:center; opacity:1; transition:opacity 0.25s ease-in-out; }*/
/*.item-wrap .item-list .prd-thumb:hover { opacity:0.25;  }*/
.item-wrap .item-list .prd-thumb img { max-width:100%; margin:0 auto; }

.item-wrap .item-list .prd-thumb a.btn_popup {display:none;}
/*
.item-wrap .item-list .prd-thumb a.btn_popup{display:block; width:28px; height:26px; position:absolute; right:20px; top:20px; background: url('/design/lolboi/onedesign/images/popup.png') no-repeat; opacity:0; transition:opacity 0.25s ease-in-out;}
.item-wrap .item-list .prd-thumb:hover a.btn_popup{opacity:1;}
*/


/* 상품정보 */
/*.item-wrap .item-list .item .prd-info { margin: auto; text-align:center; width:100%;  position: absolute;    top: 50%;    transform: translateY(-50%); left:0; opacity:0; transition:opacity 0.25s ease-in-out; pointer-events:none; font-size:12px;}*/
.item-wrap .item-list .item{display: flex; flex-direction: column;gap: 16px;}
.item-wrap .item-list .item .prd-info {margin: 0; text-align:left; font-size:12px; opacity: 1;
    display: flex; flex-direction: row; flex-wrap: wrap; position: relative; padding-left: 16px;
}

/*.item-wrap .item-list .item:hover .prd-info { opacity: 1; }*/
.item-wrap .item-list .item .prd-info * {color: #181818 !important; }
.item-wrap .item-list .item .prd-info .prd-name,
.item-wrap .item-list .item .prd-info .slash,
.item-wrap .item-list .item .prd-info .prd-consumer,
.item-wrap .item-list .item .prd-info .prd-price{display:inline-block; width: 100%; color: #181818; }
.item-wrap .item-list .item .prd-info .slash{padding:0 5px; display: none; }
.item-wrap .item-list .item .prd-info .prd-name{}
.item-wrap .item-list .item .prd-info .prd-wish{position: absolute; top: 1px; right: 27px}

.item-wrap .item-list .item .prd-info .prd-wish .my-wish-list .fa.fa-heart{display: block}
.item-wrap .item-list .item .prd-info .prd-wish .my-wish-list .fa.fa-heart-o{display: none}
.item-wrap .item-list .item .prd-info .prd-wish .my-wish-list.wish-on .fa.fa-heart{display: none}
.item-wrap .item-list .item .prd-info .prd-wish .my-wish-list.wish-on .fa.fa-heart-o{display: block}
/*.item-wrap .item-list .item .prd-info .prd-wish .my-wish-list.wish-on i svg path{fill: #000000}*/

/* 상품명 */
.item-wrap .item-list .item .prd-info .prd-name {color:#333;}


/* 품절 */
.item-wrap .item-list .soldout {color:red !important;}
/* 소비자가격(.discount할인전가격) */
.item-wrap .item-list .item .prd-info .prd-consumer {text-decoration:line-through; padding-right:3px;}
.item-wrap .item-list .item .prd-info .prd-consumer.discount{}
/* 상품가격(.discount할인후가격) */
.item-wrap .item-list .item .prd-info .prd-price {color:#333;}
.item-wrap .item-list .item .prd-info .prd-price.discount{}

/* 추가상품명 */
.item-wrap .item-list .item .prd-info .prd-subname {color:#555;}

/* 상품아이콘 */
.item-wrap .item-list .item .prd-info .prd-icon {margin:0;}
.item-wrap .item-list .item .prd-info .prd-icon img {padding:0 2px;}

/* 기간할인 적용된 경우 */
/*.item-wrap .item-list .item .prd-info .prd-term{margin-top:10px; padding-top:10px;}*/

/* 상품 페이징 */
.item-wrap .item-page { margin:60px; text-align:center; font-size:0; line-height:0;}
.item-wrap .item-page a{display: inline-block; width:fit-content; height:20px; font-size:12px; color:#181818; line-height: 20px; vertical-align:top; margin:0 6px;}
.item-wrap .item-page a:hover { color:#181818; }
.item-wrap .item-page a.num{}
.item-wrap .item-page a.now { color:#181818; border-bottom:2px solid #181818; }


/* BASIC css end */