/* BASIC css start */
html #container{margin-top:72px !important;}
iframe{pointer-events:;}
.dc_info{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;
    float: right;}
.topban{width: calc(100% - 40px);  margin: 0 20px;}

.muse{padding:0 20px;box-sizing:border-box;}
.muse h3{margin:72px 0 25px; font-size:28px;font-weight:300;color:#181818;}
.muse h3 b{font-size:13px;font-weight:400; margin-left: 5px;}
.muse .bttom{margin-top:9px;    white-space: nowrap;  overflow-x: scroll;padding-bottom: 25px;}
.muse .bttom li{width:calc(33.33333% - 2px);margin-right:3px;display:inline-block;    position: relative;  vertical-align: top;}
.muse> a{display:block;width:100%;height:42px;line-height:42px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:400;margin:30px 0 70px;text-align:center;}
.muse .swiper-slide > a {position:absolute; top:15px; left:15px; color:#fff; display:block; font-size:13px; font-weight:400; line-height:30px; background:rgba(23,35,34,0.9); padding:0 17px; border-radius:50px;}

.muse .bttom::-webkit-scrollbar { height: 2px; } 
.muse .bttom::-webkit-scrollbar-thumb { height: 2px; background: #BFBFBF; } 
.muse .bttom::-webkit-scrollbar-track { background: #E8E8E8; } 
.thumb_wrap_slider {position:relative;}
.pro_icons{position: absolute;  bottom: 0; left: 0;}
.pro_icons img {padding:0;}

.swiper-button-prev:after,.swiper-button-next:after{display:none;}
.muse .swiper-button-prev { background: rgba(0, 0, 0, 0.5) url(/design/jstyle07/wib/img/marrow4.svg) no-repeat center; width: 45px; height: 45px; left: 0;} 
.muse .swiper-button-next { background: rgba(0, 0, 0, 0.5) url(/design/jstyle07/wib/img/marrow3.svg) no-repeat center; width: 45px; height: 45px; right: 0;} 

.inn{position:relative;padding-bottom:135%}

.live{position:relative; background:#f2f2f2;padding:0 20px 48px;box-sizing:border-box;}
.live h3{padding:40px 0 25px;font-size:27px;font-weight:500;color:#1a1a1a;}
.live h3 span{color:#ff440a;    font-weight: 500;}
.live .swiper-slide a{display:block;width:100%;height:42px;line-height:42px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:400;margin:30px 0 0;text-align:center;}
.live .arowbox{ width: 130px;   margin: 30px auto 0;   position: relative;    height: 15px;}
.live .swiper-pagination{top:0;bottom:auto;color:#707070;font-size:11px;font-weight:300;}
.live .swiper-pagination-current{color:#1a1a1a;font-weight:400;}
.live .swiper-button-prev{background:url(/design/jstyle07/wib/img/livearrow1.png) no-repeat ;top:3px;left:0;width: 6px; height: 10px;margin-top:0;z-index:20;}
.live .swiper-button-next{background:url(/design/jstyle07/wib/img/livearrow2.png) no-repeat ;top:3px;right:0;width: 6px;  height: 10px;margin-top:0;z-index:20;}


.style{padding:0 20px;box-sizing:border-box;}
.style h3{margin:70px 0 23px;font-size:28px;font-weight:300;color:#181818;position:relative;}
.style h3 a { display: inline-block; float: right; color: #4E4E4E; font-weight: 400; font-size: 12px; line-height: 25px; } 
.style h3 img{position:absolute;right:0;top:7px;}
.style .wrapper{ margin-bottom: 70px; font-size: 0; padding-bottom: 30px; white-space: nowrap;   overflow-x: scroll;}
.style .wrapper::-webkit-scrollbar { height: 2px; } 
.style .wrapper::-webkit-scrollbar-thumb { height: 2px; background: #BFBFBF; } 
.style .wrapper::-webkit-scrollbar-track { background: #E8E8E8; } 
.style .wrapper>div{display:inline-block;margin-right:10px;}


.you{padding:35px 20px 43px;box-sizing:border-box;background:#f2f2f2;}
.you h3{margin:0 0 23px;font-size:28px;font-weight:300;color:#181818;position:relative;}
.you h3 span{display:inline-block;font-size:14px;font-weight:500;margin-left:14px;}
.you .wrapper{ font-size: 0; padding-bottom: 0; white-space: nowrap; }
.you .wrapper>div { display: block; margin: 0 0 0 0; width: 100%; } 
.you .wrapper>div p:nth-child(2){color:#1B1B1B;font-size:14px;margin:10px 0 ;font-weight: 600;}
.you .wrapper>div p:nth-child(3){color:#4E4E4E;font-size:13px;font-weight: 400;}
.you> a{display:block;width:100%;height:42px;line-height:42px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:400;margin:30px 0 0;text-align:center;}
.you .wrapperr::-webkit-scrollbar { height: 2px; } 
.you .wrapperr::-webkit-scrollbar-thumb { height: 2px; background: #BFBFBF; } 
.you .wrapperr::-webkit-scrollbar-track { background: #E8E8E8; } 


.insta_wrap{margin-top:70px;padding:0 20px;box-sizing:border-box;}
.insta_wrap .main_title{position:relative;margin-bottom:23px;}
.insta_wrap .main_title>p{display:inline-block;}
.insta_wrap .main_title>p:nth-child(1){font-size: 17px; font-weight: 600;color: #1B1B1B;}
.insta_wrap .main_title>p:nth-child(2){font-size:14px;font-weight:400;color:#181818;position:absolute;right:4px;}
.insta_wrap .main_title>p:nth-child(2) img{vertical-align:middle;margin-left:5px;}

b.moreView {display: inline-block; width: 6px; height: 12px; vertical-align: middle; background: url(/design/jstyle07/wib/img/icon-more.svg) no-repeat right center; margin-left: 5px;}



/* BASIC css end */