@charset "utf-8";



/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:600px;  overflow:hidden; z-index:1; }
.main_visual ul { position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%;  background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%;  top:0px;  color:#fff; z-index:2;  }

.main_visual .main_visual_text .text {position:absolute; left:0px; top:100px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:30px; color:#555; font-weight:bold; }
.main_visual .main_visual_text .t2 {display:block; font-size:60px; font-weight:bold; padding:30px 0px 20px; line-height:60px; background: linear-gradient(to right, #28336f, #13c148);  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.main_visual .main_visual_text .t3 {font-size:16px;color:#999 }


.main_visual .photo {position:absolute; right:0px; top:80px; z-index:4;}
.main_visual .btn {position:absolute; left:0px; top:430px; z-index:4;}
.main_visual .btn a{display:inline-block; background:#252f68; color:#fff; padding:0 20px; line-height:45px; border-radius:45px;}




.main_about_wrap {margin-top:0px; position:relative; margin-top:320px;background:#f8f8f8}
.main_about_wrap .title {font-size:40px; COLOR:#000; font-weight:bold;; position:relative; top:-190px;}
.main_about_wrap .col_box {display:table; width:100%;   position:relative; top:-120px;}
.main_about_wrap .col_box .col {display:table-cell; vertical-align:middle; padding:60px 0px;}
.main_about_wrap .col_box .col.m1 {background:#444;}
.main_about_wrap .col_box .col.m2 {background:#e9c13c;}
.main_about_wrap .col_box .col.m3 {background:#394bb7;}

.main_about_wrap .col_box .col dl {text-align:Center;}
.main_about_wrap .col_box .col dl dt{font-size:22px; color:#fff;}
.main_about_wrap .col_box .col dl dd{font-size:15px; color:#fff; margin-top:10px;}

.main_about_wrap .col_box .col .photo {text-align:center; height:220px; line-height:220px;  margin-top:30px;}
.main_about_wrap .col_box .col .photo img {vertical-align:middle;}









.main_quick_wrap { margin:100px 0px;}
.main_quick_wrap .title {font-size:40px; color:#000; font-weight:bold; text-align:left;} 
.main_quick_wrap ul {font-size:0px; text-align:center; margin-top:50px;}
.main_quick_wrap ul li {display:inline-block; width:224px; margin-right:20px; font-size:16px;}
.main_quick_wrap ul li.last {margin-right:0px; }
.main_quick_wrap ul li .box {text-align:center; background:#fff;  padding:20px 0px;    box-shadow: 0px 1px 10px rgb(0 0 0 / 20%); border-radius:10px;}
.main_quick_wrap ul li .box .icon {text-align:center;}
.main_quick_wrap ul li .box .icon span {display:inline-block; width:140px; height:140px; line-height:140px; border-radius:140px}
.main_quick_wrap ul li .box .icon span img {vertical-align:middle;}
.main_quick_wrap ul li .box .text {margin-top:15px; color:#000; font-size:16px;}




.main_bottom_warp {overflow:hidden; background: linear-gradient(to right, #28336f, #13c148); padding:60px 0px;}


.main_info_box_wrap h3{font-size:25px; ; overflow:hidden; line-height:25px; margin-bottom:20px; color:#fff; }
.main_info_box_wrap h3 a{float:right;}
.main_info_box_wrap h3 a span{display:inline-block; line-height:20px; padding:2px 10px 0px; color:#fff; font-size:12px; font-weight:normal;}



.main_info_box_wrap {display:table; width:100%; }
.main_info_box_wrap .col {display:table-cell; vertical-align:top; padding:40px 0px;}

.main_info_box_wrap .news { border-left:0px; width:740px; }
.main_info_box_wrap .news ul{overflow:hidden;}
.main_info_box_wrap .news ul li {float:left; width:350px; }
.main_info_box_wrap .news ul li:nth-child(2n+2) {float:right;}
.main_info_box_wrap .news ul li .photo img{vertical-align:top; }
.main_info_box_wrap .news ul li dl {padding:30px 30px 0px;;}
.main_info_box_wrap .news ul li dl dt{ font-size:17px;  color:#fff;   overflow:hidden;    white-space:nowrap;    text-overflow:ellipsis;   }
.main_info_box_wrap .news ul li dl dd{margin-top:10px; font-size:14px; color:#fff; line-height:18px;}
.main_info_box_wrap .news ul li:hover dl dt {text-decoration:underline; color:#fff;}
.main_info_box_wrap .news ul li:hover dl dd {text-decoration:underline;}


.main_info_box_wrap .cs_box_wrap {padding-left:60px}
.main_info_box_wrap .cs_box_wrap .cs_box {border:1px rgba(255,255,255,0.6) solid; padding:20px 30px; padding-left:80px}
.main_info_box_wrap .cs_box_wrap .cs_box.cs_box01 {margin-bottom:15px; background:url(../images/main/cs_box01_bg.png) 30px 50% no-repeat;}
.main_info_box_wrap .cs_box_wrap .cs_box.cs_box01 .call {font-size:30px;  margin-bottom:10px;   color: #fff;}
.main_info_box_wrap .cs_box_wrap .cs_box.cs_box01 .time {font-size:14px;  line-height:16px; color:#fff;}
.main_info_box_wrap .cs_box_wrap .cs_box.cs_box01 .time span {color:#f2e8e8;}
.main_info_box_wrap .cs_box_wrap .cs_box.cs_box02 {background:url(../images/main/cs_box02_bg.png) 30px 50% no-repeat;}
.main_info_box_wrap .cs_box_wrap .cs_box.cs_box02 .title {font-size:30px;     color: #fff; margin-bottom:10px;}
.main_info_box_wrap .cs_box_wrap .cs_box.cs_box02 .add  {font-size:16px; color:#fff;}



.main_info_box_wrap .cs_box_wrap .btn {margin-top:30px ; background:#fff; border:1px #333 solid; overflow:hidden;}
.main_info_box_wrap .cs_box_wrap .btn span{float:left; width:50%; text-align:center;}
.main_info_box_wrap .cs_box_wrap .btn span a{display:block; line-height:44px; background:#fff; transition: all 0.3s; }
.main_info_box_wrap .cs_box_wrap .btn span a:hover{background:#ff6600; color:#fff; border-color:#333; transition: all 0.2s; }
.main_info_box_wrap .cs_box_wrap .btn span a.last{border-right:1px #333 solid;}