@charset "UTF-8";
/* 브랜드 페이지 스타일 파일입니다. */
.l-content.brand-list{  padding: 30px 0px 0;}
.header--sub .header__title{height:51px; font-size:19px;}

/* 브랜드 리스트 */
.brand-list-wrap {overflow-x: auto; margin:0px auto; width: 100%;background: #fff;box-sizing: border-box;margin-bottom: 30px;padding-top:3px; padding-left:10px;}
.brand-list-wrap .inner {box-sizing: border-box; overflow: hidden;}
.brand-list-wrap .inner ul {position: relative; display: flex;    height: auto;margin: 0px auto;}
.brand-list-wrap .inner ul li { text-align: center;max-width: 80px; padding-top: 5px; padding-left:5px}
.brand-list-wrap .inner ul li img {max-width: 80px; margin: 0 auto; position:relative;}
.brand-list-wrap .inner ul li a{position: relative; display: block; font-size:15px; color:#000;}
.brand-list-wrap .inner ul li a p{line-height:1; margin-top:20px; word-break: break-all;}
.brand-list-wrap .inner ul li a.active::after{content:''; width:90px; height:90px;  position:absolute; top:-5px; left:-5px; border:2px solid #3e712d; border-radius:100%;}

.brand-product{margin-top:33px;}
.brand-info-img .skin-banner__img{width:100% !important;}

.category{position: relative;}
.category-list-wrap{ position: relative; overflow-x: auto;  border:1px solid #e5e5e5; border-right: none; border-left: none;}
.category-list-wrap::-webkit-scrollbar {width: 0px;display: none;}
.category-list-wrap .category-list{display: inline-flex; padding:0 60px 0 15px; gap:30px; overflow: hidden;}
.category-list-wrap .category-ist > li{white-space: nowrap; }
.category-nav__label{display: block; width: max-content; height:50px; line-height: 50px; font-size:15px; font-weight: 500; color:#000;}

.category-list-wrap .category-nav__link.active a{position: relative;}
.category-list-wrap .category-nav__link.active a::after{content:''; position:absolute; width:100%; height:2px; background:#000; bottom:0; left:0;}

.btn-brand-all{position: absolute; width:46px; height:50px; top:1px; right:0; background:#f2f0f0; border-left:1px solid #e5e5e5; font-size:0;}
.btn-brand-all::after{content:''; position: absolute; width:14.5px; height:7.5px; background:url('../../../images/icons/ico_arrow_event.png')no-repeat; background-size: 100%; top: 44%;left: 36%; }

/*상품정렬*/
.font-lato{font-style: normal;}
.product-total-wrap .total-sort{padding:27px 15px 0;}
.product-total-wrap .total-sort__count{font-size:13px;}
.product-total-wrap .total-sort__count em{font-style: normal;}

.brand-product-list{display: grid; grid-template-columns: repeat(2, calc(100% / 2 - 5px)) !important;  padding: 0 15px; gap: 10px;row-gap: 30px;}
.brand-product-list .thumb-item{padding:0}

.total-sort{padding:20px 15px;}
.total-sort .select{padding-inline: 0; font-size:13px; height:32px;}
.total-sort .select::after { right: 12px;background: url('../../../images/icons/ico_arrow_event.png') no-repeat; background-size: 100%;  height: 6.5px;}
.select--sm select{padding-inline: 10px 33px;}

.product_review{position: relative; margin-top: 15px; padding-left:13px;}
.product_review::before{content:''; position:absolute; left: 0 ; top:4px; width:9px; height:9px; background:url('../../../img/list/ico_review_star.png')no-repeat; background-size:100%;}
.product_review p{color:#333; font-size: 12px; font-family:'lato';}


.product-section__more{font-size:13px; padding: 10px 0; border:1px solid #e5e5e5; margin: 40px 15px 60px;}

.sc-like-button {position: absolute; right: 15px; top: 15px;width:auto; height:auto;border:none;padding:0; }
.sc-like-button .ico_wish { position: relative;display: block;width: 17px;height: 15px; background-repeat: no-repeat;background-image: url('../../../img/list/ico_wish.png'); background-position: left top;background-size: auto 100%;}
.sc-like-button.is-active .ico_wish {background-position: -19px top;}

.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 .sc-like-button{z-index: 9;}

/*전체카테고리 레이어*/
.brand_list_layer{display: block;}
.brand_list_layer.dn{display: none;}
.brand_list_layer .dim{z-index: 20;}

.brand_list_layer.dn .brand_select_layer{position: fixed; bottom: 0%; transform: translateY(100%); transition: transform 0.5s ease-in-out;  }
.brand_list_layer .brand_select_layer.on{ position: fixed;   transform: translateY(0); bottom:0; width:100%; background:#fff; z-index: 21; border-radius: 15px 15px 0 0; border:1px solid #e5e5e5; border-bottom:none;}

.brand_list_layer .title-modal__header{border-bottom: 1px solid #e5e5e5; padding:0 15px;     justify-content: flex-start;}
.brand_list_layer .title-modal__title{font-weight: 500;}
.brand_list_layer .category-list{padding:25px 15px 0; display: flex;flex-wrap: wrap; height: 285px; overflow-y: scroll;}
.brand_list_layer .category-list li{width:50%; margin-bottom:15px; }
.brand_list_layer .form-check input{width:20px; height:20px; border:1px solid #e5e5e5; background-color:none;}
.brand_list_layer .form-check__label{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; width:calc(100% - 29.5px)}
.brand_list_layer .form-check--sm {gap: 9.5px;width: 100%;display: flex;}
.brand_list_layer .form-check--sm input[type=radio]:checked{position: relative; background:#fff; border:1px solid #e5e5e5;}
.brand_list_layer .form-check--sm input[type=radio]:checked::after{content:''; position:absolute; width:10px; height:10px; background:#000; border-radius: 100%;  top: 50%;left: 50%; transform: translate(-50%, -50%);}
.brand_list_layer .title-modal__close-btn .ico_x{display:block; width:15px; height:15px; background:url('../../../images/icons/ico_layer_close.png')no-repeat; background-size:100%;}

/* [24.12.12]영문몰 비노출 처리 추후 노출시 아래 css 삭제 */
.lang-body-en .sc-like-button{display: none;}