/* BASIC css start */
#contents{}
.page_top .page_nav{float:right !important}
.page_top .page_nav a{font-weight:400 !important;}
ul.items{padding: 0 5% !important}
.recmd_sec{margin-top: 30px;margin-bottom:40px;padding: 0 5% !important; border-bottom:1px solid #eee}


.recmd_sec h3{font-family: 'Jost', sans-serif;font-size:23px; color:#333333; font-weight:600}
.recmd_sec .best_tit{display:flex; align-items:center; justify-content:space-between; margin-bottom:30px}
.recmd_sec .best_tit h3{}
.recmd_sec .best_tit>div{ }
.recmd_sec .swiper{}

.recmd_sec .swiper-pagination{position:unset}
.recmd_sec .swiper-pagination-bullets.swiper-pagination-horizontal{left:unset; top:unset; width:auto;}
.recmd_sec .swiper-pagination-bullet {width: 22px;height: 22px;text-align: center;line-height: 22px;box-sizing:unset; font-weight:500; font-size: 12px;color: #5d5d5d;opacity: 1; background: rgba(0, 0, 0, 0);font-family: 'Lato', sans-serif;border:1px solid #ccc }
.recmd_sec .swiper-pagination-bullet-active { color: #fff;background: #fff;}



.items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}

.w50p {
  width: 50%;
  box-sizing: border-box;
}

.item_list {
  padding: 0 4px;
  margin-bottom: 16px;
}




.item_list .info .prdname {color: #272727; font-weight: 500; letter-spacing: -.5px; font-size: 1.2em !important; padding: 0px 10px; text-align:left;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* 분류 카테고리 영역 */
.product_category_wrap{padding:30px 5% 15px !important; border-top:1px solid:#e5e5e5; background-color:#fff;}
.product_category_wrap .cate1{font-weight:500 !important; font-size: 20px !important; padding: 0px 0 0px !important;color:#bfbfbf8f !important;}
.product_category_wrap .cate_child_wrap ul li a{font-family: 'Noto Sans KR', sans-serif !important;font-size: 12px !important;color:#aaaaaa !important; font-weight:400 }
.product_category_wrap .cate_child_wrap ul li a.sel{ color:#000 !important; border-bottom:none !important  }
.product_category_wrap .cate_child_wrap ul li{padding:0 !important; margin: 5px 7px !important;}
.product_category_wrap .cate_child_wrap ul li a{display:block;  padding:3px 10px !important;  }

.product_list_wrap.list_st2 .product_item, .product_list_wrap.list_st3 .product_item{padding:0 0 15px !important}
.MS_prod_mobile_image{width:100%;}

.product_category_wrap .cate_child_wrap ul.cate3.on{padding-top:15px !important}




/* 상품 리스트 영역 */
.product_list_outer{border-top:none !important;padding-top:7px }
.product_top_wrap .total_cnt{font-size:12px !important; color:#999999 !important; font-weight:400;line-height:35px !important;font-family: 'Noto Sans KR', sans-serif;letter-spacing: -.6px;}
.product_top_wrap .total_cnt strong{font-family: 'Jost', sans-serif;font-weight:400 !important}
.product_top_wrap{border-bottom:none !important; margin: 0 0 15px !important; padding: 0 5% !important}
.product_top_wrap .select_box select{font-size:12px !important;color:#999999 !important; transform:translateY(4px);}


/* 카테고리 */
.h_title { border-top:none !important; border-bottom:0px solid #e5e5e5 !important; padding:0px 0 40px !important; text-align:center; background-color:#fff; }
.h_title h3 { padding: 0 4% 25px !important; letter-spacing:-0.6px !important;  position: relative; background-color:#fff; }
.h_title span { display:inline-block; padding:0 6px; font-color:#666666;}
.h_title span a { font-size:14px; font-weight:400; height:15%; line-height:15%; }
.h_title span a:hover{ color:#b78d7e;}
.h_title span a.boardBlue { color:#b78d7e; }
.h_title span a.on { font-size:15px !important; color: #b78d7e;  font-weight: bold; border-bottom:2px solid #b78d7e; }



/* 아이콘 박스 */
.prd-icons2 {        width: 100%;  MIN-HEIGHT: 22.5PX; display: flex;   flex-wrap: wrap;   align-items: center;   justify-content: flex-start;   margin-top: -7px;}
.prd-icon2 img {   height: auto; width: 88%; display:block; margin:0 auto; justify-content: center;  align-items: center !important;}
.prd-icon2 {    width: 100%; display: flex; flex-wrap: wrap; align-items: center;  justify-content: center; /* 혹시 아이콘이 <span> 등으로 들어올 경우도 대비 */ }



/* 가격 표시 */
.p-price-box:first-of-type { display: flex; justify-content: flex-end; margin: 0 10px; }
.p-price-box:nth-of-type(2) {display: flex; justify-content: space-between; /* 좌우 정렬 */ align-items: center; margin: 0 10px;}
.p-old-price strike { color: #c7c7c7 !important; font-size: clamp(0.75rem, 2.8vw, 0.9rem) !important; font-weight: 100; letter-spacing: -0.7px !important; margin-left: 8px; }
.p-price-box.p-price-line { display: flex; justify-content: space-between!important; align-items: center; width: 100%; margin: 0 10px; }
.p-discount-box { display: flex ; align-items: center; }
.p-discount { color: #b78d7e; font-size: clamp(1.33rem, 4.44vw, 1.4rem) !important; font-weight: bold; }
.prdprice .p-discount-unit { color: #b78d7e; font-size: 1.8em !important; font-weight: bold; padding: 0 !important; }
.prdprice .p-final-price { font-size: clamp(1.33rem, 4.44vw, 1.4rem) !important; font-weight: bold; text-align: right; letter-spacing: -0.4px !important; }




/* 섬네일 및 리뷰 평점-갯수 */
.review-line { display: flex; justify-content:left; align-items: center; font-size:1.2em; color: #555;   margin: 0 10px 7px 10px !important ; text-align: left;}
.review-line .score { font-weight: bold;  margin: 0 5px 0 3px; }
.review-line .review-icon { width:1.2em;; color:#b78d7e !important; }




/* BASIC css end */