@charset "utf-8";



/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; ; min-width:1400px; z-index:1;}
.main_visual ul#main_visual_wrap {height:850px; position:relative; z-index:1;}
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:850px; background-size:cover}


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


.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:320px;  z-index:99999999;  text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:10px; height:10px; margin:0 3px; border-radius:13px; border:1px #ddd solid; }
.main_visual .main_pager .cycle-pager-active{background:#285eb7; border:1px #285eb7 solid;}



.main_visual .scroll_down {position:absolute; left:0px;  bottom:150px; width:100%; text-align:center; z-index:9999999 !important; }
.main_visual .scroll_down .scroll_positoin {
	position: relative;
    display: inline-block;
    width: 33px;
	height: 60px;
    border: 3px solid #fff;
    border-radius: 40px;
}
.main_visual .scroll_down .scroll_positoin:after {
    content: "";
    position: absolute;
	top: 8px;
    left: 14px;
	width: 4px;
    height: 6px;
    background: #ebddc6;
    border-radius: 10px;
   
    -webkit-animation: mouse 0.9s linear infinite;
    -moz-animation: mouse 0.9s linear infinite;
    -ms-animation: mouse 0.9s linear infinite;
    -o-animation: mouse 0.9s linear infinite;
    animation: mouse 0.9s linear infinite;
}

@keyframes mouse {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}
	70% {
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
		-ms-transform: translateY(8px);
		-o-transform: translateY(8px);
        transform: translateY(8px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}  
}




/*메인비지니스*/
.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:#285eb7; 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:-2px;}
.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; }   
.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; padding:0px 40px 40px; }

.main_business .slider_box li .btn { position:absolute; left:30px; bottom:20px; line-height:18px; color:#285eb7; 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:#285eb7; 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;}
.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; }



.center_quick_box_wrap {margin:80px 0px;}
.center_quick_box_wrap .col_box {font-size:0px; }
.center_quick_box_wrap .col_box .col{display:inline-block; width:300px; margin-right:20px;background:#fff;border-radius:10px; border:1px #ededed solid; transition: all .2s;     vertical-align:top; }
.center_quick_box_wrap .col_box .col.last{margin-right:0px;}
.center_quick_box_wrap .col_box .col .box {/*box-shadow: 3px 3px 15px rgb(0 0 0 / 10%); border-radius:10px; border:1px #ededed solid;*/}
.center_quick_box_wrap .col_box .col .box .title{font-size:20px; font-weight:bold; color:#000; text-align:center; }
.center_quick_box_wrap .col_box .col .box .title span{font-size:14px; font-weight:normal; display:block; line-height:18px; margin-top:10px; color:#888; }
.center_quick_box_wrap .col_box .col .box {padding:25px 0px;  height:160px;}
.center_quick_box_wrap .col_box .col .box .icon{text-align:center; margin-top:25px;}
.center_quick_box_wrap .col_box .col .box .icon img {vertical-align:middle;}

.center_quick_box_wrap .col_box .col.cscenter .box  {padding:25px;}
.center_quick_box_wrap .col_box .col.cscenter .box .title{color:#000; text-align:left; }
.center_quick_box_wrap .col_box .col.cscenter .box .title span{color:#888; }
.center_quick_box_wrap .col_box .col.cscenter{width:410px; background:#fff  ; color:#fff;  }
.center_quick_box_wrap .col_box .col.cscenter .call{font-size:40px; margin-top:25px; color:#285eb7; font-weight:900; letter-spacing:-2px;}
.center_quick_box_wrap .col_box .col.cscenter .time{font-size:14px; margin-top:30px; line-height:16px; color:#333;}



.main_recognize {margin-top:80px; overflow:hidden;}
.main_recognize .lay_col {overflow:hidden;}
.main_recognize .lay_col .col_list {float:left; width:46%;}
.main_recognize .lay_col .col_list.right {float:right;}
.main_recognize .title { font-size:40px; font-weight:bold; color:#000; line-height:40px;  position:relative;}
.main_recognize .title .text {display:block; font-size:16px; font-weight:normal; margin-top:0px; line-height:25px; color:rgba(0,0,0,0.6); margin-top:5px;}
.main_recognize .title a.more {position:absolute; right:0px; top:0px; width:49px; height:49px; border-radius:49px; background:#285eb7; text-align:center; line-height:49px;}

.main_recognize .title a.more span:before, 
.main_recognize .title a.more span:after {position: absolute;top:15px; left:23px;content:' ';height:15px;width:1px;background-color: #fff;}
.main_recognize .title a.more span:before {transform: rotate(0deg);}
.main_recognize .title a.more span:after {transform: rotate(-90deg);}



.main_recognize  .lay_col ul {text-align:left; margin-top:20px;border-top:1px #ededed solid; }
.main_recognize  .lay_col ul li{border-bottom:1px #ededed solid; position:relative; overflow:hidden; vertical-align:top; padding:20px 0px;}
.main_recognize  .lay_col ul li .t1 {font-size:20px; color:#000; }
.main_recognize  .lay_col ul li .col_box {margin-top:0px; font-size:15px; color:#777;}
.main_recognize  .lay_col ul li .col_box .col{display:inline-block; margin-right:20px; }
.main_recognize  .lay_col ul li .col_box .col span{color:#777}
.main_recognize  .lay_col ul li .col_box .col strong{display:inline-block;margin-left:3px;}