@charset "utf-8";



/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:850px;  min-width:1400px; z-index:1;}


.main_visual #main_videos {position:relative; z-index:0; height:100%;   width:100%;  }
.main_visual #main_videos.main_videos_mobile {display:none;}
.main_visual .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.2);z-index:1; }
.main_visual .text_box  {position:absolute; left:0px; top:30%; width:100%; text-align:center; color:#fff; z-index:2;}
.main_visual .text_box .t1 {font-size:20px;  letter-spacing:-1px; line-height:20px; font-weight:bold;}
.main_visual .text_box .t2 {font-size:45px;  letter-spacing:-1px; line-height:50px; padding:15px 0px; color:#fff;  font-weight:bold;}
.main_visual .text_box .t3 {font-size:15px;  letter-spacing:-1px; line-height:20px;  }







/*메인비지니스*/
.main_business {padding:60px 0px; text-align:left; }
.main_business .defauly_layout{}
.main_business .title{ margin-top:60px; }
.main_business .title .t0 span{display:inline-block; background:#386a95; height:12px; padding:0 20px; }
.main_business .title .t1{ font-size:60px;font-weight:bold; margin-top:20px; line-height:60px; color:#000; letter-spacing:-3px;}
.main_business .title .t1 span { color:#386a95;}
.main_business .title .t2{ font-size:20px;  margin-top:15px; line-height:26px; color:#000; margin-top:40px;}


.main_business .slider_box { margin-top:60px;  }
.main_business .slider_box ul {overflow:hidden;}
.main_business .slider_box ul li {float:left; width:335px; margin-right:20px; vertical-align:top;  position:relative;background-repeat:no-repeat; background-position:center; height:450px; border-radius:20px; }   
.main_business .slider_box ul li.m1 {background-image:url(../images/main/main_business_01.jpg);} 
.main_business .slider_box ul li.m2 {background-image:url(../images/main/main_business_02.jpg);} 
.main_business .slider_box ul li.m3 {background-image:url(../images/main/main_business_03.jpg);} 
.main_business .slider_box ul li.m4 {margin-right:0px; background-image:url(../images/main/main_business_04.jpg);} 


.main_business .slider_box li .box { position:absolute; left:0px; bottom:0px; width:100%;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; }
.main_business .slider_box li .box .t1{color:#fff; font-size:22px; font-weight:normal; line-height:22px; transition: all 0.3s; padding-left:40px; }
.main_business .slider_box li .box .t2{font-weight:normal; font-size:14px; color:#fff; ;margin-top:10px; line-height:20px;  height:80px; padding:0px 40px; }
.main_business .slider_box li .box .t3{padding:10px 40px 40px;; }
.main_business .slider_box li .box .t3 a{display:inline-block; border-radius:50px; padding:0 25px; line-height:40px; color:#fff; border:1px #fff solid; font-size:14px;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;  }
.main_business .slider_box li:hover .box .t3 a{background:#386a95; color:#fff; border-color:#386a95}


.main_business .slider_box li .btn { position:absolute; left:30px; bottom:20px; line-height:18px; color:#386a95; font-size:12px; }
.main_business .slider_box li .btn a {display:inline-block;; text-align:left;}

.main_business .slider_box li:hover .box h3 {font-size:30px; }
.main_business .slider_box li:hover .box{box-shadow: 0px 3px 10px rgb(169 151 124 / 20%);} 


.main_gallery {padding:100px 0px 140px; background:#f8f8f8; margin-top:80px;}
.main_gallery .title{}
.main_gallery .title .t0 span{display:inline-block; background:#386a95; height:12px; padding:0 20px; }
.main_gallery .title .t1{ font-size:60px;font-weight:bold; margin-top:20px; line-height:60px; color:#000; letter-spacing:-2px;}
.main_gallery .title .t2{ font-size:20px;  margin-top:15px; line-height:26px; color:#000; margin-top:40px;}

.main_gallery ul {text-align:center; overflow:hidden; margin-top:60px;}
.main_gallery ul li {text-align:center; width:400px; margin-right:20px; position:relative; border-radius:10px; overflow:hidden;}
.main_gallery ul li .box {position:relative;}
.main_gallery ul li .photo {position:relative; z-index:0;}
.main_gallery ul li .text_info {position:absolute; left:0px; bottom:0px; width:100%; background: linear-gradient(
            to bottom,
            rgba(20, 20, 20, 0) 10%,
            rgba(20, 20, 20, 0.25) 25%,
            rgba(20, 20, 20, 0.5) 50%,
            rgba(20, 20, 20, 0.75) 75%,
            rgba(20, 20, 20, 1) 100%
          ); z-index:1;}
.main_gallery ul li .text_info span {display:block; padding:20px; text-align:Center; color:#fff; font-size:15px; }








.main_last_quick_wrap {margin:100px 0px;  }
.main_last_quick_wrap .default_layout {overflow:hidden;}

.main_last_quick_wrap .daum_map_wrap {float:left; width:820px; border:1px #ddd solid;  border-radius:20px; overflow:hidden; }
.main_last_quick_wrap .daum_map_wrap #daum_map{height:400px;}
.main_last_quick_wrap .daum_map_wrap .map_info{padding:37px 30px; color:#000; font-size:18px; padding-left:100px; background:url(../images/main/main_map_add_icon.png) 30px 50% no-repeat;;;}



.main_last_quick_wrap .quick {float:right; width:544px;}
.main_last_quick_wrap .quick .quick_box {overflow:hidden;}
.main_last_quick_wrap .quick .quick_box li {float:left; width:49%; margin-bottom:2%; }
.main_last_quick_wrap .quick .quick_box li:nth-child(even) {float:right;}
.main_last_quick_wrap .quick .quick_box li .box {bordeR:1px #ddd solid;  padding:30px; border-radius:20px; position:relative;  text-align:center; background:#fff; }
.main_last_quick_wrap .quick .quick_box li .box .icon {position:relative;}
.main_last_quick_wrap .quick .quick_box li .box .icon span {display:inline-block; width:75px; height:75px; background:#f4f6f8; border-radius:75px; line-height:75px; text-align:center;}


.main_last_quick_wrap .quick .quick_box li .box .icon .lord-icon {width:40px; height:40px; margin-top:20px;}
.main_last_quick_wrap .quick .quick_box li .box .text {font-size:17px; font-weight:bold; color:#000; margin-top:20px;}
.main_last_quick_wrap .quick .quick_box li .box .text span {display:block; font-size:14px; margin-top:5px; font-weight:normal; color:#666;}
.main_last_quick_wrap .quick .cscenter {background:#f4f6f8 url(../images/main/main_last_quick_wrap_cscenter_icon.png) 30px 50% no-repeat;; padding:30px; border-radius:30px; position:relative; padding-left:120px; }
.main_last_quick_wrap .quick .cscenter .t_text {font-size:20px; font-weight:bold; color:#000;}
.main_last_quick_wrap .quick .cscenter .t_text span {position:absolute; right:30px; font-size:14px; font-weight:normal;}
.main_last_quick_wrap .quick .cscenter .t_tell {font-size:25px; color:#0c3966; font-weight:bold; letter-spacing:-2px; margin-top:10px; }
.main_last_quick_wrap .quick .cscenter .t_help {position:absolute; right:30px; top:65px; font-size:15px;  color:#333}



.main_last_quick_wrap .quick .quick_box li.naner .box span{background:#35a200; }
.main_last_quick_wrap .quick .quick_box li.naner .box span .fonti{color:#35a200; color:#fff; font-size:24px;  margin-top:-4px;}
.main_last_quick_wrap .quick .quick_box li.kakao .box {background:#fdb813  url(../images/main/quick_box_icon04.svg) 90% 90% no-repeat; border:0px; min-height:120px;   background-size:50px; text-align:left;}
.main_last_quick_wrap .quick .quick_box li.kakao .box .text{margin-top:0px; color:#381e1f;}
.main_last_quick_wrap .quick .quick_box li.kakao .box .text_etc {margin-top:5px; line-height:18px; font-size:13px; color:#381e1f;}
.main_last_quick_wrap .quick .quick_box li.kakao .box .text_btn {margin-top:20px}
.main_last_quick_wrap .quick .quick_box li.kakao .box .text_btn span{display:inline-block; background:#381e1f; color:#fff; border-radius:30px; font-size:12px; padding:0 15px; line-height:35px;}








@media all and (max-width:1024px) {

	/*메인비주얼*/
	.main_visual {text-align:center; position:relative; width:auto;height:auto; min-height:230px;  min-width:auto; z-index:1;}
	.main_visual #main_videos {position:relative; z-index:0; height:auto;   width:100%;  }

	.main_visual #main_videos {display:none;}
	.main_visual #main_videos.main_videos_mobile {display:block;}

	
	/*메인비지니스*/
	.main_business {padding:30px; background:#fff;margin:0 15px; margin-top:-30px; position:relative; z-index:2; border-radius:25px 25px 0px 0px}
	.main_business .title{ margin-top:0px; }
	.main_business .title .t0{display:none;}
	.main_business .title .t0 span{ height:8px; padding:0 20px; }
	.main_business .title .t1{ font-size:30px; margin-top:0px; line-height:45px;  letter-spacing:-3px;}
	.main_business .title .t2{ font-size:16px;  margin-top:5px; line-height:20px; letter-spacing:0px; }
	.main_business .title .t2 div{display:inline; }


	.main_business .slider_box { margin-top:30px;  }
	.main_business .slider_box ul li {float:none; width:auto; margin-right:0px;  height:auto; border-radius:10px; background-size:cover; margin-bottom:10px;}   
	.main_business .slider_box li .box { position:relative; padding:50px 30px;  width:auto;}
	.main_business .slider_box li .box .t1{color:#fff; font-size:22px; font-weight:normal; line-height:22px;padding-left:0px; }
	.main_business .slider_box li .box .t2{font-weight:normal; font-size:14px; color:#fff; ;margin-top:10px; line-height:20px;  height:auto; padding:0px; }
	.main_business .slider_box li .box .t3{padding:0px; margin-top:20px; }



	
	.main_gallery {padding:50px 30px 70px; margin-top:50px;}
	.main_gallery .title .t0 {display:none;}
	.main_gallery .title .t1{ font-size:30px; margin-top:10px; line-height:30px;}
	.main_gallery .title .t2{ font-size:16px;  margin-top:10px; line-height:24px;}
	.main_gallery .title .t2 div{display:inline}

	.main_gallery ul {margin-top:40px;}
	.main_gallery ul li {width:200px; margin-right:10px; border-radius:10px; overflow:hidden;}
	.main_gallery ul li .photo img{width:100%;}
	
	

	
	.main_last_quick_wrap {margin:0px;  }
	.main_last_quick_wrap .default_layout {overflow:hidden;}

	.main_last_quick_wrap .daum_map_wrap {float:none; width:auto;   border-radius:0px; border:0px; }
	.main_last_quick_wrap .daum_map_wrap #daum_map{height:200px;}
	.main_last_quick_wrap .daum_map_wrap .map_info{padding:20px;  font-size:14px;  border-bottom:1px #ededed solid;}



	.main_last_quick_wrap .quick {float:none; width:auto; margin:30px;}
	.main_last_quick_wrap .quick .quick_box li {width:33% !important;  float:left !important; margin:0px !important;}
	.main_last_quick_wrap .quick .quick_box li:nth-child(2n) {margin:0 0.5% !important;}
	.main_last_quick_wrap .quick .quick_box li .box {bordeR:1px #ddd solid;  padding:10px 0px; border-radius:10px;}
	.main_last_quick_wrap .quick .quick_box li .box .icon {height:75px;}
	.main_last_quick_wrap .quick .quick_box li .box .text {font-size:15px;  margin-top:5px;}
	.main_last_quick_wrap .quick .quick_box li.kakao {width:auto !important; margin:5px 0px 15px !important;;}
	.main_last_quick_wrap .quick .quick_box li.kakao .box  {padding:30px;}


	.main_last_quick_wrap .quick .cscenter {border-radius:10px;}
	.main_last_quick_wrap .quick .cscenter .t_text strong {display:block;}
	.main_last_quick_wrap .quick .cscenter .t_text span {position:relative; right:0px; font-size:14px; font-weight:normal;}



}



@media all and (min-width:1025px) and (max-width:1440px) {

	
	/*메인비주얼*/
	.main_visual {height:650px;  min-width:auto;}



	/*메인비지니스*/
	.main_business {padding:60px 1%; }
	
	.main_business .slider_box { margin-top:30px;  }
	.main_business .slider_box ul li {float:left; width:49%; margin:0px; margin-bottom:2%;background-size:cover; height:250px; border-radius:10px; }  
	.main_business .slider_box ul li:nth-child(2n+2) {float:right;} 

	.main_gallery {padding:100px 1% 140px;}



	.main_last_quick_wrap {margin:100px 1%;  }

	.main_last_quick_wrap .daum_map_wrap {float:left; width:45%; border:1px #ddd solid;  border-radius:20px; overflow:hidden; }
	.main_last_quick_wrap .daum_map_wrap #daum_map{height:400px;}
	.main_last_quick_wrap .daum_map_wrap .map_info{padding:37px 10px; color:#000; font-size:15px; }



	.main_last_quick_wrap .quick {float:right; width:53%;}
	.main_last_quick_wrap .quick .quick_box {overflow:hidden;}
	.main_last_quick_wrap .quick .quick_box li {float:left; width:49%; margin-bottom:2%; }
	.main_last_quick_wrap .quick .quick_box li:nth-child(even) {float:right;}
	.main_last_quick_wrap .quick .quick_box li .box {bordeR:1px #ddd solid;  padding:30px; border-radius:20px; position:relative;  text-align:center; background:#fff; }
	.main_last_quick_wrap .quick .quick_box li .box .icon {position:relative;}
	.main_last_quick_wrap .quick .quick_box li .box .icon span {display:inline-block; width:75px; height:75px; background:#f4f6f8; border-radius:75px; line-height:75px; text-align:center;}
	.main_last_quick_wrap .quick .quick_box li .box .icon span.kakao {background:#fdb813  url(../images/main/quick_box_icon04.svg) center 50% no-repeat;   background-size:30px;}





	.main_last_quick_wrap .quick .quick_box li .box .icon .lord-icon {width:40px; height:40px; margin-top:20px;}
	.main_last_quick_wrap .quick .quick_box li .box .text {font-size:17px; font-weight:bold; color:#000; margin-top:20px;}
	.main_last_quick_wrap .quick .quick_box li .box .text span {display:block; font-size:14px; margin-top:5px; font-weight:normal; color:#666;}
	.main_last_quick_wrap .quick .cscenter {background:#f4f6f8 url(../images/main/main_last_quick_wrap_cscenter_icon.png) 30px 50% no-repeat;; padding:30px; border-radius:30px; position:relative; padding-left:120px; }
	.main_last_quick_wrap .quick .cscenter .t_text {font-size:20px; font-weight:bold; color:#000;}
	.main_last_quick_wrap .quick .cscenter .t_text span {position:absolute; right:30px; font-size:14px; font-weight:normal;}
	.main_last_quick_wrap .quick .cscenter .t_tell {font-size:25px; color:#0c3966; font-weight:bold; letter-spacing:-2px; margin-top:10px; }
	.main_last_quick_wrap .quick .cscenter .t_help {position:absolute; right:30px; top:65px; font-size:15px;  color:#333}



}