/* BASIC css start */
*:focus {outline: none !important;}
.wrap_inner {width:100% !important;}
.full-lay{max-width:2000px; min-width: 1280px; margin:0 auto;}
.prd_more {display: none; border: 1px solid #C4C4C4; box-sizing: border-box; width: 320px; line-height:46px; height:48px; text-align:center; margin:0 auto; position: relative; font-size: 14px; color:#787878; transition: all .3s ease; -webkit-transition: all .3s ease;}
.prd_more:hover {border-color:#0d0d0d; color:#0d0d0d;}
.prd_more img {position: absolute; right:22px; top: 50%; margin-top: -6px; transition: all .3s ease; -webkit-transition: all .3s ease;}
.prd_more:hover img {right: 16px;}
#container .swiper-wrapper {height: auto; }
#main > div { margin-bottom: 120px; }

/* 공통 삭제 */
#footer {margin-top:0 !important;}

/* main common */
.main-tit-wrap {margin: 40 0 40px; text-align:center; position:relative;}
.main-tit-wrap > a {position:absolute; right:0; bottom:10px; font-size:16px; color:#2e2b2d;}
.main-tit-wrap img {vertical-align:middle;}
.main-tit { margin: 0 0 75px;  color: #3f3f3f; font-size:28px; line-height: 1;  text-align:center;}
.main-tit span { display: inline-block; margin-top: 12px; color: #444; font-size: 17px; }
.main-tit2 {font-size:42px; font-weight:300; color:#2e2b2d;}
#main .prd-wrap > li:nth-last-child(-n+4) { padding-bottom: 0; }
/* snapfit */
#main iframe { margin-top: 55px; }

/* main-slider */
#main .main-slider { overflow:hidden; margin-bottom: 75px;}
.main-slider .main-visual-banner{width: 2000px; position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.main-slider .main-visual-banner > a{display: none;}
.main-slider .main-visual-banner > a:nth-of-type(1){display: block;}
.main-slider .main-visual-banner .slick-dots{position:absolute; width:100%; text-align:center; bottom: 24px; z-index: 50; font-size:0;}
.main-slider .main-visual-banner .slick-dots li{display:inline-block; margin: 0 5px; vertical-align:bottom;}
.main-slider .main-visual-banner .slick-dots li button{width: 30px;height: 2px; outline:0; font-size:0; border:0; background:rgba(255,255,255,.5);}
.main-slider .main-visual-banner .slick-dots li.slick-active button {background:#fff;}
.main-slider .main-visual-banner .slick-arrow{position:absolute; z-index:50; top:45%; z-index: 10;background-repeat: no-repeat;-webkit-transform: translate(0, -45%);-ms-transform: translate(0, -45%); transform: translate(0, -45%); transition: all 0.35s;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;/*opacity: 0;visibility: hidden;*/ font-size:0;}
.main-slider .main-visual-banner .slick-prev{left: 50%;margin-left: -900px;background: url(/design/smblue111/wib/img/main_prev.png)no-repeat;width:35px;height:64px;}
.main-slider .main-visual-banner .slick-next{right: 50%;margin-right: -900px;background: url(/design/smblue111/wib/img/main_next.png)no-repeat;width:35px;height:64px;}
.main-slider .main-visual-banner .slick-slide{height:auto !important;}
/* .main-slider .main-visual-banner .slick-slide img { width: 100%; margin: 0 auto; } */

/* top landing banner */
#main .topLanding { margin-top: 131px; }
#main .topLanding a .imgWrap { max-width: 532px; height: 350px; overflow: hidden; }
#main .topLanding a h2 { margin-top: 5px; color: #3f3f3f; font-size: 28px; letter-spacing: -1px; }
#main .topLanding a h2 span { display: inline-block; margin-top: 5px; font-size: 17px; }

/* weekly */
#main .sectionWrap { padding: 120px 0; background-color: #eae5dd; }
#main .prd-weekly {}
#main .prd-weekly .prd-wrap {margin:0;}
#main .prd-weekly.swiper-container-horizontal .tab {margin-bottom: 20px; bottom:0;}
#main .prd-weekly .swiper-pagination-clickable .swiper-pagination-bullet {width: 130px; height: 40px; line-height: 40px; margin: 0; background: transparent; border-radius: inherit; color:#636363; font-weight: normal; font-size: 14px; letter-spacing: 0; opacity:1;}
#main .prd-weekly .swiper-pagination-clickable .swiper-pagination-bullet-active {background: #252525; color:#fff;}

/* what's new */
.what_prd {}

/* TODAY DISCOUNT */
.today_prd .prd-wrap { overflow: hidden;}
.today_prd .all_more { display: inline-block; float: right; margin-right: 5px; padding-bottom: 8px; font-size: 13px;}
#main .today_prd .prd-wrap .item:nth-child(n+4) { display: none;}

/* fix banner */
/*.fixBanner { height: 403px; background: url(/design/smblue111/wib/img/middleBanner.jpg) no-repeat center center; background-size: 100%; background-attachment: fixed; }
.fixBanner a { display: block; height: 100%; background: url(/design/smblue111/wib/img/middleBannerTxt.png) no-repeat center center; background-size: auto; }*/


.fixBanner {position:relative; height: 403px; background-size: 100%; background-attachment: fixed; }
.fixBanner a {position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
.fixBanner a span {display:block; color:#fff;}
.fixBanner a span.title {font-size:44px; font-family:Roboto; margin-top:120px;}
.fixBanner a span.description {font-size:20px;}
.fixBanner a span.btn {display:inline-block;   width: 170px; height: 40px; line-height: 40px; border:1px solid #fff; font-size:16px; margin:50px auto 0;}

/* style story */
.style-wrap {position: relative; background: #F4F1EB; padding: 90px 0;}
.style-wrap .prd-style {max-width: 1600px;}
.style-wrap .style-inner {height:inherit;}
.style-wrap .prd-link {display:block;}
.style-wrap .prd-wrap .item {padding-bottom: 21.5px; width: calc(25% - 17px); width: -moz-calc(25% - 17px); width: -webkit-calc(25% - 17px); width: -o-calc(25% - 17px); width: -ms-calc(25% - 17px); width: -ms-ime-calc(25% - 17px); margin: 0 8px;}
.style-wrap .prd-wrap .item .space {position: relative; font-size:0;}
.style-wrap .prd-wrap .item .space .prd-info {position:absolute; width: 100%; height: 100%; left:0; top:0; background: rgba(0,0,0,.5); text-align:center; padding-top: 46%; box-sizing:border-box; display:none;}
.style-wrap .color-area {text-align:center;}
.style-wrap .prd-info .prd-name a {font-weight: normal; font-size: 14px; color: #FFFFFF;}
.style-wrap .prd-info .prd-name a:before {content:''; display:block; position:absolute; width: 100%; height: 100%; left:0; top:0; z-index:100;}
.style-wrap .prd-info .prd-price-wrap .prd-price .price {font-weight: 500; font-size: 17px; color: #FFFFFF;}
.style-wrap .prd-info .prd-price-wrap .prd-price .consumer {color: #FFFFFF; font-weight: normal; font-size: 14px;}

.prd-style {font-size: 0;}
.prd-style .st_left {width: 30%; display:inline-block; margin-right: 1%; position: relative;}
.prd-style .st_left a {display: block; text-align:left;}
.prd-style .st_left a img {width: 100%;}
.prd-style .st_left .txt_box {position: absolute; width: 100%; left:50%; bottom: 12.7%; transform: translateX(-50%); -webkit-transform: translateX(-50%); display:none;}
.prd-style .st_left .txt_box em {color: #FFFFFF; font-weight: 500; font-size: 16px;}
.prd-style .st_left .txt_box span {color: #FFFFFF; font-size: 24px; line-height: 32px; padding-top:20px; display:block; font-family: "aktiv-grotesk", sans-serif !important;}
.prd-style .prd-wrap {width: 69%; display:inline-block; vertical-align: top; margin: 0;}
.style-wrap .swiper-button-prev {background: url(/design/smblue111/wib/img/st_prev.png)no-repeat; width:21px; height:39px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 4.3%; z-index:1;}
.style-wrap .swiper-button-next {background: url(/design/smblue111/wib/img/st_next.png)no-repeat; width:21px; height:39px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 5%; z-index:1;}


/* trend choice */
.prd-trend {}


/* REAL FIT 상품영역 */
.main-realfit { background: #f8f8f8; padding: 90px 0;}
.main-realfit > *:focus {outline: none;}
.main-realfit > div {font-size:0;}
.main-realfit .right_prd { }
.main-realfit .right_prd h2 {line-height: 1; margin:0;}
.main-realfit .right_prd h2 img {margin-right: 10px; margin-top: 3px;}
.main-realfit .right_prd > p {color: #333333; font-size: 16px; padding: 2px 0 35px; }
.main-realfit .right_prd > ul {}
.main-realfit .right_prd > ul li.item {padding: 0 9px;height: auto;}
.main-realfit .right_prd > ul > li { display: none;}
.main-realfit .right_prd .slick-arrow {font-size:0;width:21px;height:39px;position: absolute;z-index:1;top: 37%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.main-realfit .right_prd .slick-prev {background: url(/design/smblue111/wib/img/st_prev.png)no-repeat center; left: -100px;}
.main-realfit .right_prd .slick-next {background: url(/design/smblue111/wib/img/st_next.png)no-repeat center; right: -100px;}
.main-realfit .right_prd .slick-dots {padding: 25px 0 10px;}
.main-realfit .right_prd .slick-dots li {width: 8px;height: 8px;background: #706f6a;margin:0 4px;border-radius:50%;display:inline-block;opacity: 0.6;}
.main-realfit .right_prd .slick-dots li button {font-size:0;}
.main-realfit .right_prd .slick-dots li.slick-active {opacity: 1;}

.main-realfit .prd-info {background:#fff; padding: 5px 15px 15px;}
.main-realfit .prd-info .prd-icon {display: none;}


/* 인스타그램 라이트위젯 */
#main .insta_wrap h3 {font-weight: 500; font-size: 32px; color: #0D0D0D; padding-bottom: 60px; line-height:1; text-align:left; }
#main .insta_wrap iframe { margin: 0; }


/* 와이드배너 */
.wide-banner ul {position: relative; width:1920px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.wide-banner ul li {height:auto; }
.wide-banner ul li:nth-of-type(2) {display:none; }
.wide-banner .slick-arrow {font-size:0;width:21px;height:39px;position: absolute;z-index:1;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.wide-banner .slick-prev {position: absolute; background: url(/design/smblue111/wib/img/st_prev.png)no-repeat center; left: 5%;}
.wide-banner .slick-next {position: absolute; background: url(/design/smblue111/wib/img/st_next.png)no-repeat center; right: 5%;}

/* main section03 */
.main-section03 {margin:100px 0 170px;}
.main-section03 .section-inn .slick-slider .slick-list{padding: 0px 22.5% !important; position: relative;}
.main-section03 .section-inn li.slick-slide{margin: 0 21px; height:auto !important; position:relative;}
.main-section03 .section-inn li.slick-slide:after {content:'';position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:50;}
.main-section03 .section-inn li.slick-slide a>img {width:100%;}
.main-section03 .section-inn li.slick-slide.slick-active:after {display:none;}
.main-section03 .section-inn .slick-arrow{position: absolute; z-index: 9;width: 35px; height: 60px;display: block;top: 50%;font-size: 0px; -webkit-transform: translate(0, -45%); -ms-transform: translate(0, -45%); transform: translate(0, -45%);}
.main-section03 .section-inn .slick-prev{background: url(/design/smblue111/wib_2019/img/main/main-slide-prev.png) no-repeat; left: 18%;}
.main-section03 .section-inn .slick-next{background: url(/design/smblue111/wib_2019/img/main/main-slide-next.png) no-repeat; right: 18%;}
.main-section03 .section-inn > ul.section03-ban-wrap{opacity:0;}
.main-section03 .section-inn > ul.section03-ban-wrap.slick-slider {opacity:1;}

/* main section05 */
.main-section05 {margin:160px 0 235px; position:relative; background:#f1f1f1; padding:90px 0 0;}
.main-section05 .section-inn li.slick-slide{height:auto !important; position:relative; transform: scale(0.75) !important; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transition: all 0.3s ease-in-out;}
.main-section05 .section-inn li.slick-slide.slick-active.slick-center{ transition: all 0.3s ease-in-out; transform: scale(1) !important; -webkit-transform: scale(1); -ms-transform: scale(1); }
.main-section05 .section-inn .slick-arrow{position: absolute; z-index: 9;width: 35px; height: 60px;display: block;top: 37%;font-size: 0px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.main-section05 .section-inn .slick-prev{background: url(/design/smblue111/wib_2019/img/main/prd-slide-prev.png) no-repeat; left: 30%;}
.main-section05 .section-inn .slick-next{background: url(/design/smblue111/wib_2019/img/main/prd-slide-next.png) no-repeat; right: 30%;}
.main-section05 .disc_percent {font-size: 18px;}
.main-section05 .section-inn li.slick-slide .prd-info {transform: scale(1) !important;}
.main-section05 .section-inn .prd-section3 .prd-wrap .item .prd-icon{display:none;}

/* main section08 */
.main-section08  {padding: 100px 0 50px;}
.main-section08 .section-inn {width: 2000px;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); position:relative;}
.main-section08 .section-inn .slick-slide {height:auto !important;}
.main-section08 .section-inn > a{display: none;}
.main-section08 .section-inn > a:nth-of-type(1){display: block;}
.main-section08 .slick-dots{position:absolute; width:100%; text-align:center; bottom: 23px; z-index: 50; font-size:0;}
.main-section08 .slick-dots li{display:inline-block; margin: 0 7px;}
.main-section08 .slick-dots li button{width: 15px;height: 15px; border-radius: 100%;-webkit-border-radius: 100%; -moz-border-radius: 100%; outline:0; font-size:0; border:0; background:rgba(255,255,255,.15);}
.main-section08 .slick-dots li.slick-active button {background:#fff;}
.main-section08 .slick-arrow{position:absolute; z-index:50; top:45%; z-index: 10;background-repeat: no-repeat;-webkit-transform: translate(0, -45%);-ms-transform: translate(0, -45%); transform: translate(0, -45%); transition: all 0.35s;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;/*opacity: 0;visibility: hidden;*/ font-size:0;}
.main-section08 .slick-prev{left: 50%;margin-left: -807px;background: url(/design/smblue111/wib_2019/img/main/main-slide-prev.png)no-repeat;width:35px;height:60px;}
.main-section08 .slick-next{right: 50%;margin-right: -807px;background: url(/design/smblue111/wib_2019/img/main/main-slide-next.png)no-repeat;width:35px;height:60px;}

/* main-section09 */
/* 2개 */
.main-section09 .item:nth-of-type(20n+1),
.main-section09 .item:nth-of-type(20n+2) {width: calc(50% - 26px);}
.main-section09 .item:nth-of-type(20n+1) .disc_percent,
.main-section09 .item:nth-of-type(20n+2) .disc_percent{font-size:22px;}

/* main section10 */
.main-section10 {background:#f1f1f1; padding:170px 0; margin:110px 0 145px;}
.main-section10 .prd-section6 > div {width:33.33%;}
.main-section10 .prd-section6 .smbox .prd-cont > li{width:50%;}
.main-section10 .prd-section6 .prd-cont > li {position:relative; width:100%; cursor:pointer;}
.main-section10 .prd-section6 .prd-cont > li .prd-hover {position:absolute; left:0px; top:0px; width: 100%; height:100%; z-index:3; background:rgba(0,0,0,.5); overflow:hidden;  opacity: 0; transition: all 0.3s;  -webkit-transition: all 0.3s;}
.main-section10 .prd-section6 .prd-cont > li .prd-hover .hover-inn {display: table; width: 100%;height: 100%;}
.main-section10 .prd-section6 .prd-cont > li .prd-hover .hover-inn .prd-info {display: table-cell; vertical-align: middle;text-align: center;color:#fff;}
.main-section10 .prd-section6 .prd-cont > li .prd-hover .hover-inn .prd-info a,
.main-section10 .prd-section6 .prd-cont > li .prd-hover .hover-inn .prd-info p {color:#fff;}
.main-section10 .prd-section6 .prd-cont > li .prd-hover .hover-inn .prd-info .prd-name a {font-size:16px;}
.main-section10 .prd-section6 .prd-cont > li .prd-hover .hover-inn .prd-info .prd-price-wrap {padding:13px 0 0;}
.main-section10 .prd-section6 .prd-cont > li .prd-hover .hover-inn .prd-info .prd-price-wrap .prd-price .consumer{font-size:15px;}
.main-section10 .prd-section6 .prd-cont > li:hover .prd-hover {opacity: 1;}
.main-section10 .prd-section6 .prd-cont > li a {display:block;}
.main-section10 .prd-section6 .prd-cont > li .thumbnail img {width:100%;}

/* main-section11 */
.main-section11 {padding:80px 0 0;}

/* main-section12 */
.main-section12 {padding:175px 0 0;}
.main-section12 .section-inn .video-cont {background:url(/design/smblue111/wib_2019/img/main/video-bg.jpg)no-repeat center center; height:628px; width:100%;}
.main-section12 .section-inn .video-cont .video-inn {position:relative; padding:100px 0;}
.main-section12 .section-inn .video-cont .video-inn .video-wrap {z-index:5;}
.main-section12 .section-inn .video-cont .video-inn .txt-wrap {text-align: left; z-index: 100;position: absolute;right: 4%;top: 50%;transform: translateY(-50%);padding-right: 70px;}
.main-section12 .section-inn .video-cont .video-inn .txt-wrap p,
.main-section12 .section-inn .video-cont .video-inn .txt-wrap a {color:#fff;}
.main-section12 .section-inn .video-cont .video-inn .txt-wrap .p1{font-size:20px; font-weight:bold;}
.main-section12 .section-inn .video-cont .video-inn .txt-wrap .p2{font-size:35px; padding:0 0 20px;line-height: 1.4;}
.main-section12 .section-inn .video-cont .video-inn .txt-wrap .p3{font-size:17px;}
.main-section12 .section-inn .video-cont .video-inn .txt-wrap > a {font-size: 15px; display:block; border:1px solid #fff; text-align: center; height:42px; line-height:41px; box-sizing: border-box; width:152px; margin:57px 0 0;}

/* main-section13 */
.main-section13 {margin:180px 0 205px;}
.main-section13 .lookbook-cont .box {position: relative; width: 25%; margin-right: 2%;height: 699px; overflow: hidden;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
.main-section13 .lookbook-cont .box:nth-child(2) {margin-right: 0;}
.main-section13 .lookbook-cont .box.on {width: 73%;}
.main-section13 .lookbook-cont .box .banner { position: relative;z-index: 10; -webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.main-section13 .lookbook-cont .box .banner img{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.main-section13 .lookbook-cont .box.on .banner img{transform: translateX(-70%);-webkit-transform: translateX(-70%);-ms-transform: translateX(-70%);}
.main-section13 .lookbook-cont .box .product {visibility: hidden;  height: 100%; z-index: 11; opacity: 0;position: absolute; right: 0; top: 0; width: auto; margin: 0; background:#f7f7f7; width:455px;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.main-section13 .lookbook-cont .box .prd-wrap {}
.main-section13 .lookbook-cont .box .prd-wrap > li {height: 175px;}
.main-section13 .lookbook-cont .box .prd-wrap > li:nth-child(4n) .space {border:0;}
.main-section13 .lookbook-cont .box .prd-wrap > li .space {padding: 20px 0; margin: 0 12px 0 38px; border-bottom: 1px solid #e7e7e7;}
.main-section13 .lookbook-cont .box .prd-wrap > li .thumbnail {width:124px; height:124px; }
.main-section13 .lookbook-cont .box .prd-wrap > li .thumbnail img {width:100%;}
.main-section13 .lookbook-cont .box .prd-wrap > li .prd-info .prd-name {width:180px;}
.main-section13 .lookbook-cont .box .prd-wrap > li .prd-info .prd-name a {font-size:14px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;white-space: normal;}
.main-section13 .lookbook-cont .box.on .product {opacity: 1;visibility: visible; }

/* main-section15 */
.main-section15 {margin:155px 0 220px; width: 1584px; position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.main-section15 .review-cont > div{width:50%;}
.main-section15 .review-cont > div a {display:block;}

/* main-section16 */
.main-section16 {margin:80px 0 157px;}
.main-section16 .cs-cont > div {width:50%; height: 375px; position: relative; display: table;}
.main-section16 .cs-cont > div > div {display: table-cell; vertical-align: middle;text-align: left; padding: 0 70px;}
.main-section16 .cs-cont > div h3 {font-size:40px; margin:0 0 13px;font-weight:400;}
.main-section16 .cs-cont > div p {font-size: 15px; line-height: 23px;}
.main-section16 .cs-cont > div .link-btn {font-size: 15px; display:block; border:1px solid #fff; text-align: center; height:50px; line-height:49px; box-sizing: border-box; width:167px; margin:34px 0 0;}
.main-section16 .cs-cont .left{background:url(//img1.clickimg.co.kr/img/clicknfunny/2020/main_banner/review-bg.jpg)no-repeat center; color:#fff;}
.main-section16 .cs-cont .left h3 {font-weight:300;letter-spacing: 1px; }
.main-section16 .cs-cont .left a{border:1px solid #fff; color:#fff;}
.main-section16 .cs-cont .right {background:#f3eee8; color:#2e2b2d;}
.main-section16 .cs-cont .right h3 {letter-spacing: -2px; }
.main-section16 .cs-cont .right p{color:#7a7a7a;}
.main-section16 .cs-cont .right .link-btn {border:1px solid #b9b3b1; color:#2e2b2d;}
.main-section16 .cs-cont .right .right-cont .cs-box {padding: 0 45px 0 0; width: calc(65% - 45px);width:-webkit-calc(65% - 45px);width: -ms-calc(65% - 45px);}
.main-section16 .cs-cont .right .right-cont .board-box {width: calc(35% - 23px);width: -webkit-calc(35% - 23px);width:-ms-calc(35% - 23px);padding: 0 23px 0 0;}
.main-section16 .cs-cont .right .right-cont .board-box li {border-bottom:1px solid #c0bab8; padding: 12px 0;}
.main-section16 .cs-cont .right .right-cont .board-box li a{font-size: 15px; color: #2e2b2d;width: 100%;display: block;}
.main-section16 .cs-cont .right .right-cont .board-box li a span {color: #7a7776;font-size: 20px; padding-right:5px;}
.main-section16 .cs-cont .right .right-cont .board-box li a:hover span {padding:0;}

/* main section22 */
.main-section22 {background: #F8F8F8; padding: 80px 0;}
.main-section22 .section-inn .slick-slider .slick-list{padding: 0px 20% !important; position: relative; overflow:inherit;}
.main-section22 .section-inn li.slick-slide{margin: 70px -100px; height:auto !important; position:relative; transition: all .3s ease; transform: scale(0.7); -webkit-transform: scale(0.7);}
.main-section22 .section-inn li.slick-slide.slick-active,
.main-section22 .section-inn li.slick-slide.slick-center {z-index:100; transform: scale(1); -webkit-transform: scale(1); margin: 0 -100px;}
.main-section22 .section-inn li.slick-slide:after {content:'';position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:40;}
.main-section22 .section-inn li.slick-slide.slick-active:after,
.main-section22 .section-inn li.slick-slide.slick-center:after {background:none;}
.main-section22 .section-inn li.slick-slide a>img {width:100%;}
.main-section22 .section-inn li.slick-active:after {display:none;}
.main-section22 .section-inn .slick-arrow{position: absolute; z-index: 9;width: 35px; height: 60px;display: block;top: 43%;font-size: 0px; -webkit-transform: translate(0, -45%); -ms-transform: translate(0, -45%); transform: translate(0, -45%);}
.main-section22 .section-inn .slick-prev{background: url(/design/smblue111/wib_2019/img/main/main-slide-prev.png) no-repeat; left: 24%;}
.main-section22 .section-inn .slick-next{background: url(/design/smblue111/wib_2019/img/main/main-slide-next.png) no-repeat; right: 24%;}
.main-section22 .section-inn > ul.section03-ban-wrap{opacity:0;}
.main-section22 .section-inn > ul.section03-ban-wrap.slick-slider {opacity:1;}
.main-section22 .section-inn li.slick-slide .txt {color: #231F20; font-weight: bold; font-size: 24px; line-height:1; padding-bottom: 25px; display:none;}
.main-section22 .section-inn li.slick-slide .txt span {display: block; color: #333333; font-weight: normal; font-size: 14px; padding-top: 13px; display:none;}
.main-section22 .section-inn li.slick-slide.slick-active .txt,
.main-section22 .section-inn li.slick-slide.slick-center .txt,
.main-section22 .section-inn li.slick-slide.slick-active .txt span,
.main-section22 .section-inn li.slick-slide.slick-center .txt span {display:block;}


@media (max-width: 1904px){
	.main-section02   {
		width:1890px;
	}
    
    .main-slider .main-visual-banner .slick-prev {
		margin-left: -800px;
	}
	.main-slider .main-visual-banner .slick-next {
		margin-right: -800px;
	}

}

@media (max-width: 1800px){
    .main-slider .main-visual-banner .slick-prev {
		margin-left: -750px;
	}
	.main-slider .main-visual-banner .slick-next {
		margin-right: -750px;
	}
    
    .style-wrap .swiper-button-prev {left: 20px;}
    .style-wrap .swiper-button-next {right: 20px;}

}

@media (max-width: 1740px){
	.main-section02 {
		width:1490px;
	}
    .main-section02 .section-inn .prd-cont .right .item-wrap .item {
    	width:240px;
    }
	.main-section02 .section-inn .prd-cont .right .item-wrap .item:nth-child(6) {
    	display: none;
    }
}


@media (max-width: 1540px){
    .main-section03 .section-inn li.slick-slide {
		margin:0 17px;
	}
	.main-slider .main-visual-banner .slick-prev,
	.main-section08 .slick-prev {
		margin-left: -650px;
	}
	.main-slider .main-visual-banner .slick-next,
	.main-section08 .slick-next {
		margin-right: -650px;
	}
    
    .main-realfit .right_prd .slick-dots {
        padding-top:15px;
    }
}

@media (max-width: 1483px){

	.main-section16 .cs-cont > div > div {
		padding:0 20px;
	}
}

@media (max-width: 1320px){
    .main-section03 .section-inn li.slick-slide {
		margin:0 15px;
	}
	.main-slider .main-visual-banner .slick-prev,
	.main-section08 .slick-prev {
		margin-left: -600px;
	}
	.main-slider .main-visual-banner .slick-next,
	.main-section08 .slick-next {
		margin-right: -600px;
	}
}

@media (max-width: 1280px){
    .main-section03 .section-inn li.slick-slide {
		margin:0 14px;
	}
	.main-section02  {
		width:1280px;
	}
	.main-section02 .section-inn .prd-cont .right .item-wrap .item:nth-child(5) {
    	display: none;
    }
}

/* BASIC css end */