@charset "utf-8";




#main_visual {text-align:center; position:relative; overflow:hidden;}
#main_visual ul {position:relative; z-index:1;}
#main_visual li {width:100%; text-align:center;}
#main_visual li img {width:100%; text-align:center; vertical-align:top;} 

#main_visual .main_visual_text {position:absolute; width:100%; bottom:80px; color:#fff; z-index:2; }

#main_visual .main_visual_text .bg{position:absolute; bottom:-80px; left:0px; width:100%; height:780px; background:rgba(0,0,0,0.3); z-index:0;}

#main_visual .main_visual_text .t1{font-size:16px; line-height:40px; font-weight:bold; position:relative; z-index:3;}
#main_visual .main_visual_text .t2{font-size:25px; padding-top:10px; position:relative; z-index:3; padding:0 10px;}

#main_visual .main_pager {position:absolute; width:100%; bottom:20px; z-index:3; text-align:center; opacity:0.9; }
#main_visual .main_pager span {display:inline-block; width:30px; height:3px; background:#fff; margin:0 2px; cursor:pointer;}
#main_visual .main_pager span.cycle-pager-active {background:#ddd;}




/*메인비지니스*/
.main_business {padding:20px 0px; text-align:left; }
.main_business .title{ margin-top:30px; padding:0 20px; }
.main_business .title .t0 span{display:inline-block; background:#285eb7; height:12px; padding:0 20px; }
.main_business .title .t1{ font-size:40px; margin-top:10px; line-height:40px;   letter-spacing:-1px;}
.main_business .title .t2{ font-size:16px;  margin-top:10px; line-height:20px;  }


.main_business .slider_box { margin-top:20px;  }
.main_business .slider_box ul {overflow:hidden;}
.main_business .slider_box ul li { vertical-align:top;   position:relative;background-repeat:no-repeat; background-position:center;  background-size:cover; }   
.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 {background-image:url(../../images/main/main_business_04.jpg);} 


.main_business .slider_box li .box { padding:50px 20px;}
.main_business .slider_box li .box .t1{color:#fff; font-size:22px; font-weight:normal; line-height:22px; transition: all 0.3s; }
.main_business .slider_box li .box .t2{font-weight:normal; font-size:14px; color:#fff; ;margin-top:10px; line-height:20px;  }

.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:50px 0px 80px;  margin-top:20px; overflow:hidden;}
.main_gallery .title{padding:0 20px;}
.main_gallery .title .t0 span{display:inline-block; background:#285eb7; height:12px; padding:0 20px; }
.main_gallery .title .t1{ font-size:40px; margin-top:10px; line-height:40px;   letter-spacing:-1px;}
.main_gallery .title .t2{ font-size:16px;  margin-top:10px; line-height:20px;  }

.main_gallery ul {text-align:center; overflow:hidden; margin-top:60px;}
.main_gallery ul li {text-align:center; width:250px; 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 .photo img {vertical-align:middle; width:100%;}
.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_recognize {margin-top:0px; overflow:hidden; background:#fff;}
.main_recognize .lay_col {overflow:hidden;}
.main_recognize .lay_col .col_list {padding:30px 15px;}

.main_recognize .title { font-size:30px; 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:18px; color:#000; }
.main_recognize  .lay_col ul li .col_box {margin-top:0px; font-size:13px; 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;}



.center_quick_box_wrap {margin:10px 0px; background:#fff;}
.center_quick_box_wrap .col_box {font-size:0px; }
.center_quick_box_wrap .col_box .col{display:block;  background:#fff;  border-bottom: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{  background:#fff  ; color:#fff;  }
.center_quick_box_wrap .col_box .col.cscenter .call{font-size:30px; font-weight:bold; margin-top:25px; color:#285eb7; font-weight:bold;}
.center_quick_box_wrap .col_box .col.cscenter .time{font-size:14px; margin-top:5px; line-height:16px; color:#333;}


