@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:420px; min-width:1420px; overflow:hidden; z-index:1;}
.main_visual ul {height:420px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:420px; background-size:cover}


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


.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:100px;  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:#666; border:1px #666 solid;}



/*메인퀵*/
.main_quick_wrap {display:table; width:100%; table-layout:fixed; position:relative;margin-top:-60px; z-index:9; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); border-radius:15px; overflow:hidden;}
.main_quick_wrap li{display:table-cell; vertical-align:middle; background:#fff; padding:15px 0px; text-align:center; transition: all .2s; font-size:15px;}
.main_quick_wrap li a{color:#000;}
.main_quick_wrap li .icon {height:80px; line-height:80px;}
.main_quick_wrap li .icon img {vertical-align:middle;}


/*메인퀵서비스*/
.main_quick_service_wrap {padding:80px 0px;}
.main_quick_service_wrap .col_box {display:table; width:100%; table-layout:fixed;}
.main_quick_service_wrap .col_box .col {display:table-cell; vertical-align:top; padding:40px 0px;}
.main_quick_service_wrap .col_box .col.left {padding-right:60px; background:url(../images/main/main_quick_service_wrap_icon01.png) 95% 50% no-repeat;}
.main_quick_service_wrap .col_box .col.right {padding-left:60px; background:url(../images/main/main_quick_service_wrap_icon02.png) right 50% no-repeat;}
.main_quick_service_wrap .col_box .col .t1 {font-size:24px; color:#8a88c2;}
.main_quick_service_wrap .col_box .col .t2 {font-size:24px; color:#000; font-weight:bold; margin-top:10px;}
.main_quick_service_wrap .col_box .col .btn {margin-top:20px; font-size:16px;}
.main_quick_service_wrap .col_box .col .btn a{display:block; color:#333;}




/*공지*/
.main_notice_wrap {position:relative;  background:#f8f8f8; padding:60px 0px;}
.main_notice_wrap .title {font-size:40px; font-weight:bold; color:#272727;  position:absolute; left:0px; top:0px;}
.main_notice_wrap .title span{font-size:35px; font-weight:normal;display:inline-block; margin-left:10px;}

.main_notice {position:relative;  height:310px; overflow:hidden;}

.notice_tep h3 {float:left; position:relative;;  border:1px #ddd solid !important;  border-radius:30px; background:#fff;}
.notice_tep h3 a{display:block; padding:8px 16px; font-size:16px; font-weight:normal; color:#353535;   }

#notice_tep0 h3{left:40%;}
#notice_tep1 h3{left:42%;}
#notice_tep2 h3{left:44%;}


.main_notice .on_check h3 { border-radius:30px;background:#333; border-color:#333 }
.main_notice .on_check h3 a{color:#fff; }
.main_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:0;top:70px;width:100%; display:none;}
.notice_tep div ul#pc_notice_slider {display:block;}
.notice_tep div ul#mobile_notice_slider {display:none;}

.notice_tep div ul {font-size:0px; padding-left:1px;}
.notice_tep div ul li {display:inline-block;  width:380px; background:#00427e; }
.notice_tep div ul li:nth-child(2) {margin:0px 28px;}
.notice_tep div ul li .box {border:1px #8a88c2 solid;;position:relative; background:#8a88c2; padding:30px; }
.notice_tep div ul li .box .c_name{ font-size:15px; color:#fff;line-height:20px;}
.notice_tep div ul li .box .subject{margin-top:25px; font-size:16px; color:#fff; line-height:18px; min-height:54px;  color:#fff;}
.notice_tep div ul li .box .etc{position:relative; margin-top:20px; font-size:13px; color:#fff; }
.notice_tep div ul li .box .hidden_more {position:absolute;right:0px; top:0px; }
.notice_tep div ul li .box .hidden_more span {display:inline-block; line-height:30px; padding:0 40px 0px 20px; border:2px #fff solid; border-radius:30px; background:url(../images/main/notice_more_dot.png) 85% 50% no-repeat;}

.notice_tep div ul li:hover .box {border-color:#63628d; background:#63628d;}
.notice_tep div ul li:hover .c_name ,
.notice_tep div ul li:hover .subject,
.notice_tep div ul li:hover .etc {color:#fff;}
.notice_tep div ul li:hover .hidden_more { display:block;}




.main_bottom_warp {overflow:hidden; padding:60px 0px;}


.main_info_box_wrap h3{font-size:25px; ; overflow:hidden; line-height:25px; margin-bottom:20px; color:#000; }
.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:#000; 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 10px 0px;;}
.main_info_box_wrap .news ul li dl dt{ font-size:17px;  color:#000;   overflow:hidden;    white-space:nowrap;    text-overflow:ellipsis;   }
.main_info_box_wrap .news ul li dl dd{margin-top:10px; font-size:14px; color:#000; line-height:18px;}
.main_info_box_wrap .news ul li:hover dl dt {text-decoration:underline; color:#000;}
.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 #ddd 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:25px;  margin-bottom:10px;   color: #63628d;}
.main_info_box_wrap .cs_box_wrap .cs_box.cs_box01 .time {font-size:14px;  line-height:16px; color:#777;}
.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:25px;     color: #63628d; margin-bottom:10px;}
.main_info_box_wrap .cs_box_wrap .cs_box.cs_box02 .add  {font-size:16px; color:#777;}



.main_info_box_wrap .cs_box_wrap .btn {margin-top:30px ; background:#fff; border:1px #ddd 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;  transition: all 0.3s; }
.main_info_box_wrap .cs_box_wrap .btn span a.last{border-right:1px #ddd solid;}