/* BASIC css start */
*,
*::before,
*::after {
    font-family: 'Pretendard', sans-serif !important;
}
/* 기본: 4열 */
.w400 {
    width: 24%;
}

/* 노트북 */
@media (max-width: 1537px) {
    .w400 {
        width: auto;
    }
}

/* 대형 화면 */
@media (min-width: 1539px) {
    .w400 {
        width: 400px;
        flex: 0 0 400px;
    }
}

/* =================== 전체 컨테이너 =================== */
#content {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;       /* 화면 중앙 정렬 */
  padding: 50px 0 20px;
  display: block;       /* flex 제거 */
}

/* =================== 클래스 리스트 =================== */
#productClass .cate-wrap { overflow:hidden; }
#productClass .cate-wrap .bcate { 
  font-family: 'Pretendard', sans-serif;
  padding:70px 0 30px;  
  font-size:30px; 
  color:#333; 
  font-weight:600; 
  text-align:center; 
}
#productClass .cate-wrap .class-list ul { text-align:center; }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:''; }
#productClass .cate-wrap .class-list ul li { margin:0 5px; display:inline-block; }
#productClass .cate-wrap .class-list ul li a {
  font-family: 'Pretendard', sans-serif;
  display:block; 
  font-size:13px; 
  color: #502c1d;
  background-color: #f5e6dc; 
  padding:15px 30px; 
  border-radius:30px;
  font-weight:400;
}

#productClass .class-list ul li a.on {
  background-color: #fff;       /* 선택 메뉴 흰 배경 */
  color: #502c1d;               /* 브라운 텍스트 */
  border: 2px solid #f5e6dc;    /* 베이지테두리 */
  font-weight: 600;
}

/* =================== 베스트 아이템 =================== */
#productClass .best-item { 
  padding: 20px 0 10px; 
  border-top: 2px solid #5c5c5c; 
  border-bottom: 2px solid #5c5c5c; 
  background-color: #f8f8f8; 
}
.best_sec{
  margin-bottom:60px; 
  padding:60px 0 30px; 
  border-bottom:1px solid #e7e7e7;
}
.best_sec_inner{ margin:0 auto; position:relative; }
.best_sec_inner h3{
  font-family: 'Pretendard', sans-serif;
  font-size:30px; 
  color:#333; 
  font-weight:600;
}
.best_sec_inner .best_tit{
  display:flex; 
  align-items:center; 
  justify-content:space-between; 
  margin-bottom:30px;
}

/* =================== 페이지네이션 =================== */
.paging a {
    display: inline-block;
    margin: 0 5px;
    padding: 6px 10px;
    font-size: 14px;
    text-decoration: none;
    color: #5d5d5d;
}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last {
    color: #502c1d; /* 브라운 */
    font-weight: 500;
}
.paging a.now {
    color: #502c1d; /* 선택된 숫자 브라운 */
    background-color: transparent;
    border-radius: 0;
    font-weight: 600;
}
.paging a:hover {
    color: inherit;
    background-color: inherit;
}

/* =================== 아이템 리스트 =================== */
.item-cont {/*
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 한 줄 4개 고정 */
  /*gap: 30px; /* 아이템 간격 */
  /*width: 100%;
  /*max-width: 1800px;
  /*margin: 0 auto; /* 중앙 정렬 */
  /*padding: 50px 0 20px;*/
}

.item_list {
  text-align: center;      /* 썸네일 기준 중앙 */
  display: block;
  margin-bottom: 80px;     /* 하단 여백 */
}

.item_list .thumb {
  display: block;
  margin: 0 auto 4px;
  max-width: 100%;
  height: auto;
}

.item_list .info {
  text-align: center;
}

.item_list .info .prdname {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 5px 0;
}

.item_list .info .prdprice {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}

.item_list .info .prdetc {
  font-size: 13px;
  color: #666;
  margin-bottom: 10px;
}

.prdprice .discount {
  color: #53341f; /* 브라운 */
  font-weight: 700;
  font-size: 13px;
}

/* BASIC css end */