/* BASIC css start */
#container { margin: 93px 0 0 0 ; }
html,body{overflow-x: hidden;}

/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; height:100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: absolute; bottom:10px; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */

/* 상단 이벤트 배너 */
.event_area{margin: 0 16px 10px;position: relative;
    overflow: hidden;
    border-radius: 11px;
    border: 1px solid rgb(255 181 230 / 23%);
    }
.event_area:after{content:'';position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(255 181 230 / 23%);
    z-index: -1;
    animation: moveGradient 5s infinite ease-in-out forwards;
    }
.event_area_inner{border-radius: 9px;
    background: #FFF9FD;
    display: flex
;
    align-items: center;
    padding: 10px;
    gap:10px;
    margin:1px;
    position:relative;    
}
.event_area_inner a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.event_icon img{
    width:100%;
    border-radius:7px;
    background: #ffddfa;
}
.event_in_text{width:100%;}
.event_in_text p:first-child{font-size:14px;font-weight:700;margin:0 0 3px;}
.event_in_text p:last-child{
    font-size:12px; 
    color:#878f91;
    white-space: nowrap;
}
.event_btn{
    font-size:12px;
    color:#fff;
    background:var(--main-color-pink);
    padding: 4px 6px;
    border-radius: 5px;
    white-space: nowrap;
}
@keyframes moveGradient {
    0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 메인 슬라이드 배너 */
.main_bn{overflow:hidden}
.main_bn .mySwiper{
    width:100%;
    position:relative;
}
.main_bn .mySwiper img{
    width: 100%;
}
.main_bn .mySwiper .swiper-slide{
    box-sizing:border-box;
}
.main_bn_ratio{
    margin: 0 16px;
    border-radius:10px;
    aspect-ratio: 1 / 1;
    overflow:hidden;
}
.main_bn .mySwiper .swiper-pagination{
    width: fit-content;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 40px;
    padding: 1px 10px;
    font-size: 11px;
    color: #fff;
    left: calc(100% - 76px);
}

/* 카테 바로가기 버튼 */
.direct_link{
    padding: 13px 0;
}
.main_cate_tab.direct_link ul{
    gap: 10px;
}
.direct_link .main_cate_tit a{
    display:flex;
    flex-direction: column;
    gap: 6px;
}
.main_cate_tab.direct_link .main_cate_tit{padding: 0 1px;}
.direct_link .main_cate_tit img{
    width:64px;
    background:#F5F6F8;
    border-radius:50%;
}
.direct_link .main_cate_tit span{
    font-size: 12px;
    font-weight: 600;
    color: #242729;
    white-space: nowrap;
    text-align: center;
}

/* 카테 베스트 슬라이드 */
.cate_best_wrap{overflow:hidden;}
.cate_best_wrap h2{
    margin: 30px 16px 0;
    font-size: 18px;
    font-weight: 700;
    color: #292B2B;
}
.cate_best_custom{padding: 0 16px;}
.cate_best_custom .swiper-pagination-custom{
    display: flex;
    font-size: 13px;
    font-weight: 500;
    margin: 20px 15px 8px 0;
    gap: 8px;
    flex-wrap:nowrap;
}
.custom_bullet{
    text-align: center;
    background: #fff;
    padding: 6px 8px;
    border-radius: 7px;
    border: 1px solid;
    border-color: #E8E9EB;
    width:100%;
    white-space:nowrap;
}
.custom_bullet:nth-of-type(1){
    border-color: #516fff;
    color: #516fff;
}
.custom_bullet.swiper-pagination-custom-bullet-active{
    background: #32383B;
    color: #fff;
}
.cate_best_custom .swiper-pagination-custom > div:nth-of-type(1).swiper-pagination-custom-bullet-active{
    background: #516fff;
    color: #fff;
}
.cate_best_in ul{
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 10px 1px;
    padding: 0 15px 15px;
}
.cate_best_in .items li{
    width:100%;
    margin-bottom:0;
}
.cate_best_in .shop_info .colorchip{display:none;}
.cate_best_in .items li .shop_info .listName{
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:16px;
    height: fit-content;
}
.cate_best_in .shop_info .listReview{
    line-height: 1em;
}
.cate_best_in.cate_custom .display-wrap{
    padding: 0 15px 15px;
}
.cate_best_in.cate_custom .display-wrap .prd-info{
    padding: 0 5px;
}
.cate_best_in.cate_custom .display-wrap .product-area.type-col .prd-wrap .prd-wish-review{
    font-size:11px;
}
#p_area_3 .prd-wrap .prd-info .prd-wish-review span,
#p_area_4 .prd-wrap .prd-info .prd-wish-review span{display:none;}
#p_area_4 .prd-wrap:nth-of-type(1) .prd-info .prd-wish-review:before{content: '리뷰 200';}
#p_area_4 .prd-wrap:nth-of-type(2) .prd-info .prd-wish-review:before{content: '리뷰 111';}
#p_area_4 .prd-wrap:nth-of-type(3) .prd-info .prd-wish-review:before{content: '리뷰 43';}
#p_area_4 .prd-wrap:nth-of-type(4) .prd-info .prd-wish-review:before{content: '리뷰 225';}
#p_area_4 .prd-wrap:nth-of-type(5) .prd-info .prd-wish-review:before{content: '리뷰 43';}
#p_area_4 .prd-wrap:nth-of-type(6) .prd-info .prd-wish-review:before{content: '리뷰 95';}
#p_area_3 .prd-wrap:nth-of-type(1) .prd-info .prd-wish-review:before{content: '리뷰 82';}
#p_area_3 .prd-wrap:nth-of-type(2) .prd-info .prd-wish-review:before{content: '리뷰 272';}
#p_area_3 .prd-wrap:nth-of-type(3) .prd-info .prd-wish-review:before{content: '리뷰 377';}
#p_area_3 .prd-wrap:nth-of-type(4) .prd-info .prd-wish-review:before{content: '리뷰 636';}
#p_area_3 .prd-wrap:nth-of-type(5) .prd-info .prd-wish-review:before{content: '리뷰 332';}
#p_area_3 .prd-wrap:nth-of-type(6) .prd-info .prd-wish-review:before{content: '리뷰 1,681';}

/* 메인 진열 상품 공통 */
.product_head{
    text-align: left;
    margin: 30px 16px 13px;
}
.product_head h3{
    font-size: 18px;
    font-weight: 700;
    color: #292B2B;
}
.product_head h3 font{
    color: var(--main-color-pink);
}
.product_wrap .items{
    width: calc(100% + 2px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1px;
}
.product_wrap .items li{
    width: calc(100% / 2 - 1px);
    padding-bottom: 8px;
}
.product_wrap .items .thumb{
    border:none;
}
.product_wrap .shop_info{
    padding: 0 15px;
}
.shop_info .listReview{
    font-size: 11px;
    font-weight: 400;
    color: #878F91;
    float: left;
    text-align: left;
    margin:8px 0 0;
}
/* .listmodel{
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:18px;
} */
.product_wrap .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;
}
.listName a{
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:16px;
}
.listName br{display:none;}
.listName font{color:#3b3b3b!important;}
/* .listName b{font-weight:400!important;} */
.listName b{font-weight:500!important;}
.listEtc{display:none!important;}
.product_wrap .prd-price del{display: none;}
.prd-price .dc_per{color:var(--main-color-pink);}
.shop_info .colorchip{
    height:10px;
    max-width: 59%;
}
.list_icons{
    display:block;
}
.list_icon_sample{
    display: none;
    gap: 4px;
    margin: 8px 0 0;
}
.list_icon_sample img{
    height:20px;
}

/* 모바일 전용 아이콘 */
.list_icons_mo{
    margin: 0;
    padding: 0;
}
.list_icons_mo .MK-product-icons{margin:0;}
.list_icons_mo .MK-product-icons img{
    height:20px !important;
    margin:8px 0 0;
}

/* 개별 상품 진열 공통 */
.display-title,
.display-sub,
.display-link{display:none;}
.display-wrap .product-area.type-col{
    gap: 10px 4px;
}
.display-wrap{font-family: 'Pretendard', 'Outfit', sans-serif;}
.display-wrap .product-area.type-col .prd-wrap .prd-icon{display:none;}
.display-wrap .product-area.type-col .prd-wrap .prd-name{
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:16px;
}
.display-wrap .product-area.type-col .prd-wrap .prd-name br{display:none;}
.display-wrap .product-area.type-col .prd-wrap .prd-name font{color:#3b3b3b!important;}
.display-wrap .product-area.type-col .prd-wrap .prd-name b{font-weight:400;}
.display-wrap .product-area.type-col .prd-wrap .prd-sprice{
    font-size: 15px;
    font-weight: bold;
}
.display-wrap .product-area.type-col .prd-wrap .prd-sprice strong{font-weight:700;}
.display-wrap .product-area.type-col .prd-wrap .prd-sprice .sale{
    color: var(--main-color-pink);
}
.display-wrap .product-area.type-col .prd-wrap .prd-wish-review{
    marign: 8px 0 0;
    font-size: 12px;
    font-weight: 400;
    color: #878F91;
}
/* 상품진열 3열 */
.column_type3.product_wrap .items{
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 10px 2px;
    padding: 0 15px;
    box-sizing: border-box;
}
.column_type3.product_wrap .items li{
    width:100%;
}
.column_type3.product_wrap .shop_info{
    padding: 0 15px 0 0;
}
.column_type3.product_wrap .list_icon_sample{
    display:none;
}

/* 자체제작 슬라이드 */
.nakSwiper{
    padding: 0 0 0 16px;
    overflow: hidden;
}
.nakSwiper .mySwiper3 .swiper-slide{
    width: 85%;
    padding: 0 15px 0 0;
}
.nak_nb_img img{
    width:100%;
}
.nakSwiper .items{
    width: 100%;
    flex-direction: column;
    margin: 15px 0 0;
}
.nakSwiper .items li{
    width:100%;
    margin-bottom: 5px;
}
.nakSwiper .items li > div{
    width: 100%;
    display: flex;
}
.nakSwiper .items li > div > a{
    flex: 1.5;
}
.nakSwiper .list_shoppingInfo{
    flex: 3;
}
.nakSwiper .shop_info{
    padding: 0 0 0 10px;
    margin:0;
}
.nakSwiper .wish_box{
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 10px 0 0;
}
.nakSwiper .wish_box img{
    width: 20px;
    height: 18px;
}
.custom_made .display-wrap{
    padding: 0;
    margin: 15px 0 0;
}
.custom_made .display-wrap .product-area.type-row{
    gap: 13px;
}
.custom_made .display-wrap .product-area.type-row .prd-wrap{
    display: flex;
}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-img{
    flex: 1.5;
}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-info{
    flex: 4;
    position: relative;
}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-icon{display:none;}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-name{
    width: 75%;
    margin: 0 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-name font{color:#3b3b3b!important;}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-name b{font-weight: 400!important;}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-name br{display:none;}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-info:before{
    content:'모델명';
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 18px;
    /* font-size: 13px;
    font-weight: 600;
    margin: 0 0 3px; */
    font-size: 9px;
    margin: 0 0 3px 0;
    color: #494949;
    height: 17px;
}
.nakSwiper .mySwiper3 .swiper-wrapper .swiper-slide:nth-of-type(2) .cate_custom .display-wrap .product-area .prd-wrap:nth-of-type(1) .prd-info:before{content: '바람막이 2종 특가';}
.nakSwiper .mySwiper3 .swiper-wrapper .swiper-slide:nth-of-type(2) .cate_custom .display-wrap .product-area .prd-wrap:nth-of-type(2) .prd-info:before{content: 'KO12-T-17/쿨브이티셔츠';}
.nakSwiper .mySwiper3 .swiper-wrapper .swiper-slide:nth-of-type(3) .cate_custom .display-wrap .product-area .prd-wrap:nth-of-type(1) .prd-info:before{content: '나크메이드 밴딩슬랙스 3종';}
.nakSwiper .mySwiper3 .swiper-wrapper .swiper-slide:nth-of-type(3) .cate_custom .display-wrap .product-area .prd-wrap:nth-of-type(2) .prd-info:before{content: 'NK21-P-24/셀리텐셀 와이드팬츠';}


.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-sprice{
    font-size: 15px;
    color: #3b3b3b;
    margin: 7px 0 0;
}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-sprice .sale{color:var(--main-color-pink)}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-sprice em{display:none;}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-wish-review{
    position: absolute;
    margin: 0;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-wish-review .ico-wish svg{
    width: 24px;
    stroke: #a6a6a6;
    stroke-width: 1.8;
}
.custom_made .custom_icon_box{
    display: flex;
    gap: 4px;
    margin: 8px 0 0;
}
.custom_made .custom_icon_box span{
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.custom_made .custom_icon_box span:first-child{
    width:35px;
    background-image:  url('/design/nak3618/2024/pd_icon_03.png');
}

.nakSwiper .mySwiper3 .swiper-wrapper .swiper-slide:nth-of-type(2) .cate_custom .display-wrap .product-area .prd-wrap .prd-info .custom_icon_box span:nth-of-type(2){
    width:40px;
    background-image:  url('/design/nak3618/2024/pd_icon_02.png');    
}
.nakSwiper .mySwiper3 .swiper-wrapper .swiper-slide:nth-of-type(3) .cate_custom .display-wrap .product-area .prd-wrap:nth-of-type(1) .prd-info .custom_icon_box span:nth-of-type(2){
    width:40px;
    background-image:  url('/design/nak3618/2024/pd_icon_01.png');    
}

.custom_made .display-wrap .product-area.type-row .prd-wrap .prd-wish-review .ico-wish .my-wish-count{display:none;}

/* 기획전 슬라이드 new */
.plan_slide{
    margin: 0 0 60px;
    padding: 0 0 0 16px;
}
.planSwiper{
    overflow:hidden;
}
.plan_inner{
    position:relative;
}
.plan_inner a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
}
.plan_inner img{
    width:100%;
    border-radius:10px;
}
.plan_copy{
    padding: 0 0 0 5px;
}
.plan_copy p{
    font-size: 11px;
    font-weight: 400;
}
.plan_copy .copy_tit{
    font-size: 15px;
    font-weight: 600;
    margin: 13px 0 4px;
}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

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


/* 상단 카테고리별 베스트 */
#tab { background:#f6f6f6; padding: 50px 0 0 15px; }
#tab h2 { font-size: 16px; font-weight:700; margin: 0 0 15px; }
#tab .tab-menu ul { display: flex; font-size:13px; font-weight:500; margin:20px 15px 20px 0; }
#tab .tab-menu ul li { flex-grow: 1; }
#tab .tab-menu ul li a { display: block; text-align:center; }
#tab .tab-contents { position: relative; }
#tab .tab-contents div.tab-contents-inner { width: 100%; height: 100%; display: none;}
#tab .tab-contents div.on { display: block; /* display: flex; justify-content: center; align-items: center;*/ }

.cate_best{ padding:0 0 10px; background-size: cover; }
.cate_best .cate_best_in{ }
.cate_best .items li { /* margin: 0 4px; */ width: calc(33% - 2px) !important; display: inline-block !important; }
.cate_best .items li a img{ width: 100%; }
.cate_best .items .slick-list{ padding-left: 46px;}
.cate_best .items .slick-slide:nth-of-type(1){ margin-left: -44px;}
.cate_best .items li .list_shoppingInfo .shop_info{ /* margin: 3px 0 0 8px;*/ }
.cate_best .items li .list_shoppingInfo .shop_info .listName{ font-size: .8rem; height:36px; overflow:hidden; }
.cate_best .items li .list_shoppingInfo .shop_info .colorchip { width:65%; }
.cate_best .items li .list_shoppingInfo .shop_info .listReview { width:35%; text-align:right; }
.cate_best .viewAll{ margin: 0 auto; color: #fff;}
.cate_best .viewAll a{width: auto; padding: 8px 24px; border: 1px solid #fff; border-radius: 0; color: #fff; font-family: 'Pretendard',"Outfit", sans-serif; white-space: nowrap;}


/* 기획전 영역 */
.planstore  { padding: 0 0 20px 15px; }
.planstore  .planstore_in { }
.planstore  .planstore_in li { margin: 0 5px; }
.planstore  .planstore_in a { }
.planstore  .planstore_in a img{ width: 100%; border-radius:10px; }
.planstore  .planstore_in .slick-list{ padding-left:40px; }
.planstore  .planstore_in .slick-list dt { font-size:1.3em; font-weight:700; color:#000; margin:15px 10px 10px; letter-spacing:-0.3px; }
.planstore  .planstore_in .slick-list dd { margin: 0 0 0 10px; color: #7d7d7d; }
.planstore  .planstore_in .slick-slide:nth-of-type(1){ margin-left: -154px;}


/* 메인 카테고리 */
.mainCate {position: relative;display: block;flex-wrap: wrap;border-radius:0;box-shadow: 0 0 6px 0px #c7c7c7;background-color: #fff;padding:0;}
.main_cate{background-color:#fff;}
.main_cate .mainCate > ul{ display:grid; grid-template-columns:repeat(4,1fr); gap: 1px; background-color: #f4f4f3;}
.main_cate .mainCate > ul > li{ background-color: #fff; text-align: center;   }
.main_cate .mainCate > ul > li a{ text-align: center; font-size:12px; letter-spacing: -0.5px; padding:12px 0; display:block; color:var(--season_color_05); }
@media (max-width: 360px) {.main_cate .mainCate > ul > li a{font-size:11px;}}


/* 이벤트배너 */
.event_banner { padding: 50px 0 30px; }
.event_banner .event-imgs img { width:100%; }


/* 더보기 버튼 */
.morebtn { text-align:center; margin: 20px 0 80px; }
.morebtn a { font-size: 1.1em; font-weight: 300; border: 1px solid #dddddd; border-radius: 60px; padding: 10px 90px; color: #656565; }


/* 글자 깜빡임 효과 */
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}


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

/* 헤더 혜택 링크, 스와이프 메뉴바 */
#header .logo_top .benefit {display:flex!important;}
.top_swiper_navi{display:block!important;}

/* 하단네비게이션 */
.appbar_btn .home{background-image: url('/design/nak3618/2024/app_icon_01_on.png')!important}
.tooltip_box{display:flex!important;}
/* BASIC css end */