/* BASIC css start */
@import url('//skin.makeshop.co.kr/skin/ms_basic_mobile/custom/shopbrand.min.css');

/* ¾Æ·¡ µÎ ÁÙ°ú À§ import ´Â HTML Ä­ style ºí·Ï¿¡ ÀÖ´ø °ÍÀ» ±×´ë·Î ¿Å±ä °Í */
#MS_current_best_product_page_cnt{font-weight:500;}
.product_list_wrap.list_st1 .product_item .desc_container{width:auto;}

/* ===== »óÇ°ºÐ·ù (shopbrand) 2026.09 ¸®´º¾ó =====
   ÁÖÀÇ : HTML Ä­ÀÇ style ºí·ÏÀÌ @import ·Î ¸ÞÀÌÅ©¼¥ ½ºÅ² CSS ¸¦ ´ç±â´Âµ¥,
   ±×°Ô ÀÌ ÆÄÀϺ¸´Ù ´Ê°Ô ·ÎµåµÈ´Ù. ±×·¡¼­ ¸ðµç ±ÔÄ¢¿¡ main.shopbrand Á¢µÎ¸¦ ºÙ¿©
   ƯÁ¤µµ¸¦ ¿Ã·ÁµÐ´Ù. ÀÌ Á¢µÎ¸¦ »©¸é ½ºÅ²¿¡ Áø´Ù. */
