/* BASIC css start */
.thumbnail img { width: 100%; }

.icons{margin-top:12px;}

/* ---------- 레이아웃 ---------- */
#list .list { padding: 0; }
.w1400 { max-width: 1400px; margin: 0 auto; }

/* ---------- 상단 이미지 ---------- */
.cate_top_title { text-align: center; }
.cate_top_title .cate_img { max-width: 100%; display: block; margin: 0 auto; }

/* ---------- BEST 섹션 ---------- */
.best-section { padding: 64px 0 0; }
.best-title { font-size: 24px; font-weight: 600; line-height: 30px; color: #111; padding-bottom: 16px; text-align: center; display:none;}
.best-wrap .prd-wrap{display: flex ! important;}
.best-wrap .prd-wrap {counter-reset: item; }
.best-wrap .prd-wrap:nth-child(2).prd-wrap {counter-reset: item 10;}
.best-wrap .prd-wrap .item{counter-increment: item; position: relative;}
.best-wrap .prd-wrap .item::after {content: counter(item); position: absolute; top: 0; left: 0; background-color: #111; color: #fff; width: 30px; height: 30px; font-weight: 600; font-size: 15px; text-align: center; line-height: 30px;}


.controls{display: flex; align-items: center; justify-content: center; gap: 24px; margin: 40px 0 24px; height: 32px;}
.controls .swiper-button-next_02,
.controls .swiper-button-prev_02{cursor: pointer;}
.controls .swiper-pagination{position: relative; width: 40px; font-size: 15px; font-weight: 500; line-height: 18px; bottom: auto;}


.prd_list .prd-wrap+.prd-wrap{margin-top:80px;}

/* Swiper 그리드 (5열 2행 = 10개/페이지) */


/* ---------- 카테고리 타이틀 ---------- */
.list-hd-cate { margin-bottom: 20px; padding-top:104px;}
.list-hd-cate .now-cate { font-size: 32px; font-weight: 600; line-height: 30px; color: #111; padding: 0 0 16px 16px;} 

/* ---------- 대분류 카테고리 바 ---------- */
.cate_top { list-style: none; background: #fafafa; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 16px; margin: 0; }
.cate_top li { display: inline-block;}
.cate_top li:not(:last-of-type):after{content: ''; display: inline-block; width: 1px; height: 14px; margin: 0 12px; background: #E5E5E5; vertical-align: middle;}
.cate_top li a { color: #aaa; font-size: 16px; font-weight: 500; line-height: 20px; vertical-align: middle; }
.cate_top li a:hover { color: #666; }
.cate_top li.now a { color: #666; font-weight: 600; }
.cate_top li span { display: inline-block; width: 1px; height: 14px; background: #e5e5e5; vertical-align: middle; overflow: hidden; text-indent: -9999px; margin: 0 6px; }

/* ---------- 중분류 서브 카테고리 (pill) ---------- */
.cate_mid .cate-01 { list-style: none; padding: 20px 0 0; margin: 0; }
.cate_mid .cate-01 li { display: inline-block; font-size: 15px; font-weight: 500; vertical-align: middle; }
.cate_mid .cate-01 li a { color: #aaa; padding: 8px 16px; display: inline-block; line-height: 20px; border-radius: 999px; }
.cate_mid .cate-01 li.now a { background-color: #111; color: #fff; }

/* ---------- 정렬 ---------- */
.item-sort {margin-bottom: 20px; }
.item-sort::after { content: ''; display: block; clear: both; }

.item-sort .item-total { float: left; font-size: 14px; color: #666; line-height: 36px; display: none;}
.item-sort .item-total .bold { font-weight: 600; color: #111; }
.item-order-select { float: right; }
.sort-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url("https://img1.clickimg.co.kr/snapskin/common/icon_arrow_bottom.svg") no-repeat right 12px center; border: none; border-radius: 0; padding: 0 32px 0 12px; line-height: 34px; height: 36px; font-size: 13px; color: #111; cursor: pointer; outline: none;}

/* ---------- 상품 리스트 (5열 그리드, 랭크 없음) ---------- */


/* ---------- 페이지네이션 ---------- */
.page { padding: 40px 0; text-align: center; }
.page ul { list-style: none; }
.page ul li { display: inline-block; }
.page ul li a { display: inline-block; min-width: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #666; padding: 0 4px; }
.page ul li.now a { background: #111; color: #fff; font-weight: 600; }
.page ul li a.prev,
.page ul li a.next { font-size: 16px; color: #111; }

/* ---------- 데이터 없음 ---------- */
.empty { text-align: center; padding: 80px 0; color: #999; font-size: 15px; }

/* ---------- 쿠폰 ---------- */
.coupon-benefit { margin-top: 4px; }
.btn-coupon { display: inline-block; height: 18px; border: 1px solid #000; font-size: 11px; line-height: 18px; }
.btn-coupon span { display: inline-block; height: 18px; padding: 0 5px; color: #fff; background: #000; vertical-align: top; font-size: 11px; }
.btn-coupon em { display: inline-block; height: 18px; padding: 0 4px 0 0; font-size: 11px; vertical-align: top; color: #000; }


#MS_product .item-list { padding-right:15px; float:left; width:351px; height:600px; text-align:center }
#MS_product .item-list .thumb { width:352px; height:352px; overflow:hidden; }
#MS_product .item-list .thumb img { width:352px;  height:352px }
#MS_product .item-list .prd-info { padding:18px 0 60px; overflow:hidden }
#MS_product .item-list .prd-ico img { margin:2px }
#MS_product .item-list .prd-name { padding-top:5px }
#MS_product .item-list .prd-name a { display:block; color:#1c1c1c; line-height:14px; text-overflow:ellipsis; word-wrap:normal }
#MS_product .item-list .prd-price { padding-top:5px; font-family:Verdana }
#MS_product .item-list .prd-price strike { color:#707070 }
#MS_product .item-list .prd-price .price { color:#1c1c1c }
#MS_product .item-list .prd-color { padding-top:5px }
#MS_product .item-list .prd-preview { padding-top:5px }
#MS_product .item-list .prd-preview .btn-preview { display:inline-block; width:69px; height:17px; text-indent:-9999em; background:url([//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif](https://image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif)) 0 0 no-repeat }
#MS_product .item-list .prd-benefit { padding-top:5px }
#MS_product .item-list .prd-wish { padding-top: 14px; }
#MS_product .item-list .prd-wish a { font-family: 'malgun gothic'; font-size: 14px; color: #000; }
#MS_product .item-list .prd-wish i.fa { margin-right: 4px; color: #c8c8c8; font-size: 22px; vertical-align: text-top; cursor:pointer; }
#MS_product .item-list .prd-wish i.fa-heart { display:none; color: #f41f3a; }
#MS_product .item-list .prd-wish .wish-on i.fa-heart { display:inline-block; }
#MS_product .item-list .prd-wish .wish-on i.fa-heart-o { display:none; }
#MS_product .item-list .prd-subname { margin-top:15px; padding-top:15px; color:#8b8b8b; text-align:left; border-top:1px dashed #c6c6c6 }
#MS_product .item-list .MK-product-icons img { vertical-align: middle }

/* pc더보기 버튼 추가 영역 */
#MS_product_more_btn_area .more { text-align:center; margin: 56px 0px;}
.btn_moreGray {width:420px; height:56px; line-height: 56px; border:1px solid #333; font-weight:500; display: block; margin: 0 auto;}
.btn_moreGray span {font-size:14px; color:#333;}
/* BASIC css end */