/* 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 h3{font-family: 'Pretendard', sans-serif;font-size:23px; color:#323232; 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: 'Pretendard', sans-serif;border:1px solid #ccc }
.recmd_sec .swiper-pagination-bullet-active { color: #fff;background: #333333;}


/* 카테고리 제목 */
.product_category_wrap .cate1 {
    font-family: 'Pretendard', sans-serif !important;
    font-weight: 600 !important;
    font-size: 25px !important;
    margin: 0;                  /* 기존 여백 제거 */
    padding: 10px 0 10px !important; /* 하단 패딩 최소화 */
    color: #323232 !important;
}

/* 카테고리 소제목 영역 */
.product_category_wrap .cate_child_wrap {
    margin: 0 !important;        /* 상단 여백 제거 */
    padding: 0 !important;       /* 상단 패딩 제거 */
}

/* 카테고리 소제목 버튼 */
.product_category_wrap .cate_child_wrap ul li a {
    font-family: 'Pretendard', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400;
    display: inline-block;
    padding: 3px 12px !important;
    margin: 2px 5px;
    background-color: #f5e6dc !important;
    color: #502c1d !important;
    border-radius: 20px;
    border: none;
    text-align: center;
    text-decoration: none;
}

/* 선택된 소제목 */
.product_category_wrap .cate_child_wrap ul li a.sel {
    background-color: #ffffff !important;
    color: #502c1d !important;
    border: 2px solid #f5e6dc !important;
}

.product_category_wrap .cate_child_wrap ul li a.sel{ color:#f5e6dc; !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: 'Pretendard', sans-serif;letter-spacing: -.6px;}
.product_top_wrap .total_cnt strong{font-family: 'Pretendard', 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);}

/* 상품 정보 가운데 정렬 */
.info.clear_fix { font-family:'Pretendard',sans-serif; }

/* 아이템 전체 flex */
.item_list {
    display: flex;
    flex-direction: column;  /* 세로 정렬 */
    align-items: center;     /* 가운데 정렬 */
    text-align: center;      /* 텍스트도 가운데 */
}


/* 썸네일 이미지 */
.item_list .thumb img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* 썸네일과 바로 아래 info 영역 사이 여백 최소화 */
.item_list .thumb,
.item_list .thumb a,
.item_list .thumb img,
.item_list .info {
    margin: 3px !important;
    padding: 0 !important;
}

/* 제품명 */
.item_list .prdname {
    margin: 2px 0 2px;
    font-size: 14px;
    font-weight: 500;
}

/* 가격 영역 */
.item_list .prdprice {
    margin-top: 0px; 
}

/* 판매가 + 할인율 한 줄 유지 */
.item_list .prdprice .sale {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
}

.item_list .prdprice .sale .price {
    color: #323232;
    font-weight: 600;
    font-size: 13px; 
    margin-bottom:25px; !important
}

.item_list .prdprice .sale .prdetc {
    color: #502c1d;
    font-weight: 600;
    font-size: 13px;    
    margin-bottom:25px; !important
}

/* 원가 */
.item_list .prdprice .origin strike {
    font-size: 12px;
    color: #999;    
}


/* 전체 페이지 넘버 가로 정렬 */
.paging.clear_fix {
    display: flex;
    justify-content: center;
    align-items: center; /* 수직 중앙 맞춤 */
    padding: 10px 0;
    list-style: none;
    margin: 0;
}

/* li 공통 - 높이 통일, 가로 정렬 */
.paging.clear_fix li {
    display: inline-flex;       /* 가로 배치 */
    align-items: center;        /* 수직 중앙 */
    justify-content: center;    /* 수평 중앙 */
    height: 32px;               /* 동일 높이 */
    margin: 0 1px;              /* 버튼 간격 */
}

.prdprice .origin { display:block; text-align:center; color:#aeaeae; margin-bottom:2px; }
.prdprice .sale { display:flex; justify-content:center; gap:5px; font-weight:600; font-size:13px; }
.prdprice .sale .price { color:#323232; }
.prdprice .sale .prdetc { color:#502c1d; }

/* 링크 공통 - 배경 제거, padding 조정 */
.paging.clear_fix li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;             /* 좌우 여백 */
    text-decoration: none;
    background: none;
    border: none;
    line-height: 1;
    font-weight: 500;
}

/* 화살표 << < > >> 색상 */
.paging.clear_fix li.first a,
.paging.clear_fix li.prev a,
.paging.clear_fix li.next a,
.paging.clear_fix li.last a {
    color: #502c1d !important;  /* 브라운 */
}

/* <<, >> 버튼만 크기 조금 더 키움 */
.paging.clear_fix li.first a,
.paging.clear_fix li.last a {
    font-size: 18px;
    letter-spacing: -2px;
}

/* <, > 버튼 */
.paging.clear_fix li.prev a,
.paging.clear_fix li.next a {
    font-size: 14px;
}

/* 숫자 기본 그레이, 선택된 페이지만 브라운 */
.paging.clear_fix li a:not(.now a) {
    color: #999999;
}

.paging.clear_fix li.now a {
    color: #502c1d !important;
}
/* BASIC css end */