/* BASIC css start */
#shopBrand .shop_title h2 {padding:60px 0 30px; color:#000; font-family:'Open Sans', 'Roboto'; font-size:23px; font-weight:600; text-align:center; line-height:23px; text-transform:uppercase;}
#shopBrand .shop_title h2 a {color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit;}

#shopBrand .shop_img {overflow:hidden; text-align:center;}
#shopBrand .shop_img img {max-width:100%; height:auto;}

#shopBrand .product_list_promotion {position:relative;}
#shopBrand .product_list_promotion .big_img {overflow:hidden; float:left; width:600px; height:526px; text-align:center; line-height:526px;}
#shopBrand .product_list_promotion .big_img img {height:526px; font-size:0; line-height:0; vertical-align:top;}
#shopBrand .product_list_promotion .big_img .noimg {background:#f7f7f7; text-align:center; line-height:526px;}
#shopBrand .product_list_promotion > ul {margin-left:600px; font-size:0; text-align:left;}
#shopBrand .product_list_promotion > ul:after {display:block; clear:both; content:'';}
#shopBrand .product_list_promotion > ul > li {display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#shopBrand .product_list_promotion > ul > li .itembox {width:190px; margin:0 0 8px 10px}
#shopBrand .product_list_promotion > ul > li .itembox .thumb img {width:100%; height:259px;}
#shopBrand .product_list_promotion > ul > li .itembox .thumb .hoverbox,
#shopBrand .product_list_promotion > ul > li .itembox .thumb + * {display:none;}

#shopBrand .cate_sort {margin:0;}
#shopBrand .cate_sort ul {font-size:0; text-align:center;}
#shopBrand .cate_sort ul li {display:inline-block; *display:inline; *zoom:1; margin:2px 4px; vertical-align:top;}
#shopBrand .cate_sort ul li a {display:block; min-width:76px; height:30px; padding:0 5px; border:1px solid #ddd; background:#fff; text-align:center; color:#000; font-size:14px; font-weight:500; line-height:32px;}
#shopBrand .cate_sort ul li.selected a {border-color:#fff1f1; background-color:#fff1f1;}


/* =========================
   썸네일 롤오버 시 어두워짐 제거
   + 위시리스트/카트 아이콘 숨김
   ========================= */

/* 썸네일 기본 */
.itembox .thumb {
    position: relative;
    overflow: hidden;
}

.itembox .thumb > a {
    display: block;
    position: relative;
}

.itembox .thumb > a img {
    display: block;
    width: 100%;
    height: auto;
    filter: none !important;
    background: transparent !important;
}

/* 롤오버 이미지 겹치기 */
.itembox .thumb > a {
    position: relative;
}

.img_basic {
    position: relative;
    z-index: 2;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.img_ov {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
}

/* 호버 시 기본 이미지만 사라지게 */
.itembox:hover .img_basic {
    opacity: 0 !important;
}

/* hover 시 어두워지는 효과 전부 제거 */
.itembox:hover .thumb,
.itembox:hover .thumb > a,
.itembox:hover .thumb > a img,
.itembox:hover .img_basic,
.itembox:hover .img_ov {
    filter: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* hoverbox 자체 숨김 */
.itembox .thumb .hoverbox {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
}

/* hoverbox 안의 아이콘/버튼 숨김 */
.itembox .thumb .hoverbox .menu,
.itembox .thumb .hoverbox .cart,
.itembox .thumb .hoverbox .wish,
.itembox .thumb .hoverbox .btn,
.itembox .thumb .hoverbox ul,
.itembox .thumb .hoverbox li,
.itembox .thumb .hoverbox a,
.itembox .thumb .hoverbox img {
    display: none !important;
}

/* hoverbox 가상요소 제거 */
.itembox .thumb .hoverbox:before,
.itembox .thumb .hoverbox:after,
.itembox .thumb > a:before,
.itembox .thumb > a:after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* 혹시 다른 클래스명으로 아이콘이 붙어 있는 경우까지 숨김 */
.prdicon,
.icon_wish,
.icon_cart,
.btn_wish,
.btn_cart,
.wishlist,
.cart {
    display: none !important;
}
/* BASIC css end */