/* BASIC css start */
/* 롤링배너 */
#event { margin-bottom: -10px; }
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; margin-top: 50px;}
#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: relative; left: 0; bottom:25px; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch {
    display: inline-block;
    margin: 0px 5px;
    text-indent: -9999px;
    background: rgba(0,0,0,0.7);
    border: 0px solid #000;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}
#event .pagination .swiper-active-switch { background:#fff; }

.pagination span:only-child { width: 80%; }
.pagination span:first-child:nth-last-child(2),
.pagination span:first-child:nth-last-child(2)+span { width: 40%; }
.pagination span:first-child:nth-last-child(3),
.pagination span:first-child:nth-last-child(3)~span { width: 26%; }
.pagination span:first-child:nth-last-child(4),
.pagination span:first-child:nth-last-child(4)~span { width: 20%; }
.pagination span:first-child:nth-last-child(5),
.pagination span:first-child:nth-last-child(5)~span { width: 16%; }
.pagination span:first-child:nth-last-child(6),
.pagination span:first-child:nth-last-child(6)~span { width: 13%; }
.pagination span:first-child:nth-last-child(7),
.pagination span:first-child:nth-last-child(7)~span { width: 11%; }
.pagination span:first-child:nth-last-child(8),
.pagination span:first-child:nth-last-child(8)~span { width: 10%; }
.pagination span:first-child:nth-last-child(9),
.pagination span:first-child:nth-last-child(9)~span { width: 9%; }

/* //롤링배너 */
.main {margin-top:-50px;}
.main h3 {font-size:1.7em; text-transform:uppercase; font-weight:700; display: inline-block; margin:45px 0 18px 0; }
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/* 카테고리 */
.cate .list_category {overflow:hidden;border-bottom: 1px solid #222;}
.cate .list_category li {float:left;width:20%;box-sizing:border-box;-moz-box-sizing:border-box;}
.cate .list_category li a { display:block;height: 40px;line-height: 40px;text-align:center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 11px; font-weight:bold;}

.best_silde .bnrText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 2;
}
    
.best_silde .bnrText h3 {
    color: #fff;
    font-size: 3em;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.best_silde .bnrText p {
    color: #fff;
    font-size: 1.2em;
    line-height: 1;
    margin: 10px auto;
    text-shadow: 0px 0px 10px #222;
}


/* 상품슬라이드 */

.best_silde {  width:100%; margin:100px auto 10px; border:0px solid #fff; position:relative;}
.best_silde .s-item { position:relative;display:block; /* height:px; */ padding-bottom:10px;  }
.best_silde .s-item img { width: 100%; /* height:px; */   }

.slick-slider {position: relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider:hover .slick-next,.slick-slider:hover .slick-prev{display:block !important;}
.invisible{visibility: hidden;}
.slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.slick-track{position: relative;left:0;top:0;display:block;}
.slick-track:before,.slick-track:after{content: "";display: table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide {float: left; height:auto; display: none;}
[dir="rtl"].slick-slide { float: left;    }
.slick-slide img{  }
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:0px solid transparent;}

.best_silde .slick-prev,.best_silde .slick-next{position:absolute;display:block !important;cursor: pointer;/*width:20px;*/height:29px;font-size:3em; color:#fff; top:50%;margin-top:-20px;outline: none;padding:0;border:0; opacity:1; filter:alpha(opacity=100);background:transparent; z-index:9;}   /* 화살표 처음위치 */
/*.best_silde .slick-prev{ left:10px; background:url(/design/jenystudio/tem131/slide_prev6.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
/*.best_silde .slick-next{right:10px; background:url(/design/jenystudio/tem131/slide_next6.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */


.best_silde .slick-prev,.best_silde .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.best_silde .slick-slider{margin-bottom:0;}
.best_silde .slick-dots{  position:absolute;bottom:0px;left:0px;padding:0;list-style: none; display:block; text-align:center;width:100%;  }

.best_silde .slick-dots li { position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer; border:0px solid #000; width:10px; }
.best_silde .slick-dots li button {border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.best_silde .slick-dots li button:hover, .best_silde .slick-dots li button:focus{outline: none;}
.best_silde .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.best_silde .slick-dots li button:before{ display:block;width:10px;height:10px;content: "";background:#d1d1d1; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.best_silde .slick-dots li.slick-active button:before {   background:#999; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */



.instagramArea { text-align:center; }
.instagramArea h3 a { font-size:1em; }


/* 상품 다중 이미지 슬라이더 */
.items .bx-wrapper { position: relative; }
.items .prd-img-slider img { max-width: 100% !important; }
.items .bx-pager { position: absolute; left: 50%; bottom: 2%; transform: translateX(-50%); display: flex; gap: 6px; align-items: center; justify-content: center; }
.items .bx-pager a { display: inline-block; width: 6px; height: 6px; padding:0; border-radius: 50%; background: rgba(238, 238, 238, 0.5); font-size:0; text-indent: -9999px;}
.items .bx-pager a.active { background: #000; }
.items .bx-controls-direction a { position:absolute; top: 50%; width: 7px; height: 14px; padding:0; margin-top: -8px; font-size:0; text-indent: -9999px; }
.items .bx-prev {left:10px; background:url(//zesty1.jpg3.kr/renew/btn_multiple_prev.png) left center no-repeat;}
.items .bx-next {right:10px; background:url(//zesty1.jpg3.kr/renew/btn_multiple_next.png) right center no-repeat;} 
.items .prd-img-slider .swiper-wrapper { display: flex; align-items: center; }
/* BASIC css end */