/* BASIC css start */
.tapWrap .productBox > div p.pro_icons img { border: 0 !important; }
.moreBtn {width: 36px; margin: 0 auto; color: #000;}
.moreBtn i{
    display:block;
    width:36px;
    height:36px;
    line-height:34px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:18px;
}

.moreBtn span{
    display:block;
    padding-top:5px;
    text-align:center;
    font-size:12px;
    font-weight:500;
}
/* 트렌드픽 추가하면서 같이 추가한 스와이퍼 스크롤바 */
.swiper .swiper-scollbar {
    background-color: #E1E1E1;
    height: 3px !important;
    cursor: pointer;
    margin-top: 5%;
    width:97%;
}
.swiper .swiper-scrollbar-drag {
    background-color: #111111 !important;
}

.thumb_wrap a {position:relative; display:block;}
.thumb_wrap a .trans {position:relative;}
.thumb_wrap a .listPic {position:absolute; top:0; left:0; width:100%; height:100%;}
/* 231206 실시간 베스트 */
/* 240416 추가 */
.tapWrap,
.tapWrap2 {
    padding: 50px 0;
    /* background-color: #f6f6f6; */
    background-color: #fff;
}

.tapWrap2 {
    background-color: #f6f6f6;
}

.tapWrap h2,
.tapWrap2 h2{
    padding:0 3%;
    margin: 0 auto 28px;
    font-size: 20px;
    font-weight: 700;
}

.tapWrap .swiper,
.tapWrap2 .swiper{
    width: 100%;
    height: 100%;
}

.tapWrap .listBoxSwiper,
.tapWrap2 .listBoxSwiper2 {
    padding:0 3%;
    margin: 0 auto;
    position: relative;
    width:auto;
}
/*
.tapWrap .listBoxSwiper::after,
.tapWrap2 .listBoxSwiper2::after {
    content: '';
    display: block;
    position: absolute;
    width: 10%;
    height: 100%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    background: linear-gradient(90deg, rgba(209,209,215,0) 0%, rgba(246,246,246,1) 75%, rgba(246,246,246,1) 100%);
}
*/
.tapWrap .listBoxSwiper ol .swiper-slide,
.tapWrap2 .listBoxSwiper2 ol .swiper-slide { 
    width: auto !important 
}

.tapWrap .listBoxSwiper ol,
.tapWrap2 .listBoxSwiper2 ol{
    display: flex;
    margin: 0 auto 24px;
}

.tapWrap .listBoxSwiper ol li,
.tapWrap2 .listBoxSwiper2 ol li{
    font-size: 14px;
    display: inline-block;
    padding: 6px 13px;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    box-sizing: border-box;
    width: auto;
    background:#fff;
}


.tapWrap .listBoxSwiper ol li.act,
.tapWrap2 .listBoxSwiper2 ol li.act{
    color: #fff;
    background: #000;
    border: 1px solid #000;
}


/* 240111 실시간 베스트 아우터 이벤트 추가 */
.tapWrap .listBoxSwiper ol li:nth-child(2),
.tapWrap2 .listBoxSwiper2 ol li:nth-child(2){
    /* color: #e95757; */
    opacity: 1;
}
/* 240111 실시간 베스트 아우터 이벤트 추가 끝 */

.tapWrap .productBox, 
.tapWrap2 .productBox2 {
    position: relative;
}

.tapWrap2 .productBox2 .swiper-pagination {position:relative; height:2px;}
.tapWrap2 .productBox2 .swiper-pagination-progressbar-fill {background:#000;}
.tapWrap .productBox > div, 
.tapWrap2 .productBox2 > div {
    opacity: 0;
    height: 0;
    pointer-events: none;
}

.tapWrap .productBox > div .swiper-wrapper, 
.tapWrap2 .productBox2 > div .swiper-wrapper {
    align-items: flex-start;
}

.tapWrap .productBox > div.act, 
.tapWrap2 .productBox2 > div.act {
    display: block;
    opacity: 1;
    transition-duration: .3s;
    height: auto;
    pointer-events: auto;
}

.tapWrap .productBox > div .swiper,
.tapWrap2 .productBox2 > div .swiper {
    margin: 0 auto;
    overflow: visible;
}

.tapWrap .productBox > div .prod_thumb,
.tapWrap2 .productBox2 > div .prod_thumb{
    max-width: 320px;
}

.tapWrap .productBox > div .thumb_img,
.tapWrap2 .productBox2 > div .thumb_img {
    margin: 0;
}

.tapWrap .productBox > div p.pro_icons img,
.tapWrap2 .productBox2 > div p.pro_icons img {
    display: inline-block;
    /* border: 1px solid #b3b3b3; */
    border: 0 !important;
    padding: 0;
    margin-right: 3px; margin-bottom: 3px;
}

.tapWrap .productBox > div .normal_item:nth-child(4n),
.tapWrap2 .productBox2 > div .normal_item:nth-child(4n) {
    margin-right: 20px !important;
}

.tapWrap .productBox > div .swiper-button-next, 
.tapWrap .productBox > div .swiper-button-prev,
.tapWrap2 .productBox2 > div .swiper-button-next, 
.tapWrap2 .productBox2 > div .swiper-button-prev {
    color: #000;
}

.tapWrap .productBox .swiper-button-next, 
.tapWrap2 .productBox2 .swiper-button-next {
    right: 1%;
}

.tapWrap .productBox .swiper-button-prev,
.tapWrap2 .productBox2 .swiper-button-prev{
    right: -3%;
}

.tapWrap .productBox .overflowBox,
.tapWrap2 .productBox2 .overflowBox{
    overflow: hidden;
    padding:0 3%;
    margin: 0 auto;
}

.tapWrap .productBox > div .swiper .swiper-wrapper , .tapWrap2 .productBox2 > div .swiper .swiper-wrapper {
    counter-reset: number;
}
.tapWrap .productBox > div .thumb_wrap,
.tapWrap2 .productBox2 > div .thumb_wrap {
    position:relative;
}

.tapWrap .productBox > div .thumb_wrap:after,
.tapWrap2 .productBox2 > div .thumb_wrap:after{
    counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 110;
    color: #fff;
    line-height: 24px;
    width: 24px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background: #000;
    border-radius: 5px;
    pointer-events:none;
}
.tapWrap .productBox > div .swiper-slide:first-child .thumb_wrap:after,
.tapWrap2 .productBox2 > div .swiper-slide:first-child .thumb_wrap:after {
    background:#640585
}


/* 메인 상품 리스트 슬라이드 제거 */
.mainProductList.sec10{padding: 0; margin: 0 10px;}

.mainProductList.sec10 h3{margin: 50px 0 20px;} /* 2% */

.mainProductList.sec10 .swiper-grid-column>.swiper-wrapper {
    flex-direction: row;
}

.mainProductList.sec10 .list_shopping3x ul{
    display: flex;
    align-items: flex-start;
    width: auto;
    justify-content: space-between;
}

.mainProductList.sec10 .list_shopping3x ul li{
    width: 49%;
}

body .mainProductList.sec10 .list_shopping3x li{
    width: calc(50% - 5px);
}

p.pro_icons img {padding: 3px;}


.slideClothes {
    padding: 50px 0 50px 20px;
    max-width: 1340px;
    width: 100%;
    margin: 0 auto;
}
.slideClothes > div {
    position: relative;
}
.slideClothes h2 {
    font-size: 17px;
    margin-bottom: 15px;
    font-weight: 600;
}
.slideClothes .swiper {
    width: 100%;
    height: 100%;
}
.slideClothes .swiper-slide {
    font-size: 18px;
    background: #fff;
    display: block;
    justify-content: center;
    align-items: center;
    width:66%;
    margin-right:10px;
}
.slideClothes .swiper-slide .add_link {
    display: inline-block;
    padding: 4px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 13px !important;
    height: 13px !important;
    line-height: 13px;
    text-align: center;
    font-size: 10px;
    z-index: 10;
    margin: 0 !important;
}
.slideClothes .swiper-slide a {
    display: block;
}
.slideClothes .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 17px;
}
.slideClothes .swiper-slide dl {
    padding: 0 0 0 10px;
}

.slideClothes .swiper-slide dl dt {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
}
.slideClothes .swiper-slide dl dd {
    font-size: 14px;
    color: #a8a8a8;
}
.swiperClothesArrow {
    position: absolute;
    width: 100%;
    top: 105%;
    left: 0;
    --swiper-theme-color: #a8a8a8;
}
  
  /* 띠배너 */
  .beltSwiper .swiper-button-next, .beltSwiper .swiper-button-prev{color: black;}
  .beltSwiper .swiper-button-next:after, .beltSwiper .swiper-button-prev:after {font-size: clamp(16px, 5vw, 32px); opacity: 0.3;}
  .beltSwiper .swiper-button-next{right: 3px;}
  .beltSwiper .swiper-button-prev{left: 3px;}

/* 202205 위브 리뉴얼*/

body .list_shopping3x .list_shoppingInfo { padding:0 !important; }
html body .list_shopping3x li{margin-bottom:30px !important;}


h3 {position:relative}
h3 .allbtn {display:block; position:absolute; top:2.5px; right:0; padding-right:11px; font-size:12px; font-weight:400; line-height:1; background:url('/design/jstyle07/wib/img/icon/allbtn.svg') no-repeat center right; }


/* 섹션3*/
.sec3 h3{font-size:17px;font-weight:700;color:#1a1a1a;padding-left:20px;margin:60px 0 20px; line-height:1;}
html .sec3 ul{display:flex;flex-wrap:nowrap;overflow-x:scroll;margin: 0 0 0 20px !important; box-sizing: border-box;}

html .sec3 ul li{display:inline-block;width:45%;margin-right:5px;flex:0 0 auto;}
html .sec3 ul::-webkit-scrollbar {height:3px; background:#E8E8E8;}
html .sec3 ul::-webkit-scrollbar-thumb { background: #BFBFBF;}
html .sec3 ul::-webkit-scrollbar-track { height: 3px !important; }


/* 섹션4*/
.sec4{box-sizing:border-box;}
.sec4 h3{margin:60px 0 20px; line-height:1;font-size:17px;font-weight:700;color:#1a1a1a; padding-left:20px;}
.sec4 .tabs{font-size:0;margin-bottom:21px;overflow-x: scroll; white-space: nowrap; width: auto;padding-left:20px;}

.sec4 .tabs::-webkit-scrollbar {
  display: none;
}
.sec4 .tabs li{display:inline-block;width:auto; text-align:center;} /* margin-right:18px; */
.sec4 .tabs li.active { 
    /* border-bottom: 2px solid #512772; */ /* 240408 변경함 text-underline으로 */
    display:inline-block;
}
.sec4 .tabs li.active a{
    color: #512772;
    /* 240408 추가함 */
    text-decoration: underline;
    text-underline-position: under;
}
.sec4 .tabs li:last-child{margin-right:0;}
.sec4 .tabs li a{font-size:13px;font-weight:500;color:#7d7d7d; 
    /* 240408 추가함 */
    display: block;
    padding: 10px 20px;
}
/* 240408 추가함 */
.sec4 .tabs li:first-child a { padding-left: 0; }

.sec4 .tab_container .tab_content {display:none;}
.sec4 .tab_container .tab_content.active {display:block;}
.sec4 .tab_container .big {padding:0 20px;position:relative;margin-bottom:30px;}
.sec4 .tab_container .big .pro_list {position:relative;}
.sec4 .tab_container .big .pro_list::after{position:absolute;left:0;bottom:0; width:100%;height:100px; content:'';background:rgba(27, 27, 27, 0.5);}


.sec4 .tab_container .big  img{width:100%;}
.sec4 .tab_container .big li{width:100% !important;margin:0 0 34px!important;}
.sec4 .tab_container .listw ul{display:flex;flex-wrap:nowrap;overflow-x:scroll;margin-left:20px; }
.sec4 .tab_container .listw ul::-webkit-scrollbar {height:3px; background:#E8E8E8;}
.sec4 .tab_container .listw ul::-webkit-scrollbar-thumb {background: #BFBFBF;}
.sec4 .tab_container .listw ul::-webkit-scrollbar-track { height: 3px !important; }
.sec4 .tab_container .listw ul li:nth-child(1){display:none;}
.sec4 .tab_container .listw ul li{display:inline-block;width:43%;margin-right:3px;flex:0 0 auto;}

.sec4 .listw li:last-child a{display:block;width:60px;height:100%;margin:0 auto; position: relative;font-size: 10px; font-weight: 400; color: #1a1a1a;text-align:center;box-sizing: border-box;padding-top: 140px;}
.sec4 .listw li:last-child a img{display: block;width: 30px;  margin: 0 auto;}

.sec4 .tab_container .big .txt{position:absolute;bottom:0;left:0;width:100%;height:100px;text-align:center;z-index:10;}
.sec4 .tab_container .big .txt p:nth-child(1){color: #FFFFFF;font-weight: 600;font-size: 20px;letter-spacing: -0.02em;margin:27px 0 12px;}
.sec4 .tab_container .big .txt p:nth-child(2){color: #FFFFFF;letter-spacing: -0.02em;font-weight: 400;font-size: 14px;}


/* 섹션5*/
.sec5{box-sizing:border-box;}
.sec5 .viewmore {
background: #000;
    color: #fff;
    margin: 0 auto;
    border-radius: 20px;
    line-height: 40px;
    display: inline-block;
    padding: 0 15px;
    display: inline-block;

}

.sec5 h3{margin:60px 0 28px; line-height:1;font-size:17px;font-weight:700;color:#1a1a1a;padding-left:10px; }
.sec5 .tabs {margin-bottom:24px!important;padding:0 10px;}
.sec5 .tabs li{display:inline-block; width:auto;}
.sec5 .tabs li a{font-size: 14px; display: inline-block; padding: 6px 13px; border-radius: 20px; border: 1px solid #D9D9D9; font-weight: 500; line-height: 22px; box-sizing: border-box; width: auto; background:#fff;}
.sec5 .tabs li.active a{ color: #fff; background: #000; border: 1px solid #000;} 
.sec5 .list_shopping3x ul{position:relative; display:flex;}

.sec5 .tab_container .tab_content {display:none;}
.sec5 .tab_container .tab_content.active {display:block;}
.sec5 .tab_container .tab_content .swiper-wrapper { padding: 0 10px; /* 250123 add */ align-items: start; }
.sec5 .swiper-scrollbar {height:3px !important;background:#E8E8E8; left:1.5% !important;}
.sec5 .swiper-scrollbar-drag{background:#BFBFBF;height:3px;border-radius:0}
/* 250123 add */
.sec5 .list_shoppingInfo { height: 200px; }


/* 섹션6*/

.sec6{position:relative;padding:0 20px 30px;}
.sec6 h3{margin:60px 0 20px; line-height:1;font-size:17px;font-weight:700;color:#1a1a1a;box-sizing:border-box; }
.sec6 > a{display:block; width:100%; }
.sec6 > a img {width:100%;}


/* 섹션7*/


.sec7 h3{margin:60px 0 20px; line-height:1;font-size:17px;font-weight:700;color:#1a1a1a; padding:0 20px;box-sizing:border-box;clear:both; }
.sec7 h3 a{font-size:10px;float:right;}
.sec7 .a2{padding-left:20px;box-sizing:border-box;}
.sec7 .swiper-slide{width:122px;margin-top:0 !important;}
.sec7 .list_shopping3x ul li:last-child a{position: relative;  display: block;  width: 100%;  height: 100%;    font-size: 10px; font-weight: 400; color: #1a1a1a;text-align:center;box-sizing: border-box;padding-top: 270px;}
.sec7 .list_shopping3x ul li:last-child a img{display:block;margin:0 auto;width:30px;}
.sec7 .list_shopping3x ul li:last-child{  position: absolute; right: 0;   top: 0;}
.sec7 .list_shopping3x ul{width:978px;position:relative;  }
.sec7 .list_shopping3x ul li:last-child{position:absolute;right:0;top:0;}
.sec7 .tab_content li{width:158px;margin-top:0 !important;}
.sec7 .swiper-scrollbar{height:3px !important;background:#E8E8E8; left:0 !important; width:100% !important; }
.sec7 .swiper-scrollbar-drag{background:#BFBFBF;height:3px;border-radius:0;}


/* 섹션8*/
.sec8{background:#1d1d1d;margin-top:60px;}
.sec8 h3{padding:20px 0 23px; text-align:center;font-size:17px;font-weight:700;color:#fff;clear:both;}
.sec8 h3 img{margin-right:9px;    width: 30px; vertical-align: middle;}
.sec8 h3 a{font-size:10px;float:right;color:#fff;margin-right: 19px;}
.sec8 .a2{position:relative;  padding-bottom: 30px;}
.sec8 .swiper-slide{position:relative;}
.sec8 .swiper-slide >div:nth-child(1){position:relative;}
.sec8 .swiper-slide >div:nth-child(1)::after{position:absolute;top:0;left:0;width:101%;height:100%;background:rgba(0,0,0,0.5);content:'';}
.sec8 .swiper-slide-active >div:nth-child(1)::after{display:none;}
.sec8 .swiper-slide .txt{opacity:0; color:#fff;font-size:12px;line-height:16px;margin-top:12px;padding-left:6px;box-sizing:border-box;}
.sec8 .swiper-slide-active .txt{opacity:1;}
.sec8 .arrow1{ position: absolute; bottom: 0; width: 97px;height: 10px;left: 50%;transform:translateX(-50%);}
.sec8 .arrow2{  position: relative;}
.sec8 .swiper-button-next,.sec8 .swiper-button-prev{height:45px;width:45px;background-size:45px !important;  top: 40%;  transform: translateY(-50%);}
.sec8 .swiper-button-next::after,.sec8 .swiper-button-prev::after{display:none;}
.sec8 .swiper-button-next{background:url(/design/jstyle07/wib/img_pc/icon/livearrow101.svg) no-repeat;}
.sec8 .swiper-button-prev{background:url(/design/jstyle07/wib/img_pc/icon/livearrow100.svg) no-repeat;left:8px;}
.sec8 .swiper-pagination{font-size:10px;color:#a2a2a2;}
.sec8 .swiper-pagination .swiper-pagination-current{color:#fff}
.sec8 .swiper-pagination .swiper-pagination-total{color:#a2a2a2}
.sec8 .swiper-slide .txt a{    display: block;margin-top:30px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;}
.sec8 .swiper-slide .txt a img{vertical-align:middle;margin-left:5px;}

.plus_button{
    width:100%;
    display: block;
    margin-bottom: 20px;
}


/* 섹션9*/
.sec9 h3{margin:60px 20px 25px; font-size:17px;font-weight:700;color:#000;box-sizing:border-box;clear:both;}
.sec9 .swiper-button-next::after,.sec9 .swiper-button-prev::after{display:none;}
.sec9 .swiper-button-next{width:45px;height:45px; background:url(/design/jstyle07/wib/img_pc/icon/livearrow101.svg) no-repeat;background-size:45px;right:0;}
.sec9 .swiper-button-prev{width:45px;height:45px;background:url(/design/jstyle07/wib/img_pc/icon/livearrow100.svg) no-repeat;background-size:45px;;left:0;}
.sec9 .swiper1 {width: calc(100% - 40px);}
.sec9 .swiper1 .swiper-slide{position:relative;}
.sec9 .swiper1 .swiper-slide> a{position:absolute;left:15px;top:15px;display:block;width:117px;height:30px;line-height:30px;background: rgba(23, 35, 34, 0.7);border-radius: 50px;text-align:center; color: #FFFFFF;letter-spacing: -0.02em;font-weight: 400;font-size: 13px;}
.sec9 .swiper1 .swiper-slide> a img{vertical-align:middle;margin-left:7px;}
.sec9 .a2{margin-left:20px; }
.sec9 .a2 ul{display:flex;flex-wrap:nowrap;overflow-x: scroll;}
.sec9 .a2 li{width:158px !important;flex:0 0 auto;}
.sec9 .a2 li figure{width:158px !important;}
.sec9 .a2 ul::-webkit-scrollbar {height:3px; background:#E8E8E8;}
.sec9 .a2 ul::-webkit-scrollbar-thumb {background: #BFBFBF;}

#player{max-width:100%;}


/* 섹션10*/
.sec10{padding:0 0 0 10px;box-sizing:border-box;}
.sec10 h3{margin:50px 0 20px; line-height:1;font-size:17px;font-weight:700;color:#1a1a1a;clear:both; }
.sec10 h3 a {right:20px; }
.sec10 .a2{box-sizing:border-box;}
.sec10 .swiper-scrollbar{height:3px !important;background:#E8E8E8;width:100% !important; left:0 !important;}
.sec10 .swiper-scrollbar-drag{background:#BFBFBF;height:3px;border-radius:0;}

.sec10 .swiper-slide{width:122px;margin-top:0 !important;}
.sec10 .list_shopping3x ul{width:978px;position:relative;  }
.sec10 .tab_content li{width:158px;margin-top:0 !important;}
.sec10 .swiper-scrollbar{height:3px !important;background:#E8E8E8; left:0 !important; width:100% !important; }
.sec10 .swiper-scrollbar-drag{background:#BFBFBF;height:3px;border-radius:0;}

/* 섹션11*/


.sec11{padding:0 0 0 20px;box-sizing:border-box;}
.sec11 h3{margin:60px 0 20px; line-height:1;font-size:17px;font-weight:700;color:#1a1a1a;clear:both; }
.sec11 h3 a{font-size:10px;float:right;margin-right:20px;}
.sec11 .a2{box-sizing:border-box;}
.sec11 ul{display:flex;}
.sec11 .swiper-slide{width:158px;margin-top:0 !important;}
.sec11 .swiper-scrollbar{height:3px !important;background:#E8E8E8;width:100% !important; left:0 !important;}
.sec11 .swiper-scrollbar-drag{background:#BFBFBF;height:3px;border-radius:0;}


/* 인스타*/
.insta_wrap {padding:0 20px 60px;}
.insta_wrap .main_title {margin:60px 0 20px; line-height:1;clear:both; position:relative;}
.insta_wrap .main_title .txt01 a{font-size:17px;font-weight:700;color:#1a1a1a; display:inline-block; text-align:left; }
.insta_wrap .main_title .txt02 { position:absolute; top:2.5px; right:0; }
.insta_wrap .main_title .txt02 a{display:inline-block;padding-right:11px; font-size:12px; font-weight:400; line-height:1; background:url('/design/jstyle07/wib/img/icon/allbtn.svg') no-repeat center right; }


/* 최하단 배너*/
.btmbanner{position:relative;padding-bottom:32px; margin-bottom:10px; }
.btmbanner .swiper-pagination{bottom:0 !important;    height: 8px;}
.btmbanner .swiper-pagination-bullet{width:8px;height:8px;background:#cbcbcb;opacity: 1!important;
    vertical-align: top;}
.btmbanner .swiper-pagination-bullet-active{background:#636363;}
.btmbanner .swiper-slide img{width:100%;}


/* 202205 위브 리뉴얼 끝*/


/* 메인 슬라이드배너 영역*/
.main{overflow-x:hidden;overflow-y:hidden;}


/* 슬라이드 전체 그룹 */
.slide {position:relative;}

/* viewport */
.slide .ix-list-viewport {overflow:hidden; height: auto !important;}

/* 슬라이드 영역, Safari9, Samsung Browser ~4 버전에서 position을 넣지 않으면 randering bug가 발생할 수 있다. */
.slide .ix-list-items {position:relative; left:0; top:0; width:100%; height:100%;}
.slide .ix-list-items .ix-list-item {float:left; width:100%; /*height:100%; */padding-bottom:138%;text-align:center;position:relative;}
.slide .ix-list-items .ix-list-item a {display:block;font-size:30px; text-decoration:none; color:#fff}
.slide .ix-list-items .ix-list-item a img{width:100%;}
.slide .paging_number{position:absolute;right:15px;bottom:35px;z-index:2;color:#f1f1f1;text-align:right;} /* bottom:7px * 이미지 세로 줄이면서 위치 조정/
.slide .paging_number p{display:inline-block;letter-spacing:2px;}
    
/* 슬라이드 인디케이터, 방향 버튼 그룹 */
.slide .ix-controller.disabled {visibility:hidden;}

/* 슬라이드 인디케이터 */
.slide .ix-thumbs {position:absolute; bottom:3%; left:0;right:0; text-align:center;}
.slide .ix-thumbs .ix-thumb {display:inline-block; margin:2px;}
.slide .ix-thumbs .ix-thumb .ix-btn {display:block; width:10px; height:10px; background-color:rgba(0,0,0,.2); text-indent:-9999px; border-radius:100%;}
.slide .ix-thumbs .ix-thumb.active .ix-btn {background-color:rgba(255, 255, 255, 0.45);}

/* 슬라이드 방향 버튼 */
.slide .slide_direction .ix-btn-prev {left:10px;background:url(/design/jstyle07/wib/img/icon/ms_prev.png) no-repeat;background-size:100% 100%;}
.slide .slide_direction .ix-btn-next {right:10px;background:url(/design/jstyle07/wib/img/icon/ms_next.png) no-repeat;background-size:100% 100%;}
.slide .slide_direction .ix-btn-prev,
.slide .slide_direction .ix-btn-next {position:absolute; top:50%; width:20px; height:40px; margin-top:-10px;text-indent:-9999px;}
/* 버튼 비활성화 */
.slide .slide_direction .ix-btn-prev.disabled,
.slide .slide_direction .ix-btn-next.disabled {background:#D8E0E3; cursor:default;}    
    
/* overlayList motionType mask 필수요소 */
.ix-list-item {position:relative; overflow:hidden;}
.ix-list-item a {position:absolute; width:100%; height:100%; display:block;}


/* 메인기획전 배너 영역 */
.sub_slider{margin:40px 0 0; /*padding:0 .625rem;*/}
.sub_slider .swiper-container{overflow:visible}
.sub_slider .swiper-slide img{width:100%}
.sub_slider .text_wrap{position:absolute;bottom:20%;text-align:left;width:100%;padding-left:7%}
.sub_slider .text_wrap .txt01{font-size:15px;color:#5f5f5f}
.sub_slider .text_wrap .txt02{font-size:30px;margin:10px 0 20px;font-weight:700;line-height:1em}
.sub_slider .text_wrap .txt03{display:inline-block;/*padding:1px 12px;border:1px solid #555;border-radius:20px;background:#fff;*/font-size:15px;}
.sub_slider .swiper-pagination-bullet{width:9px;height:9px;background-color: rgba(0,0,0,.4);}
.sub_slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgba(255, 255, 255, 0.45);opacity:1}


/* 신상 상품 영역 */
.new_product .main_title{margin: 55px 0 10px;}


/*  공통 탭 영역  */
.tab-wrap .tab-hd{text-align:center;font-size:0;letter-spacing:0}
.tab-pagination>li,.tab-wrap .tab-hd>p{color:#727272;font-size:12px;display:inline-block;vertical-align:top;padding:10px 0;border-bottom:solid 5px #fff;line-height:1}
.tab-pagination>li.slick-active,.tab-wrap .tab-hd>p.on{color:#000;font-weight:700;border-bottom:solid 5px #46479b}

/* 스페셜 배너 영역 */
.special_ban_wrap{width:100%;}
.special_ban_wrap a{width:calc(50% - 2px);float:left;}


/*  주간베스트 탭 영역 */
.tab-wrap01{margin:0 0 65px}
.tab-wrap01 .main_title{margin:65px 0 10px}
.tab-wrap01 .tab-hd>p,.tab-wrap01 .tab-hd>p.on{width:20%;float: left;}
.tab-wrap01 .tab-body{clear:both;}
.tab-wrap01 .tab-body>div{position: absolute;opacity: 0;visibility: hidden;}
.tab-wrap01 .tab-body>div.on{position: relative;opacity: 1;visibility: visible;}

/* 위드아이템 탭 영역 */
.tab-wrap02{margin:0 0 55px}
.tab-wrap02 .tab-hd>p,.tab-wrap02 .tab-hd>p.on{width:33.3333333%;float: left;}
.tab-wrap02 .tab-body{clear:both;}
.tab-wrap02 .tab-body>div{position: absolute;opacity: 0;visibility: hidden;}
.tab-wrap02 .tab-body>div.on{position: relative;opacity: 1;visibility: visible;}

/* 배너+상품 영역 */
.ban_pro{margin: 12px 0 50px 0;}

/* 스페셜 영역 */
.pro_ban a{display:block;position:relative}
.pro_ban a img{width:100%}
.pro_ban a .pro_title{position:absolute;bottom:13%;width:100%;text-align:center;font-size:25px;color:#fff;line-height:1.5em}

/* 인스타그램 영역 */

.insta_wrap .insta-box{width: 104px !important;}
.insta_wrap .insta-box a img{width: 100%;}

/* 비회원 로그인버튼 */
.member_btn_wrap{background: #46479b;text-align: center;padding: 35px 0;color: #fff;}
.member_btn_wrap > p:nth-child(1){font-size: 17px;margin: 0 0 15px 0;}
.member_btn_wrap > p:nth-child(2){line-height: 18px;margin: 0 0 15px 0;}
.member_btn_wrap .member_btn_inner > a{width: 104px;height: 37px;line-height: 37px;font-size: 14px;color: #fff;border: 1px solid #fff;display: inline-block;}
.member_btn_wrap .member_btn_inner > a:last-child{background: #fff;color: #46479b;}


/* 메인용 기본상품폼 영역 (공통) */
.sort_icon_wrap{overflow: hidden;padding: 0 12px 17px 8px;margin-top: -32px;}
.sort_icon_wrap a{width: 20px;height: 20px;background-size: 100%;margin: 0 4px;float: left;display: block;}
.sort_icon_wrap a:nth-child(1){background-image:url(/design/jstyle07/wib/img/icon/icon_type01_off.png)}
.sort_icon_wrap a:nth-child(2){background-image:url(/design/jstyle07/wib/img/icon/icon_type02_off.png)}
.sort_icon_wrap a:nth-child(3){background-image:url(/design/jstyle07/wib/img/icon/icon_type03_off.png)}
.sort_icon_wrap a:nth-child(1).on{background-image:url(/design/jstyle07/wib/img/icon/icon_type01_on.png)}
.sort_icon_wrap a:nth-child(2).on{background-image:url(/design/jstyle07/wib/img/icon/icon_type02_on.png)}
.sort_icon_wrap a:nth-child(3).on{background-image:url(/design/jstyle07/wib/img/icon/icon_type03_on.png)}
.sort_icon_wrap a img{width:100%}
.sort_icon_wrap a.pro_link{float:right}


/* 할인율 */
.list_shoppingInfo .dc_info,.list_shoppingInfo .dc_perc{color:#46479b;font-weight:bold;display:inline-block;margin-left:5px;font-size:15px;margin: 5px 0 0 5px;vertical-align: middle;font-size:13px;}
.list_shopping3x .dc_info,.list_shopping3x .dc_perc{display:inline-block;float:none;}


/* 공통 더보기버튼 */
#container .more{width:auto;padding:0 12px;margin:15px 0 60px}
#container .more .btn_moreGray{height:45px;line-height:45px;background-color:#fff;border:solid 1px #000;display:block;margin:0 auto;width:100%;font-size:12px;font-weight:400}
#container .more .fa{font-size:15px;color:#000;padding-left:10px}
#container .more .fa.fa-angle-right{padding-bottom:3px;}


/* 도매버튼 */
.btn_ws{width: 95%; padding: 15px 12px;margin: 40px auto 0px;text-align: center;border: 1px solid #46479b;box-sizing: border-box;height: 45px;}    
.btn_ws a{color:#46479b;}


/* 스냅비 영상 영역 */
.snapvi_mo {margin-bottom: 20px;}
.snapvi_mo .swiper-slide a.text_wrap{display: block;
    font-size: 12px;
    width: 100px;
    padding: 10px 15px;
    box-sizing: border-box;
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0,0,0,0.25);
    text-align: center;
    color: white;}

.snapvi_mo .swiper-button-next, .snapvi_mo  .swiper-button-prev {
position: absolute;
    top: 48%;
    z-index: 4;
    width: 23px;
    height: 38px;
}
.snapvi_mo .swiper-button-prev {
    left: 15px;
    margin-left: 0px;
    background: url(/design/jstyle07/wib/img_pc/icon/icon_subslider_prev.png) no-repeat;
}
.snapvi_mo .swiper-button-next {
    right: 15px;
    margin-right: 0px;
    background: url(/design/jstyle07/wib/img_pc/icon/icon_subslider_next.png) no-repeat;
}

.prod_manufacture {
    margin-top:2px; margin-bottom: 2px; color:#6667c8;
}

.main-event {
    padding: 0 2px;
}

.top-wrapper, .bottom-wrapper {
    display: flex;
    justify-content: center;
    
}
.event-box {
    width: 50%;
    padding: 2px;
}

.event-box img {
    object-fit: cover; 
}

.plus_button img{
    width:100%;
}

/*snap 추가*/
.main_slider {position:relative;}
.main_slider .swiper-pagination {bottom:15px;right:15px;color:#f1f1f1;width:auto;left:auto;/*background-color: rgb(24 24 24 / 34%); padding: 2px 8px;border-radius: 30px;*/}
/*
.main_slider .swiper-pagination .swiper-pagination-current { color: #666; }
.main_slider .swiper-pagination .swiper-pagination-total { color: #aaa; }
*/


/* 2506021 add */
.mk_contents18 { max-width: 640px; margin: 0 auto; }
.mk_contents18 h3 { color: #1a1a1a; line-height: 1; font-size: 17px; font-weight: 700; margin: 50px 10px 20px; }
.mk_contents18 .contentBtns { position: relative; }
.mk_contents18 .contentBtns img { width: 100%; }
.mk_contents18 .contentBtn { position: absolute; width: 22.66%; height: 100%; top: 0; display: block; }
.mk_contents18 .contentBtn.cbtn--live { left: 1.56%; }
.mk_contents18 .contentBtn.cbtn--stylelog { left: 26.25%; }
.mk_contents18 .contentBtn.cbtn--reels { left: 51.09%; }
.mk_contents18 .contentBtn.cbtn--evellet { left: 75.78%; }
/* BASIC css end */