@charset "UTF-8";
/* 브랜드 페이지 스타일 파일입니다. */

.l-page.brand-list{width:auto; padding-block-end: 0px;}
.brand_penel.brand_list{display: none;}

/* 브랜드 리스트 */
.brand-list-wrap {position: relative; max-width:1450px; margin:0px auto; width: 100%;background: #fff;box-sizing: border-box;margin-top: 1px;}

.brand-list-wrap .inner {position: relative; box-sizing: border-box;/*  padding-top: 80px; */ padding-top: 75px; overflow: hidden;width: 1300px;margin: 0px auto;}
.brand-list-wrap .inner ul {position: relative; width: 100%; height: auto; margin: 0;}
.brand-list-wrap .inner ul li { text-align: center;    flex-shrink: 0;}
.brand-list-wrap .inner ul li img {max-width: 100%; margin: 0 auto; position:relative;}
.brand-list-wrap .inner ul li a{position: relative; display: block;}
.brand-list-wrap .inner ul li a.active::after{content:''; width:165px; height:165px;  position:absolute;  top: 40%;left: 50%; transform: translate(-50%, -50%);  border:2px solid #3e712d; border-radius:100%;}

.brand-list-wrap .swiper-button-next::after{display: none;}
.brand-list-wrap .swiper-button-prev::after{display: none;}
.brand-list-wrap .swiper-button-prev{z-index:1; background: url('../../../img/main/video_prev.png')no-repeat; top: 50%;   transform: translate(0%, 60%); }
.brand-list-wrap .swiper-button-next{z-index:1; background: url('../../../img/main/video_next.png')no-repeat;  top: 50%;  transform: translate(0%, 60%); }

.brand-list-wrap .inner ul li p {display: block;line-height: 1;font-size: 16px;font-weight: 400;color: #060606;margin-top: 21px;text-transform: uppercase;}
.brand_info_img{margin-top:70px;}

.brand-product{width:1450px; margin:0px auto;}
.brand-product_list .display-product__contents{ display: grid; width: 100%;gap: 21px; row-gap:50px; grid-template-columns: repeat(4, calc(100% / 4 - 15px)) !important; margin-left:0;}

.brand-list .skin-banner__contents{margin-block-end:60px;}

.brand-product .category_list{ display: grid; grid-template-columns: repeat(7, 1fr); margin: 0;margin-top: 50px;}

.category-nav__link {height:50px; line-height: 50px; padding: 0;width: 207px; text-align: center;border-right: none; border-bottom:none;}
.category-nav__link:nth-child(7n){border-right: 1px solid #e5e5e5;}
.category-nav__link.active{background:#000; color:#fff}
.category-nav__link.active .category-nav__label{color:#fff;}
.category-nav__link a{ display: block;}
.category-nav__label{font-size:18px; color:#000; display: block;}

.category-nav__link {
    border:1px solid #e5e5e5;
    border-left:none;;
}
.category-nav__link:nth-child(1) {
    border-left:1px solid #e5e5e5;
}
.category-nav__link:nth-child(8n) {
    border-left:1px solid #e5e5e5;
}
.category-nav__link:nth-child(n+8) {
    border-top: none;
}


.sort-list__wrap--margin{ margin-block-start: 62px; margin-block-end: 24px;}
.total-count--md{font-size:14px; line-height:1;}
.total-count em, .total-count .highlight{padding-left:0; color:#000; font-weight: 400; font-family: 'Pretendard Variable';}
.sort-list{gap:34px;}
.sort-list__wrap--margin{ margin-block-start: 41px; margin-block-end: 10px;}
.sort-item{font-weight: 400; font-size:14px; color:#000;}
.sort-item:not(.active)::after{display: none}
.sort-item.active{font-weight: 400; position: relative;}
.sort-item.active::after{content:''; position: absolute; left:0; width:100%; height:1px; background:#000; top: 17px; transform:none }



/*상품리스트*/
.thumb-item{padding:0;}
.thumb-item__img{position:relative;}
.thumb-item__img::after{content: "";display: block; position: absolute;left: 0;top: 0;width: 100%;height: 100%;  background: rgba(0, 0, 0, 0.028);}
.thumb-item__img .thumb-fab--like{z-index: 9;}
:where(.thumb-GALLERY, .thumb-CART, .thumb-SIMPLE_IMAGE){gap:21px; row-gap: 50px;}
/*리뷰점수*/
.product_review{position: relative; margin-top: 15px; padding-left:15px;}
.product_review::before{content:''; position:absolute; left: 0 ; top:2px; width:12px; height:12px; background:url('../../../img/list/ico_review_star.png')no-repeat; background-size:100%;}
.product_review p{color:#333; font-size: 13px; font-family:'lato';}

/*좋아요*/
.thumb-item__img {position: relative; display: block; width: 100%; height: auto; margin-bottom: 30px;}
.thumb-item__img img {display: block; width: 100%;}
:where(.thumb-LIST) .thumb-item__btn--like{border:none;padding-block:0; padding-inline:0;}
.thumb-item__img .thumb-item__btn--like {position: absolute; min-width: auto; right: 21px; top: 20px;}
.thumb-item__img .thumb-item__btn--like .ico_wish {position: relative; display: block; width: 18px; height: 17px; background-repeat: no-repeat; background-image: url('../../../img/list/ico_wish.png'); background-position: left top;}
.thumb-item__img .thumb-item__btn--like.is-active .ico_wish {background-position: right top;}


/*페이징*/
.pagination{margin:100px 0;}
.pagination__link{font-family: 'Lato'; color:#bbb;}
.pagination__link.is-current{background-color: transparent; color:#000;  font-weight: bold; }
.pagination a{display: flex; align-items: center; height:32px;}
.pagination__btn--double-lt{width:16px; height:16px; background: url('../../../images/icons/ico_paging.png')no-repeat 0 2px;}
.pagination__btn--double-rt{width:16px; height:16px; background: url('../../../images/icons/ico_paging.png')no-repeat 0 0; margin-inline-start: 30px;}
.pagination__btn--lt{width:16px; height:16px; background: url('../../../images/icons/ico_paging.png')no-repeat -43px 2px;   margin-inline-start: 30px;}
.pagination__btn--rt{width:16px; height:16px; background: url('../../../images/icons/ico_paging.png')no-repeat -43px 0px;}