@charset "utf-8";

#main_bn {position: relative;min-width: 1560px;}


#main_bn .slide-wrap .banner_box{height:890px;background-size:cover; background-repeat:no-repeat; background-position:center; }

#main_bn .bx-prev{position:absolute;top:50%;left:0;margin-top:-35px;z-index:99;background:url(img/btn_prev.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-prev:hover{opacity:1}
#main_bn .bx-next{position:absolute;top:50%;right:0;margin-top:-35px;z-index:99;background:url(img/btn_next.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-next:hover{opacity:1}
#main_bn #bx_pager {position: absolute; bottom:30px;width:100%;text-align: center;}
#main_bn #bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn #bx_pager li{font-size:0px;display: inline-block;margin-right:0px;vertical-align: bottom;}
#main_bn #bx_pager li:first-child{border-left:0}
#main_bn #bx_pager li a{display:block;width:14px; height:15px;background:url(img/pager.png) no-repeat 50% 50%;}
#main_bn #bx_pager li a.active{background:url(img/pager_on.png) no-repeat 50% 50%;}


#main_b_bn {position: relative;min-width: 1280px;}
#main_b_bn .slide-wrap-b .banner_box{height:800px;background-size:cover; background-repeat:no-repeat; background-position:center; }

#main_b_bn .bx-prev{position:absolute;top:50%;left:0;margin-top:-35px;z-index:99;background:url(img/btn_prev.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_b_bn .bx-prev:hover{opacity:1}
#main_b_bn .bx-next{position:absolute;top:50%;right:0;margin-top:-35px;z-index:99;background:url(img/btn_next.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_b_bn .bx-next:hover{opacity:1}
#main_b_bn #bx_pager {position: absolute; bottom:10px;width:100%;text-align: center;}
#main_b_bn #bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_b_bn #bx_pager li{font-size:0px;display: inline-block;margin-right:10px;vertical-align: bottom;}
#main_b_bn #bx_pager li:first-child{border-left:0}
#main_b_bn #bx_pager li a{display:block;width:15px; height:15px;background: #fff;border-radius: 50px;}
#main_b_bn #bx_pager li a.active{background:#56d2ca;color:#fff}





/*중앙배너*/
.center_banner{width:100%;margin:0 auto;overflow: hidden;/*background:#fcfbf7 url(img/sec01_bg.png) no-repeat top left;*/padding:85px 0;text-align:center;min-width: 1560px;}
.center_banner h3 {color:#cda864;font-size:24px;display:inline-block;border-radius:30px;border:1px solid #cda864;padding:7px 80px;border-top-right-radius:0;margin-bottom:60px;}
.center_banner > p {color:#111a18;font-size:20px;margin:20px 0;line-height:40px;}
.center_banner ul {margin:50px  auto 0;width:1560px;}
.center_banner li{float: left; min-height:855px; position: relative;width:504px;margin-right:24px;margin-bottom:24px;}
.center_banner li:nth-child(3n) {margin-right:0;}
.center_banner li img.on {display:none;position:absolute;left:0;top:0;z-index:10;}
.center_banner li.op_img img.on {display:block;}
.center_banner li img{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
.center_banner li.op_img img{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);

}

.center_banner:after{display: block; content: ''; clear: both;}

@media screen and (max-width:1560px){
    .center_banner li{width:32.333%;margin-right:1%;margin-bottom:1%;}
    .center_banner li img {width:100%;}
}

/*소확행배너*/
.instragram_box {/*background:url(img/sec03_bg.png) repeat-y center top;*/margin:70px 0;padding:80px 0;position: relative;/*min-width:1560px;*/width:100%;}
.instragram_inner {width:1033px;margin:0 auto;overflow:hidden;}
.instragram_box ul {}
.instragram_box .bx-prev{position:absolute;top:50%;left:80px;margin-top:-35px;z-index:99;background:url(img/prev.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
.instragram_box .bx-prev:hover{opacity:1}
.instragram_box .bx-next{position:absolute;top:50%;right:80px;margin-top:-35px;z-index:99;background:url(img/next.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
.instragram_box .bx-next:hover{opacity:1}



@media (max-width: 1680px){
    .center_b_banner{width:100%;}
    .center_b_banner ul{width: 1280px; padding:0px 20px; box-sizing: border-box;}
}

/*소확행배너*/
.best_b_banner{padding:50px 0px 100px;min-width: 1280px;;}
.best_b_banner ul{width:1270px; margin: 0px auto;text-align: center;}
.best_b_banner span{display: block;color: #333;}
.best_b_banner span.b_b_title{font-size:27px; padding-bottom: 13px;text-align: left;width:1270px; margin: 0px auto;font-weight: bold;}
.best_b_banner ul li{display: inline-block;float: left;width:390px;margin-right:50px;}
.best_b_banner ul li img{max-width:100%;}
.best_b_banner ul li:nth-child(3n){margin-right: 0%;}
.best_b_banner ul:after{display: block; content: ''; clear: both;}


.review_box .swiper-container {max-width:1560px;margin:0 auto;overflow:hidden;position: relative;}
.review_box .swiper-slide {float:left; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;padding-top:10px;}
.review_box .txt_box {padding:30px 0 70px 0;}
.review_box .txt_box strong {color:#111a18;font-size:25px;}
.review_box .txt_box p {color:#a6a7a7;font-size:20px;margin-top:10px;}
.review_box .swiper-slide:hover {transform:translateY(-10px);  -webkit-transition:all  0.4s;-moz-transition:all  0.4s;-o-transition:all  0.4s;transition:all 0.4s;  }
.review_box .swiper-slide:hover img {-webkit-box-shadow: 0px 24px 40px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 24px 40px 0px rgba(0,0,0,0.1);
box-shadow: 0px 24px 40px 0px rgba(0,0,0,0.1);}
.review_box .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
	bottom:0;
	left:0;
	width:100%;
}
.review_box .swiper-pagination-bullet {
    width:14px; height:15px;
    display: inline-block;
    border-radius: 100%;
    background:url(img/pager.png) no-repeat 50% 50%;
	 cursor: pointer;
	margin:0 1px;
}
.review_box .swiper-pagination-bullet-active {
    background:url(img/pager_on.png) no-repeat 50% 50%;
}