@charset "UTF-8";
/*  상품목록 페이지 스타일 파일입니다. */
.product-list__breadcrumb {
  height: 24px;
}
.product-list__search-keyword-wrap {
  font-weight: 700;
  font-size: 24px;
  padding-block-start: 20px;
  padding-block-end: 40px;
  border-block-end: 2px solid var(--color-base-black);
}
.product-list__search-keyword {
  font-style: normal;
  color: var(--color-point);
}
.product-list :where(.l-title) {
  font-size: 24px;
  border-bottom: unset;
  padding: unset;
  margin-block: 20px;
}
.product-list .page-content-top {
  min-height: 100px;
}
.product-list .page-content-top__location {
  color: var(--gray500);
}
.product-list .page-content-top__location a {
  display: block;
}
.product-list .page-content-top__breadcrumb-category-label::after {
  opacity: 0.6;
}
.product-list .notice {
  height: 50dvh;
}

.product-list__current-category-content img {
  display: inline;
}
.product-list__current-category-content span {
  vertical-align: baseline;
}
.product-list .pagination {
  padding-top: 60px;
}
/* custom product_list  */
.custom-product-list{padding-top:22px;}
.custom-product-list .product-list__breadcrumb{height:auto;}
.custom-product-list .cate_arrow{height:9px}
.custom-product-list .page-content-top__path{gap:15px;}
.custom-product-list .page-content-top__location a, .custom-product-list .page-content-top__location a a{padding-block-end: 0px; border-bottom: none}
.custom-product-list .page-content-top__location a, .custom-product-list .page-content-top__location{ align-items: center; color:#000; font-size:14px; font-weight: 500; line-height: 1; letter-spacing: 0;}
.custom-product-list .page-content-top__breadcrumb-category-label::after{content:''; display: none; position: absolute; width: 14px; height:14px;opacity: 1;  background: url('../../assets/img/product/icon_cate.png')no-repeat;    right: -3px;  background-size:100%;}
.custom-product-list .page-content-top__breadcrumb-category-label{padding-right: 0;}
.custom-product-detail .page-content-top__breadcrumb-category-siblings{min-width: 80px;;}

.custom-product-list .category-nav{background: none; gap:10px;}
.custom-product-list .category-nav li a{display: flex; height:40px; align-items: center; padding:10px 16px;color:#000; border:1px solid #e5e5e5; border-radius: 20px; line-height: 1;}
.custom-product-list .category-nav li a span{color:#000;}
.custom-product-list .category-nav li.active a{background: #000; color:#fff; font-weight: bold;}
.custom-product-list .category-nav li.active a span{color:#fff;}
.custom-product-list .category-nav:has(li){padding: 0;}
.custom-product-list .category-nav__label{font-size:16px; color:#000; }

.custom-product-list .sort-list__wrap--margin{margin-block-start: 40px; margin-block-end: 17px;}

.custom-product-list .sort-list__wrap--end{justify-content: space-between;}
.custom-product-list .sort-list__wrap--end .list-wrap{display: flex; gap:40px;}
.custom-product-list .total-count--md{position: relative; font-family: 'Pretendard'; font-size:16px; font-weight: 300;}
.custom-product-list .total-count--md::after{content:''; position: absolute; width:1px; height:15px; right:-20px; top:1px; background: #e5e5e5;}
.custom-product-list .sort-list__wrap--end .list-wrap .totalcount{color:#000; font-weight: 300; font-family: 'Pretendard'; font-size:16px; padding-left:4px;}
.custom-product-list .sort-item{color:#888; font-weight: 300;}
.custom-product-list .sort-item.active{color:#000; font-weight: 400;}
.custom-product-list .sort-item:not(:last-child)::after{display: none;}
.custom-product-list .sort-list{gap:23px;}

.custom-product-list.product-list :where(.l-title){margin-block: 0; font-size:30px;}
.custom-product-list .product-list__current-category{display: flex; line-height: 1; font-size:30px; margin:80px 0 40px;}
.custom-product-list .depth1_cate > p{position: relative; display: flex; align-items: center; gap:20px; font-weight: bold; padding-right:52px;}
.custom-product-list .depth1_cate > p::after{content:''; position: absolute; right:22px; width:9px; height:16px; background: url('../../assets/img/product/icon_right_arrow.png')no-repeat; background-size: 100%; }

.custom-product-list .depth1_cate {position: relative;}
.custom-product-list .depth1_cate > p .btn_arrow{width:26px; height:26px; border:1px solid #e5e5e5; border-radius: 5px;  background: url('../../assets/img/product/icon_depth1.png')no-repeat center; background-size: 14px 8px; }
.custom-product-list .depth1_cate.is-open .depth1_cate_list{display: block; position: absolute; z-index: 10; background: #fff;border: 1px solid #e5e5e5; border-radius: 5px; /*width: 93px;*/ font-size: 14px; margin-top: 10px; padding:5px 0; right:52px;}
.custom-product-list .depth1_cate.is-open .depth1_cate_list li.active{font-weight: 600;}
.custom-product-list .depth1_cate.is-open .depth1_cate_list li a{display: block; padding:8px 15px;}    
.custom-product-list .depth1_cate.is-open  > p .btn_arrow{transform: rotate(180deg);}
.custom-product-list .product-list__current-category .depth1_cate_list{display: none;}

/*커스텀 셀렉트박스 */
.custom-product-list .sort-list__wrap .select {border:none; height:31px;}
.custom-product-list .sort-list__wrap .select select{  position: absolute;inset: 0;opacity: 0;pointer-events: none;}
.custom-product-list .sort-list__wrap .select::after{display: none;}

.fake-select {position: relative; width: 117px;font-size: 14px;}
.fake-select__btn {width: 100%;height: 31px; padding: 0 32px 0 12px; border: 1px solid #e5e5e5;border-radius: 5px; background: #fff; text-align: left; cursor: pointer; font-size: 14px;line-height: 31px; box-sizing: border-box;}
.fake-select__btn::after {content:''; position: absolute; top:44%; width:10px; height:6px; right:16px;  background: url('../../assets/img/product/icon_select_arrow.png')no-repeat;}
.fake-select.open .fake-select__btn::after {transform:rotate(-180deg);}
.fake-select__list {position: absolute;top: calc(100% + 9px);left: 0;width: 100%; padding: 5px 0;background: #fff;border: 1px solid #e5e5e5;border-radius: 5px;display: none; z-index: 10;}
.fake-select.open .fake-select__list {display: block;}
.fake-select__list li {padding: 8px 12px;cursor: pointer;font-size: 14px;line-height: 1;}
.fake-select__list li:hover { background: #f5f5f5;}
.fake-select__list li.is-active {font-weight: 600; }

.custom-product-list :where(.thumb-GALLERY, .thumb-CART, .thumb-SIMPLE_IMAGE){ grid-template-columns: repeat(5, minmax(0, 1fr)); gap:20px; row-gap: 40px;}

/*실시간 인기상품 */
.custom-product-list .popular_pro_wrap{padding-bottom: 60px; margin-bottom: 100px; border-bottom:1px solid #e5e5e5;}
.custom-product-list .popular_pro_wrap .display-product__title{padding: 48px 0 23px; font-size:20px; padding-left:26px;}
.custom-product-list .popular_pro_wrap .display-product__title::before{content:''; position: absolute; left:0; width:20px; height:23px;  background: url('../../assets/img/product/icon_popular.png')no-repeat; background-size: 100%;}
.custom-product-list .popular_pro_wrap  :where(.thumb-GALLERY, .thumb-CART, .thumb-SIMPLE_IMAGE){ grid-template-columns: repeat(4, minmax(0, 1fr)); gap:18px; margin-block-end:0;}
/* 슬라이드 비활성화 상태 */
.popular_pro_wrap .thumb-PRODUCT_MOVE .swiper{max-width: 1300px;}
.popular_pro_wrap .display-product__contents{margin-block-end: 0;}
.popular_pro_wrap.is-grid .swiper-wrapper { display: grid; grid-template-columns: repeat(5, 1fr);gap: 20px; transform: none !important;}
.popular_pro_wrap.is-grid .swiper-slide {width: 100% !important;}
.popular_pro_wrap.is-grid .swiper-button-prev,
.popular_pro_wrap.is-grid .swiper-button-next {
  display: none;
}

.cate_top_banner {margin-top:40px; margin-bottom: 100px;}
.cate_top_banner .pc_banner{border-radius: 5px; overflow: hidden;}
.cate_top_banner .pc_banner img{width:100%;}
.cate_top_banner .mo_banner{display: none;}


/* 브랜드 세일 */
.brand_sale_box.is-active{display: block;}
.brand_sale_box{display: none;}
.brand_sale_box {position: relative; margin:0px 0 60px;}
.brand_sale_box .brand_sale_bg{height:555px;}
.brand_sale_box .brand_sale_bg .skin-banner__img{ height:555px !important; object-fit: cover !important;}

.brand_sale_box .brand_sale_con{position: absolute; width:100%; height: 435px; top: 50%; left: 50%;transform: translate(-50%, -50%);} 
.brand_sale_box .brand_sale_con .display-product__title{color: #fff;margin-bottom: 50px;}
.brand_sale_box .brand_sale_con .display-product__inner{display: flex;position: relative; padding:0 70px}
.brand_sale_box .brand_sale_con .display-product__header{width: 320px;flex-shrink: 0;}
.brand_sale_box .brand_sale_con .timer .time_day *{color: #fff;font-size: 45px;font-weight: bold;}
.brand_sale_box .brand_sale_con .timer .time_view{display: block;margin-top:20px;}
.brand_sale_box .brand_sale_con .timer .time_day em.colon {margin: 0 10px;transform: translateY(-2px);display: inline-block;}
.brand_sale_box .brand_sale_con .timer .day_view{color: #000;font-size: 24px;font-weight: 600;background: #ffc000;border-radius: 5px;padding: 6.5px 25px 6.5px;position: relative;}
.brand_sale_box .brand_sale_con .timer .day_view::after{content: "";display: block;width: 0; height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 7px solid #ffc000; position: absolute;bottom: -7px;left: 14px;}
.brand_sale_box .brand_sale_con .timer .progress {position: relative; display: flex; width: 233px; height: 3px; background: #eee; height: 3px; border-radius: 1.5px; margin-top: 17px;justify-content: end;}
.brand_sale_box .brand_sale_con .timer .progress span {border-radius: 1.5px; background: #ffc000; height: 100%; position: relative; display: block;}
.brand_sale_box .brand_sale_con .timer .progress span:after{content: ""; position: absolute; left: 0px; top: -6px; display: block; width: 16px; height: 16px; background: #ffc000; box-sizing: border-box; border-radius: 50% }
.brand_sale_box .brand_sale_con .display-product__wrap{width: calc(100% - 320px); min-height: 30dvh; flex-shrink: 0;}
.brand_sale_box .brand_sale_con .thumb-PRODUCT_MOVE .swiper{max-width:100%}
.brand_sale_box .brand_sale_con .swiper .swiper-slide{background: #fff;border-radius: 5px;max-width: 420px;margin-right: 20px;}
.brand_sale_box .brand_sale_con .thumb-item{padding: 20px;}
.brand_sale_box .brand_sale_con .product-thumb-brand{color: #000;}
.brand_sale_box .brand_sale_con .display-product .thumb-item__info{padding-top: 18px;}
.brand_sale_box .brand_sale_con .thumb-item__media .product-thumb__immediately-percent{position: absolute;top: 0;left: 20px;background: #ffc000;color: #000;z-index: 3;width: 60px;height: 59px;border-radius: 0 0 50% 50%;font-size: 20px;font-weight: bold;text-align: center;line-height: 54px;}
.brand_sale_box .brand_sale_con .display-product :is(.swiper-button-prev, .swiper-button-next){position: absolute;left: 70px;top:auto;transform: none;right: auto;bottom: 0;}
.brand_sale_box .brand_sale_con .display-product .swiper-button-next{left: 120px;background: url('../../assets/img/main/icon-main-pd-next-white.png')no-repeat;}
.brand_sale_box .brand_sale_con .swiper-button-prev:after{display: none;}
.brand_sale_box .brand_sale_con .swiper-button-next:after{display: none;}
.brand_sale_box .brand_sale_con .display-product :is(.swiper-button-prev){background: url('../../assets/img/main/icon-main-pd-prev-white.png')no-repeat;}
.brand_sale_box .brand_sale_con .product-thumb__sticker-list{min-height: 24px;}
.brand_sale_box .brand_sale_con .thumb-PRODUCT_MOVE .swiper{max-height:435px;}
.brand_sale_box .brand_sale_con .thumb-PRODUCT_MOVE .swiper:not(.swiper-initialized){width:282px;}
.brand_sale_box .display-product__contents{margin-block-end: 0;}
.brand_sale_box .display-product__contents.notice {width: calc(100% - 320px); position: absolute;right: 0; top:0;}

.cate_top_banner:has(p:only-child:has(br:only-child)) {
  padding: 0;
  margin: 0;
}