/* BASIC css start */
/* ---------- Ä«Å×°í¸® ±âº» ---------- */
#productClass .cate-wrap { overflow:hidden; }
#productClass .cate-wrap .bcate{
  padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold;
  border-bottom:1px solid #e3e3e3;
}
#productClass .cate-wrap .class-list ul{ border-bottom:1px solid #e3e3e3; *zoom:1; }
#productClass .cate-wrap .class-list ul:after{ display:block; clear:both; content:''; }
#productClass .cate-wrap .class-list ul li{ padding:15px 30px 16px 0; float:left; }
#productClass .cate-wrap .class-list ul li a{ display:block; font-size:13px; color:#919191; }

/* ¼±ÅÃ: º£½ºÆ®/MD PICK ¿µ¿ª À¯Áö */
#productClass .best-item{
  padding-top:20px; padding-bottom:10px;
  border-top:2px solid #5c5c5c; border-bottom:2px solid #5c5c5c; background:#f8f8f8;
}
#productClass .total-sort{ padding-top:30px; }
#productClass .item-cate{ display:flex; justify-content:space-between; align-items:end; padding:30px 0; }
#productClass .item-cate a{ font-weight:bold; color:#1c1c1c; letter-spacing:-1px; }
#productClass .item-cate .scate a{ font-size:18px; }
#productClass .item-cont .thumb .main_icons{ position:relative; }

/* ---------- Ä«Å×°í¸® ¹è³Ê(¿øº» »çÀÌÁî) ---------- */
#productClass .penm-banner-section{ width:100%; margin:0 0 30px; background:transparent; }
#productClass .penm-banner-fixed{ max-width:1200px; margin:0 auto 30px; }
#productClass .penm-banner-fixed .penm-banner-frame{ position:static; overflow:visible; }
#productClass .penm-banner-fixed .penm-banner-img{
  display:block; width:auto; height:auto; max-width:100%;
}
#productClass .penm-banner-fixed .penm-banner-html,
#productClass .penm-banner-fixed .penm-banner-html > *{ display:block; width:auto; height:auto; }
#productClass .penm-banner-fixed .penm-banner-html img{
  display:block; width:auto; height:auto; max-width:100%;
}

/* ---------- »óÇ° ¸®½ºÆ® ±×¸®µå ---------- */
#productClass .item-wrap{ max-width:1200px; margin:0 auto; }
#productClass .item-wrap::after{ content:""; display:block; clear:both; }
/* wrapper ºÐÇÒ ±¸Á¶ À¯Áö */
#productClass .item-wrap .item-cont{ display:contents; }

/* 4¿­ */
#productClass .item-wrap dl.item-list{
  float:left;
  width:25%;
  padding:0 10px 32px;
  box-sizing:border-box;
}

/* ---------- ½æ³×ÀÏ: Á¤»ç°¢Çü + Áß¾Ó ¹èÄ¡ ---------- */
/* ±âº» ½ºÅ²ÀÇ height/padding °£¼· Á¦°Å ÈÄ Á¤»ç°¢Çü °­Á¦ */
#productClass .item-wrap .item-cont dl.item-list dt.thumb{
  position:relative;
  width:100% !important;
  height:0 !important;              /* °íÁ¤ height(¿¹: 352px) ¹«·ÂÈ­ */
  padding-top:100% !important;      /* 1:1 ºñÀ² */
  overflow:hidden;
  background:#f8f8f8;
  border:1px solid #e0e0e0;
  margin-bottom:8px;                 /* »óÇ°¸í À§ ¿©¹é ¡é */
}

/* a°¡ ÄÁÅ×À̳ʸ¦ ²Ë ä¿ì°í, ¸ðµç ¿©¹é/¶óÀιڽº Á¦°Å */
#productClass .item-wrap .item-cont dl.item-list dt.thumb > a{
  position:absolute !important; inset:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  padding:0 !important; margin:0 !important;
  font-size:0 !important; line-height:0 !important;  /* »ó´Ü °ø¹é ¹æÁö */
  background:transparent !important;
}

/* ¾î¶² ¿ä¼Ò°¡ µé¾î¿Íµµ Áß¾Ó contain */
#productClass .item-wrap .item-cont dl.item-list dt.thumb > a img,
#productClass .item-wrap .item-cont dl.item-list dt.thumb > a picture,
#productClass .item-wrap .item-cont dl.item-list dt.thumb > a source,
#productClass .item-wrap .item-cont dl.item-list dt.thumb > a span{
  max-width:100% !important; max-height:100% !important;
  width:auto !important; height:auto !important;
  object-fit:contain !important; object-position:center center !important;
  display:block !important; margin:0 !important;
  position:static !important; top:auto !important; left:auto !important;
}

/* ---------- ÅؽºÆ®/°¡°Ý ---------- */
/* »óÇ°¸í: À§ ¿©¹é ¡é, ¾Æ·¡ ¿©¹é ¡è */
#productClass .prd-info .prd-name{ margin:6px 0 14px; line-height:1.4; }
#productClass .prd-info .prd-name a{ font-size:14px; color:#1c1c1c; }

