@charset "utf-8";
@import url('reset.css');
@import url('layout.css');
@import url('common.css');

/*
Title : content.css
Description : content
Author : LBCSOFT Design Team euniya.H
Date : 2013.09
*/

/* ========== C O N T E N T ========== */
/* skip_navigation */
.skip_navigation, .skip_navigation ul{height:0}
.skip_navigation a{position:absolute;top:-9999px;background:#000;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;font-weight:bold;z-index:100}
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0}

/* header */
#header h1{float:left;width:319px;height:37px;padding-top:13px;border-right:1px solid #dadada;text-align:center}
#header h2{position:absolute;top:0;left:320px}

/* gnb */
#gnb{margin-left:545px;height:50px;background:url('../images/bg_gnb.gif') repeat-x 0 0}
#gnb ul{width:680px}
#gnb ul li{float:left}
#gnb ul li a{display:block;height:50px;text-indent:-5000px;color:#fff;background:url('../images/gnb_menu.gif') no-repeat 0 0}
#gnb li.menu01{left:0;width:115px;margin-left:22px}
#gnb li.menu02{left:138px;width:95px}
#gnb li.menu03{left:233px;width:136px}
#gnb li.menu04{left:369px;width:123px;margin-right:19px}
#gnb li.menu05{left:510px;width:170px}
#gnb li.menu01 a{background-position:-22px 0}
#gnb li.menu02 a{background-position:-138px 0}
#gnb li.menu03 a{background-position:-233px 0}
#gnb li.menu04 a{background-position:-369px 0}
#gnb li.menu05 a{background-position:-510px 0}
#gnb li.menu01 a:hover,
#gnb li.menu01 a:focus,
#gnb li.menu01 a.onpage{background-position:-22px -50px}
#gnb li.menu02 a:hover,
#gnb li.menu02 a:focus,
#gnb li.menu02 a.onpage{background-position:-138px -50px}
#gnb li.menu03 a:hover,
#gnb li.menu03 a:focus,
#gnb li.menu03 a.onpage{background-position:-233px -50px}
#gnb li.menu04 a:hover,
#gnb li.menu04 a:focus,
#gnb li.menu04 a.onpage{background-position:-369px -50px}

