@charset "utf-8";
@import url(normalize.css);
@import url(common.css);

/*header*/
header .top{ background: #fff; height: 33px; border-bottom: 4px solid #1f4590;}
header .top .top_area{ width:1025px; margin: 0 auto;}
header .top .top_area .left{ float: left; width:290px;} /* width: 1025px; */
header .top .top_area .left ul .this{display: inline-block; background: #fff; padding: 9px 9px 9px; color:#0FF; } /* 9 10 10 -> 8 4 4 -> 9 9 9 */
header .top .top_area .left ul li{border-right: 1px solid #cccccc; }
header .top .top_area .left ul li:first-child{border-left: 1px solid #cccccc;}
header .top .top_area .left ul .this a{ color: #09F; padding: 9px 9px 9px; font-weight:bold ;} /*09F*/
header .top .top_area .left ul .no_this{display: inline-block; padding: 9px 9px 9px;}
header .top .top_area .left ul .no_this a{ color: #333; padding: 9px 9px 9px; font-weight:bold ;}
header .top .top_area .right{float: right; width:180px; } 
header .top .top_area .right ul li{display: inline-block; margin-top: 10px; padding: 0 15px; border-right: 1px solid #cccccc;}
header .top .top_area .right ul li:last-child{border-right: none;}
header .top .top_area .right ul li a{color: #333;}
header .bottom{ height: 90px; border-bottom: 2px solid #1f4590; maring: 0 auto; }
header .bottom .bottom_area{ width:1025px; margin: 0 auto;} /* width: 1025px; */
header .bottom .bottom_area .left{float: left; margin-top: 25px; width: 72px;} 
header .bottom .bottom_area .left h1 a img{width: 100%; padding-left:40px;}
header .bottom .bottom_area .right{float: right;}
header .bottom .bottom_area .right .gnb { position: relative; z-index: 4}
header .bottom .bottom_area .right .gnb .gnb_list{ position: relative; display: inline-block; float: left; width: 120px; height: 42px;  margin-top: 24px; padding-top: 24px;}
header .bottom .bottom_area .right .gnb .gnb_list .gnb_title_name{position: relative; font-size: 17px; font-weight:bold; color:#000;}
header .bottom .bottom_area .right .gnb .gnb_list .gnb_title_name.this,
header .bottom .bottom_area .right .gnb .gnb_list:hover .gnb_title_name {text-decoration:none; color:#4078e8; }
header .bottom .bottom_area .right .gnb .gnb_list .gnb_sub{
    display: none;
    box-sizing: border-box;
    z-index: 2; position: absolute; width: 120px;  max-height: 500px; top: 66px; text-align: left; overflow: hidden;
    padding:10px 22px 20px;
    background:url(/assets/images/gnb_arrow.gif) no-repeat center top #1f4590;
}
header .bottom .bottom_area .right .gnb .gnb_list .gnb_sub li a{color: #d2d2d2; line-height: 20px;}
/*header .bottom .bottom_area .right .gnb .gnb_list:hover > .gnb_sub{*/
    /*padding:20px 0 20px 8px;*/
    /*max-height: 500px;*/
/*}*/
/*header*/
/*footer*/
footer  { clear: both;}
footer .top{background: #1f4590; height: 55px;}
footer .top .top_area{  position:relative;  width: 1025px; margin: 0 auto;}
footer .notice_web {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 344px;
    z-index: 99999;
    height: 161px;
    text-align: left;
    border: 4px solid #2594c0;
    padding: 5px 17px 50px;
    background-color: #fff;
}
footer .notice_web.on {
    display: block;
}
footer .notice_web p {
    margin: 19px 0 0 0;
    color: #767676;
    line-height: 20px;
    font-size: 13px;
    z-index: 99999;
}
footer .top .top_area .left{float: left; color: #fff; margin-top: 20px; width:310px;}
footer .top .top_area .right{float: right; margin-top: 20px; width:265px;}
footer .top .top_area .right a{color: #fff; padding: 20px;}
footer .top .top_area .right a:last-child{background: #00225e;}
footer .bottom .bottom_area{width: 1025px; margin: 0 auto;}
footer .bottom .bottom_area .left{float: left; width:750px;}
footer .bottom .bottom_area .left div{display: inline-block; text-align: left; margin: 20px 70px 25px 5px; line-height: 20px;}
footer .bottom .bottom_area .right{float: right; margin-top: 30px; width:90px;}
footer .bottom .bottom_area .right a{color: #fff; font-size: 14px; padding: 10px; background: #999;}
/*footer*/