/* BASIC css start */
.header.main,.headernavi {display:none;}
#header .headerTop ul li.nowcate {width: 70%; margin-left: 0; padding: 0 0 0 50px;text-align:center;font-size:20px;font-weight:600;}

.cate-wrap {border-top:1px solid var(--gray-light);border-bottom:1px solid var(--gray-light);}
.shopbrandTitle img {width:100%;}
.shopbrandTitle {margin-top: calc(var(--gnbH) + 10px); /* 52px + 10px = 62px */}
/* Ä«Å×°í¸®¸®½ºÆ® */
.class-list {box-sizing: border-box;overflow:auto;-webkit-overflow-scrolling:touch; scrollbar-width:none;background:#fff;margin:0 4%;}
.class-list ul {display:flex;justify-content: flex-start;align-items:center;width:100%;}
.class-list ul li {display:block; font-size:14px;padding:20px 0;text-align:center; margin:0 2%;white-space:nowrap;}
.class-list ul li:first-child {margin-left:0%}
.class-list ul li .active {color:var(--point-color);font-weight:500;}

.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}


.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

/* ÇÏÀ§ ºÐ·ù */
.shopbrand .item-cate { padding: 0 4px 10px; }
.shopbrand .item-cate .scate a { font-weight: bold; font-size: 15px; color: #1c1c1c; }
.shopbrand .item-cate .scate-img img { width: 100%; }

.shopbrand .item-sort {margin:25px 4%;}
.shopbrand .item-sort dd ul {display:flex;justify-content: space-between;align-items: center;}
.shopbrand .item-sort dd ul li.now {font-size:30px;font-weight:600;} 
.shopbrand .item-sort dd ul li.now span {margin-left:5px;font-size:16px;color:var(--gray);font-weight:400;}
.shopbrand .item-sort dd ul li select::-ms-expand { display: none;}
.shopbrand .item-sort dd ul li select { border:1px solid var(--line-color);border-radius:5px;width: 90px; height: 30px; background: url('//skin.makeshop.co.kr/skin/lifegoods/images/mo/ic_arrow_bt.svg') 65px no-repeat; background-size: 10px;  padding: 5px 30px 5px 10px;
 outline: 0 none;-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
 
 
 /* »óÇ° ¸ñ·Ï ¿µ¿ª(°øÅë) */
.item-cont > ul {display:flex;justify-content: space-between;flex-wrap: wrap;margin:0 4%;}
.item-cont .item-list.list2 {width:calc(50% - 10px);margin-bottom:30px;}
.item-cont .item-list .thumb {position:relative;}
.item-cont .item-list .thumb .num {position:absolute;left:0;width:24px;height:24px;line-height:24px;text-align:center;color:var(--fff);background:var(--gray);border-radius:4px 0 4px 0 ;}
.item-cont .item-list .thumb img {width:100%;border-radius:4px;}
.item-cont .item-list .prd-info .prd-name {margin:10px 0;}
.item-cont .item-list .prd-info .prd-name a {font-size:13px;font-weight:600;white-space:normal;word-break: break-all;overflow-wrap: break-word;}
.item-cont .item-list .prd-info .prd-subname {margin:10px 0;}
.item-cont .item-list .prd-info .prd-subname a {font-size:11px;color:var(--gray);}
.item-cont .item-list .prd-info .prd-ico {margin:10px 0;}
.item-cont .item-list .prd-info .prd-price {font-size:12px;font-weight:600;}
.item-cont .item-list .prd-info .prd-price del {font-size:11px;margin-left:1px;color:var(--gray);font-weight:400;}
.item-cont .item-list .prd-info .prd-price .discountPer {color:var(--point-color);font-weight:700;margin-right:1px;}
.item-cont .item-list .prd-info .prd-price .discount {color:var(--point-color);}
.item-cont .item-list .prd-info .prd-price .price {font-weight:600;}
.more {padding:0 4%;box-sizing: border-box;}
.more .btn_more_style {width:100%;border:1px solid #000;border-radius:4px;height:34px;line-height:34px;display:inline-block;box-sizing: border-box;}
.more .btn_more_style .more-title {color:#000;}


/* º£½ºÆ® */
#best-prd-count {position:relative;background-color:var(--gray-light);padding:50px 0;}
#best-prd-count .title {padding:0 0 25px;text-align:center;}
#best-prd-count .title h2 {font-size:22px;font-weight:600;}
#best-prd-count .item-cont dl dt.thumb img {width:100%;border-radius:50%;}
#best-prd-count .item-cont dl dd.prd-info  {text-align:center;}
#best-prd-count .item-cont .item-list .prd-info .prd-name a {font-size:16px;font-weight:600;}
#best-prd-count .item-cont .item-list .prd-info .prd-price  {font-size:14px;}





/* ===== Ä«Å×°í¸® ·¹À̾ƿô Á¤¸® ===== */

/* ===== »óÇ°ºÐ·ù Àü¿ë: Çì´õ/Áߺзù/Á¤·Ä ¹Ù ===== */

/* GNB ³ôÀÌ */
:root { --gnbH: 52px; }

/* ºÐ·ù Çì´õ: GNB ¹Ù·Î ¾Æ·¡ °íÁ¤ */
#header.cate_header{
  position: sticky;
  top: var(--gnbH);
  z-index: 300;
  background:#fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

/* Çì´õ ³»ºÎ Áß¾ÓÁ¤·Ä (´ëºÐ·ù¸í¸¸) */
#header.cate_header .headerTop ul{
  display:flex; align-items:center; justify-content:center;
  height:44px;
}
#header.cate_header .headerTop ul li:first-child,  /* ¡ç µÚ·Î°¡±â(<) ¼û±è */
#header.cate_header .h_cart,
#header.cate_header a[href*="/mypage"]{ display:none !important; }
#header.cate_header .headerTop ul li.nowcate{
  width:auto; margin:0; padding:0; text-align:center;
  font-size:18px; font-weight:700; letter-spacing:.2px;
}

/* Áߺзù ¹Ù: Çì´õ ¹Ù·Î ¹Ø sticky */
.cate-wrap{
  position: sticky;
  top: calc(var(--gnbH) + 44px);
  z-index: 250;
  background:#fff;
  border-top:1px solid #F2F2F2;
  border-bottom:1px solid #F2F2F2;
}

/* Áߺзù ¸®½ºÆ®: °¡·Î ½ºÅ©·Ñ(¾ÕÂÊ À߸² ¹æÁö) */
.class-list{
  overflow-x:auto; overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.class-list::-webkit-scrollbar{ display:none; }

.class-list ul{
  display:flex;
  align-items:center;
  justify-content:flex-start; /* ¸¹Àº °æ¿ì ¿ÞÂʺÎÅÍ º¸ÀÌ°Ô */
  gap:12px;
  padding:0 12px;            /* ¾ç ³¡ À߸² ¹æÁö */
}
.class-list ul li{ padding:14px 0; }
.class-list ul li a{
  display:inline-block; padding:0 8px; font-size:14px; white-space:nowrap;
}
.class-list a.active{ color:#FF1377; font-weight:600; }

/* ¡°º£½ºÆ®»óÇ°¡± ¼½¼ÇÀº »ç¿ë ¾ÈÇÔ */
#best-prd-count{ display:none !important; }

/* ÃÑ n°³/Á¤·Ä ¹Ù: ½ºÅ©·Ñ ½Ã ¼û±è¿ë ½ºÅ¸ÀÏ */
.shopbrand .item-sort{
  position: sticky;
  top: calc(var(--gnbH) + 44px + 46px);
  z-index: 240;
  background:#fff;
  padding:10px 4%;
  border-bottom:1px solid #F2F2F2;
  transition: transform .25s ease, opacity .25s ease;
}
.shopbrand .item-sort.is-hide{
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
}

/* ===== Ä«µå(¿À¹ö·¹ÀÌ)   ¸ÞÀΰú µ¿ÀÏ Åæ, °£°Ý ´õ ÄÄÆÑÆ® ===== */
.product-item .item-list{ position:relative; overflow:hidden; }
.product-item .item-list .thumb img{
  width:100%; display:block; border-radius:4px;
  aspect-ratio:365/536; object-fit:cover;
}

/* ÇÏ´Ü ¿À¹ö·¹ÀÌ */
.product-item .item-list .prd-info{
  position:absolute; left:0; right:0; bottom:0;
  height:45%;
  background:rgba(0,0,0,.40);
  color:#fff; text-align:center;
  padding:10px 8px 6px;
  display:flex; flex-direction:column; justify-content:flex-end;
  opacity:0; transform:translateY(10px);
  transition:opacity .22s cubic-bezier(.2,.6,.2,1), transform .22s cubic-bezier(.2,.6,.2,1);
  pointer-events:none;
}
.product-item .item-list:hover .prd-info,
.product-item .item-list.hover .prd-info{
  opacity:1; transform:translateY(0);
}

.product-item .item-list .prd-info *{ color:#fff !important; }
.product-item .item-list .prd-name a{ font-size:13px; font-weight:600; line-height:1.28; margin:0; }
.product-item .item-list .prd-subname a{ font-size:11px; line-height:1.24; opacity:.9; margin:2px 0 0; }
.product-item .item-list .prd-price{ font-size:12px; font-weight:600; margin-top:3px; }
.product-item .item-list .prd-price del{ font-size:11px; color:#ddd !important; font-weight:400; }

/* ¾ÆÀÌÄÜ ¶óÀÎ Á¦°Å */
.product-item .item-list .prd-ico,
.product-item .item-list .prd-color,
.product-item .item-list .prd-preview,
.product-item .item-list .prd-benefit{ display:none !important; }


/* Ãß°¡: Ä«µå ¿À¹ö·¹À̴ Ŭ¸¯ ¹æÇØ ¾È ÇÔ */
.product-item .item-list .prd-info { pointer-events: none; }






/* =========================================================
   [´ëºÐ·ù/Áߺзù Àü¿ë ÆÐÄ¡] Ä«µå °£°Ý(À§¾Æ·¡/°¡¿îµ¥) ŸÀÌÆ®ÇÏ°Ô
   - ÀÌ ÆÄÀÏÀÇ ±âÁ¸ .item-cont / .item-list.list2 ±¸Á¶¿¡ ¸ÂÃã
   - ¼ýÀÚ¸¸ ¹Ù²ã¼­ °£°Ý ¹Ì¼¼Á¶Á¤ °¡´É
   ========================================================= */
:root{
  --cat-edge: 4%;   /* ÁÂ¿ì ¹Ù±ù ¿©¹é(±âÁ¸ 4%) */
  --cat-col-gap: 2px; /* Á¿ì Ä«µå »çÀÌ °£°Ý(°¡¿îµ¥) */
  --cat-row-gap: 4px; /* À§¾Æ·¡(Çà) °£°Ý */
}

/* ÄÁÅ×À̳Ê: space-between Á¦°Å ¡æ gap »ç¿ë */
.shopbrand .item-cont > ul{
  margin: 0 var(--cat-edge) !important;
  display: flex; flex-wrap: wrap;
  justify-content: flex-start !important;
  gap: var(--cat-row-gap) var(--cat-col-gap) !important; /* row col */
}

/* 2¿­ Ä«µå Æø = (100% - °¡¿îµ¥°£°Ý) / 2 */
.shopbrand .item-cont .item-list.list2{
  width: calc((100% - var(--cat-col-gap)) / 2) !important;
  margin-bottom: 0 !important;         /* Çà °£°ÝÀº gapÀ¸·Î ó¸® */
  padding: 0 !important;               /* Ä«µå ³»ºÎ ÁÂ¿ì ¿©¹é Á¦°Å */
}

/* À̹ÌÁö-ÅؽºÆ® »çÀÌ ¿©¹é Ãà¼Ò(¿À¹ö·¹ÀÌ ¹Ì»ç¿ë ÄÉÀ̽º ´ëºñ) */
.shopbrand .item-cont .item-list .prd-info .prd-name,
.shopbrand .item-cont .item-list .prd-info .prd-subname,
.shopbrand .item-cont .item-list .prd-info .prd-ico{
  margin: 4px 0 !important;  /* ±âÁ¸ 10px ¡æ 4px */
}




/* ºÐ·ù ÆäÀÌÁö: °¡°Ý À§ »ö»óĨ */
.product-item .prd-info .prd-colors,
.list_shopping2x .list_shoppingInfo .prd-colors{
  margin: 6px 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap; /* Ĩ ¸¹À» ¶§ µÎ ÁÙ Çã¿ë (¿øÇϸé Á¦°Å) */
}

.product-item .prd-info .prd-colors span,
.list_shopping2x .list_shoppingInfo .prd-colors span{
  width: 12px; height: 12px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid rgba(0,0,0,.25); /* Èò ¹è°æ¿¡¼­ °æ°è º¸ÀÌ°Ô */
}




/* ============================
   ºÐ·ù ¸®½ºÆ® °£°Ý(¸ÞÀÎ ´À³¦À¸·Î)
   - »óÇ°¸í/¼­ºê³×ÀÓ ¡ê ¾ÆÀÌÄÜ(»ö»óĨ/¶óº§) ¡ê °¡°Ý
   ============================ */

/* ¼ýÀÚ¸¸ ¹Ù²ã¼­ Àüü °£°Ý ÄÁÆ®·Ñ */
:root{
  --gap-name-code: 2px;   /* »óÇ°¸í ¾Æ·¡ °£°Ý */
  --gap-code-icons: 8px;  /* ¼­ºê³×ÀÓ ¾Æ·¡(¾ÆÀÌÄÜ À§) °£°Ý */
  --gap-icons-price: 6px; /* ¾ÆÀÌÄÜ(»ö»óĨ/¶óº§)°ú °¡°Ý »çÀÌ °£°Ý */
}

/* ±âº» ¸®½ºÆ®(ºÐ·ù ÆäÀÌÁö) */
.product-item .prd-info .prd-name{ margin-bottom: var(--gap-name-code); }
.product-item .prd-info .prd-subname{ margin-bottom: var(--gap-code-icons); }

/* ¶óº§ ¾ÆÀÌÄÜ ÁÙ(±âȹ/ÁõÁ¤ µî) */
.product-item .prd-info .prd-ico{ margin-top: 0; margin-bottom: var(--gap-icons-price); }

/* »ö»óĨ(°¡°Ý À§)   ¾Õ¼­ ³ÖÀº prd-colors ±âÁØ */
.product-item .prd-info .prd-colors{
  margin: var(--gap-icons-price) 0 var(--gap-icons-price);
  display:flex; justify-content:center; align-items:center; gap:6px; flex-wrap:wrap;
}
.product-item .prd-info .prd-colors span{
  width:12px; height:12px; border-radius:50%; display:inline-block;
  border:1px solid rgba(0,0,0,.25);
}

/* »ó´Ü 'ÇÏÀ§ ºÐ·ù Ãß°¡ °Ç' °¶·¯¸®(ÀÖÀ¸¸é)µµ µ¿ÀÏ °£°Ý Àû¿ë */
.list_shopping2x .list_shoppingInfo .listName{ margin-bottom: var(--gap-name-code); }
.list_shopping2x .list_shoppingInfo .prd-colors{ margin: var(--gap-icons-price) 0 var(--gap-icons-price); }


/* BASIC css end */