/* 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: 460px; /* ¡ç ÀÌ °ªÀ» ÇöÀç ¸ÞÀÎ ½æ³×ÀÏ ³ôÀÌ¿¡ ¸ÂÃç */
  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;
}




/* =========================================================
   [PC ´ëºÐ·ù/Áߺзù - item-wrap Àü¿ë] Ä«µå °£°Ý ÃʾÐÃà
   - °¡·Î/¼¼·Î °£°ÝÀ» º¯¼ö·Î ÇÑ ¹ø¿¡ °ü¸®
   - BEST ½½¶óÀÌ´õ(.best_sec)¿¡´Â ¿µÇâ ¾øÀ½
   ========================================================= */
:root{
  --pc-cat-gap-x: 4px;   /* ¿­(°¡¿îµ¥) °£°Ý: ´õ ºÙÀÌ·Á¸é 2px/0px */
  --pc-cat-gap-y: 6px;   /* Çà(À§¾Æ·¡) °£°Ý: ´õ ºÙÀÌ·Á¸é 4px/2px */
}

/* ÄÁÅ×À̳Ê: space-between Á¦°Å ¡æ gap »ç¿ë */
body.shopbrand #productClass .item-wrap > .item-cont{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  column-gap: var(--pc-cat-gap-x) !important;
  row-gap: var(--pc-cat-gap-y) !important;
  padding: 0 !important;
  margin: 0 !important;           /* ul ¹Ù±ù ¿©¹é Á¦°Å */
  list-style: none !important;
  box-sizing: border-box;
}

/* 4¿­ Ä«µå Æø = (100% - (¿­°£°Ý*3)) / 4 */
body.shopbrand #productClass .item-wrap > .item-cont > .item_list{
  width: calc((100% - (3 * var(--pc-cat-gap-x))) / 4) !important;
  margin: 0 !important;           /* ±âÁ¸ margin-bottom:40px Á¦°Å */
  padding: 0 !important;
  box-sizing: border-box;
}

/* ½æ³×ÀÏ/ÅؽºÆ® »çÀÌ ¿©¹éµµ ÄÄÆÑÆ®ÇÏ°Ô(¼±ÅÃ) */
body.shopbrand #productClass .item-wrap > .item-cont > .item_list .info .prdname,
body.shopbrand #productClass .item-wrap > .item-cont > .item_list .info .prdetc,
body.shopbrand #productClass .item-wrap > .item-cont > .item_list .info .prdprice{
  margin: 4px 0 !important;       /* ÇÊ¿ä ½Ã 2px±îÁö Ãà¼Ò °¡´É */
  line-height: 1.28 !important;
}

/* Çà °£°ÝÀ» gapÀ¸·Î¸¸ ÅëÀÏÇßÀ¸´Ï ±âÁ¸ ÀÜ¿© ¸¶Áø ¹«·ÂÈ­ */
body.shopbrand #productClass .item_list{ margin-bottom: 0 !important; }

/* ¾ÆÀÌÄÜ ¹Ú½º°¡ Ä«µå ¹ÛÀ¸·Î ¹Ð¸®Áö ¾Ê°Ô(¾ÈÀüÀåÄ¡) */
body.shopbrand #productClass .item_list .prdicon{ right: 10px !important; bottom: 8px !important; }







/* °øÅë ¿µ¿ª/·¹À̾ƿô (³×°¡ ÁØ ÄÚµå ±×´ë·Î À¯Áö) ... */

/* === Àαâ¼øÀ§ ¹èÁö °øÅë === */
.gz-rank-badge{
  position:absolute; top:10px; left:10px; z-index:9999;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:34px; height:24px; padding:0 8px; border-radius:4px;
  background:#000; color:#fff; font-weight:700; font-size:14px; line-height:1;
  letter-spacing:.2px; box-shadow:0 2px 6px rgba(0,0,0,.15);
  pointer-events:none;
}
#productClass .item_list .thumb{ position:relative; }
@media (max-width:768px){
  .gz-rank-badge{ top:6px; left:6px; min-width:28px; height:20px; font-size:12px; }
}

/* È÷µç ÇÇ´õ Á¢±Ù¼º ¼û±è */
.gz-sr-only{
  position:absolute !important; width:1px; height:1px; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0;
}


/* BASIC css end */