/* left_col_top */
.user_info{float:none;margin:0 11px 10px 11px;padding:20px 10px 0 10px}
.btn_regist{padding:0 11px 10px 11px;border-bottom:1px solid #1e65c5}

ul.list_link{width:319px;border-bottom:1px solid #1e65c5}
ul.list_link li{font-size:14px;font-weight:bold;height:51px;line-height:51px;padding:0 10px;background:#f9f9f9;border-bottom:1px solid #e5e5e5}
ul.list_link li.last{border-bottom:none}
ul.list_link li a{display:block;background:url('../images/icon_bg_link.gif') no-repeat right center;color:#2d2d2d}
ul.list_link li a:hover,
ul.list_link li a:focus,
ul.list_link li a.onpage{background:url('../images/icon_bg_link_on.gif') no-repeat right center}

/* form_style */
form.form01 fieldset{margin-bottom:5px}
form.form01 legend{font-size:14px;font-weight:bold;color:#2d2d2d;background:url('../images/bul01.gif') no-repeat 0 center;padding:7px 7px 5px 10px}
form.form01 label{font-size:13px}

form.form02 legend{float:left}
form.form02 legend img{padding-top:3px}

form.form03 label{font-size:13px;background:url('../images/bul02.gif') no-repeat 0 center;padding-left:10px}

/* calendar_box */
span.calendar{position:relative;display:inline-block;vertical-align:middle;width:94px;height:19px;border:1px solid #abadb3}
span.calendar input{position:absolute;left:0;width:82px;height:19px;border:none}
span.calendar button{position:absolute;top:2px;right:2px}

/* calendar_box */
span.calendar2{position:relative;display:inline-block;vertical-align:middle;width:67px;height:19px;border:1px solid #abadb3}
span.calendar2 input{position:absolute;left:0;width:45px;height:19px;border:none}
span.calendar2 button{position:absolute;top:2px;right:2px}

/* container_normal */
#container_normal h3{padding-left:20px;margin-bottom:10px;font-size:14px;color:#2d2d2d;font-weight:bold;background:url('../images/bul03.gif') no-repeat 0 0}
#container_normal h4{font-size:13px;font-weight:bold}

/* table_style*/
.page_info{height:28px;line-height:28px;margin-bottom:10px}
.page_info span.list_num{float:left;font-size:14px;background:url('../images/bul02.gif') no-repeat 0 center;padding-left:10px;margin-right:20px}
.page_info .legend{width:570px;float:right;font-size:14px}
.page_info .legend strong{float:left;margin-right:15px}
.page_info .legend ul li{float:left;font-size:12px;margin-right:5px}
.page_info .page_option{float:right}
.page_info .page_option2{float:right; margin-right:15px}


.stats_form{height:28px;line-height:28px;border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin-bottom:10px}
.stats_form2{height:28px;line-height:28px;padding-bottom:5px;margin-bottom:5px}
.stats_result{position:relative;height:28px;line-height:28px;margin-bottom:5px}
.stats_result span.stats_print{position:absolute;top:0;right:0}

.table01 thead tr:first-child th{border-top:2px solid #515151}
.table01 thead th{height:36px;color:#2d2d2d;text-align:center;font-weight:bold;vertical-align:middle;background:url('../images/bg_table_th01.gif') repeat-x 0 0}
.table01 tbody td{height:25px;line-height:140%;text-align:center;border-bottom:1px solid #d7d7d7;padding:5px;vertical-align:middle; font-weight: bold;}
.table01 tbody tr:last-child td{border-bottom:1px solid #515151}
.table01 tbody td.subject{text-align:left;padding-left:10px}
.table01 tbody td.subject .ellipsis{width:245px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left}
.table01 tbody td.grade_a{background:#f7f2ea}
.table01 tbody td.td_new{text-align:left;padding:0;vertical-align:top}
.table01 tbody td.td_new td{text-align:left;border-bottom:none;padding:5px 0 5px 0;vertical-align:middle}
.table01 tbody em{margin-left:10px}

.info_box{background:#f8f8f8;padding:10px 20px 10px 20px}
.info_box form legend{margin-bottom:5px}
.info_box table th{height:30px;font-weight:bold;color:#2d2d2d;vertical-align:middle}
.info_box .btn_center{clear:both;text-align:center;padding-top:10px}

.table02 tbody th{font-size:14px;font-weight:bold;color:#2d2d2d;background:url('../images/bul01.gif') no-repeat 0 7px;vertical-align:middle;padding:0 5px 7px 5px}
.table02 tbody td{font-size:13px;line-height:140%;vertical-align:middle;padding:0 5px 7px 0}

.table03 tbody tr:first-child th,
.table03 tbody tr:first-child td{border-top:2px solid #515151}
.table03 tbody tr:last-child th,
.table03 tbody tr:last-child td{border-bottom:1px solid #515151}
.table03 tbody th{height:15px;padding:5px;font-weight:bold;color:#2d2d2d;vertical-align:middle;border-right:1px solid #dadada;border-bottom:1px solid #dadada}
.table03 tbody th.sec_th{border-left:1px solid #dadada}
.table03 tbody td{height:15px;line-height:140%;padding:5px;border-bottom:1px solid #dadada;vertical-align:middle;}

.table04{margin-bottom:10px}
.table04 thead tr:first-child th{border-top:2px solid #515151}
.table04 thead th{height:25px;padding:5px;vertical-align:middle;text-align:center;border-right:1px solid #dadada;border-bottom:1px solid #dadada;background:#fafafa}
.table04 thead th.first_th{padding:5px 9px 5px 10px;text-align:left;font-weight:bold;color:#2d2d2d}
.table04 thead th.last_th{font-weight:bold;color:#2d2d2d;border-right:none}
.table04 tbody th{height:25px;padding:5px 9px 5px 10px;vertical-align:middle;font-weight:bold;color:#2d2d2d;border-right:1px solid #dadada;border-bottom:1px solid #dadada;background:#fafafa}
.table04 tbody td{height:25px;padding:5px;vertical-align:middle;text-align:center;border-right:1px solid #dadada;border-bottom:1px solid #dadada;}
.table04 tbody td.sum{font-weight:bold;color:#2d2d2d;border-right:none}
.table04 tbody th.last_th{border-bottom:1px solid #515151}
.table04 tbody td.last_sum{font-weight:bold;color:#2d2d2d;border-right:none;border-bottom:1px solid #515151}
.table04 tbody tr:last-child td{border-bottom:1px solid #515151}

.table05 tbody tr:first-child th,
.table05 tbody tr:first-child td{border-top:2px solid #515151}
.table05 tbody tr:last-child th,
.table05 tbody tr:last-child td{border-bottom:1px solid #515151}
.table05 tbody th{height:15px;padding:10px 20px;font-weight:bold;color:#2d2d2d;vertical-align:middle;border-right:1px solid #dadada;border-bottom:1px solid #dadada}
.table05 tbody th.sec_th{border-left:1px solid #dadada}
.table05 tbody td{height:15px;padding:10px;line-height:140%;border-bottom:1px solid #dadada}
.table05 tbody em{margin-left:10px}

.table06 thead tr:first-child th{border-top:2px solid #515151}
.table06 tbody td{height:20px;line-height:140%;text-align:left;border-bottom:1px solid #d7d7d7;padding:3px;vertical-align:middle}
.table06 tbody tr:last-child td{border-bottom:1px solid #515151}
.table06 tbody td.grade_a{background:#f7f2ea}

.table07 {border-collapse: separate; border-spacing: 0;}
.table07 thead tr:first-child th{border-top:2px solid #515151;}
.table07 thead { position:sticky; top: 0px;}
.table07 thead th{height:25px;padding:5px;vertical-align:middle;text-align:center;border-right:1px solid #dadada;border-bottom:1px solid #515151;background:#fafafa;}
.table07 thead th.first_th{padding:5px 9px 5px 10px;text-align:left;font-weight:bold;color:#2d2d2d;}
.table04 tbody th{height:25px;padding:5px 9px 5px 10px;vertical-align:middle;font-weight:bold;color:#2d2d2d;border-right:1px solid #dadada;border-bottom:1px solid #dadada;background:#fafafa}
.table07 tbody td{height:25px;padding:5px;vertical-align:middle;text-align:center;border-right:1px solid #dadada;border-bottom:1px solid #dadada;}
.table07 tbody td.sum{font-weight:bold;color:#2d2d2d;border-right:none}
.table07 tbody th.last_th{border-bottom:1px solid #515151}
.table07 tbody td.last_sum{font-weight:bold;color:#2d2d2d;border-right:none;border-bottom:1px solid #515151}
.table07 tbody tr:last-child td{border-bottom:1px solid #515151}
/* graph */
.graph{padding:10px;margin-top:5px;border-top:2px solid #515151;border-bottom:1px solid #515151}
.h_graph ul{margin:0 50px 0 160px;padding:1px 0 0 0;border-top:0;border-right:0}
.h_graph li{position:relative;margin:7px 0;vertical-align:top;white-space:nowrap;border:1px solid #d7d7d7;height:28px;background:#f8f8f8}
.h_graph .g_term{position:absolute;top:0;left:-160px;width:150px;color:#252525;line-height:30px;text-align:left}
.h_graph .g_bar{display:inline-block;position:relative;height:28px;background:#4f9bce}
.h_graph .g_bar_all{display:inline-block;position:relative;height:28px;background:#208f33}
.h_graph .g_bar span,
.h_graph .g_bar_all span{position:absolute;top:0;right:-100px;width:90px;color:#252525;font-weight:bold;line-height:28px}

/* pagination */
.pagination{display:block;margin-top:15px;margin-bottom:30px;text-align:center;line-height:normal;color:#666}
.pagination *{display:inline-block;text-decoration:none;vertical-align:top}
.pagination a{text-decoration:none;padding:0 10px;font-weight:bold;line-height:23px}
.pagination a.onpage{font-weight:bold;text-decoration:underline;color:#0460a5}
.pagination .direction_left01, .pagination .direction_left02,
.pagination .direction_right01, .pagination .direction_right02{padding:0;text-align:center}
.pagination .direction_left02{margin:0 10px 0 5px}
.pagination .direction_right01{margin:0 5px 0 10px}

/* footer */
#left_col .footer img{padding:10px 0}

/* tooltip */
#tooltip{position:relative;border:2px solid #1e65c5;padding:0 10px 10px 10px;background:#fff}
#tooltip_header01{height:40px;line-height:43px;font-size:14px;color:#2c2c2c;border-bottom:2px solid #1e65c5;background:url('../images/bul04.gif') no-repeat 0 center;padding-left:18px}
#tooltip_header02{height:43px;line-height:43px;font-size:14px;color:#2c2c2c;background:url('../images/bul04.gif') no-repeat 0 center;padding-left:18px}
#tooltip_content01{white-space:normal;padding-top:0px}
#tooltip_content01 ul li{font-size:12px;padding-left:10px;line-height:140%;margin-bottom:5px;background:url('../images/bul02.gif') no-repeat 0 7px}
#tooltip_content02 select{font-size:12px}
.label{color:#2c2c2c}
.traffic_green{color:#009928}
.traffic_yellow{color:#d4a80e}
.traffic_red{color:#e20909}
.tooltip_close{height:21px;position:absolute;top:0;right:0}
.arrow_ims{position:absolute;left:0;right:0;bottom:-19px;text-align:center}
.arrow_tsdms{position:absolute;left:0;right:0;bottom:2px;text-align:center}


/* 20160906 추가 */
.remarks{float:right; margin-bottom:10px; margin-right:15px;}
.remarks_01{background:red; border:1px solid red;color:red; margin-right:5px;}
.remarks_02{background:#ff7200; border:1px solid #ff7200; color:#ff7200; margin-right:5px;}
.remarks_03{background:#005fc1; border:1px solid #005fc1; color:#005fc1; margin-right:5px;}
.remarks_04{background:#4B0082; border:1px solid #4B0082; color:#4B0082; margin-right:5px;}
.remarks_05{background:#1F497D; border:1px solid #1F497D; color:#1F497D; margin-right:5px;}

.disaster_font { color :#ffffff;}