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


.h_title { border-bottom: 0px solid #565656 !important; }


.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;}







/* 분류 카테고리 영역 */
.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:1px solid #e5e5e5; 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 {      MIN-HEIGHT: 12PX; 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 { display: flex; flex-wrap: wrap; align-items: center;  justify-content: center; /* 혹시 아이콘이 <span> 등으로 들어올 경우도 대비 */ }



/* 가격 표시 */
.prdname { text-align: left !important;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.prdprice {    text-align: right;}
.prdprice .p-price-box {  display: flex; justify-content: right; align-items: flex-start;  flex-wrap: wrap;  margin: 0 10px; box-sizing: border-box; white-space: nowrap; /* 한 줄 유지 */  flex-wrap: nowrap;   /* 줄바꿈 금지 */ }
.prdprice .p-old-price strike {  color: #c7c7c7 !important;  font-size: 2.8vw !important; font-weight:100;  letter-spacing: -0.7px !important; margin-left: -6px; /* 각 취소선 금액 사이 간격 */ white-space: nowrap; }
.prdprice .p-final-price {  font-size: 5.44vw !important;  font-weight: bold;  text-align: right;  float: right;  margin-left: auto; letter-spacing: -0.4px !important;}
.prdprice .p-discount {  color: #b78d7e;  font-size: 5.44vw !important; font-weight: bold; padding: 0px !important; /* margin-right: 6px;*/ }
.prdprice .p-discount-unit {  color: #b78d7e;  font-size: 5.44vw !important; font-weight: bold;  padding: 0px !important; }

/* 할인율 + 가격을 좌우 정렬하기 위한 컨테이너 추가 */
.p-price-line { display: flex; justify-content: space-between; /* ← 왼쪽 % / 오른쪽 가격 */ align-items: center; width: 100%; width: calc(100% - 20px);/* ← 좌우 여백 확보 */  margin: 0 auto; /* ← 가운데 정렬 */ }

/* 섬네일 및 리뷰 평점-갯수 */
.review-line { display: flex; justify-content:left; align-items: center; font-size:3vw; 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:3vw;; color:#b78d7e !important; }
/* BASIC css end */