.product_category_wrap{color:#222222;}
.right_box{color:#222222;}

main.shopbrand {font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif; color:#222; letter-spacing:-0.01em}
main.shopbrand *{box-sizing:border-box}
main.shopbrand a{text-decoration:none}

/* °æ·Î */
main.shopbrand .page_top{padding:12px 20px 2px}
main.shopbrand .page_nav a{color:#999; font-size:11.5px}

/* ºÐ·ù ¼±Åà */
main.shopbrand .product_category_wrap{display:flex; gap:6px; padding:10px 20px 0}
main.shopbrand .product_category_wrap select{
    flex:1 1 0; min-width:0; width:auto; height:46px; padding:0 12px;
    border:1px solid #ccc; border-radius:4px; background:#fff;
    color:#222; font-size:13.5px; font-family:inherit;
}
main.shopbrand .product_category_wrap select:focus{outline:0; border-color:#438D46}

/* °³¼ö ¡¤ Á¤·Ä */
main.shopbrand .product_top_wrap{display:flex; align-items:center; justify-content:space-between; padding:16px 20px 10px}
main.shopbrand .product_top_wrap .total_cnt{color:#888; font-size:12.5px}
main.shopbrand .product_top_wrap .total_cnt strong{color:#222; font-weight:800}
main.shopbrand .product_top_wrap .right_box{color:#666; font-size:12.5px}

/* »óÇ° ±×¸®µå */
main.shopbrand #MS_product{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; padding:0 20px}
main.shopbrand #MS_product .item_list.w50p{width:auto; float:none; margin:0; padding:0}
main.shopbrand .item_list .tumb{
    position:relative; width:100%; aspect-ratio:1/1; margin:0;
    border:1px solid #eee; border-radius:4px; overflow:hidden; background:#fff;
}
main.shopbrand .item_list .tumb a{display:block; width:100%; height:100%}
main.shopbrand .item_list .tumb img{width:100%; height:100%; object-fit:contain}
main.shopbrand .item_list .info{padding-top:9px}
main.shopbrand .item_list .prdname{
    margin:0; color:#222; font-size:13px; font-weight:700; line-height:1.4;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
main.shopbrand .item_list .prdetc{
    margin:3px 0 0; color:#888; font-size:11.5px;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
main.shopbrand .item_list .prdprice{margin:6px 0 0; color:#222; font-size:14px; font-weight:800}
main.shopbrand .item_list .prdprice .percent{margin-right:4px; color:#ff3c00}
main.shopbrand .item_list .prdprice strike{margin-left:5px; color:#bbb; font-size:12px; font-weight:400}
main.shopbrand .item_list .prdreview{margin:4px 0 0; color:#888; font-size:11.5px}
main.shopbrand .item_list .prdreview img{width:11px; margin-right:2px; vertical-align:-1px}

/* ÆäÀÌ¡ */
main.shopbrand .paging-num{display:flex; align-items:center; justify-content:center; gap:10px; padding:22px 20px 30px; color:#666; font-size:12.5px}
main.shopbrand .paging-num a{color:#888}

@media screen and (min-width:560px){
main.shopbrand #MS_product{grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 16px}
}

/* ===== clearfix ÀÇ»ç¿ä¼Ò Á¦°Å =====
   ½ºÅ²ÀÇ clear_fix °¡ ::before / ::after ¿¡ content ¸¦ ³Ö´Âµ¥,
   ºÎ¸ð¸¦ grid / flex ·Î ¹Ù²Ù¸é ±×°Ô Ç׸ñ Çϳª·Î ÀâÇô Ä­À» Â÷ÁöÇÑ´Ù. */
main.shopbrand #MS_product::before,
main.shopbrand #MS_product::after,
main.shopbrand .product_top_wrap::before,
main.shopbrand .product_top_wrap::after{content:none !important; display:none !important}

/* °³¼ö ¡¤ Á¤·Ä ÁÙ Á¤·Ä */
main.shopbrand .product_top_wrap .left_box{flex:0 0 auto; float:none; width:auto; white-space:nowrap}
main.shopbrand .product_top_wrap .right_box{flex:0 0 auto; float:none; width:auto; white-space:nowrap}

/* ½ºÅ²ÀÌ ³Ö´Â ±¸ºÐ¼± Á¦°Å (Àüü N°³ / Á¤·Ä ÁÙ ¾Æ·¡) */
main.shopbrand .product_top_wrap{border-top:0; border-bottom:0}

/* ===== ºÎÁ¦ À߸² ¡¤ »óÇ°¾ÆÀÌÄÜ Á¤·Ä º¸Á¤ ===== */
main.shopbrand .item_list .prdetc{line-height:1.5; height:auto; overflow:hidden}
main.shopbrand .item_list .prdbtn{display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin:6px 0 0; line-height:normal}
main.shopbrand .item_list .prdbtn .MK-product-icons{display:flex; flex-wrap:wrap; align-items:center; gap:4px}
main.shopbrand .item_list .prdbtn img{display:block; margin:0; vertical-align:middle}

/* ===== ´õº¸±â ¹öÆ° ===== */
main.shopbrand .btn_bottom_box.more{padding:24px 20px 34px}
main.shopbrand .btn_bottom_box.more a{
 display:flex; align-items:center; justify-content:center;
 width:100%; height:48px; line-height:normal;
 border:1px solid #ddd; border-radius:4px; background:#fff;
 color:#444; font-size:13.5px; font-weight:700;
}
main.shopbrand .btn_bottom_box.more a:active{background:#f7f8f7}

/* ===== »óÇ°¸ñ·Ï ÆäÀÌ¡ (´õº¸±â ´ëü) ===== */
main.shopbrand .paging{display:flex; align-items:center; justify-content:center; gap:4px; padding:26px 20px 34px}
main.shopbrand .paging a{
 min-width:34px; height:34px; padding:0 9px;
 display:inline-flex; align-items:center; justify-content:center;
 border:1px solid #e5e5e5; border-radius:4px; background:#fff;
 color:#666; font-size:12.5px; text-decoration:none;
}
main.shopbrand .paging a.now{background:#438D46; border-color:#438D46; color:#fff; font-weight:700}
main.shopbrand .paging a:active{background:#f7f8f7}
main.shopbrand .paging a.now:active{background:#367038}

/* ÆäÀÌ¡ÀÌ ºñ¾îÀÖÀ¸¸é(´õº¸±â ¸ðµå) ¼û±è */
main.shopbrand .paging:empty{display:none}
main.shopbrand .btn_bottom_box.more a{background:#fff !important; border:1px solid #ddd !important; color:#444 !important}
/* BASIC css end */