@charset "utf-8";



/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px; min-width:1400px; overflow:hidden; z-index:1;}
.main_visual ul#main_visual_wrap {height:550px; position:relative; z-index:1;}
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:550px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; height:550px; 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.4); z-index:0;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:210px; color:#fff; text-align:center; }
.main_visual .main_visual_text .t1 {font-size:50px;  letter-spacing:-3px; line-height:50px;  font-weight:bold; }
.main_visual .main_visual_text .t2 {font-size:18px;  letter-spacing:-1px; margin-top:25px; color:#fff;}



.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:50px;  z-index:99999999;  text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:15px; height:15px; margin:0 3px; border-radius:15px; background:#fff;  opacity:0.6}
.main_visual .main_pager .cycle-pager-active{background:#5c3da3;  opacity:1}



.main_center_wrap {margin-top:80px;}
.main_center_wrap .title {font-size:20px; color:#000; font-weight:bold; margin-bottom:20px;}
.main_center_wrap .title .icon {display:inline-block; margin-right:10px;}
.main_center_wrap .title img  {vertical-align:middle;}
.main_center_wrap .col_box {width:100%; table-layout:fixed; display:table;}
.main_center_wrap .col  {display:table-cell; padding:0 60px; border-right:1px #ddd solid; }
.main_center_wrap .col.left  {padding-left:30px;  }
.main_center_wrap .col.right  {padding-right:0px; border-right:0px;  background:url(../images/main/main_center_wrap_right_bg.png) right bottom no-repeat;}

.main_center_wrap .col.left .call {font-size:35px; line-height:35px; font-weight:bold; color:#5c3da3; }
.main_center_wrap .col.left .info_text {font-size:15px; line-height:18px; color:#888; margin-top:15px;}
.main_center_wrap .col  ul.list_text li {font-size:14px; padding:0 0 0 83px;   color:#555; line-height:22px; position:relative; }
.main_center_wrap .col  ul.list_text li .s_title {position:absolute; left:0px; top:0px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;  padding-left:10px;}
.main_center_wrap .col  ul.list_text li.last {padding-left:10px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;}
.main_center_wrap .col  ul.list_text li.last .color {color:#ea4646;}


.main_center_wrap .col.right .text {font-size:17px; color:#333}
.main_center_wrap .col.right .text_add {font-size:12px; color:#999}


.main_business_wrap ul{overflow:hidden; margin-top:80px;}
.main_business_wrap ul li {float:left; width:413px; margin-bottom:30px; border-radius:10px;}
.main_business_wrap ul li .box {padding:50px; min-height:200px;  }
.main_business_wrap ul li.center {margin:0 30px 30px;}
.main_business_wrap ul li dl {color:#0076c4;}
.main_business_wrap ul li dl dt {font-size:22px; font-weight:bold; }
.main_business_wrap ul li dl dd {font-size:15px; line-height:18px; margin-top:10px; }
.main_business_wrap ul li .more {margin-top:35px;}
.main_business_wrap ul li .more a {display:inline-block; padding:0 20px; line-height:30px; border:1px #000 solid; color:#000;}
.main_business_wrap ul li.m1 {background:#e0edf4 url(../images/main/main_business_wrap_bg01_new.png) right 95% no-repeat;}
.main_business_wrap ul li.m2 {background:#37c3d1 url(../images/main/main_business_wrap_bg02_new.png) right 95% no-repeat;}
.main_business_wrap ul li.m2 dl {color:#000;}
.main_business_wrap ul li.m3 {background:#59977f url(../images/main/main_business_wrap_bg03_new.png) right 95% no-repeat;}
.main_business_wrap ul li.m3 dl {color:#fff;}
.main_business_wrap ul li.m3 .more a {color:#fff; border-color:#fff;}




.main_common_title {font-size:22px; font-weight:bold; color:#000; margin-bottom:20px;position:relative;}
.main_common_title span {display:block; font-size:15px; font-weight:normal; color:#888; margin-top:5px;}
.main_common_title .more {position:absolute; right:0px; top:20px;}
.main_common_title .more a{display:block; font-size:13px; font-weight:normal; color:#000;}
.main_common_title .more a:hover{color:#5c3da3;}

.main_news {margin-top:60px; }
.main_news ul {text-align:center; position:relative; font-size:0px;  transition: all 0.4s;  width:1300px !important; overflow:hidden;}
.main_news ul li{display:inline-block;; width:640px !important; margin-right:20px;  position:relative; top:0px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; transition: all 0.4s; }
.main_news ul li .box {padding:30px;border-radius:15px; background:#fff; position:relative;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; text-align:left; border:3px #f3f2f2 solid; transition: all 0.4s;}


.main_news ul li .photo {position:absolute; left:30px; top:30px; width:110px; height:110px; overflow:hidden;  text-align:center; border-radius:10px; }
.main_news ul li .photo .no_img {display:block;  vertical-align:top; line-height:110px; color:#ddd;  height:110px; background:#f2f2f2; font-size:11px;  text-align:center;}

.main_news ul li .photo img{vertical-align:middle;}
.main_news ul li .text_box {margin-left:140px;}
.main_news ul li .t1{font-size:20px; height:22px; line-height:22px; color:#000; white-space: normal;}
.main_news ul li .t2{font-size:15px; margin-top:20px;  height:36px; line-height:18px; font-weight:normal; white-space: normal;}
.main_news ul li .t3 { text-align:left; font-size:12px; color:#999; margin-top:10px;}
.main_news ul li:hover {top:-20px;  transition: all 0.2s;}
.main_news ul li:hover .box {border-color:#5c3da3;}
.main_news ul li:hover .box .t1 {color:#5c3da3;}
.main_news .notice_pager {text-align:center; margin-top:20px;}
.main_news .notice_pager span {width:15px; height:15px; background:#999; border-radius:15px; display:inline-block; margin:0 3px; cursor:pointer;}
.main_news .notice_pager span.cycle-pager-active {background:#5c3da3; width:50px;}