/* BASIC css start */
.brand-select { padding-top:30px; text-align:center }
.brand-select select { width:462px; height:40px; font-size:15px; color:#555 }
.brand-select a { display:inline-block; margin-left:3px; width:118px; height:38px; font-size:15px; color:#fff; text-align:center; line-height:38px; border:1px solid #101010; background: #101010; vertical-align:top; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.brand-select a:hover { color:#101010; background:#fff }
.brand-select a:active { position:relative; top:1px }
.brand-banner { padding-top:30px; text-align:center }
.page-body { padding-top:30px }

/* 상품 사진 확대 + 관심상품/장바구니 버튼 (마우스 올리면 표시) - 메인과 통일 */
.item_list .thumb{overflow:hidden; position:relative}
.item_list .thumb img{transition:transform .4s}
.item_list .thumb:hover img{transform:scale(1.06)}

.item_list .thumb .prd-wish{opacity:0; transition:opacity .3s}
.item_list .thumb:hover .prd-wish{opacity:1}
.item_list .thumb .prd-wish a{display:flex; align-items:center; justify-content:center}
.item_list .thumb .prd-wish .fa{font-size:15px; color:#333}

/* =========================================================
   v23: 브랜드 상품 페이지 1행 5개
   - MD'S PICK / 일반 상품 목록 모두 동일 적용
   ========================================================= */
#productClass .shopbrand_item_wrap {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 50px 25px !important;
    float: none !important;
    margin-bottom: 60px !important;
}
/* clear_fix 가상요소가 grid 칸을 차지하는 문제 차단 */
#productClass .shopbrand_item_wrap.clear_fix::before,
#productClass .shopbrand_item_wrap.clear_fix::after {
    display: none !important;
}
#productClass .shopbrand_item_wrap > li.item_list,
#productClass .shopbrand_item_wrap > li.w25p {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 5열에서 칸이 좁아지므로 상품명 축소 */
#productClass .item_list .info .prdname {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* v24: 컨테이너 폭을 NEW 페이지와 동일하게 (1100 → 1300) */
#contentWrap { width: 1300px !important; }
/* BASIC css end */

