@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



* {margin: 0; padding: 0;}
body {margin: 0px;font-family: "Nanum Gothic",나눔고딕, sans-serif,"돋움",Dotum;}
li {list-style: none;}
a {color: #333; text-decoration: none;}

/*--------------------------------------------------------------------------------------*/

#menu {width: 960px; height: 57px;background: #dae5f5;}

nav {display: block !important; height: 32px; }
nav>ul {float: right;width: 960px;background: #0b5dd7;height: 32px; line-height: 32px;}

nav>ul>li {position: relative; float: left; text-align: center;  width: calc(20% - 1px); border-left: 1px solid #4785e1;}
nav>ul>li:last-child {width: calc(20% - 2px); border-right: 1px solid #4785e1; }
nav>ul>li>a{display: block; padding: 0 5px;  box-sizing: border-box; color: #fff; font-weight: bold;font-size: 0.9em;}
nav>ul>li:hover {background: #053d8f; transition: 0.1s ;color: #dae5f5;} 
nav>ul>li:hover ul {display: block;}
nav>ul>li>a:hover {background: #053d8f; transition: 0.1s ;color: #dae5f5;} 

.sub_menu {position: absolute; float: left; width:500px;display: none;}
.sub_menu li { float: left; line-height: 25px; display: block; font-size: 0.75em; font-weight: bold; padding-right: 25px; letter-spacing: -1px; background: url(../imgs/li_bg.png) right no-repeat;}
.sub_menu li:last-child {background: none;}
.sub_menu li a {color: #888; width: 100%; display: block; }
.sub_menu li a:hover {color: #444; }

.top_bg{margin-top: -25px;}

#left_benner {width: 300px; height: 108px;}
.swiper-container {width: 100%; height: 100%; }

/*----------- 2020.10.04 년간보고서 기능변경, 레이아웃 스타일 수정 --------*/
.gridlines {border-collapse: collapse; border-spacing: 0;}
.gridlines th,.gridlines td {border-left: 1px solid #999; width: 45px; text-align: center; }
.gridlines tr td:first-child {color: #333; background: #f7f7f7;font-weight: 500;}
.gridlines tr:nth-child(8n+1) td{background: #f0f3f9; border-top: double #999;}
.gridlines tr:nth-child(8n+1) td {color: #0d57c5; font-weight: bold;}
.gridlines tr:nth-child(8n+2) td{background: #f0f3f9; color: #0d57c5; font-weight: bold;}
.gridlines tr:nth-child(8n+2) td{ color: #0d57c5; font-weight: bold;}
.gridlines tr:nth-child(8n+3) {border-top: 1px solid #999;}
.gridlines tr td:last-child {border-right:1px solid #999;}