/*main-slider*/
.tp-banner-container{width:100%;position:relative;padding:0;overflow:hidden;max-height:550px;}
.tp-banner{width:100%;position:relative;background:#2684DC;overflow:hidden;max-height:550px;}
.m-txt {font-size:40px;line-height:40px;color:#fff}
a.m-btn {padding:8px 16px;color:#fff  !important;border:1px solid #fff !important;font-size:16px;font-weight:bold}
a.m-btn:hover {color:#f6e58d  !important;border:1px solid #f6e58d !important;}
.ms-top {margin-top:50px}

@media (max-width: 767.98px) {
  a.m-btn {padding:4px 8px;font-size:13px;}
  .ms-top {margin-top:20px}
}
/*main-contents*/
.main-bgs {width:100%;padding:20px 0 0px 0;}

.m-service{width:100%; margin:0 auto; padding:26px 0; background:#e6f1f9;}
.m-service-tit{font-size:26px;line-height:26px;margin:0 0 25px 0;padding:0;font-weight:bold;color:#1C3E95;text-align:center;
font-family:'Nanum Gothic','NanumGothic', '³ª´®°íµñ'}
.m-service-tit a {color:#999;text-decoration:none;font-size:22px}
.m-service-tit a:hover {color:#1C3E95;text-decoration:none}
.m-service ul {list-style:none;padding:0;margin:0;display: block;}
.m-service li {width:200px;float:left;border-right:1px dotted #8bb3d1;text-align:center;display: block;margin: 6px;}
.m-service li a {font-size:14px;color:#222;font-weight:bold}


.block {position:relative}
.block.p01 {margin-bottom:5px;background:#f4f4f4;height:100%;min-height:380px;}
.notice-list-wrap {padding:30px;}
.notice-list ul{list-style:none;}
.notice-list li{line-height:18px; background:url('../images/icon/icon-dot-gray.gif') no-repeat 0 9px; padding-left:13px; overflow:hidden;margin-bottom:10px}
.notice-list li:last-child {margin-bottom:0px}
.notice-list li a{float:left; color:#333}
.notice-list li a:hover{color:#0058A0}
.notice-list li span{float:right;}
.notice-list.mg-line {margin-bottom:18px;padding-bottom:24px;border-bottom:1px dashed #bbb}
.notice-tit {font-size:18px;line-height:20px;margin:0 0 15px 0;padding:0;font-weight:bold;color:#1C3E95;position:relative;}
.notice-tit a {text-decoration:none}
.notice-tit span {position:absolute;right:5px;top:0px;}



/*
37B784
415E8E
46B8CC

0058A0
009FD9
38B684
*/
.m-project {width:100%;overflow:hidden;background:#0058A0;position:relative;margin-bottom:5px;font-family:'Nanum Gothic','NanumGothic', "Georgia", "Times New Roman", serif !important;}
.m-project-tit {position:absolute;top:16%;left:6%;font-size:16px;color:#ffd800;font-weight:bold;z-index:2}
.m-project-tit span {margin-left:20px;}
.m-project-tit span a{margin-right:5px;color:#ccc;text-decoration:none;}
.m-project-tit span a:hover{color:#fff;text-decoration:none}

.m-project ul {margin:0;padding:0;list-style: none;display: block;}
.m-project li {float:left;margin-right:5px;position:relative;height:160px;}

.m-project li a {display: block;text-decoration:none;color:#eee}
.m-project li a:hover {color:#fff}

.m-project li .text
{position:absolute;top:43%;left:6%;font-size:20px;font-weight:bold;line-height:26px;}
.m-project li .img {position:absolute;bottom:6%;right:5%;}


.m-recruit {width:100%;overflow:hidden;background:#009FD9;position:relative;margin-bottom:5px;font-family:'Nanum Gothic','NanumGothic', "Georgia", "Times New Roman", serif !important;}
.m-recruit-tit {position:absolute;top:16%;left:6%;font-size:16px;color:#c6f0ff;font-weight:bold;z-index:2}
.m-recruit-tit span {margin-left:20px;}
.m-recruit-tit span a{margin-right:5px;color:#ccc;text-decoration:none;}
.m-recruit-tit span a:hover{color:#fff;text-decoration:none}

.m-recruit ul {margin:0;padding:0;list-style: none;display: block;}
.m-recruit li {float:left;margin-right:5px;position:relative;height:130px;}
.m-recruit li a {display: block;text-decoration:none;color:#eee}
.m-recruit li a:hover {color:#fff}
.m-recruit li .text
{position:absolute;top:52%;left:6%;font-size:20px;font-weight:bold;line-height:26px;}
.m-recruit .img {position:absolute;bottom:3%;right:5%;}


.m-bn {width:100%;height:80px;overflow:hidden;background:#46B8CC;position:relative}
.m-bn a {display: block;position:absolute;top:30%;left:8%;font-size:18px;color:#fff;font-weight:bold;line-height:26px;}





/* #Tablet (Portrait)
==================================================  Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {



}



/*  #Mobile (Portrait)
================================================== Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {




}



/* #Mobile (Landscape)
================================================== Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}