@charset "utf-8";


@font-face {
    font-family: 'twayair';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayair.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




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


.main_visual .main_visual_text {position:absolute; width:100%; height:700px; 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:250px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:30px;  letter-spacing:-1px; line-height:20px;  }
.main_visual .main_visual_text .t2 {font-size:45px;  letter-spacing:-1px; line-height:50px; padding:15px 0px; font-weight:bold; color:#fff;}
.main_visual .main_visual_text .t3 {font-size:15px;  letter-spacing:-1px; line-height:30px; display:none;}


.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:250px;  z-index:99999999;  text-align:left;}
.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:#fff; border:1px #fff solid;}



/*메인퀵*/
.main_quick_wrap_box {position:absolute; left:0px; width:100%; bottom:100px;  z-index:99999999;}
.main_quick_wrap_box .main_quick_wrap {display:table; width:100%; table-layout:fixed; position:relative; z-index:9; box-shadow: 0px 3px 3px rgba(0,0,0,0.2);  overflow:hidden; z-index:99; }
.main_quick_wrap_box .main_quick_wrap li{display:table-cell; vertical-align:middle; background:#fff; padding:15px 0px; text-align:center; transition: all .2s; font-size:15px; border-right:1px #ddd solid;}
.main_quick_wrap_box .main_quick_wrap li.m5 { border-right:0px;}
.main_quick_wrap_box .main_quick_wrap li.m1 {background:#ffd246}
.main_quick_wrap_box .main_quick_wrap li a{color:#000;}
.main_quick_wrap_box .main_quick_wrap li .icon {height:80px; line-height:80px;}
.main_quick_wrap_box .main_quick_wrap li .icon img {vertical-align:middle;}
.main_quick_wrap_box .main_quick_wrap li:hover {background:#f8f8f8;}




.main_business_wrap {margin-top:-200px; position:relative;   z-index:2;}

.main_business_wrap .col_box {display:table; width:100%;   position:relative; table-layout:fixed;}
.main_business_wrap .col_box .col {display:table-cell; vertical-align:top;  text-align:left;position:relative;  padding-bottom:80px;}
.main_business_wrap .col_box .col .box {padding:40px; }
.main_business_wrap .col_box .col.m1 {background:#e2812b;}
.main_business_wrap .col_box .col.m2 {background:#8a88c2;}
.main_business_wrap .col_box .col.m3 {background:#646366;}
.main_business_wrap .col_box .col.m4 {background:#53987d;}


.main_business_wrap .col_box .col .more {position:absolute; right:0px; bottom:0px;}
.main_business_wrap .col_box .col .more a {display:block; width:50px; height:50px;  line-height:50px; background:rgba(255,255,255,0.2); text-align:center; color:#fff; font-size:30px;}
.main_business_wrap .col_box .col.m1 .more a {background:#a96224;}
.main_business_wrap .col_box .col.m2 .more a {background:#595785;}
.main_business_wrap .col_box .col.m3 .more a {background:#4d4d4f}
.main_business_wrap .col_box .col.m4 .more a {background:#3e7660;}

.main_business_wrap .col_box .col dl dt{font-size:22px; color:#fff;}
.main_business_wrap .col_box .col dl dd{font-size:15px; color:rgba(255,255,255,0.6); margin-top:20px; line-height:20px;}

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


.main_box01_wrap {overflow:hidden; margin-top:20px;}
.main_box01_wrap .left_box {float:left; width:750px;  background:#f6f6f6 url(../images/main/main_box01_wrap_left_icon_new.png) 90% 50% no-repeat;}
.main_box01_wrap .left_box .box {padding:50px;}
.main_box01_wrap .left_box .box .title {font-size:35px; color:#f8b947; font-weight:bold;}
.main_box01_wrap .left_box .box .subject {font-size:25px; color:#000;  font-weight:bold; margin:25px 0px;}
.main_box01_wrap .left_box .box .subject_info {font-size:15px; color:#777; line-height:18px; margin-right:250px;}
.main_box01_wrap .left_box .box .btn {margin-top:20px;}
.main_box01_wrap .left_box .box .btn a {display:inline-block; line-height:30px; padding:0 10px; background:#444; color:#fff; font-size:12px;}

.main_box01_wrap .right_box {float:right; width:430px;}
.main_box01_wrap .right_box .right_box_box01 {background:#c5d2ce; height:141px;}
.main_box01_wrap .right_box .right_box_box02 {background:#d0d0d0; height:141px; margin-top:20px;}
.main_box01_wrap .right_box dl {padding:30px ;}
.main_box01_wrap .right_box dl dt { font-size:22px; color:#000;}
.main_box01_wrap .right_box dl dd {font-size:14px; color:#777;}
.main_box01_wrap .right_box dl dd.tell {font-size:30px; margin:15px 0px 5px; color:#000; font-weight:bold;}
.main_box01_wrap .right_box dl dd a {display:inline-block; line-height:30px; padding:0 10px; background:#737373; color:#fff; font-size:12px; margin-top:10px;}



/*메인마지막정보*/
.main_info_box {padding:30px 0px;}
.main_info_box h3{font-size:20px;  overflow:hidden; line-height:25px; margin-bottom:20px; color:#000;}
.main_info_box h3 a{float:right;}
.main_info_box h3 a span{display:inline-block; line-height:20px; padding:2px 10px 0px; border:1px #d3d6da solid; background:#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 40px 20px; border:1px #ddd solid; }
.main_info_box .notice {width:330px;}
.main_info_box .notice ul{}
.main_info_box .notice ul li {overflow:hidden; line-height:25px; font-size:13px; padding-left:10px; background:url(../images/main/main_notice_dot.jpg) left 11px no-repeat;}
.main_info_box .notice ul li a{float:left; width:70%;  color:#555555}
.main_info_box .notice ul li a:hover{text-decoration:underline;}
.main_info_box .notice ul li span{float:right; color:#aaaaaa;}
.main_info_box .notice .btn {margin-top:30px ; background:#fff; border:1px #cccccc solid; overflow:hidden;}
.main_info_box .notice .btn span{float:left; width:50%; text-align:center;}
.main_info_box .notice .btn span a{display:block; line-height:44px; background:#fff; transition: all 0.3s; }
.main_info_box .notice .btn span a:hover{background:#ff6600; color:#fff; border-color:#ff6600; transition: all 0.2s; }
.main_info_box .notice .btn span a.last{border-right:1px #cccccc solid;}



.main_info_box .news { border-left:0px;}
.main_info_box .news ul{overflow:hidden;}
.main_info_box .news ul li {float:left; width:220px; margin-right:20px; }
.main_info_box .news ul li:nth-child(3n+3) {margin-right:0px;}
.main_info_box .news ul li .photo img{vertical-align:top; width:100%; height:130px;;}
.main_info_box .news ul li dl dt{font-weight:bold; font-size:14px; padding-top:5px; color:#000000;   overflow:hidden;    white-space:nowrap;    text-overflow:ellipsis; padding-right:10px;}
.main_info_box .news ul li dl dd{margin-top:3px; font-size:12px; color:#777777; line-height:18px;}
.main_info_box .news ul li:hover dl dt {text-decoration:underline; color:#000;}
.main_info_box .news ul li:hover dl dd {text-decoration:underline;}