/* BASIC css start */
/* ±âº» ÆùÆ® */
body { font-family: "Pretendard Variable", Pretendard, sans-serif; }

/* ¹è³Ê: sticky ¾Æ´Ô */
.banner-space { background:#fff; }
.banner-space .visual img { display:block; width:100%; height:auto; max-width:100%; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ Ä«Å×°í¸® ¹öÆ° ¹Ù: sticky + ÀÚµ¿ ±Õµî ºÐÇÒ ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.category-grid{
 
  top: 0;               
  z-index: 50;
  background:#fff;
  border-bottom: 1px solid #e9ecef;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap:0;
  padding:10px 0;
}
.category-grid .cat-btn{
  padding:14px 10px;
  border:0;
  border-right:1px solid #f1f3f5;
  background:#fff;
  cursor:pointer;
  text-align:center;
  font-size:16px;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.category-grid .cat-btn:last-child{ border-right:0; }
.category-grid .cat-btn:hover{ background:#f8f9fa; }
.category-grid .cat-btn.active{ background:#007bff; color:#fff; font-weight:700; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ ¼½¼Ç/»óÇ° Ä«µå ±×¸®µå ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.custom-category-section{ margin:30px 0 50px; }
.custom-category-section h4{ font-size:22px; font-weight:700; margin:10px 0 16px; }

.custom-item-wrap{ display:flex; flex-wrap:wrap; gap:20px; }
.custom-item-cont{ width:calc(20% - 20px); box-sizing:border-box; padding:10px; background:#fff; display:flex; flex-direction:column; }

.custom-item-list .thumb{ margin-bottom:10px; position:relative; }
.custom-item-list .thumb img{ width:100%; height:260px; object-fit:cover; }
.custom-prd-info ul{ list-style:none; padding:0; margin:0; }
.custom-prd-name{ height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.custom-prd-name a{ font-size:16px; font-weight:500; }
.custom-prd-ico{ height:24px; display:flex; align-items:center; }
.custom-prd-price{ font-size:18px; font-weight:700; margin-top:10px; height:24px; line-height:24px; }

/* ´õº¸±â ¹öÆ° */
.load-more-wrap{ display:flex; justify-content:center; margin:26px 0 60px; }
.load-more-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:220px; height:46px; padding:0 18px; border-radius:999px;
  border:1px solid #d0d5dd; background:#fff; font-size:15px; font-weight:600;
  box-shadow: 0 1px 2px rgba(16,24,40,.06);
}
.load-more-btn:hover{ background:#f8f9fa; }
.load-more-btn[disabled]{ opacity:.5; cursor:not-allowed; }

/* ¼û±è À¯Æ¿ */
.hidden { display:none !important; }

/* BASIC css end */