/* BASIC css start */
/* ŸÀÌƲ */
.shopbrand_title { 
    overflow:hidden; 
    padding:0; 
    border-bottom: 8px solid #f5f6f8;
} 
.shopbrand_title img.shop_title { display:block;max-width:100% } 

.tit_coupon_box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px 12px;
    box-sizing: border-box;
}
.tit_coupon_box img{
    width: 100%;
    max-width: 462px;
}

/* ±âȹÀü ½½¶óÀ̵å */
.cate_title_slide_box{
    padding: 5px 0 25px;
    width:100%;
    max-height: 320px;
    overflow:hidden;
}
.tit_slide_list.slick-initialized {
  display: block;
}
.tit_slide_list:not(.slick-initialized) {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.tit_slide_list .slick-slide .tit_slide_inner{
    padding: 0 16px;
    position: relative;
}
.tit_slide_list .slick-slide .tit_slide_inner .now_img{
    max-width: 400px;
    width: 100%;
    transform: scale(0.95);
    transition: transform 0.5s ease;
}
.tit_slide_list .slick-slide .tit_slide_inner .now_img.active{
    transform: scale(1);
}
.tit_slide_list .slick-slide .tit_slide_inner .tit_slide_text{
    text-align: center;
    padding: 10px 16px 16px;
    opacity: 0;
    transition: opacity 0.8s ease;
}
.tit_slide_list .slick-slide.slick-current .tit_slide_inner .tit_slide_text{
    opacity: 1;
}
.tit_slide_list .slick-slide .tit_slide_inner .tit_slide_text .tit_slide_copy{
    font-size: 13px;
    font-weight: 700;
    color: var(--button-color-gray);
}
.tit_slide_list .slick-slide .tit_slide_inner .tit_slide_text .tit_slide_pd{
    font-size: 18px;
    font-weight: 500;
    margin: 4px 0 0;
    color: var(--button-color-gray);
}
.tit_slide_list .slick-slide .tit_slide_inner a{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.tit_slide_list ul.slick-dots{
    display: flex !important;
    padding: 0 32px;
    justify-content: center;
    align-items: center;
}
.tit_slide_list ul.slick-dots li{
    height: 3px;
    width: 100%;
}
.tit_slide_list ul.slick-dots li button{
    color: transparent;
    background: #f5f6f8;
    width: 100%;
    height: 100%;
    border: none;
}
.tit_slide_list ul.slick-dots li.slick-active button{
    background: var(--button-color-gray);
}


/* Ä«Å×°í¸® */
.cate1_wrap{ 
    text-align: center; 
    position: fixed; 
    background: #fff; 
    z-index:2000; 
    width:50%;
    top:0;
    padding: 0; 
    height:52px;
    box-sizing: border-box;
    line-height: 52px;
}
.cate1_wrap .back {
    width: 30px;
    height: 100%;
    padding: 0 0 0 10px;
}
.cate1_wrap .back::after {
    content: '\F284'; 
    font-family: bootstrap-icons; 
    font-size:22px; 
}
.cate1_wrap a{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 52px;
}
.cate1_wrap .cate1{
    display: inline-block; 
    position: relative; 
    color: #4e4e4e; 
    font-size: 18px; 
    text-align: center; 
    font-weight:700;
    white-space: nowrap;
    line-height: 52px;
}

/* »óÇ°±¸Á¶ */
.shopbrand .product_list_wrap.list_st2 .product_item, .product_list_wrap.list_st3 .product_item{ border-top: 0;}
.shopbrand .product_list_wrap.list_st2 .product_item .thumb img, .shopbrand .product_list_wrap.list_st3 .product_item .thumb img{border-radius: 4px;}

/* 嘂챉 */
.thumb{ position: relative;}
.thumb .my-wish-list{ position: absolute; bottom: 8px; right: 9px; width: 18px;}
.thumb .my-wish-list img{width:100%}

/* best, mapick */
.shopbrand .bepick_wrap .product_list_wrap{padding:0 0 0 10px }
.best_product_wrap h2, .recmd_product_wrap h2{ text-align: left;}
.best_product_wrap { border-bottom:0!important;margin:0 15px;padding:15px 0 } 
.best_product_wrap h2 { padding:0 0 8px;line-height:1.125rem;font-size:.875rem;font-weight:500;text-align:center } 
.best_product_wrap .paging-num { height:25px;text-align:center;line-height:25px } 
.best_product_wrap .paging-num a { display:inline-block;width:30px;height:25px;line-height:25px } 
.best_product_wrap .paging-num span { display:inline-block;padding:0 10px;height:25px } 

.shopbrand .bepick_wrap h2{margin: 20px 12px 0px; color: #000; font-size: 1rem; font-weight: 700; text-align: left;}
.bepick_wrap .bepick_wrap_tit{
    padding: 24px 16px 12px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.shopbrand .bepick_wrap .items .slick-list{ padding-left: 95px;}
.shopbrand .bepick_wrap .items .slick-slide{padding-right: 8px !important; margin-left:0 !important}
.shopbrand .bepick_wrap .items .slick-slide:nth-of-type(1){ margin-left: -94px !important;}

.shopbrand .recmdArea .items .slick-list{ padding-left: 157px;}
.shopbrand .recmdArea .items .slick-slide:nth-of-type(1){ margin-left: -53px !important;}

.shopbrand .promoArea{ margin: 25px 0 0;}

/* ¼¿·ºÆ®¹Ú½º */
body .shopbrand .product_cate_sticky_box .product_sort_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px 8px;
}
body .shopbrand .product_cate_sticky_box .product_sort_box{height:30px; position:relative; margin: 0; z-index: 3; clear: both; }
/*body .shopbrand .product_cate_sticky_box .product_sort_box:before{content:""; display:block; width:1px; height:11px; position:absolute; top: 7px; left:26px; background:#cccccc;}*/
body .shopbrand .product_cate_sticky_box .product_sort_box select{ 
    display: block; 
    height:30px; 
    border:0;
    padding: 3px 22px 3px 8px;
    text-align: right;
    font-size: 13px;
}
body .shopbrand .product_cate_sticky_box .product_sort_box select{-webkit-appearance: none; -moz-appearance: none; appearance: none; }
body .shopbrand .product_cate_sticky_box .product_sort_box:before {
    content:'\F282'; 
    font-size:11px; 
    font-family:'bootstrap-icons'; 
    position: absolute; 
    right:5px; 
    top:50%;
    transform: translateY(-50%);
    line-height:20px;
}

/* Áߺзù */
.shopbrand .product_cate_sticky_box{
    position: relative;
    padding: 10px 0 0;
}
.shopbrand .product_category_wrap{
    position: sticky;
    top: 52px;
    left:0;
    width:100%;
    box-sizing: border-box;
    background: #fff;
    height: 40px;
    padding: 2px 16px;
    overflow: hidden; 
    z-index:4;
}
.shopbrand .product_category_wrap:after{content:''; display:block; clear:both}
.shopbrand .product_category_wrap .cate1{ text-align: left;}
.shopbrand .product_category_wrap .cate_child_wrap{ position: relative; overflow: unset;}
.shopbrand .product_category_wrap .cate_child_wrap:after{
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.shopbrand .product_category_wrap .cate_child_wrap ul{
    display:block; 
    z-index:0;
    white-space: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.shopbrand .product_category_wrap .cate_child_wrap ul::-webkit-scrollbar{display:none;} 
.shopbrand .product_category_wrap .cate_child_wrap ul.cate2 li{ 
    width: initial !important; 
    padding: 0; 
    margin: 2px 8px 0 0; 
    padding: 0; 
    line-height:30px;
}
.shopbrand .product_category_wrap .cate_child_wrap ul li a{
    padding: 6px 10px; 
    border: 1px solid #E8E9EB; 
    border-radius: 7px; 
    font-size: 13px;
    font-weight:500;
    color: var(--button-color-gray);
}
.shopbrand .product_category_wrap .cate_child_wrap ul li a.sel{ 
    border: 1px solid var(--button-color-gray);
    background: var(--button-color-gray); 
    color: #fff;
}

.shopbrand .product_category_wrap .cate_child_wrap ul.cate3.on{ position: absolute; margin-top: 6px; border-top: 0;}
.shopbrand .product_category_wrap .cate_child_wrap ul.cate3 li{ margin: 5px 0 0;}
.shopbrand .product_category_wrap .cate_child_wrap ul.cate3 li a{ padding: 3px 10px; border: 1px solid #ddd; border-radius: 15px;}
.shopbrand .product_category_wrap .cate_child_wrap ul.cate3 li a.sel{background: #222; color: #fff; border: 0;}

.product_category_wrap { padding:0 15px 5px } 
.product_category_wrap .cate1 { padding:0 0 8px;line-height:1.3125rem;font-size:1rem;font-weight:500;letter-spacing:-1px;text-align:center } 
.product_category_wrap .cate_child_wrap {} 
.product_category_wrap .cate_child_wrap ul {
    font-size:0;
} 
.product_category_wrap .cate_child_wrap ul.cate3.on { padding-top:5px;margin-top:10px;border-top:1px dotted #dcdcdc } 
.product_category_wrap .cate_child_wrap ul li { display:inline-block;margin-left:-6px;margin-right:-6px } 
.product_category_wrap .cate_child_wrap ul li a { border-bottom:1px solid transparent;color:#696969 } 
.product_category_wrap .cate_child_wrap ul li a.sel { font-weight:500;border-bottom:1px solid #222;color:#222 } 
.product_category_wrap .cate_child_wrap ul.cate2 li { font-size:.75rem;padding:0 6px;margin:7px 0 0 } 
.product_category_wrap .cate_child_wrap ul.cate3 li { font-size:.6875rem;padding:0 6px;margin:5px 0 0 } 


/* Ä«Å×°í¸®¼¿·ºÆ® */
.shopbrand .recmdArea { 
    margin:0 0 0 0;
    border-bottom: 8px solid #f5f6f8;
}
.shopbrand .product_list_outer{border-top:0; }
.shopbrand .product_top_wrap{padding-bottom:0; margin: 4px 0px 0; border-bottom:0;}
.shopbrand .product_top_wrap .select_box{margin-left:0}
.shopbrand .product_top_wrap .select_box select{ padding: 0 6px 0 5px; background: transparent url(/design/nak3618/2021new/m/arrowicon_selec2.png) calc(100% - 12px) center no-repeat; background-size: auto 11px; font-size: .7rem;}

.product_top_wrap { padding-bottom:7px;margin:0 15px;border-bottom:1px solid #dcdcdc;margin-bottom:-1px } 
.product_top_wrap .left_box { float:left } .product_top_wrap .right_box { float:right } 
.product_top_wrap:after { content:"";display:table;width:100% } 
.product_top_wrap .total_cnt { display:inline-block;line-height:25px;color:#696969;font-size:.625rem } 
.product_top_wrap .total_cnt strong { font-weight:700 } 
.product_top_wrap .select_box { width:100px;margin-left:10px;text-align:right } 
.product_top_wrap .select_box select { padding-right:25px;text-align:right;border:0;box-sizing:border-box;height:25px;line-height:25px;font-size:.625rem;background:transparent url(../images/ic_select_arrow2.png) calc(100% - 8px) center no-repeat;background-size:auto 5px;-webkit-appearance:none } 

/* »óÇ°Á¤º¸ */
.shopbrand .product_cate_sticky_box .product_list_outer .items #MK_recmd_product,
.shopbrand .product_cate_sticky_box .product_list_outer .items #MS_product{
    display:grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 2px;
}
.shopbrand .product_cate_sticky_box .product_list_outer .items .product_item{
    width: 100%;
}
.shopbrand .product_cate_sticky_box .product_list_outer .items .product_item .thumb{
    border:none;
}
.items .thumb .new_icon{
    height: 25px;
    line-height: 25px;
    width: 35px;
    font-size:11px;
    font-weight:400;
}
.items .thumb .new_icon em{
    font-size: 11px;
}
.items .thumb .made_icon{
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
}
.items .thumb .made_icon.left{
    left:35px;
}
.shopbrand .shop_info{margin: 6px 0 0;}
.shopbrand .product_list_wrap .product_item .desc_container .shop_info .prd-brnd{ margin: 0 0 3px; font-size: 12px; font-weight: 600;}
.shopbrand .product_list_wrap .product_item .desc_container .shop_info .listName{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 15px;}
.shopbrand .product_list_wrap .product_item .desc_container .shop_info .prd-price{ margin: 5px 0 0;}
.shopbrand .product_list_wrap .product_item .desc_container .shop_info .dc_per{ display: inline-block; margin: 0 3px 0 0; color: #e76191; font-size: 16px; font-weight: bold; letter-spacing: -1px;}
.shopbrand .product_list_wrap .product_item .desc_container .shop_info .price{ display: inline-block; font-size: 16px; font-weight: bold;}

/* ´õº¸±â */
.btn_bottom_box.more a{border: 2px solid #e76191; border-radius: 30px; background: #fff; color: #e76191; font-size: .8rem; padding:10px 100px;}

.list_icons { margin:8px 0 0 0 !important; }
.list_icons .MK-product-icons img { padding: 0 2px 2px 0 !important;}

/* »óÇ°¸ñ·Ï °øÅë */
.prd-price{
    margin:5px 0 0;
}
.prd-price .dc_per{
    color: var(--main-color-pink);
}
.prd-price del{display:none;}
.shop_info .listReview{
    font-size: 11px;
    font-weight: 400;
    color: #878F91;
    float: left;
    text-align: left;
    margin: 5px 0 0;
}
.list_icons{
    height:12px;
    overflow:hidden;
    margin: 5px 0 0!important;
}
.list_icons_m .MK-product-icons img{
    height:15px!important;
    width:auto!important;
    padding: 0 2px 5px 0;
}
.bepick_wrap.recmdArea .list_icons{
    display: none;
}
.product_cate_sticky_box .shop_info{
    padding: 0 10px;
}
.product_cate_sticky_box .shop_info .listName{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    height: fit-content !important;
}
.product_cate_sticky_box .prd-price{
    margin: 5px 0;
}
.product_cate_sticky_box .shop_info .listReview{
    margin: 0;
}
.product_cate_sticky_box .shop_info .colorchip{
    display:block;
    margin:0 0 6px;
    width:100%;
    height:10px;
    max-width: 64px;
}

/* animation */
@keyframes tit_slide {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes tit_img {
  0% {
    transform: scale(0.95);
  }

  80% {
    transform: scale(1);
  }
  
  100%{
      transform: scale(0.97);
  }
}


/* BASIC css end */