@charset "utf-8";

/* ¸ÞÀκñÁÖ¾ó */
#mainVisual{ overflow:hidden;}
.main-slider {position:relative;height:900px;min-width:1200px}
.main-slider-inner {position:relative;overflow:hidden;display:none}
.main-slider .main-slider-list {margin-bottom:0}
.main-slider .main-slider-item {position:relative;outline:none;height:900px;overflow:hidden}

/* À̹ÌÁö */
.main-slider .main-slider-image {position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.main-slider .slick-current .main-slider-item.item-animation .main-slider-image {-webkit-transform:scale(1.1);transform:scale(1.1);;-webkit-transition: transform 10s linear;-moz-transition: transform 10s linear;-o-transition: transform 10s linear;-ms-transition: transform 10s linear;transition: transform 10s linear}
.main-slider .main-slider-image:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.1)}
/*.main-slider .main-slider-image .mask-block {opacity:0;position:absolute;width:33.333%;height:100%;background:rgba(0,0,0,.2)}
.main-slider .main-slider-image .mask-block.mask-1 {top:0;left:0}
.main-slider .main-slider-image .mask-block.mask-2 {bottom:0;left:33.33%}
.main-slider .main-slider-image .mask-block.mask-3 {top:0;left:66.666%} */
.main-slider .slick-current .main-slider-item.item-animation .main-slider-image .mask-block {opacity:1;height:0;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition: height 1s linear;-moz-transition: height 1s linear;-o-transition: height 1s linear;-ms-transition: height 1s linear;transition: height 1s linear}

/* ·Î°í */
#mainVisual .logo_area{position: absolute; left: 50%; top:60px; z-index:999; margin-left:-247.5px;}