/* 2ÁÙ °¡°Ý ·¹À̾ƿô */
.penm-price-row{ line-height:1.4; }
.penm-price-row + .penm-price-row{ margin-top:4px; }
.penm-original-price{ color:#999; text-decoration:line-through; font-size:.9rem; }
.penm-discount-rate{ color:#e74c3c; font-weight:700; margin-right:6px; }
.penm-price-sale{ color:#333; font-weight:700; font-size:1rem; }


/* Èıâ+Âò ÇÑ ÁÙ Á¤·Ä */
#productClass .prd-info .prd-wish{
  margin-top:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  list-style:none;
}
#productClass .prd-info .prd-wish .sep{ color:#c9c9c9; }

/* Èıâ */
#productClass .prd-info .prd-wish .prd-review{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#666;
}
#productClass .prd-info .prd-wish .prd-review i{ font-size:14px; line-height:1; }
#productClass .prd-info .prd-wish .prd-review .count{ font-size:12px; }

/* Âò */
#productClass .prd-info .prd-wish .prd-wish-btn{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#666;
  text-decoration:none;
  font-size:13px;
}

/* ÇÏÆ® Åä±Û(¸ÞÀÌÅ©¼¥ÀÌ Âò »óÅ¿¡¼­ a¿¡ on Ŭ·¡½º ºÎ¿©) */
#productClass .prd-info .prd-wish .prd-wish-btn .icon-heart-on{ display:none; }
#productClass .prd-info .prd-wish .prd-wish-btn.on .icon-heart-off{ display:none; }
#productClass .prd-info .prd-wish .prd-wish-btn.on .icon-heart-on{ display:inline-block; color:#666 !important; }

#productClass .prd-info .prd-wish .prd-wish-btn i{ font-size:14px; line-height:1; }
#productClass .prd-info .prd-wish .prd-wish-btn .count{ font-size:12px; }

/* Èıâ+Âò ÁÙ ±¸¼º(ÀÖ´ø °Í À¯Áö °¡´É) */
#productClass .prd-info .prd-wish{
  margin-top:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
}
#productClass .prd-info .prd-wish .sep{ color:#c9c9c9; }

/* Èı⠾ÆÀÌÄÜ/¼ýÀÚ */
#productClass .prd-info .prd-wish .prd-review{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#666;
}
#productClass .prd-info .prd-wish .prd-review i{ font-size:14px; line-height:1; }
#productClass .prd-info .prd-wish .prd-review .count{ font-size:12px; }

/* ====== Âò ¹öÆ°: ½ºÅ²ÀÇ ¼û±è ±ÔÄ¢ ¿ÏÀü ¹«·ÂÈ­ ====== */
#productClass .prd-info .prd-wish .prd-wish-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  text-indent:0 !important;
  overflow:visible !important;
  color:#666;
  text-decoration:none;
  line-height:1;
}

/* ¾ÆÀÌÄÜÀº Ç×»ó ·»´õ¸µµÇ°Ô */
#productClass .prd-info .prd-wish .prd-wish-btn i{
  display:inline-block !important;
  font-size:14px;
  line-height:1;
}

/* Âò »óÅ Åä±Û (¸ÞÀÌÅ©¼¥ÀÌ a¿¡ on Ŭ·¡½º¸¦ ºÙÀÓ) */
#productClass .prd-info .prd-wish .prd-wish-btn .icon-heart-on{ display:none !important; }
#productClass .prd-info .prd-wish .prd-wish-btn.on .icon-heart-off{ display:none !important; }
#productClass .prd-info .prd-wish .prd-wish-btn.on .icon-heart-on{
  display:inline-block !important;
  color:#666 !important;
}

/* Âò ¼ö */
#productClass .prd-info .prd-wish .prd-wish-btn .count{ font-size:12px; }

/* ÇÏÆ® »ö»ó ÅëÀÏ: off/on ¸ðµÎ °ËÁ¤ */
#productClass .prd-info .prd-wish .prd-wish-btn i{ 
  color:#666 !important;
}
#productClass .prd-info .prd-wish .prd-wish-btn.on .icon-heart-on{
  color:#666 !important;
}
/* È£¹ö¿¡µµ »ö ¾È º¯ÇÏ°Ô */
#productClass .prd-info .prd-wish .prd-wish-btn:hover i{
  color:#666 !important;
}

/* ---------- ¹ÝÀÀÇü ---------- */
@media (max-width:1024px){
  #productClass .item-wrap dl.item-list{ width:33.3333%; } /* 3¿­ */
}
@media (max-width:768px){
  #productClass .item-wrap dl.item-list{ width:50%; }     /* 2¿­ */
}
@media (max-width:480px){
  #productClass .item-wrap dl.item-list{ width:100%; }    /* 1¿­ */
}

/* BASIC css end */