/* BASIC css start */
#contentWrap{width:100%;overflow-x:hidden;margin-bottom:65px;}
h3{color: #1B1B1B;letter-spacing: 0.02em;font-weight: 600;font-size: 28px;width:1440px;  margin: 0 auto 40px;box-sizing:border-box;margin-bottom:40px;}
h3.liveti {margin-top:120px;}
.banner{width:100%;margin-bottom:120px;}
.banner img{width:100%;}
.dc_info{color: #512772;
    font-weight: bold;
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;}

html .normal_item .prod_thumb .thumb_ov{background:rgba(0,0,0,0.7) !important;padding:15px 0;}
.normal_item .prod_thumb .thumb_ov a{margin:0 0 0 15px !important;}
html  .normal_item .prod_thumb .thumb_ov span{margin-top:0 !important;}
.my-wish-list{cursor: pointer;
    vertical-align: middle;
    
    display: inline-block;}

html .normal_item .prod_thumb .thumb_ov >*{vertical-align:middle!important;}

.muse{position:relative;}
.muse .ww{width:1440px;margin:60px auto 0;position: relative;}
.muse .top {font-size:0;}
.muse .top li{width:calc(33.33333% - 27px);display:inline-block;margin-right:40px;}
.muse .top li:last-child{margin-right:0;}
.muse .normal_item{width:calc(25% - 27px);}
.muse .normal_item:nth-child(4n){margin-right:35px !important;}
.muse .bt{font-size:0;margin-top:35px;}
.muse >a{display:block;margin:0 auto;  width: 244px;line-height:54px;height: 54px;background: #512772;padding-left:51px;box-sizing:border-box; border-radius: 5px;color: #FFFFFF;letter-spacing: -0.02em;font-weight: 400;font-size: 15px;}
.muse >a img{    vertical-align: middle; margin-left: 20px;}
.muse .swiper-pagination{bottom:auto;top:-20px;text-align:right;height:10px;}
.muse .swiper-pagination-bullet{width: 10px;height: 10px;background:rgba(0,0,0,0.3);margin:0 7px;}
.muse .swiper-pagination-bullet-active{background:rgba(0,0,0,1)}
iframe { }


/*라이브 */
.live{position:relative;background: #1D1D1D;padding: 0 0 270px;margin-top:96px; margin-bottom:116px;}

.live .swiper-pagination{width:100%;}
.live h3{padding:82px 0 0 0;margin-bottom: 100px; color: #FFFFFF;letter-spacing: 0.02em;font-weight: 600;font-size: 27px;line-height: 27px;text-align:center;position:relative;}
.live h3 img{vertical-align:middle;margin-right:8px;}

.liveti span{display: inline-block;width: 12px;height: 12px;background: #FF0000;border-radius:100%;margin-right:8px;}
.live .swiper{overflow:visible;}
.live .swiper .swiper-slide{position:relative;text-align:center;}
.live .swiper .swiper-slide::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));}
.live .swiper .swiper-slide-active::after{display:none;padding:0 15px;}
.live .swiper .swiper-slide-active{transform:scale(1.25);z-index:50;margin-top:40px;padding:0 36px;}
html .live .swiper-pagination{top:auto;left:50%;transform:translateX(-50%);height: 3px;}
html .live .swiper-pagination-progressbar-fill{background: #512772;}
html .live .swiper-pagination-progressbar-fill::after{position:absolute;right:0;top:0; content:'';width:60px;height:25px;background:url(/design/jstyle07/wib/img_pc/main/scrollbar.svg) no-repeat;}
.live .swiper .swiper-slide span{display:block;opacity:0;visibility:hidden;transition:all 0.3s; color: #FFFFFF;margin:30px auto 0 ; letter-spacing: -0.02em;font-weight: 400;font-size: 16px;line-height: 36px;text-align:center;border: 1px solid #9C9C9C;border-radius: 500px;width: 275px;height: 36px;}
.live .swiper .swiper-slide-active span{opacity:1;visibility:visible;}
.live .swiper-scrollbar{opacity:1 !important;height:3px;background: #737373;z-index:60;margin-top:10px;bottom:11px !important;   }
.live .swiper-scrollbar-drag{background: #512772;position:relative;}
.live .swiper-scrollbar-drag::before{position:absolute;right:0; content:'';width:2000px;height:5px;background: #512772;}
.live .swiper-scrollbar-drag::after{position:absolute;right:0;top:-10px; content:'';width:59px;height:28px;background: url(/design/jstyle07/wib/img_pc/main/scrollbar.svg) no-repeat;}

.live .scrollwrap{bottom: 77px;  height: 30px; overflow: hidden;  width: 1340px;  left: 50%; position: absolute; transform: translateX(-50%);}
/*.live iframe{pointer-events: none;}*/
.live .arrowbox{width:710px;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);    z-index: 999;}
.live .arrowbox .swiper-button-prev{width:60px;height:60px;background:url(/design/jstyle07/wib/img_pc/icon/livearrow100.svg) no-repeat center ;    transform: translateY(-50%);background-size:cover;}
.live .arrowbox .swiper-button-next{width:60px;height:60px;background:url(/design/jstyle07/wib/img_pc/icon/livearrow101.svg) no-repeat center;    transform: translateY(-50%);background-size:cover;}
.live .swiper-button-prev:after, .sec5 .swiper-button-next:after{display:none;}


.live .swiper-slide a{display:none;}
.live .swiper-slide-active a{display:block;}
.live a{  position: absolute; bottom: -117px;left: 50%;  transform: translateX(-50%);display:block;width: 300px;height: 60px;line-height:60px;border: 1px solid #E8E8E8;border-radius: 5px;text-align:center;color: #FFFFFF;font-weight: 400;font-size: 22px;}
.live a img{vertical-align:middle;margin-left:10px;}

.live .swiper-button-prev:after, .live .swiper-button-next:after{display:none;}

/*스타일 */
.style{width:1440px;position:relative;margin:0 auto;}
.style h3{clear:both;padding-left:0;}
.style h3 a{display:block;float:right;width: 103px;height: 36px;line-height:36px; border: 1px solid #9C9C9C;padding-left:16px;box-sizing:border-box;border-radius: 500px;color: #9C9C9C;letter-spacing: -0.02em;font-weight: 400;font-size: 14px;}
.style h3 a img{vertical-align:middle;margin-left:10px; margin-top:-3px;}
.style .swiper-scrollbar{width:100% !important; left:0 !important; opacity:1 !important;height:3px !important;background: #737373;z-index:60;margin-top:10px;bottom:16px !important;   }
.style .swiper-scrollbar-drag{background: #512772;position:relative;}
.style .swiper-scrollbar-drag::before{position:absolute;right:0; content:'';width:2000px;height:3px;background: #512772;}
.style .swiper-scrollbar-drag::after{position:absolute;right:0;top:-10px; content:'';width:59px;height:28px;background: url(/design/jstyle07/wib/img_pc/main/scrollbar.svg) no-repeat;}
.style .swiper-slide img{width:100%;}
.style .swiper-slide .txt{text-align:center;}
.style .swiper-slide .txt p:nth-child(1){color: #1B1B1B;letter-spacing: 0.02em;font-weight: 600;font-size: 20px;margin:20px 0 13px;}
.style .swiper-slide .txt p:nth-child(2){color: #1B1B1B;letter-spacing: -0.02em;font-weight: 400;font-size: 15px;margin-bottom:43px}
.style .swiper {    padding-bottom: 32px;}

.style .scrollwrap{bottom: 0;  height: 30px; overflow: hidden;  width: 1340px;  left: 50%; position: absolute; transform: translateX(-50%);    z-index: 55;}

/*유튜브 */

.you{margin-top:120px;}
.you h3{}
.you h3 img{vertical-align:middle;}
.you h3 span{color: #1B1B1B;letter-spacing: -0.02em;font-weight: 400;font-size: 18px;}
.you h3 span img{margin:0 10px 0 20px;}
.you .swiper{background: #F8F8F8;padding:83px;}
.you .swiper>a{display:block;margin:25px auto 0;  width: 244px;line-height:54px;height: 54px;background: #512772;text-align:center; box-sizing:border-box; border-radius: 5px;color: #FFFFFF;letter-spacing: -0.02em;font-weight: 400;font-size: 15px;}
.you .swiper>a img{vertical-align:middle;margin-left:20px;}
.you .swiper-button-next{width: 50px;height: 50px;background:url(/design/jstyle07/wib/img_pc/next2.svg);background-size: 50px;}
.you .swiper-button-prev{width: 50px;height: 50px;background:url(/design/jstyle07/wib/img_pc/prev2.svg);background-size: 50px;}
.you .swiper-button-next:after,.you  .swiper-button-prev:after{display:none;}
.you .arroww{  z-index: 555;  width: 39%; position: absolute; bottom: 50%;  left: 50%; transform: translate(-50%, -50%); height: 50px;z-index:555;}
.you .swiper-slide-prev::after{content:'';width:100%;height:100%;background:linear-gradient(270deg, rgba(0, 0, 0,0.5) 5.73%, rgba(0, 0, 0,0.1) 50.17%);position:absolute;top:0;left:0;}

.you .swiper-slide-next::after{content:'';width:100%;height:100%;background:linear-gradient(90deg, rgba(0, 0, 0,0.5) 5.73%, rgba(0, 0, 0,0.1) 50.17%);position:absolute;top:0;left:0;}

.you .swiper-slide{position:relative;}
.you .swiper-slide-active::after{display:none;}

/*인스타 */
.inst{margin-top:120px;}
.inst h3{background:url('/design/jstyle07/wib/img/jmedia/instaaaaa.svg')no-repeat center left; padding-left:38px; }
.inst h3 a{width: 160px;height: 36px;line-height:36px;background: #FFFFFF;border: 1px solid #9C9C9C;border-radius: 500px;color: #1B1B1B;letter-spacing: 0.02em;font-weight: 400;font-size: 14px;    text-align: center; float: right;}
.inst h3 a img{vertical-align:middle;margin-left:10px; margin-top:-3px;}
.instw{margin:0 auto;width:1440px;}



/* BASIC css end */