/* ³»¿ë */
.main-slider .main-slider-caption {position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1100px;text-align:center;letter-spacing:-0.03em;}
.main-slider .main-slider-caption h4 {position:relative;margin:0 0 20px;font-size:42px; color:#000;font-family: 'Do Hyeon', sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);}
.main-slider .main-slider-caption h4 span{color:#2a8565;}
.main-slider .main-slider-caption p {font-size:24px; color:#444;}


/* »ó´ãÀüÈ­ */
#mainVisual .tel_area{position: absolute; width:480px; height:60px; line-height:60px; background:rgba(255,255,255,.6); border-radius:10px; box-shadow:3px 3px 7px 5px rgba(0,0,0,0.06); left: 50%; bottom:350px; z-index:999; margin-left:-240px;  padding: 0 20px 0 10px;}
#mainVisual .tel_area .tel{float:left;}
#mainVisual .tel_area p{background:url("/img/main2/quick_icon02.png")  no-repeat 10px 20px; font-size:30px; color:#000;padding-left:38px;}

#mainVisual .tel_area .form_btn{float:right; height:40px; background:#3a5e52; line-height:42px; width:40%;  border-radius:7px; color:#fff; font-size:20px; margin-top:10px; padding-left:20px; transition:all 0.4s;}
#mainVisual .tel_area .form_btn i {margin-left:15px;}
#mainVisual .tel_area .form_btn:hover{background:#2a8565;}

/* ¹öÆ° */
.main-slider .main-slider-caption .btn-more a {color:#fff;border-color:#fff}
.main-slider .main-slider-caption .btn-more a:hover {color:#333}
.main-slider .main-slider-caption .btn-more a:before {border-bottom:80px solid #fff}

/* Á¡,¼ýÀÚ-ÄÁÆ®·Ñ  */
.main-slider .slick-dots {bottom:40px}
.main-slider .slick-dots li {display:inline-block;margin:0 1px 0 0;width:40px;height:40px;line-height:40px;text-align:center;font-size:15px;border-bottom:1px solid #999;color:#999;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.main-slider .slick-dots li:hover {background:rgba(255,255,255,.7)}
.main-slider .slick-dots li.slick-active {color:#000;border-color:#000}

/* Á¿ì-ÄÁÆ®·Ñ */
.main-slider .slick-next, .main-slider .slick-prev {width:60px;height:120px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease}
.main-slider .slick-next {right:40px;z-index:1}
.main-slider .slick-prev {left:40px;z-index:1}
.main-slider .slick-next:before, .main-slider .slick-prev:before {content:"";display:block;position:absolute;top:50%;width:80px;height:80px;margin-top:-40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.main-slider .slick-next:before {right:17px;border-right:1px solid #fff;border-top:2px solid #fff}
.main-slider .slick-prev:before {left:17px;border-left:2px solid #fff;border-bottom:2px solid #fff}
.main-slider .slick-next:after, .main-slider .slick-prev:after {content:"";display:block;position:absolute;top:50%;width:0;height:2px;background:#fff;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.main-slider .slick-next:after {right:2px}
.main-slider .slick-prev:after {left:2px}
.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:100px}

@media (max-width:1199px){
	.main-slider {min-width:inherit}
	.main-slider, .main-slider .main-slider-item {height:720px}
	.main-slider .main-slider-caption {max-width:800px}
	.main-slider .main-slider-caption h4 {font-size:34px}
	.main-slider .main-slider-caption p {font-size:22px;}

	/* »ó´ãÀüÈ­ */
	#mainVisual .tel_area{bottom:250px;}
	#mainVisual .tel_area p{font-size:28px; }
	#mainVisual .tel_area .form_btn{width:40%;font-size:18px;}
}

@media (max-width:991px){
	.main-slider .main-slider-caption {max-width:700px}
	.main-slider .main-slider-caption h4 {font-size:28px}
	.main-slider .main-slider-caption p {font-size:20px;}
	
	.main-slider .slick-next, .main-slider .slick-prev {width:30px;height:60px}
	.main-slider .slick-next {right:15px}
	.main-slider .slick-prev {left:15px}
	.main-slider .slick-next:before, .main-slider .slick-prev:before {width:40px;height:40px;margin-top:-20px}
	.main-slider .slick-next:before {right:10px}
	.main-slider .slick-prev:before {left:10px}
	.main-slider .slick-next:after {right:3px}
	.main-slider .slick-prev:after {left:3px}
	.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:40px}

	/* ·Î°í */
     #mainVisual .logo_area{margin-left:-175px;}
	 #mainVisual .logo_area img{width:350px; height:auto;}

	/* »ó´ãÀüÈ­ */
	#mainVisual .tel_area{width:380px; margin-left:-190px;}
	#mainVisual .tel_area p{font-size:24px; padding-left:35px;}
	#mainVisual .tel_area .form_btn{line-height:42px; width:40%; font-size:16px;}
	#mainVisual .tel_area .form_btn i {margin-left:15px;}
}

@media (max-width:767px){
	.main-slider, .main-slider .main-slider-item {height:500px}
	.main-slider .main-slider-caption {max-width:inherit; top:42%;padding:0 40px}
	.main-slider .main-slider-caption h4 {margin:0 0 20px; font-size:22px}
	.main-slider .main-slider-caption p {font-size:16px;}
	.main-slider .slick-dots {bottom:30px}

	/* ·Î°í */
     #mainVisual .logo_area{margin-left:-150px;}
	 #mainVisual .logo_area img{width:300px; height:auto;}
	
	/* »ó´ãÀüÈ­ */
	#mainVisual .tel_area{width:340px; bottom:130px; height:50px; line-height:50px; margin-left:-170px; padding: 0 17px 0 10px;}
	#mainVisual .tel_area p{background:url("/img/main2/quick_icon02.png")  no-repeat 7px 14px;  font-size:20px; padding-left:33px;}
	#mainVisual .tel_area .form_btn{height:36px;line-height:36px; font-size:14px; margin-top:7px; padding-left:15px; }
	#mainVisual .tel_area .form_btn i {margin-left:10px;}
}

/** ½ºÅ©·Ñ **/
#scrollAni{ position: absolute; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:40px; opacity:1; z-index:100; text-decoration:none;}
#scrollAni.hide{ opacity:0; z-index:-1}
#mainVisual i {cursor:pointer; } 

@media only screen and (max-width:1600px){
   #scrollAni {display:none;}
}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ ¹Ú½º */
@media only screen and (min-width: 1400px){
   .mainBox{width:1400px; margin:0 auto; overflow:hidden; background:rgba(255,255,255,.2); border-radius:20px; box-shadow:3px 3px 7px 5px rgba(0,0,0,0.06); padding:10px 40px;}
}

@media only screen and (max-width:1399px){
   .mainBox{width:96%; margin:0 2%; padding:20px 20px;}
}

@media only screen and (max-width:768px){
   .mainBox{padding:20px 10px;}
}

/* ÄÁÅÙÃ÷ 1 */
.main_cnt1 { width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em; text-align:center; padding:40px 0;;}
.main_cnt1 .cnt_box {width:100%; overflow:hidden; }
.main_cnt1 .cnt_box .left_cnt{float:left; width:50%; overflow:hidden; background:rgba(238,205,178,.2); padding:20px 20px 40px 20px;}
.main_cnt1 .cnt_box .right_cnt{float:right; width:50%; overflow:hidden; background:rgba(193,211,176,.2); padding:20px 20px 40px 20px;}

.main_cnt1 .cnt_box .title h2 {font-size:36px; color:#000;}
.main_cnt1 .cnt_box .title h2 .span1{color:#d06414;}
.main_cnt1 .cnt_box .title h2 .span2{color:#2a8565;}
.main_cnt1 .cnt_box .title .p1 {font-size:24px; color:#000; margin-top:5px;}
.main_cnt1 .cnt_box .title .p2 {font-size:17px; color:#444; margin-top:5px;}

.main_cnt1 .cnt_box .cnt_list ul{margin:30px 0 0 -20px;}
.main_cnt1 .cnt_box .cnt_list ul li{float:left; width: calc(33.333% - 20px); margin-left:20px; position: relative; background:rgba(238,205,178,.3); border-radius:10px; box-shadow:3px 3px 7px rgba(0,0,0,0.1); padding:20px 15px 25px 15px;}
.main_cnt1 .cnt_box .cnt_list ul li.bg2{background:rgba(193,211,176,.3););}
.main_cnt1 .cnt_box .cnt_list ul li img{text-align:center;}

.main_cnt1 .cnt_box .cnt_list ul li .txt{width:100%; text-align:center; margin-top:15px;}
.main_cnt1 .cnt_box .cnt_list ul li p{width:100%; border-bottom:1px solid rgba(0,0,0,.2); color:#222; font-size:18px; padding-bottom:3px; margin-bottom:5px;}
.main_cnt1 .cnt_box .cnt_list ul li span{color:#444; font-size:14px; line-height:24px;}


@media only screen and (max-width:1400px){
	/* ÄÁÅÙÃ÷ 1 */
	.main_cnt1 .cnt_box .left_cnt{float:none; width:100%;}
    .main_cnt1 .cnt_box .right_cnt{float:none; width:100%; margin-top:20px;}
 }

 @media only screen and (max-width:960px){
	/* ÄÁÅÙÃ÷ 1 */
	.main_cnt1 .cnt_box .title h2 {font-size:30px;}
	.main_cnt1 .cnt_box .title .p1 {font-size:20px}
	.main_cnt1 .cnt_box .title .p2 {font-size:16px;}

 }


@media only screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 1 */
	.main_cnt1 { padding:10px 20px 40px 20px;}
	.main_cnt1 .cnt_box .cnt_list ul li{float:none; width: calc(100% - 20px); margin-top:20px;}
	.main_cnt1 .cnt_box .cnt_list ul li:first-child{margin-top:0;}
    .main_cnt1 .cnt_box .title h2 {font-size:26px;}
	.main_cnt1 .cnt_box .title .p1 {font-size:18px}
	.main_cnt1 .cnt_box .title .p2 {font-size:15px;}

}

/* ÄÁÅÙÃ÷2 */
.main_cnt2 { width:100%; overflow:hidden; letter-spacing:-0.02em; background:rgba(255,255,255,.2); border-radius:20px; box-shadow:3px 3px 7px 5px rgba(0,0,0,0.06); padding:30px 0 60px 0; margin-top:10px;}
.main_cnt2 .title {}
.main_cnt2 .title h2 {font-size:36px; color:#000; text-align:center; margin-top:10px;}
.main_cnt2 .form_cnt {width:60%; overflow:hidden; background:rgba(166,143,134,.3); border:1px solid rgba(166,143,134,.5); border-radius:10px; box-shadow:3px 3px 7px 5px rgba(0,0,0,0.06); padding:20px 40px 30px 35px; margin:25px auto 0 auto; }

@media screen and (max-width:1100px){
    /* ÄÁÅÙÃ÷ 2*/
	.main_cnt2 .title h2 {font-size:36px;}
	.main_cnt2 .form_cnt {width:85%;}
}

@media screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 2*/
	.main_cnt2 { padding:10px 0 40px 0; margin-top:0;}
	.main_cnt2 .title h2 {font-size:22px;}
	.main_cnt2 .form_cnt {width:90%; padding:10px;}
}  

/* ÄÁÅÙÃ÷ 3 */
.main_cnt3 { width:100%; overflow:hidden; position:relative; letter-spacing:-0.02em; margin:50px 0 50px 0; }
.main_cnt3 .title{width:100%; background:url("/img/main2/line_bg.png") repeat-x center; text-align:center;}
.main_cnt3 .title h2{width:360px; margin:0 auto; background:url("/img/main2/title_bg.png"); font-size:36px; color:#000;}
.main_cnt3 .title h2 span{font-size:30px; color:#444;}
.main_cnt3 .cnt_list{width:100%; margin-top:20px;}
.main_cnt3 .cnt_list ul{margin:0 0 0 -2%;}
.main_cnt3 .cnt_list ul li{float:left; width: calc(25% - 2%); margin-left:2%;  position: relative; border-radius:5px; box-shadow:3px 3px 7px rgba(0,0,0,0.06); border:1px solid #ddd;}
.main_cnt3 .cnt_list ul li img{width:100%; border-radius:5px 5px 0 0;}
.main_cnt3 .cnt_list ul li .tit{width:100%; height:45px; line-height:45px; overflow:hidden; background:rgba(0,0,0,.6); text-align:center;}
.main_cnt3 .cnt_list ul li .tit p{width:100%; color:#fff; font-size:18px;}

@media only screen and (max-width:1100px){
    /* ÄÁÅÙÃ÷ 3 */
	.main_cnt3 .title h2{width:340px; font-size:30px;}
    .main_cnt3 .title h2 span{font-size:26px;}
	.main_cnt3 .cnt_list ul li{width: calc(50% - 2%); margin-bottom:30px;}
	.main_cnt3 .cnt_list ul li .tit p{font-size:17px;}
}

@media only screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 3 */
    .main_cnt3 { margin:40px 0 0 0; }
	.main_cnt3 .title h2{width:240px; font-size:26px;}
    .main_cnt3 .title h2 span{font-size:22px;}
    .main_cnt3 .cnt_list ul li .tit p{font-size:16px;}
}

/*Äü¸Þ´º*/
#quickLink { position:absolute; right:25px; top:700px; z-index:995; letter-spacing:-0.3px;}
#quickLink ul li {position:relative;  margin-bottom:10px;}

.nav_btn {width:70px; height:60px;}
.nav_btn a{float:right; display:block; width:70px; height:80px; border-radius:10px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;  }
.nav_btn a .nav_txt{display:block; height:45px; width:100%; overflow:hidden;}
.nav_btn a .nav_txt p{opacity: 0; display:block; height:0px; line-height:26px; width:100%; }
.nav_btn a .tit_txt p{display:block;width:100%; color:#fff; font-size:14px; letter-spacing:-0.4px; text-align:center; margin-top:2px;}
.nav_btn.bg1 a{background-color:#eb7015;}
.nav_btn.bg1 a .nav_txt:before {display:block; float:left; width:70px; height:65px; line-height:60px;  content:" "; background:url("/img/main/quick_icon01.png")  no-repeat center 18px; font-size:1.5em; color:#fff;}
.nav_btn.bg1:hover a .nav_txt:before {width:45px;height:60px;background:url("/img/main/quick_icon01.png")  no-repeat 15px center; color:#fff;}
.nav_btn.bg1 a .nav_txt p{color:#fff; font-size:15px;}

.nav_btn.bg2 a{background-color:#608946;}
.nav_btn.bg2 a .nav_txt:before {display:block; float:left; width:70px; height:65px; line-height:60px;  content:" "; background:url("/img/main/quick_icon02.png")  no-repeat center 18px; font-size:1.5em; color:#fff;}
.nav_btn.bg2:hover a .nav_txt:before {width:45px;height:60px;background:url("/img/main/quick_icon02.png")  no-repeat 15px center; color:#fff;}
.nav_btn.bg2 a .nav_txt p{color:#fff; font-size:17px;}

.nav_btn:hover: a .nav_txt:before {height:60px;}
.nav_btn.bg1 a .nav_txt p{color:#fff; font-size:15px;}
.nav_btn:hover a{width:170px; height:60px;}
.nav_btn:hover a .nav_txt p{line-height:60px; opacity: 1; transition: 0.5s all ease; transition-delay: 0.2s;}
.nav_btn:hover a .tit_txt p{opacity: 0;}

@media screen and (max-width:960px) {
	 #quickLink{display: none;}
}

/* ¸ð¹ÙÀÏ Äü¸Þ´º */
.mobile_tel {display:none;}

@media screen and (max-width:959px) {
    /* ¸ð¹ÙÀÏ Äü¸Þ´º(ÀüÈ­) */
	.mobile_tel{display:block; width:100%; background:#000; border-top:1px solid rgba(255,255,255,.2); bottom:0px; position:fixed; z-index:99999999; letter-spacing:-0.06em;  font-size:16px;}
	.mobile_tel li {float:left; overflow:hidden; height:50px; color:#fff; line-height:51px; letter-spacing:0.03em;}
	.mobile_tel li.left{width:45%;}
	.mobile_tel li.right{width:55%;}
	.mobile_tel li:first-child{border-right:1px solid rgba(255,255,255,.2); }
	.mobile_tel li a{color:#fff; font-size:16px;}
	.mobile_tel .bg1{background:url("/img/main/quick_icon01_m.png") no-repeat 14px center; padding-left:55px;}
	.mobile_tel .bg2{background:url("/img/main/quick_icon02_m.png") no-repeat 14px center; padding-left:55px;}
	body { margin-bottom:10px; }
}