@charset "utf-8";

.body_bg{background:#eaf3fa;}
.wrap{width:1000px; margin:0 auto; position:relative;}


.header{position:relative; background:url('/images/header_bg.jpg') repeat-x center top #eaf3fa;}

.gnb{width:1000px; margin:0 auto;}
.gnb ul{float:right;}
.gnb ul li{float:left; margin:3px 0 0 15px; list-style:none;}
.gnb ul li a{color:#fff; font-size:12px;}

.lnb_wrap{overflow:hidden; clear:both; width:1000px; margin:0 auto; height:300px;}

.main_img{  z-index:-999; margin-top:-216px; text-align:center;}
h1{float:left; margin-top:30px;}

.lnb{float:right; position:relative;   z-index:999;}
.lnb>li{float:left; list-style-type:none; text-align:center; }
.lnb li a{font-size:18px; color:#000; font-family:'NotoLight'; letter-spacing:-0.5px; padding:30px 30px 30px 30px; display:block}
.lnb li:nth-child(5) a{padding-right:0;}
.lnb li:hover a{color:#315bb1;}
.lnb li:hover .sub{opacity: 0.95; visibility: visible; }
.lnb .sub{position:absolute; top:84px;
   opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   visibility: hidden;
    background-color:#414141;
}
.lnb .sub li{list-style-type:none;  border-bottom:1px solid #5d5d5d; text-align:left;}
.lnb .sub li a{font-size:14px; font-weight:bold; color:#fff; font-weight:bold; display:block; padding:10px 0px 7px 15px;}
.lnb .sub li a:hover{color:#ffff00;}
#sub1{left:0px; width:200px;}
#sub2{left:280px; width:200px;}
#sub3{left:400px; width:200px;}

.main_container{margin-top:15px;}

.main_noti{width:363px; float:left; position:relative; background-color:#fff; height:261px; margin-right:17px; border:1px solid #bbb;}
.main_noti p{margin:25px 0 25px 20px;}
.main_noti p a{font-size:26px;  font-family: 'NotoMedium';}
.main_noti ul li{list-style-type:none; overflow:hidden; margin-bottom:15px;}
.main_noti ul li {float:left; padding-left:30px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;width:300px;}
.main_noti ul li a:before{content:" · ";display:inline-block;margin-right:5px;}
.main_noti .more{position:absolute; top:25px; right:25px;}
.main_noti .more a{font-size:38px; font-family: 'NotoLight';}


.main_plan{width:363px; float:left; position:relative; background-color:#fff; height:261px; border:1px solid #bbb;}
.main_plan p{margin:25px 0 25px 20px;}
.main_plan p a{font-size:26px;  font-family: 'NotoMedium';}
.main_plan ul li{list-style-type:none; overflow:hidden; margin-bottom:15px;}
.main_plan ul li {float:left; padding-left:30px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;width:300px;}
.main_plan ul li a:before{content:" · ";display:inline-block;margin-right:5px;}
.main_plan ul li p{font-size:12px; margin:5px 0 15px 5px;}
.main_plan ul li p:before{content:" · ";display:inline-block;margin-right:5px;}
.main_plan .more{position:absolute; top:25px; right:25px;}
.main_plan .more a{font-size:38px; font-family: 'NotoLight';}


.quick{float:right; width:237px;}
.quick li{list-style-type:none; float:left; margin-bottom:10px;}


.footer_bg{width:100%; background-color:#4e4e4e; clear:both;}
.footer{width:1000px; margin:0 auto; color:#fff; padding:30px 0; font-size:12px; line-height:16px; text-align:center;}
.footer img{margin-right:25px; display:block; float:left;}
.footer a{font-size:12px; color:#fff;}

.left{border:1px solid #ddd;}
.left p{width:200px; background-color:#fff; color:#000; border-bottom:3px solid #315bb1; padding:35px 0; text-align:center; font-size:22px; font-family:'NotoMedium'}
.left ul{ overflow:hidden; }
.left ul li{list-style:none;}
.left ul li a{display:block;  padding:15px 25px 0px 25px; font-size:16px; height:38px;font-family:'NotoRegular'; background-color:#fff; border-bottom:1px solid #ddd;}
.left ul li:last-child a{border-bottom:none;}
.left ul li a:hover{color:#414141; }
.left ul li.over a{ background-color:#414141; color:#fff;}
.left ul li.over a:before{content:"-";display:inline-block;margin-right:5px;}
.left ul li.over:hover{color:#000}

.container{overflow:hidden; margin-bottom:30px; margin-top:20px;}
.contents{width:740px; float:right; padding:0 20px 50px 20px; background-color:#fff; border:1px solid #ddd;}
.title{font-size:30px; border-bottom:1px solid #ddd; padding:35px 20px; margin-bottom:40px;font-family:'NotoMedium'; font-weight:600;}

.banner{overflow:hidden; margin-bottom:20px;}
.banner li{list-style:none; float:left; margin:0 10px 10px 0; height:60px; width:190px; padding:0;}
.banner li a{text-align:center; width:188px; height:58px; background:#fff; border:1px solid #ddd; display:flex; flex-wrap: nowrap; align-items: center; justify-content: center;}
.banner li.none{}