/* BASIC css start */
.page_top .page_nav{float:right !important}
.page_top .page_nav a{font-weight:400 !important;}
.recmd_sec{margin-bottom:40px; padding-left:5%}
.wrapper.items-wrap_{padding:0 5%}
:where(*, *::before, *::after) {     border-width: 0;     border-style: solid;     box-sizing: border-box;     word-wrap: break-word; }


/* 중분류 */
.header-menu { padding-inline:0px; border-bottom : 0px solid ;
      border-color: var(--y-colors-gray500); width:100%; overflow: hidden; padding:5px}
.header-menu .header-swiper { line-height: 40px; }
.header-menu .header-swiper .swiper-wrapper {  margin: 0 auto; }
.header-menu .header-swiper .swiper-slide { width: auto; }
.header-menu .header-swiper .swiper-slide a { height: 40px; line-height: 40px; position: relative; display: block; font-size:16px; font-weight:400;  color: #808080; background: #f5f5f5`;}
.header-menu .header-swiper .swiper-slide a.on { color: var(--yes-color); }
.header-menu .header-swiper .swiper-slide a.on::after { position: absolute; bottom: 0; content:''; display:block; width: 100%; height: 2px; background:#d9282f; }
/*.header-menu .header-swiper .swiper-slide:first-of-type a {margin-left:5px;}
.header-menu .header-swiper .swiper-slide:last-of-type a {margin-right:0px;}*/
.header-menu .header-swiper .swiper-button-disabled { color:#cecece }
.header-menu .header-swiper .swiper-slide.on  { position: relative;  background-color: #333;}
.header-menu .header-swiper .swiper-slide.on  a{color:#fff; font-weight: 500;}
.header-menu .header-swiper .swiper-wrapper {  }
.header-menu .header-swiper .swiper-slide {padding: 0 5px;
     display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; 
     align-items: center;  transition: all 0s ease 0s;
     border-width: 1px;
     border-color: var(--m-graye5);
     background: var(--y-colors-white);}
.header-menu .header-swiper .swiper-slide a{
     display: block;
     min-width: auto;
     line-height:36px;
     height: 36px;
     color: var(--y-colors-gray900);
     font-size: var(--y-fontSizes-md);
     letter-spacing: -0.3px;
     text-align: center;
     font-weight: var(--y-fontWeights-normal);
     transition: all 0s ease 0s;
     background:inherit;
     padding-inline: 5px;
}
/*
.header-menu .header-swiper .swiper-slide a {color:#000;}
.header-menu .header-swiper .swiper-slide a.on {color: #d6000f;font-weight:bold;display: block;position: relative;line-height: 31px;height: 100%;}
.header-menu .header-swiper .swiper-slide a.on::after {content:"";display:block;width: 100%;height: 3px;background-color: #d6000f;position: absolute;bottom: 0px;}
.header-menu .header-swiper .swiper-slide span {color: #c70026;font-size: 8px;position: absolute;line-height: 8px;top: 2px;left: 10px;font-weight: bold;}
*/
.header-menu .header-swiper.swiper-button-prev {background:#fff;width: 30px;height: 45px;line-height: 45px;font-size: 16px;color: #333;top: 0px;left: 0px;text-align: center;margin: 0;}
.header-menu .header-swiper.swiper-button-next {background:#fff;width: 30px;height: 45px;line-height: 45px;font-size: 16px;color: #333;right: 0px;top: 0px;margin: 0;text-align: center;}
.header-menu .header-swiper.swiper-button-next.swiper-button-disabled,
.header-menu .header-swiper.swiper-button-prev.swiper-button-disabled {opacity:1 !important;}
.header-menu .header-swiper.swiper-button-next.swiper-button-disabled i,
.header-menu .header-swiper.swiper-button-prev.swiper-button-disabled i {opacity:0.35;}


/* 소분류 */
.sub_header-menu { overflow:hidden }
.sub_header-menu.none { height:0; overflow:hidden }
.sub_header-menu-inner { border-top: 1px solid #eee; padding:8px 0 8px; background: #f5f5f5; }
.sub_header-menu .sub_header-swiper { line-height: 25px; overflow: inherit; }
.sub_header-menu .sub_header-swiper .swiper-wrapper {line-height: 30px; margin: 0 auto; }
.sub_header-menu .sub_header-swiper .swiper-slide { width: auto; }
.sub_header-menu .sub_header-swiper .swiper-slide ul::after { content:''; display: block; clear: both; }
.sub_header-menu .sub_header-swiper .swiper-slide ul li { float: left; width: 50%;  font-size:0.8rem;}
.sub_header-menu .sub_header-swiper .swiper-slide ul li.active { display: none; }
.sub_header-menu .sub_header-swiper .swiper-slide a { position: relative; display: block; font-size:14px; color:#262626; font-weight: 400; margin: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub_header-menu .sub_header-swiper .swiper-slide a:nth-child(odd) { margin-left: 20px; }
.sub_header-menu .sub_header-swiper .swiper-slide a:nth-child(even) { margin-right: 20px; }
.sub_header-menu .sub_header-swiper .swiper-slide a.swiperIndex { color:#141414; font-weight: bold; }
.sub_header-menu .sub_header-swiper .swiper-slide a.on { color:#141414; font-weight: bold; }
.sub_header-menu .sub_header-swiper .sub_header-page { line-height: 0; width: 100%; text-align: center; margin-top: 14px; }

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0 !important; }
.sub_header-menu .sub_header-swiper .swiper-pagination-bullet  {  width: 20px; height: 2px; background: rgba(183,183,183,0.5); opacity:1; border-radius: 0; }
.sub_header-menu .sub_header-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#666; }

/* 분류 배너 */
.title_banner{width:100%; overflow: hidden;}
.title_banner img {width:100%; overflow: hidden;}
.banner-wrap { border-top: 1px solid #eee; width:100%}

.banner-wrap .banner-swiper .swiper-slide img { width:100%; }
.banner-wrap .banner-swiper .banner-page { position:absolute; bottom:6px !important; text-align: center; z-index: 1; }
.banner-wrap .banner-swiper .banner-page .swiper-pagination-bullet { width: 6px; height: 6px; background: #999; transition: all 0.3s ease-in-out; opacity: .7 }
.banner-wrap .banner-swiper .banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 16.5px; border-radius: 20px; background: #000; opacity: 1; }


.recmd_sec h3{font-family: 'Montserrat', sans-serif;font-size:23px; color:#333333; font-weight:600}
.recmd_sec .best_tit{display:flex; align-items:center; justify-content:space-between; margin-bottom:30px ;}
.recmd_sec .best_tit h3{}
.recmd_sec .best_tit>div{ }
.recmd_sec .swiper{padding-bottom:30px}
.recmd_sec .swiper-slide{width:45%}
.recmd_sec .swiper .swiper-pagination-progressbar{bottom: 0; top: unset;left:14%; width:72%;}
.recmd_sec .swiper-pagination-progressbar{background-color: #d9d9d9;width:95%; height:1px }
.recmd_sec .swiper-pagination-progressbar-fill{background-color: #000;}

/* 분류 카테고리 영역 */
.product_category_wrap{padding:20px 5% 45px !important}
.product_category_wrap .cate1{font-weight:500 !important; font-size: 19px !important;padding: 0px 0 28px !important;color:#111111 !important; text-align:center !important; }
.product_category_wrap .cate_child_wrap ul{display:flex; flex-wrap:wrap; gap:9px 8px ; justify-content:center;}
.product_category_wrap .cate_child_wrap ul li a{font-size: 13px !important;color:#999999 !important; font-weight:500; border-radius:30px;  padding:9px 15px !important; background-color:#f9f9f9;   }
.product_category_wrap .cate_child_wrap ul li a.sel{ color:#fff !important; background-color:var(--main-color)    }
.product_category_wrap .cate_child_wrap ul li{position:relative; padding:0 !important; margin:0 !important; }
.product_category_wrap .cate_child_wrap ul li a{display:block;   }

.product_list_wrap.list_st2 .product_item, .product_list_wrap.list_st3 .product_item{padding:0 0 15px !important}
.MS_prod_mobile_image{width:100%;}
.product_category_wrap .cate_child_wrap ul.cate3.on{padding-top:15px !important; margin-top:15px !important; }


/* 상품 리스트 영역 */
.product_list_outer{border-top:none !important;padding-top:7px }
.product_top_wrap .total_cnt{font-size:12px !important; color:#000 !important; font-weight:400;line-height:35px !important;letter-spacing: -.1px;}
.product_top_wrap .total_cnt strong{font-weight:700 !important; color:#000 !important; font-family: 'Montserrat', sans-serif;}
.product_top_wrap__{border-bottom:none !important; margin: 0 0 15px !important; padding: 0 5% !important}
.product_top_wrap .select_box select{background-size:auto 7px !important; background-image:url(//skin.makeshop.co.kr/skin/astore/MO_img/select_arrow.png) !important; font-size:12px !important;color:#000 !important;text-align:left !important; transform:translateY(4px); border-bottom:1px solid #fff !important; padding-left:0 !important;}

.items-wrap .items{     display: grid;
     grid-gap: 0 8px;
     grid-template-columns: repeat(auto-fill, minmax(calc(50% - 8px), 1fr));
     -webkit-margin-start:1rem;
     margin-inline-start:1rem;
     -webkit-margin-end:1rem;
     margin-inline-end:1rem;}

.items-wrap{

}
.items-wrap .item_list{ position: relative; padding-top: 1.25rem; padding-bottom: 1.25rem; height:max-content }


.items-wrap_ {
     display: grid;
     grid-gap: 0 8px;
     grid-template-columns: repeat(auto-fill, minmax(calc(50% - 8px), 1fr));
     -webkit-margin-start:1rem;
     margin-inline-start:1rem;
     -webkit-margin-end:1rem;
     margin-inline-end:1rem;
}

@media screen and (min-width: 750px) {
     .items-wrap .items {
     grid-template-columns:repeat(auto-fill, minmax(calc(25% - 8px), 1fr));
     }
}


/* 중분류 스와이퍼 */
.header-menu {  }
.header-menu .header-swiper { line-height: 40px; }
.header-menu .header-swiper .swiper-wrapper { height: 40px; line-height: 40px; margin: 0 auto; }
.header-menu .header-swiper .swiper-slide { width: auto; }
.header-menu .header-swiper .headerSwiper-prevBtn:focus,.header-swiper .headerSwiper-nextBtn:focus { outline: none !important;}
.header-menu .header-swiper .swiper-slide a { position: relative; display: block; font-size:14px; font-weight:400; color: #808080; }
.header-menu .header-swiper .swiper-slide a.on { color: #f8f8f8; }
.header-menu .header-swiper .swiper-slide a.on::after { position: absolute; bottom: 0; content:''; display:block; width: 100%; height: 2px; background:#f8f8f8; }
.header-menu .header-swiper .swiper-slide:first-of-type__ a {margin-left:20px;}
.header-menu .header-swiper .swiper-slide:last-of-type a {margin-right:0px;}
.header-menu .header-swiper .swiper-button-disabled { color:#cecece }
.header-menu .header-swiper .swiper-slide.swiperIndex a { position: relative; color: #fefefe; font-weight: bold; }


/* 소분류 스와이퍼 */
.sub_header-menu { overflow:hidden }
.sub_header-menu.none { height:0; overflow:hidden }
.sub_header-menu-inner { border-top: 1px solid #eee; padding:8px 0 8px; background: #f5f5f5; }
.sub_header-menu .sub_header-swiper { line-height: 25px; overflow: inherit; }
.sub_header-menu .sub_header-swiper .swiper-wrapper {height:auto;line-height:   30px; margin: 0 auto; }
.sub_header-menu .sub_header-swiper .swiper-slide { width: auto; }
.sub_header-menu .sub_header-swiper  ul li { float: left; width: 50%; font-size: 0.8rem;}
.sub_header-menu .sub_header-swiper  ul li.active { display: none; }
.sub_header-menu .sub_header-swiper .swiper-slide a { position: relative; display: block; font-size:14px; color:#262626; font-weight: 400; margin: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub_header-menu .sub_header-swiper .swiper-slide a:nth-child(odd) { margin-left: 20px; }
.sub_header-menu .sub_header-swiper .swiper-slide a:nth-child(even) { margin-right: 20px; }
.sub_header-menu .sub_header-swiper .swiper-slide a.swiperIndex { color:#fefefe; font-weight: bold; }
.sub_header-menu .sub_header-swiper .swiper-slide a.on { color:#1879db; font-weight: bold; }
.sub_header-menu .sub_header-swiper .sub_header-page_ { line-height: 0; width: 100%; text-align: center; margin-top: 14px; }

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0 !important; }
.sub_header-menu .sub_header-swiper .swiper-pagination-bullet  {  width: 20px; height: 2px; background: rgba(183,183,183,0.5); opacity:1; border-radius: 0; }
.sub_header-menu .sub_header-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#666; }


/* BASIC css end */