@charset "utf-8";
/*메인****************************************/
.mainbox { position: relative; width:100%; display: block; min-height: 500px; }
.mainbox .titbox{display:block; margin-bottom:44px; position:relative;}
.mainbox .titbox .tit{display:block; line-height:50px;  color:#757575; text-align:center; font-size:40px; font-weight:500;}
.mainbox .titbox .tit2{display:block; line-height:50px;  color:#757575; text-align:center; font-size:23px;}
.mainbox .titbox .more{ position:absolute; right:0; top:0; line-height:40px; margin-top:5px; padding:0 5px; color:#757575; font-size:20px; border-bottom:1px solid #929292;}
.s1 { width: 100%; min-width: 1100px; display: block; overflow: hidden; position: relative; }
.s1 ul { margin: 0; padding: 0px; width: 2000px; height: 811px; position: absolute; left: 50%; margin-left: -1000px; }
.s1 ul li { width: 2000px !important; display: block; float: left; }
.s1 ul li .img { width: 2000px; height: 811px; background-repeat: no-repeat; background-position: center; }
.s1 > .pg { bottom:50px; left:0; width:100%;;z-index: 10; position: absolute; text-align: center; }
.s1 > .pg .bx-pager-item { display: inline-block; margin: 0 7px; }
.s1 > .pg a { display: block; width:16px; height:16px; line-height:16px; text-align: center; transition: .3s; text-indent: -9999px; box-sizing: content-box; background:#a1a1a1; border-radius:10px; }
.s1 > .pg a:hover{background: #b4dad3; }
.s1 > .pg a.active { width:58px;background: #b4dad3; }
.s2{ height:240px; padding:70px 0;}
.s2 ul{ padding:0 0.2%; display:block; height:146px;}
.s2 ul li{display:inline-block; width:16.6%; float:left;}
.s2 ul li + li{position:relative;}
.s2 ul li + li:before{content:""; position:absolute; left:0; top:50%; width:1px; height:112px; margin-top:-56px; background:#e2e2e2}
.s2 ul li a{display:block; line-height:24px; font-size:16px; color:#6c6c6e; text-align:center; font-weight:500;}
.s2 ul li a i{ display:block;width:107px; height:107px; margin:0 auto 15px auto; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/main/s2.png); position:relative;}
.s2 ul li a i:before{content:""; position:absolute; left:50%; top:50%; width:0; height:0; background:#b4dad3; border-radius:50%; z-index:-1; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.5s;    }
.s2 ul li a i.i2{background-position:-107px 0;}
.s2 ul li a i.i3{background-position:-214px 0;}
.s2 ul li a i.i4{background-position:-321px 0;}
.s2 ul li a i.i5{background-position:-428px 0;}
.s2 ul li a i.i6{background-position:-535px 0;}
.s2 ul li:hover a i{background-position-y:-107px;}
.s2 ul li:hover a i:before{width:107px; height:107px; left:0; top:0;}
.s3bg{padding:60px 0 90px; background:#f5f5f5;}
.s3{position:relative;}
.s3 > .arr { background-position: center; background-repeat: no-repeat; height:437px; position: absolute; bottom:0; z-index: 10; text-indent: -9999px; cursor: pointer; background-repeat:no-repeat;}
.s3 > .arr > a { display: block; height: 100%; }
.s3 > .arr.prev { left:-73px; width:34px; background-image:url(../images/main/s3_prev.png); background-position:0 center;}
.s3 > .arr.next { right:-73px;width:34px; background-image:url(../images/main/s3_next.png); background-position:0 center;}
.s3 > .arr.prev:hover,
.s3 > .arr.next:hover{background-position:-34px center  !important;}

.s3  ul{width:100%; height:437px;}
.s3  ul li{float:left;}
.s3 ul li .box{display:block; width:340px; height:435px; border:1px solid #c6d0d5; background:#fff;}
.s3 ul li .box .img{ display:block; position:relative; width:341px; height:304px; overflow:hidden;}
.s3 ul li .box .infobox{display:table; width:100%; height:130px; vertical-align:middle;}
.s3 ul li .box .info{ display:table-cell; vertical-align:middle;}
.s3 ul li .box .info > span{display:block; text-align:center;}
.s3 ul li .box .info .tit{ line-height:27px; color:#101010; font-weight:500; font-size:23px; padding:8px 5px 0 5px;}
.s3 ul li .box .info .txt{ line-height:23px; color:#777777; font-size:16px; }

.s4{width:100%; height:410px; display:table; background:url(../images/main/s4.jpg) center center no-repeat;background-attachment: fixed;} 
.s4 .txtbox{width:1100px; margin:0 auto; display:table-cell; vertical-align:middle; line-height:54px; font-size:35px; color:#fff; text-align:center;}
.s4 .txtbox strong{line-height:54px; font-size:40px; color:#bff0d6; font-weight:500;}

.s5{width:620px; height:420px;  margin:0 auto; padding:95px 0 50px 480px; position:relative;}
.s5 .img{position:absolute; left:0; top:50%; margin-top:-210px;}
.s5 span{display:block;}
.s5 .sum{ padding:5px 0; line-height:46px; font-size:30px; color:#87bcb2; font-weight:500;}
.s5 .tit{ line-height:66px; font-size:50px; font-weight:500; margin-bottom:12px; color:#87bcb2;}
.s5 .txt{ line-height:33px; font-size:20px; margin-bottom:22px; color:#777777;}
.s5 .btn{ display:inline-block; line-height:43px; border-bottom:1px solid #a9cec7;font-size:23px; color:#87bcb2;}


.s7{display:block; width:100%; height:340px; position:relative;background:#b4dad3;}
.s7 > .map{float:left; width:55%; height:340px;}
.s7 > .adr{ position:absolute; left:55%; width:389px; height:340px; padding-left:30px;}
.s7 > .adr .tit{display:block; line-height:41px; font-size:32px; font-weight:500; color:#4c4c4c; padding:87px 0 25px 0;}
.s7 > .adr .info{padding-left:50px;}
.s7 > .adr .info li{display:list-item; list-style:none; padding:10px 0; line-height:20px; font-size:16px; color:#7d7d7d; margin-bottom:10px; position:relative;}
.s7 > .adr .info li.t1:before{content:""; position:absolute; left:-50px; top:0; background:url(../images/main/s7_icon.png) 0 0 no-repeat; width:40px; height:40px;}
.s7 > .adr .info li.t2:before{content:""; position:absolute; left:-50px; top:0; background:url(../images/main/s7_icon.png) 0 -40px no-repeat; width:40px; height:40px;}