/* BASIC css start */
#wrap {}
#contents {}

.shopbrand {}

/* ==================== 상품 분류 상단 ==================== */
.category-header {}

/* 카테고리 - 대분류 */
.category-name { position: sticky; top: var(--header-offset, 0px); padding: 12px 0; z-index: 100; background: #fff; overflow: hidden; max-height: 52px; opacity: 1;  transition: max-height .2s ease, padding .2s ease, opacity .15s ease, top .2s ease; }
.category-name h2 { text-align: center; font-size: 18px; font-weight: 600; color: #000; }

/* 카테고리 - 중분류 */
.category-menu { position: sticky; top: calc(var(--header-offset, 0px) + 51px); z-index: 99; background: #fff; transition: top .2s ease; }

body.shopbrand-header-hidden #header { transform: translateY(-100%); }
body.shopbrand-header-hidden .category-name { max-height: 0; padding: 0; opacity: 0; }
body.shopbrand-header-hidden .category-menu { top: 0; }

.main-category { border-bottom: 1px solid #ddd; }
.main-category__list { display: flex; gap: 24px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 0 18px; }
.main-category__list::-webkit-scrollbar { display: none; }
.main-category__item { flex: 0 0 auto; }
.main-category__link { position: relative; display: inline-flex; align-items: center; white-space: nowrap; padding: 16px 0; font-size: 15px; font-weight: 400; color: #848484; line-height: 1; letter-spacing: 0; }
.main-category__link.is-active { font-weight: 600; color: #000; }
.main-category__link.is-active:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #000; }

/* 카테고리 - 소분류 */
.sub-category { background: #F5F5F5; }
.sub-category__list { display: flex; gap: 24px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 0 18px; }
.sub-category__list::-webkit-scrollbar { display: none; }
.sub-category__item { flex: 0 0 auto; }
.sub-category__link { display: inline-flex; align-items: center; white-space: nowrap; padding: 16px 0; font-size: 14px; font-weight: 400; color: #848484; line-height: 1; letter-spacing: 0; }
.sub-category__link.is-active { font-weight: 600; color: #000; }

/* 타이틀 */
.category-title__html { width: 100%; overflow: hidden; }
.category-title__html img { width: 100%; }
.category-title__img { width: 100%; overflow: hidden; }
.category-title__img img { width: 100%; }

/* 툴바 - 상품수 */
.category-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px 6px; }
.category-toolbar .product-count {}
.category-toolbar .product-count__text { font-size: 12px; color: #000; }

/* 툴바 - 정렬 */
.category-toolbar .product-sort { position: relative; }
.category-toolbar .product-sort__btn { appearance: none; -webkit-appearance: none; display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-width: 90px; padding: 12px 0; margin: 0; border: 0; background: none; font: inherit; color: inherit; line-height: inherit; cursor: pointer; }
.category-toolbar .product-sort__text { font-size: 12px; color: #000; }
.category-toolbar .product-sort__arrow { display: inline-block; margin-top: -4px; width: 4px; height: 4px; border-right: 1.5px solid #000; border-bottom: 1.5px solid #000; transform: rotate(45deg); transition: transform 0.2s ease; }
.product-sort.is-open .product-sort__arrow { margin-top: 2px; transform: rotate(225deg); }
.category-toolbar .product-sort__list { position: absolute; right: 0; border: 1px solid #ddd; z-index: 5; background: #fff; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s, visibility .2s; }
.product-sort__btn[aria-expanded="true"] + .product-sort__list { opacity: 1; visibility: visible; pointer-events: auto; }
.category-toolbar .product-sort__list > li {}
.category-toolbar .product-sort__list > li > a { display: block; padding: 10px 16px; font-size: 12px; color: #888; text-align: center; }
.category-toolbar .product-sort__list > li > a.is-active { color: #000; font-weight: 600; }


/* 브랜드 카테고리 -- 컬러별 */
.colorCategory {}
.colorCategory li { text-indent: -9999px; border:1px solid #ddd; }
.colorCategory li a { display:block; }
.xans-product-menupackage > ul.colorCategory > li > a { display:block; }
.colorCategory li:nth-of-type(1) a { background:url('https://newcomfort.img11.kr/color/color_cate01.jpg') center no-repeat; background-size:auto 36px; }
.colorCategory li:nth-of-type(2) a { background:url('https://newcomfort.img11.kr/color/color_cate02.jpg') center no-repeat; background-size:auto 36px; }
.colorCategory li:nth-of-type(3) a { background:url('https://newcomfort.img11.kr/color/color_cate03.jpg') center no-repeat; background-size:auto 36px; }
.colorCategory li:nth-of-type(4) a { background:url('https://newcomfort.img11.kr/color/color_cate04.jpg') center no-repeat; background-size:auto 36px; }
.colorCategory li:nth-of-type(5) a { background:url('https://newcomfort.img11.kr/color/color_cate05.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(6) a { background:url('https://newcomfort.img11.kr/color/color_cate06.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(7) a { background:url('https://newcomfort.img11.kr/color/color_cate07.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(8) a { background:url('https://newcomfort.img11.kr/color/color_cate08.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(9) a { background:url('https://newcomfort.img11.kr/color/color_cate09.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(10) a { background:url('https://newcomfort.img11.kr/color/color_cate10.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(11) a { background:url('https://newcomfort.img11.kr/color/color_cate11.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(12) a { background:url('https://newcomfort.img11.kr/color/color_cate12.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(13) a { background:url('https://newcomfort.img11.kr/color/color_cate13.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(14) a { background:url('https://newcomfort.img11.kr/color/color_cate14.jpg') center no-repeat; background-size:auto 36px;; }
.colorCategory li:nth-of-type(15) a { background:url('https://newcomfort.img11.kr/color/color_cate15.jpg') center no-repeat; background-size:auto 36px;; }


/* 브랜드 카테고리 -- 노브라티 타이틀 */
.brand_wrap__nobra { position: relative;width:100%; margin:0 auto; box-sizing: border-box; }
.brand_wrap__nobra .brand_visual { width: 100%; }
.brand_wrap__nobra .brand_visual img { display: block; width: 100%; }

.brand_wrap__nobra .brand_about { width: 100%; }
.brand_wrap__nobra .brand_about .brand_category { width: 100%; padding: 2px 0; background: #ffffff; }
.brand_wrap__nobra .brand_about .brand_category ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 2px; }
.brand_wrap__nobra .brand_about .brand_category li { width: calc(25% - 2px); margin:1px 0; background-color: #ece9e4; border-radius: 4px; }
.brand_wrap__nobra .brand_about .brand_category li:nth-child(even) { background-color: #e6ddd3; }
.brand_wrap__nobra .brand_about .brand_category li a { display: block; text-align: center; }
.brand_wrap__nobra .brand_about .brand_category li a img { width: 100%; }

.brand_wrap__nobra .brand_about .brand_feature { position: relative; padding: 40px 0; }
.brand_wrap__nobra .brand_about .brand_feature .title h1 { width: 100%; text-align: center; font-size: 28px; font-weight: bold; line-height: 1.25em; letter-spacing: -0.03em; font-family: 'Montserrat', 'Pretendard', 'Noto Sans', Arial, sans-serif; }
.brand_wrap__nobra .brand_about .brand_feature .video_box { width: 100%; padding: 20px 40px; box-sizing: border-box; }
.brand_wrap__nobra .brand_about .brand_feature .video_box video { width: 100%; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.brand_wrap__nobra .brand_about .brand_feature .video_info { padding: 0 20px; }
.brand_wrap__nobra .brand_about .brand_feature .video_info img { width: 100%; }

.brand_wrap__nobra .brand_fabric { position: relative; width: 100%; padding: 0 0 22px; overflow: hidden; background: #f6f7f5; }
.brand_wrap__nobra .brand_fabric .swiper-pagination { bottom: 20px; }
.brand_wrap__nobra .brand_fabric .swiper-pagination .swiper-pagination-bullet { background: #aaa; }
.brand_wrap__nobra .brand_fabric .swiper-pagination .swiper-pagination-bullet-active { background: #313131; }
.brand_wrap__nobra .brand_fabric .swiper-slide { height: auto; text-align: center;box-sizing: border-box; }
.brand_wrap__nobra .brand_fabric .swiper-slide img { display: block; margin: 0 auto; width: 100%; }


/* ==================== 상품 분류 하단 ==================== */

/* 상품 다중 이미지 슬라이더 */
.ec-base-product .prdList .thumbnail .prd-img-slider { position: relative; width: 100%; }
.ec-base-product .prdList .thumbnail .prd-img-slider img { max-width: 100%; }
.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-pagination-bullet { display: inline-block; width: 6px; height: 6px; padding:0; border-radius: 50%; font-size:0; text-indent: -9999px;}
.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-pagination-bullet-active{ background: #000; }
.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-button-prev {left:10px; background:url(/images/common/btn_multiple_prev.png) left center no-repeat;}
.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-button-next {right:10px; background:url(/images/common/btn_multiple_next.png) right center no-repeat;} 
.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-button-prev:after { display: none; }
.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-button-next:after { display: none; }

.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-button-prev { visibility: hidden; }
.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-button-next { visibility: hidden; }
/* .ec-base-product .prdList .thumbnail .prd-img-slider:hover .swiper-button-prev { visibility: visible; }
.ec-base-product .prdList .thumbnail .prd-img-slider:hover .swiper-button-next { visibility: visible; } */

.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-scrollbar { bottom: 0; left: 0; height: 2px; width: 100%; background-color: rgba(0, 0, 0, 0.1); border-radius: 0; }
.ec-base-product .prdList .thumbnail .prd-img-slider .swiper-scrollbar-drag { background-color: #000; border-radius: 0; }
/* BASIC css end */