@charset "euc-kr";  
@font-face {
	font-family: "NanumGothic";
	src: url("../fonts/NanumGothic.eot");
	src: local(��), url("../fonts/NanumGothic.woff")format("woff");
}
body, html { padding: 0; margin: 0; font-family: 'NanumGothic', '��������', dotum, gulim; font-size: 22px; color:#dddddd; } 
div, p, table, tr, th, td, form, fieldset, input, select, textares, button { margin: 0; padding: 0;  font-family: 'NanumGothic', '��������', dotum, gulim;font-size: 22px; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { list-style: none; margin: 0; padding: 0; }
img, fieldset, table { border: 0; }
hr, legend, caption { display: none; }
a:link, a:active, a:visited { text-decoration: none; } 
label { cursor:pointer;}
 
.font_dotum { font-family:"dotum","����"}
.font_area { font-family: Arial, Helvetica, sans-serif}
.txt_left { text-align: left !important; }
.txt_left_pad20 { text-align: left !important; padding-left:20px !important;  }
.txt_left_pad10 { text-align: left !important; padding-left:10px !important;  } 
.txt_left_pad05 { text-align: left !important; padding-left:5px !important;  }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }
.text_normal { font-weight: normal !important; }
.font_italic { font-style:italic; font-size:20px;}
.txt_blue { color: #369 !important; }
.txt_orange { color: #F30 !important; }
.txt_red { color: #de0031 !important; }
.font_e1 { font-family:Arial, Helvetica, sans-serif; font-size:24px;}
.font_e2 { font-family:Arial, Helvetica, sans-serif; font-size:46px; color:#fff;}
.font_e3 { font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.font_18, .font_18 * { font-size:18px !important;}
.font_20, .font_20 * { font-size:20px !important;}
.cursor { cursor: pointer; } 
.hei25 { height: 25px !important; border: 1px solid #CCC;  }
.hei20 { height: 20px; border: 1px solid #CCC; }
.hei19 { height: 19px; border: 1px solid #CCC; }
.hei18 { height: 18px; border: 1px solid #CCC; }
.border { border: 1px solid #CCC; }
.border_n { border: none !important; }
.border3 { border: 1px solid #CCC; height: 18px; }
.wid20 { width: 20px !important; }
.wid25 { width: 25px !important; }
.wid30 { width: 30px !important; }
.wid35 { width: 35px !important; }
.wid40 { width: 40px !important; }
.wid50 { width: 50px !important; }
.wid60 { width: 60px !important; }
.wid65 { width: 65px !important; }
.wid70 { width: 70px !important; }
.wid75 { width: 75px !important; }
.wid80 { width: 80px !important; }
.wid90 { width: 90px !important; }
.wid100 { width: 100px !important;  }
.wid100p { width: 100% !important; display: block; }
.wid120 { width: 120px !important; }
.wid130 { width: 140px !important; }
.wid140 { width: 140px !important; }
.wid150 { width: 150px !important; }
.wid180 { width: 180px !important; }
.wid170 { width: 170px !important; }
.wid200 { width: 200px !important; }
.wid230 { width: 230px !important; }
.wid250 { width: 250px !important; }
.wid280 { width: 280px !important; }
.wid300 { width: 300px !important; }
.wid350 { width: 350px !important; }
.wid400 { width: 400px !important; }
.wid450 { width: 450px !important; }
.wid500 { width: 500px !important; }
.wid540 { width: 540px !important; }
.wid580 { width: 580px !important; }
.wid600 { width: 600px !important; }
.wid700 { width: 700px !important; }
.wid20, .wid30, .wid40, .wid50, .wid60,.wid65, .wid70, .wid80, .wid90, .wid100, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid230, .wid250, .wid280, .wid300, .wid400, .wid450, .wid500, .wid540, .wid580, .wid600, .wid70 { display: inline-block !important; }
.gap_70 { height: 70px; }
.gap_55 { height: 55px; }
.gap_50 { height: 50px; }
.gap_40 { height: 40px; }
.gap_20 { height: 20px; }
.gap_25 { height: 25px; }
.gap_30 { height: 30px; }
.gap_15 { height: 15px; }
.gap_10 { height: 10px; font-size: 0; }
.gap_7 { height: 7px; font-size: 0; }
.gap_3 { height: 3px; font-size: 0; }
.gap_5 { height: 5px; font-size: 0; }
.btns { text-align: center; margin: 10px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
.tooltop { cursor: pointer; vertical-align: middle; } 
 
::-webkit-input-placeholder {
color:#666;
}
::-moz-placeholder {
color:#666;
} /* firefox 19+ */
:-ms-input-placeholder {
color:#666;
} /* ie */
input:-moz-placeholder {
color:#666;
}
 input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
textarea:focus, input:focus { outline: 0; } 
a { text-decoration: none; color: #dddddd; cursor:pointer; }
a:hover, a:active, a:focus { text-decoration: none; * color:#dddddd;  }
.hidden { display: none; }
 
.pagination  { display: inline-block; margin-top:20px 
margin: 0 auto; }
.pagination >li { display: inline; }
.pagination >li>a, .pagination >li>span { float: left; padding: 5px 9px; text-decoration: none; background-color: #000; border: 1px solid #666; border-left-width: 0; font-size: 16px; color: #ddd; cursor:pointer; line-height: 20px; }
.pagination >li>a:hover, .pagination >li>a:focus, .pagination >.active>a, .pagination >.active>span { color: #fff; background-color: #333; }
.pagination >.active>a, .pagination >.active>span { color: #1080ce; cursor: default; padding: 6px 9px; border-color: #a8acb6; border-left-width: 1px; margin-top: -1px; font-weight: bold; background-color: #000; }
.pagination >.disabled>span, .pagination >.disabled>a, .pagination >.disabled>a:hover, .pagination >.disabled>a:focus { color: #ccc; background-color: transparent; cursor: default; }
.pagination >li:first-child>a, .pagination >li:first-child>span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.pagination >li:last-child>a, .pagination >li:last-child>span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
.body_main {   min-width: 320px; }
html { min-height:100%;}
 
.login_top {  color:#333; font-size:20px;  padding:10px 30px 30px 30px; background:#b7ce99    }
.login_top a { color:#333;}
.login_top a:hover { text-decoration:underline}
.login_area { height:510px; width:1000px; position:absolute; left:50%; top:50%; background: url(../image/login_bg_new2.png) left top no-repeat; z-index:10; margin-top:-230px; margin-left:-500px}
.login_device {width:410px; height:314px; background:url(../image/login_device.png) 0 0 no-repeat; position: absolute; right:50px; bottom:80px; z-index:15;  }
.login_h1 { display:block; text-align:center; padding:50px 0 10px 0; font-size:36px; color:#fff;  font-family: "��������", "Nanum Gothic", sans-serif; font-weight:bold;}
.body_login { height:100%; min-height:100vh;padding-top: 0px; background:#b7ce99  url(../image/login_bg.png) left top repeat-x; min-width:1000px;}
.login_wrap { background:url(../image/bg_w50.png); width:300px;  border-radius:0px; margin:0 auto; box-shadow:0px 0px 5px #999;}
.login_header { padding:5px 5px 0; text-align:center; font-size:23px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-radius:7px 7px 0 0; color:#376917}
.login_inner { padding:5px 10px; }
.login_inner div { padding:5px 5px;    box-sizing: content-box; height:30px; }
.login_inner .label { display:inline-block; width:90px;   color:#333; font-size:21px; text-align:left;}
.login_inner .input { width:170px; height:35px;  font-size:21px; border:0;line-height:35px;border-radius:7px; padding-left:10px; }
.login_bottom { height:120px; position:fixed; bottom:0; left:0; width:100%;   text-align:center; color:#333; z-index:20;}
.login_bottom span { display:block; padding-top:20px; font-size:21px;}
.btn_login { margin-top:5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display: block; 
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:7px 12px;
	text-decoration:none;
	text-align:center;
}
.btn_login:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
	color:#FFC;
}
.btn_login:active {
	position:relative;
	top:1px;
}
.login_msg { padding:10px 10px 20px 10px; text-align:center; color:#000; font-size:28px;}
.login_add { text-align:center; padding:10px 0 0 0; color:#fff; font-style:normal;}

 
 
.index_wrap {}
.index_wrap .login_bg { width:341px; height:332px; margin:0 auto; background:url(../image/login_bg_green.png); position: absolute; left:50%; top:50%; margin-left:-170px; margin-top:-160px;}
.login_2bg { width:341px; height:332px; margin:0 auto; background:url(../image/login_2bg.png); position:relative;}
.login_2bg  .login_inner { width:182px; height:116px; position:absolute; left:82px; top:161px; text-align:left;}

.login_bg  .login_inner { width:182px; height:116px; position:absolute; left:82px; top:161px; text-align:left;}
.ttl_label { font-size:14px; color:#000;}
.login_inner .login_txt { border:1px solid #aeaeae; border-radius:5px; width:100%; height:28px; box-sizing:border-box; line-height:26px; vertical-align:middle; font-size:14px; color:#000; margin-bottom:3px; padding-left:10px;}
.login_inner .login_chk { margin:5px 7px;font:normal 14px    Arial, Helvetica, sans-serif, "dotum"; color:#000; }
.login_btn { display:block; border:0; width:182px; height:32px; text-align:center; background:url(../image/btn_login_bg.png) center center no-repeat; font:bold 14px    Arial, Helvetica, sans-serif, "dotum";  color:#fff; cursor:pointer; line-height:32px; }
.login_btn:hover {color:#000}
.login_btn:active {	position:relative;	top:1px;}

.login_2btn { display:block; border:0; width:182px; height:32px; text-align:center; background:url(../image/btn_login_2bg.png) center center no-repeat; font:bold 14px    Arial, Helvetica, sans-serif, "dotum";; color:#fff; cursor:pointer; line-height:32px; }
.login_2btn:hover {color:#000}
.login_2btn:active {	position:relative;	top:1px;}




.top_fixed { width: 100%; position: fixed; right: 0; left: 0; z-index: 1030; top: 0; height: 50px;   background: #444; color: #fff; border-bottom:2px solid #222; box-sizing: border-box;min-width: 700px; }
.h1 { padding: 0; margin: 0; width: 300px; font-size: 26px; height: 50px; line-height: 50px; float: left; padding-left: 10px;  }
.top_right { padding-right:20px; height:30px; line-height:30px; margin-top:5px; font-size:23px;}
.copy_right { text-align:center; padding:10px 0 10px 0; font-size:23px; font-style:normal; color:#999;}

.btns_wrap { padding:10px;}
.btns_wrap_c { margin:10px; text-align:center;}
 
h1 { padding:0; margin:0;}
body { background:#262627;}
.body_wrap { min-width:1900px; width:100%; min-height:880px;}
.header { height:71px; background:#242627 url(../image/header_bg1.gif) 0 0 repeat-x; }
.container { width:1880px; background:#242526; height:100%;}
.header .container { position:relative; height:71px; top:0; left:0; background: none;}
.top_user { width:1000px; height:71px; position:absolute; right:0; top:0;color:#0192d1; text-align:right;} /* //@@## 2019-08-07_001 400px->1000px */
.top_user a { color:#0192d1; text-align:right; font-weight:bold; letter-spacing:3px; line-height:71px;}
.left_wrap { width:284px; height:100%;min-height:809px; float:left;   box-sizing: content-box; text-align:center; background:#202122; position:relative; left:0;}
.left_ul { height:705px; width:283px; overflow:hidden; margin:0; padding:0; text-align:left;}
.left_ul li { text-align:center; display:block; padding:0; margin:0; vertical-align:top;}
.left_ul li img { vertical-align:top;}
.bottom_ul { height:120px; width:283px; left:0; margin:0; padding:0;  }
.bottom_ul li { text-align:center; padding-bottom:10px; float:left;  padding:0; margin:0; vertical-align:top; width:283px; overflow:hidden; }
.bottom_ul li a { display: block;width:283px; margin:0; padding:0;   position:relative; left:0;}
.bottom_ul li img { vertical-align:top;}
.right_wrap {width:1595px; height:100%; min-height:809px; float:left; background:url(../image/main_bg1.jpg) 0 0 no-repeat; text-align:center; }
.inner { padding:0 0 30px 0; width:1544px; margin:0 auto; text-align:left;}
.h2_wrap { text-align:left; border-bottom:2px solid #70809d;vertical-align:middle; padding:7px; }
.main_h2 { font-size:24px; letter-spacing:3px; line-height:33px;display:inline-block; color:dddddd}
.main_h2 img { vertical-align: middle;}
.search_wrap { text-align:left; padding:7px;}
.select { background:#bdc2db; font-size:18px; color:#000; border:2px solid #000; height:40px; padding:2px; box-sizing: border-box; border-radius:5px; vertical-align:middle;text-align:center; line-height:32px;}
.input_txt { background:#fff; font-size:18px; color:#000; border:2px solid #000; height:40px; padding:2px; box-sizing: border-box;border-radius:5px; vertical-align:middle;text-align:center; line-height:32px;}
.checkbox { width:16px; height:16px; }
.checkbox2 { width:20px; height:20px; vertical-align:middle; }
.select2 { background:#bdc2db; font-size:18px; color:#000; border:2px solid #000; height:30px; padding:2px; box-sizing: border-box; border-radius:5px; vertical-align:middle;text-align:center; line-height:22px;}
.input_txt1 { background:#b6bad4; font-size:18px; color:#000; border:1px solid #000; height:40px; padding:2px; box-sizing: border-box;border-radius:5px; vertical-align:middle;text-align:center; line-height:32px;}
.input_txt2 { background:#b6bad4; font-size:18px; color:#000; border:1px solid #000; height:30px; padding:2px; box-sizing: border-box;border-radius:5px; vertical-align:middle;  text-align:center;line-height:22px;}
.input_txt3 { background:#aaaaaa; font-size:18px; color:#004eea; border:1px solid #000; height:30px; padding:2px; box-sizing: border-box;border-radius:5px; vertical-align:middle; font-size:22px; font-weight:bold; text-align:center; line-height:22px;} 
.btn { display:inline-block; background:#2f4a99 url(../image/btn_blue.gif) 0 0 repeat-x font-size:18px; color:#fff; border:2px solid #000; height:40px; padding:2px; box-sizing: border-box;border-radius:5px; vertical-align:middle; text-align:center; cursor:pointer;font-size:18px; font-weight:bold; line-height:32px;}
.btn img { vertical-align: middle; margin-top:-4px; margin-right:10px;}
.btn_b { background:#2f4a99 url(../image/btn_blue.gif) 0 0 repeat-x}
.btn_g { background:#156f06 url(../image/btn_green.gif) 0 0 repeat-x}
.btn_o { background:#ee7800 url(../image/btn_orange.gif) 0 0 repeat-x}
.tb_01 { border-top:2px solid #66656a;border-bottom:2px solid #66656a;border-left:2px solid #66656a;  }
.tb_01 th { border-bottom:2px solid #66656a;border-right:2px solid #66656a; text-align:center; padding:7px; font-size:16px; color:#0095d6; background:#27272b url(../image/bg_th1.gif) 0 0 repeat-x;}
.tb_01 td { border-bottom:2px solid #414141; text-align:center; padding:7px; font-size:16px; color:#d19058; letter-spacing:1px;}
.tb_01 td:last-child {border-right:2px solid #66656a;}
.tb_01 td a { color:#d19058; text-decoration: underline;}
.color_w { color:#fff; font-size: 16px;}
.panel_wrap { border:2px solid #888888; border-radius:8px; margin-top:10px;}
.panel_wrap2 { eborder:2px solid #373539; border-radius:8px; margin-top:20px;}
.panel_head { color:#00a6ea; font-size:20px; font-weight:bold; padding:10px 15px;border-bottom:2px solid #888888; text-align:left; background:#363739 url(../image/panel_bg1.gif) 0 0 repeat-x; border-radius:8px 8px 0 0; letter-spacing:2px;}
.panel_body { font-size:20px;color:#9cadb7; padding:5px 15px;background:#070707 url(../image/panel_bg2.gif) 0 0 repeat-x; border-radius:0 0 8px 8px; }
.panel_body th { font-size:18px;color:#b3c7d2; text-align:left;letter-spacing:2px;}
.btn_wrap { text-align:center; padding:11px 0;}
.label1 { font-size:24px; font-weight:bold; color:#dddddd}
.state_bg1 { background:url(../image/state_bg1.png) 0 0 no-repeat; width:415px; height:68px; text-align:center;}
.state_bg1 li { width:50px; height:50px; display:inline-block; background:url(../image/state_bg2.png) center center no-repeat; margin:8px 0px }
.state_bg1 li img { margin:5px;}
.state_bg4 { width:260px; height:46px; background:url(../image/state_bg4.png) 0 0 no-repeat; font-size:24px; font-weight:bold; color:#00a6ea; line-height:46px;}
.state_bg5 { width:415px; height:46px; background:url(../image/state_bg5.png) 0 0 no-repeat; font-size:24px; font-weight:bold; color:#00a6ea; line-height:46px;font-size:24px; font-weight:bold; color:#dddddd; }
.state_bg5 td {font-size:24px; font-weight:bold; color:#dddddd;}
.state_bg5 td span {color:ee7800}
.state_bg6 { background:url(../image/state_bg6.png) 0 0 no-repeat; width:180px; height:120px; display:inline-block;}
.state_bg7 { background:url(../image/state_bg7.png) 0 0 no-repeat; width:200px; height:70px; display:inline-block;font-size:24px; font-weight:bold; color:#00a6ea; line-height:70px;}
.state_bg8 { background:url(../image/state_bg8.png) 0 0 no-repeat; width:200px; height:38px; display:inline-block;font-size:22px; font-weight:bold; color:#9ed9f6; line-height:38px;}
.state_bg9 { background:url(../image/state_bg9.png) 0 0 no-repeat; width:170px; height:38px; display:inline-block; text-align:center;font-size:22px; font-weight:bold; color:#9ed9f6; line-height:38px; margin-right:5px; font-family:Arial, Helvetica, sans-serif;}
.state_bg10 { background:url(../image/state_bg10.png) 0 0 no-repeat; width:200px; height:70px; display:inline-block;font-size:24px; font-weight:bold; color:#00a6ea; line-height:70px;}
.state_bg11 { background:url(../image/state_bg11.png) 0 0 no-repeat; width:170px; height:70px; display:inline-block;font-size:22px; font-weight:bold; color:#00a6ea; line-height:35px; text-align:center;vertical-align:middle;}
.state_bg13 { background:url(../image/state_bg13.png) 0 0 no-repeat; width:550px; height:70px; display:inline-block;font-size:22px; font-weight:bold; color:#00a6ea; line-height:35px; text-align:center;vertical-align:middle;}
.state_bg12 { background:url(../image/state_bg12.png) 0 0 no-repeat; width:87px; height:34px; display:inline-block;font-size:22px; font-weight:bold; color:#ccc;  text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0 5px;line-height:34px;}
.state_font1 {font-size:26px; color:#fff; }
.state_font3 {font-size:18px; color:#fff; }
.state_font2 {font-size:26px; color:#ee7800; }

.bg_chart { border:1px solid #000; background:#807f83; border-top:2px solid #70809d; min-height:280px;}
.chart_search { padding:5px 20px;color:#333; }
.chart_search td {color:#333; }
.chart_search label { color:#333; font-size:26px; font-weight:bold;}
.state_wrap1 { font-size:17px;font-family:Arial, Helvetica, sans-serif; color:#333; vertical-align: baseline}
.state_wrap1 img { vertical-align:middle; margin-left:15px;}
.chart_box { padding:15px 0;}
.chart_title {font-size:22px; font-size:22px; font-weight:bold; color:#333; text-align:left; padding-bottom:5px;}

.tb_02 { border-top:2px solid #848585; border-radius:10px;}
.tb_02 th { border-bottom:2px solid #848585;border-right:2px solid #848585; background:#424244; padding:7px 2px; color:#d68f48;}
.tb_02 th.first_line {border-left:2px solid #848585;}
.tb_02 th.first_left, .tb_02 td.first_left {border-radius:10px 0 0 0;}
.tb_02 th.first_right, .tb_02 td.first_right { border-radius:0 10px 0 0;}
.tb_02 th.last_left, .tb_02 td.last_left { border-radius:0 0 0 10px ;}
.tb_02 th.last_right, .tb_02 td.last_right { border-radius:0 0 10px 0 ;}
.tb_02 td { border-bottom:1px solid #414141; padding:7px 0px; color:#fff; text-align:center; font-weight:bold;}
.tb_02 td:first-child   {border-left:1px solid #414141;}
.tb_02 td:last-child   {border-right:1px solid #414141;}
.color_bluesky {color:#b3c7d2 !important}
.color_sky, .color_sky a, .color_sky a:hover, .color_sky a:visited { color:#9ed9f6 !important} 
.color_dblue, .color_dblue a, .color_dblue a:hover, .color_dblue a:visited { color:#00a6ea !important}
.color_dblue .bnt_in1, .color_dblue .bnt_in1, .color_dblue .bnt_in1:hover, .color_dblue .bnt_in1:visited { color:#fff!important;}
.color_orange, .color_orange a, .color_orange a:hover, .color_orange a:visited {color:#d68f48 !important;}
.color_dorange, .color_dorange a, .color_dorange a:hover, .color_dorange a:visited { color:#e66d00 !important}
.tb_02 th.color_dblue { color:#00a6ea}
.table_odd tr { background:#181818}
.table_odd tr:nth-child(10n+3) { background:#2d2e2e;}
.table_odd tr:nth-child(10n+4) { background:#2d2e2e; }
.table_odd tr:nth-child(10n+5) { background:#2d2e2e;} 
.table_odd tr:nth-child(10n+6) { background:#2d2e2e;}
.table_odd tr:nth-child(10n+7) { background:#2d2e2e; }
.bnt_in1 { display:inline-block; margin:0 20px 0 20px; color:#ffffff; border-radius:4px; padding:2px; background:#494949; border:1px solid #000;}


.tb_04 { border-top:2px solid #848585;border-left:2px solid #848585;border-bottom:2px solid #848585; margin-bottom:-1px; border-radius:10px;}
.tb_04 th { border-bottom:2px solid #848585;border-right:2px solid #848585; background:#424244; padding:7px 2px; color:#d68f48;}
.tb_04 th.first_line {border-left:2px solid #848585;}
.tb_04 th.first_left, .tb_04 td.first_left {border-radius:10px 0 0 0;}
.tb_04 th.first_right, .tb_04 td.first_right { border-radius:0 10px 0 0;}
.tb_04 th.last_left, .tb_04 td.last_left { border-radius:0 0 0 10px ;}
.tb_04 th.last_right, .tb_04 td.last_right { border-radius:0 0 10px 0 ;}
.tb_04 td { border-bottom:1px solid #414141; padding:7px 2px; color:#fff; text-align:center; font-weight:bold;}
.tb_04 td:last-child   {border-right:2px solid #848585;}

.tb_06 { border-top:2px solid #848585;border-left:2px solid #848585;border-bottom:2px solid #848585; margin-bottom:-1px; border-radius:10px;}
.tb_06 th { border-bottom:2px solid #848585;border-right:2px solid #848585; background:#424244; padding:7px 2px; color:#00a6ea;}
.tb_06 th.first_line {border-left:2px solid #848585;}
.tb_06 th.first_left, .tb_06 td.first_left {border-radius:10px 0 0 0;}
.tb_06 th.first_right, .tb_06 td.first_right { border-radius:0 10px 0 0;}
.tb_06 th.last_left, .tb_06 td.last_left { border-radius:0 0 0 10px ;}
.tb_06 th.last_right, .tb_06 td.last_right { border-radius:0 0 10px 0 ;}
.tb_06 td { border-bottom:1px solid #414141; padding:7px 2px; color:#9ed9f6; text-align:center; font-weight:bold;}
.tb_06 td a { color:#9ed9f6;text-decoration: underline;}
.tb_06 td:last-child   {border-right:2px solid #848585;}

.tb_05 { border-top:2px solid #848585;border-left:2px solid #848585;border-bottom:2px solid #848585; margin-bottom:-1px; border-radius:10px; background:url(../image/bg_tb1.png)} 
.tb_05 th { border-bottom:2px solid #848585;border-right:2px solid #848585; background:#414143; padding:7px 2px; color:#00a6ea;}
.tb_05 th.first_line {border-left:2px solid #848585;}
.tb_05 th.first_left, .tb_05 td.first_left {border-radius:10px 0 0 0;}
.tb_05 th.first_right, .tb_05 td.first_right { border-radius:0 10px 0 0;}
.tb_05 th.last_left, .tb_05 td.last_left { border-radius:0 0 0 10px ;}
.tb_05 th.last_right, .tb_05 td.last_right { border-radius:0 0 10px 0 ;}
.tb_05 td { border-bottom:1px solid #414141; padding:7px 2px; color:#fff; text-align:center; font-weight:bold;} 
.tb_05 td:last-child   {border-right:2px solid #848585;}
.alram_on td { color:#e66d00;}

.tb_07 { border-top:2px solid #848585;border-left:2px solid #848585;  margin-bottom:-1px;  background:url(../image/bg_tb1.png)} 
.tb_07 th { border-bottom:2px solid #848585;border-right:2px solid #848585; background:#414143; padding:7px 2px; color:#00a6ea;} 
.tb_07 td { border-bottom:2px solid #848585;border-right:2px solid #848585;  padding:7px 2px; color:#fff; text-align:center; font-weight:bold;} 
 
.tb_08 { border-top:2px solid #848585;border-left:2px solid #848585;  margin-bottom:-1px; background:#2f3033  } 
.tb_08 th { border-bottom:2px solid #848585;border-right:2px solid #848585;  background:#2f3033;  padding:7px 2px; color:#00a6ea;} 
.tb_08 td { border-bottom:2px solid #848585;border-right:2px solid #848585;  background:#2f3033 ; padding:7px 2px; color:#fff; text-align:center; font-weight:bold;} 
.table_odd tr:nth-child(10n+3) .bnt_in1 { background:#1b1b1f;}
.table_odd tr:nth-child(10n+4) .bnt_in1 { background:#1b1b1f;}
.table_odd tr:nth-child(10n+5) .bnt_in1 { background:#1b1b1f;}
.table_odd tr:nth-child(10n+6) .bnt_in1 { background:#1b1b1f;}
.table_odd tr:nth-child(10n+7) .bnt_in1 { background:#1b1b1f;}

.table_odd tr:nth-child(10n+3) .input_txt2 { background:#a9abb5;}
.table_odd tr:nth-child(10n+4) .input_txt2 { background:#a9abb5;}
.table_odd tr:nth-child(10n+5) .input_txt2 { background:#a9abb5;}
.table_odd tr:nth-child(10n+6) .input_txt2 { background:#a9abb5;}
.table_odd tr:nth-child(10n+7) .input_txt2 { background:#a9abb5;}



.tb_03 { border-top:2px solid #848585; border-radius:10px; border-left:2px solid #848585; background:#1b1b1f url(../image/panel_bg3.gif) top left repeat-x; }
.tb_03 th { border-bottom:2px solid #848585;border-right:2px solid #848585;   padding:7px 2px; color:#ced1d2;}
.tb_03 th.first_line {border-left:2px solid #848585;}
.tb_03 th.first_left, .tb_03 td.first_left {border-radius:10px 0 0 0;}
.tb_03 th.first_right, .tb_03 td.first_right { border-radius:0 10px 0 0;}
.tb_03 th.last_left, .tb_03 td.last_left { border-radius:0 0 0 10px ;}

.tb_03 th.last_right, .tb_03 td.last_right { border-radius:0 0 10px 0 ;}
.tb_03 th.last_side, .tb_03 td.last_side { border-radius:0 0 10px 10px ;}
.tb_03 td.last_left_01 { border-radius:0 0 0 10px ;}
.tb_03 td.last_right_01 { border-radius:0 0 10px 0 ;}
.tb_03 td {border-bottom:2px solid #848585;border-right:2px solid #848585; padding:7px 20px; color:#ced1d2; text-align:center; font-weight:bold;}
.tb_inner { border:0 none;}
.tb_inner td, .tb_inner th  { padding:0; border:0 none;}
.info_pannel1 { background:#0a0a0a url(../image/bg_panel01.gif) 0 0 repeat-x; border-radius:5px; border:2px solid #373539; padding:10px 30px;; text-align:left; margin-bottom:10px;}

.pop_wrap { padding:10px 10px 30px 10px; background:#242526 url(../image/main_bg1.jpg) center center no-repeat;}
.bg_timer { width:200px; height:41px; background:url(../image/bg_timer.png) left top no-repeat; text-align:center; line-height:41px; margin:0 auto;color:#9ed9f6 }

 
.msg_wrap2 {   }
.popover2 { position:absolute; bottom:26px; left:50%; top:50%; margin-left:-400px; margin-top:-200px; height:400px; width:800px; }
.popover2 .tb_07 th { background:#414143;}
.popover2 .tb_07 td { background:#414143;}
.popover3 { position:fixed; bottom:26px; left:50%; top:50%; margin-left:-400px; margin-top:-60px; height:120px; width:800px;}
.popover3 .tb_07 th { background:#414143; color:#d68f48;}
.popover3 .tb_07 td { background:#414143; font-size:18px;}
.popover3 .tb_07 .co_orange td{color:#f68f48;}


.popover4 { position:fixed; bottom:26px; left:50%; top:50%; margin-left:-400px; margin-top:-60px; height:60px; width:450px;}
.popover4 .tb_07 th { background:#414143; color:#d68f48;}
.popover4 .tb_07 td { background:#414143; font-size:18px;}
.popover4 .tb_07 .co_orange td{color:#f68f48;}

.msg_wrap { position:relative; cursor:pointer; display:block; height:20px; width:232px;}

.popover { position:absolute; bottom:26px; left:0; width:232px;}
.show {  display: block ;}
.hidden {  display: none ; }
.txt_001 { text-align:center; display:inline-block; font-weight:bold; font-size:23px; color:#9db5f1; min-width:55px; line-height:30px;  }
.txt_002 { text-align:center; display:inline-block; font-weight:bold; font-size:23px; color:#ee7800;min-width:55px; line-height:30px;  }
.color_gray { color:#777 !important}
 
 
 
  /* 20170519 */
.tb_01 td.boder_b{border-bottom: none;}
.tb_01 .first_tr td{border-bottom: none;}
.tb_01 td input{font-size:16px; height:30px; text-align:center; color:#fff; background:none; border:1px solid #fff;}
.tb_01 td input.on{color:#8498c8; }
.tb_01 td input.off{color:#aa5d14;}


.tb_inner td.boder_b{border-bottom: none;} 
.tb_inner .first_tr td{border-bottom: none;}
.tb_inner td input{font-size:16px; height:30px; text-align:center; color:#fff; background:none; border:1px solid #fff;}
.tb_inner td input.on{color:#8498c8; }
.tb_inner td input.off{color:#aa5d14;}

/* 20170524 */
/*font-size:12*/.tb_01.font12 th{}
/*font-size:12*/.tb_01.font12 td{}
.tb_01 .depth2_tr td{padding:0;}
/*font-size:12*/.tb_01 .depth2_tr td .select {height:30px; line-height:30px;}
/*font-size:12*/.tb_01 .depth2_tr td input{height:22px;}
.input_txt3 { padding:0px; border-radius:0px; vertical-align:middle; text-align:center; font-size:16px; height:22px; text-align:center; color:#fff; background:none; border:1px solid #fff;}
.input_txt3.on{color:#8498c8; }
.input_txt3.off{color:#aa5d14;}
.txt_center img{vertical-align:middle;}
.state_bg11 .select {font-size:12px; height:30px; line-height:30px; font-weight:bold; width:100px;}
.state_bg13 .select {font-size:12px; height:30px; line-height:30px; font-weight:bold; width:100px;}
.select3 {font-size:12px !important; height:30px; line-height:30px; font-weight:bold; background:#bdc2db; border:2px solid #000; padding:2px; box-sizing: border-box; border-radius:5px; vertical-align:middle;text-align:center; margin-top:5px; }
.select3 option{font-size:12px !important;}
.table_odd tr:nth-child(10n+3) .input_txt2.timer_bg { background:#bdc2db;}
.timer_bg_wrap td{position:relative;}
.timer_bg_wrap td img{position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-9px;}
.tb_02 .input_txt3{font-size:14px !important;}
.time_area td{text-align:right; padding-right:28px;}

/*20170613*/
.ns_td_padding14{padding-left:14px;}
.ns_td_padding19{padding-left:19px;}
.font12 { font-size:12px !important; font-weight:normal !important;}
.font17 { font-size:17px !important; font-weight:normal !important;}
.font18 { font-size:18px !important; font-weight:normal !important;}
.f_l{float:left;}

/**/
.setting04 span{position:absolute; right:12px;}
.setting04.ppm span{right:-12px;}
/* //@@## 2019-07-08_001 add start */
.rawDataTitle {
	/* background-color : #9B8281; */
	font-weight: bold;
}
.rawDataSubTitle {
	font-weight: bold;	
}
/* //@@## 2019-07-08_001 add end */