@charset "utf-8";

/* main_visual */
.main_visual_wrap {position:relative; overflow:hidden; width:100%; height:100%;}
.main_visual {width:100%; height:100%; }
.main_visual .slick-list,.main_visual .slick-track{width:100%; height:100%;}
.main_visual li {}
.main_visual li a {display:block; width:100%; height:100%;}
.main_visual .slick-dots {bottom:100px; }
.main_visual .slick-dots li {width:13px; height:13px; background-color:#cae4a2;}
.main_visual .slick-dots li.slick-active {background-color:#fff;}
.main_visual .slick-dots li button:before {display:none;}

.inner {max-width:1200px; width:100%; margin:0 auto;}

@media all and (max-width:1200px){
	.inner {padding:0 20px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
}

/* 공통 */
.main_tit{font-size: 42px;color:#000000;font-weight: 300;-ms-word-break: keep-all;word-break: keep-all;}
.main_desc{font-size: 16px;color:#757575;font-weight: 300;-ms-word-break: keep-all;word-break: keep-all;}

/* main_con01 */
.main_con01{padding:120px 0 140px 0;overflow:hidden;}
.main_con01 .inner{font-size: 0;}
.main_con01 .inner > div{display: inline-block;vertical-align: top;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main_con01 .left{margin-top: -40px;}
.main_con01 .left img{width: 100%;}
.main_con01 .right{position:relative;padding:40px 0 60px 60px;}
.main_con01 .right:before{content:'';position:absolute;left:-25%;top:0;z-index: -1;display: block;width:175%;height: 534px;background-color: #f8f8f8;}
.main_con01 .right > span{font-size:42px; font-weight:bold; letter-spacing:-0.05em; color:#222222; line-height:1;}
.main_con01 .right .hr{display: block;width: 42px;height: 1px; margin: 15px 0; opacity:0.4; background-color: #959594;}
.main_con01 .txt{margin-top: 50px;}
.main_con01 .txt h3{margin-bottom: 20px;font-size: 26px;color:#97c93e;font-weight: 100;-ms-word-break: keep-all;word-break: keep-all;}
.main_con01 .txt p{font-size: 18px;line-height: 28px;color:#666666;font-weight: 300;-ms-word-break: keep-all;word-break: keep-all;}
.main_con01 .txt p:nth-of-type(n+2){margin-top:30px;}

@media all and (max-width:1200px){
	.main_con01 .right{padding:5%}
}

@media all and (max-width:1000px){
	.main_con01{padding:120px 0 140px 0;}
	.main_con01 .inner > div{width: 100%;}
	.main_con01 .right{background-color: #f8f8f8;}
	.main_con01 .right:before{content:''; display:none;}
	.main_con01 .txt p{padding-bottom:50px;}
}

@media all and (max-width:640px){
	.main_con01{padding:80px 0;}
	.main_con01 .right{padding-bottom: 0;}
	.main_con01 .right > span{font-size:30px;}
}

/* main_con02 */
.main_con02{padding: 80px 0;text-align: center;background:#f9f9f7; border:1px solid #f3f3f1; box-sizing:border-box;}
.main_con02 .main_tit{color: #222222;}
.main_con02 .main_desc{color:#c0c0c0;}
.main_con02 ul{margin-top: 55px;font-size: 0;}
.main_con02 li{display: inline-block;vertical-align: top;width: 24%;}
.main_con02 li + li{margin-left: 1%;}
.main_con02 li:nth-of-type(odd){margin-top: -20px;}
.main_con02 li.nodata{display: block;font-size:18px;line-height: 20;color:#c0c0c0;}
.main_con02 li .img{width: 100%;height: 280px;overflow:hidden;}
.main_con02 li .img img{width: 100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.main_con02 li .img img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.main_con02 li .txt{font-size: 20px;color:#666666;letter-spacing: 0;font-weight: 400;-ms-word-break: keep-all;word-break: keep-all;}
.main_con02 .btn_wrap{margin-top: 25px;}
.main_con02 .btn_wrap a{display: inline-block; vertical-align: top; font-size:16px; font-weight:300; letter-spacing:-0.05em; color:#97c93e; width: 165px; padding: 12px; border: 2px solid #97c93e; border-radius:50px;}
.main_con02 .btn_wrap a:hover{background:#97c93e; color:#fff;}

@media all and (max-width:1200px){
	.main_con02 ul{width: 590px;margin:55px auto 0;}
	.main_con02 li{width: 48%;margin-bottom: 50px;}
	.main_con02 li:nth-of-type(odd){margin-top: 0;}
}

@media all and (max-width:768px){
	.main_con02 ul{width: 100%;}
	.main_con02 li{width: 100%;}
	.main_con02 li + li{margin-left: 0;}
	.main_con02 li .img{height: 620px;}
}

@media all and (max-width:640px){
	.main_con02{padding:50px 0;}
	.main_con02 li .img{height: auto;}
	.main_con02 li .txt{font-size: 16px;}
}

/* main_con03 */
.main_con03 .main_tit {text-align:center;}
.main_con03 .after{clear:both; overflow:hidden; margin:55px 0 100px 0}
.main_con03 .after .box{width:50%; float:left; background:#ebf3e0; height:462px;}
.main_con03 .after .box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con03 .after .box .w600{float:right; width:600px; padding-top:65px; padding-right:80px; box-sizing:border-box;}
.main_con03 .after .box .map{width:100%; height:100%; padding:0; margin:0;}
.main_con03 .after .box .map .wrap_map{height:100%}
.main_con03 .after .box .map .root_daum_roughmap_landing {padding:0; border:none;}
.main_con03 .after .box .line{margin-bottom:10px;}
.main_con03 .after .box .line{font-size:0; text-align:center;}
.main_con03 .after .box .line input{font-size:16px; color:#666666; letter-spacing:-0.045em; border:0; width:100%; height:44px; background:#fff; padding:10px 20px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.main_con03 .after .box .line input::placeholder{color:#666666;}
.main_con03 .after .box .line textarea{font-size:16px; color:#666666; letter-spacing:-0.045em; border:0; width:100%; height:159px; background:#fff; padding:10px 20px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.main_con03 .after .box .line textarea::placeholder{color:#666666;}
.main_con03 .after .box .line input.w50{width:calc(50% - 5px); display:inline-block;}
.main_con03 .after .box .line input.input_mr{margin-right:10px;}
.main_con03 .after .box .send_btn{font-size:0; text-align:center; margin-top:30px;}
.main_con03 .after .box .send_btn a{display:inline-block; font-size:16px; padding:10px 0; width:165px; color:#97c93e; border-radius:50px; border:2px solid #97c93e; background:none; letter-spacing:-0.045em; font-weight:bold;}

@media all and (max-width:1200px){
	.main_con03 .after .box .w600{float:none; width:100%; padding:65px 30px;}
}

@media all and (max-width:1000px){
	.main_con03 .after{margin:10px auto;}
	.main_con03 .after .box{height:auto; float:none; width:93.5%; margin:0 auto;}
	.main_con03 .after .box:last-child{width:100%; height:430px; margin-top:20px;}
}
@media all and (max-width:640px){
	.main_con03 .after .box:last-child{height:67.1875vw; margin-top:3.125vw;}
	.main_con03 .after .box .w600{padding:10.15625vw 4.6875vw;}
	.main_con03 .after .box .line{margin-bottom:1.5625vw;}
	.main_con03 .after .box .line input{font-size:2.5vw; height:6.875vw; padding:1.5625vw 3.125vw;}
	.main_con03 .after .box .line textarea{font-size:2.5vw; height:16.25vw; padding:1.5625vw 3.125vw; }
	.main_con03 .after .box .line input.w50{width:calc(50% - 0.78125vw);}
	.main_con03 .after .box .line input.input_mr{margin-right:1.5625vw;}
	.main_con03 .after .box .send_btn a{font-size:3.125vw; padding:2.34375vw 11.71875vw;}
}

/* main_con04 */
.main_con04 ul{width: 1200px}
.main_con04 li{width: 25%;height: 100px;text-align: center;}
.main_con04 li img{max-width:100%; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); }
.main_con04{border-top: 1px solid #ebebeb;}
.main_con04 .inner:after{content:""; display:block; clear:both;}
.main_con04 .txt_box{float:left; width:26%; text-align:left;}
.main_con04 .txt_box h5{font-size:42px; font-weight:300; letter-spacing:-0.05em; color:#000; margin:0; margin-top:17px;}
.main_con04 .txt_box p{font-size:16px; font-weight:200; letter-spacing:-0.05em; color:#c0c0c0;}
.main_con04 .border_box{float:right; width:66%;}

.main_con04 .bx-wrapper .bx-prev {left:0; background: url("/img/bx_left_btn.png") no-repeat;}
.main_con04 .bx-wrapper .bx-next {right:0; background: url("/img/bx_right_btn.png") no-repeat;}

@media all and (max-width:1200px){
	.main_con04{border-top: 1px solid #ebebeb; padding-top:40px;}
	.main_con04 .inner:after{content:""; display:block; clear:both;}
	.main_con04 .txt_box{float:none; width:100%; text-align:center; margin-bottom:15px;}
	.main_con04 .txt_box h5{font-size:42px; font-weight:300; letter-spacing:-0.05em; color:#000; margin:0;}
	.main_con04 .txt_box p{font-size:16px; font-weight:200; letter-spacing:-0.05em; color:#c0c0c0;}
	.main_con04 .border_box{float:none; width:100%;}
}

@media all and (max-width:640px){
	.main_con04 .txt_box h5{font-size:32px;}
}