/* BASIC css start */
/* 공통 영역 */
#wrap,
#contentWrapper,
#contentWrap,
#content,
#productClass,
.best_sec_inner,
.head_inner {
  width: 1280px !important;
  margin: 0 auto;
  box-sizing: border-box;
}

/* 카테고리 분류 */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate {
  font-family: 'Noto Sans KR', sans-serif;
  padding:70px 0 30px;
  font-size:26px;
  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 {
  display:block;
  font-size:13px;
  color:#999999;
  background-color:#f9f9f9;
  padding:15px 30px;
  border-radius:30px;
}

#productClass .item_list .thumb {
  height: 440px; /* ← 이 값을 현재 메인 썸네일 높이에 맞춰 */
  overflow: hidden;
  position: relative;
}

#productClass .item_list .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* BEST 아이템 영역 */
#productClass .best-item {
  padding-top: 20px;
  padding-bottom: 10px;
  border-top: 2px solid #5c5c5c;
  border-bottom: 2px solid #5c5c5c;
  background-color: #f8f8f8;
}
.best_sec {
  padding: 60px 0 100px;
}
.best_sec_inner {
  margin: 0 auto;
  position: relative;
}
.best_sec_inner h3 {
  font-family: 'Jost', sans-serif;
  font-size: 30px;
  color: #9c8f87;
  text-align: center;
  margin-bottom: 50px;
  font-weight: 600;
}
.best_sec .swiper {
  padding-bottom: 50px;
}
.best_sec .swiper-pagination {
  bottom: 0px;
  top: unset;
}
.best_sec .swiper-pagination-bullet {
  width: 30px;
  height: 5px;
  border-radius: 0;
  background-color: #9c8f87;
}

/* 정렬 필터 */
#productClass .total-sort {
  padding-top: 30px;
}

body.shopbrand #productClass .item-cont .item_list.w335 {
  width: 305px !important;
  box-sizing: border-box;
}

#overlay_layer {
  pointer-events: none;
}

/* 상품 리스트 공통 구조 */
#productClass .item_list {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}

#productClass .item_list .info {
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.65);
  width: 90%;
  padding: 10px;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 3;
  border-radius: 8px;
}

#productClass .item_list:hover .info {
  opacity: 1;
}

#productClass .item_list .info .prdname,
#productClass .item_list .info .prdetc,
#productClass .item_list .info .prdprice,
#productClass .item_list .info .prdcolor {
  font-size: 13px;
  color: #333;
}

#productClass .item_list .info .prdprice {
  font-weight: bold;
  margin-top: 5px;
}

#productClass .item_list .info .prdcolor {
  margin-top: 5px;
}

#productClass .item_list .info .prdcolor span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 2px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

/* 마우스오버 아이콘박스 */
.item_list .prdicon {
  position: absolute;
  bottom: 10px; 
  right: 15px; /* ← 오른쪽에서 15px 여백 */
  left: auto;  /* 중앙 정렬 제거 */
  transform: none; /* 중앙 정렬 제거 */
  background: rgba(255, 255, 255, 0.92);
  padding: 8px 14px;
  
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 10;
  width: max-content;
  min-width: 80px;
}

.item_list:hover .prdicon {
  opacity: 1;
}

.item_list .prdicon ul {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.item_list .prdicon ul li {
  list-style: none;
}

/* 하트 (찜) 아이콘 */
.item_list .prdicon .my-wish-list {
  display: inline-block;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.item_list .prdicon .my-wish-list img {
  width: 100%;
  height: 100%;
  display: block;
}

/* 공통 아이콘 사이즈 */
.item_list .prdicon ul li img {
  width: 22px;
  height: 22px;
  display: block;
}


.search-center-btn {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  padding: 170px;
  display: block;
  cursor: pointer;
}

.search-center-btn img {
  width: 26px;
  height: 26px;
  display: block;
}


/* BASIC css end */