/* Reset CSS  */

* { margin:0; padding:0; border:0; outline:0;  }
@font-face { font-family:ng_eot; src:url(NanumGothic.eot); font-weight:normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; 	border:1px solid #eee; height:23px; }
html, body{height:100%;/* Required */}
body, article, section, nav, menu, footer, header, aside, h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li, form, select, fieldset, p, figure, blockquote, button, input, textarea, td,span, th { font:normal 13px NanumGothic, 'Malgun Gothic', dotum, AppleGothic; color: #4C4C4C; letter-spacing:0px; margin: 0; padding: 0; 	line-height:140%; }
body  {
	scrollbar-3dlight-color:#EAEAEA;
	scrollbar-arrow-color:#BFBFBF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#BFBFBF;

	background:#FFFFFF;
	font-family:'NanumGothic','굴림', '굴림체';
	font-size:13px;
	line-height:140%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:0px;
	height:100%;
}
a,a:link{color:#7F7F7F;  text-decoration:none;}
a:hover{text-decoration:none; color:#00B0F0; font-weight:bold;}

label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }

/*  Layout*/
.hide {
	display: none;
}
/* CSS header */
#wrap {
	width: 100%;
	margin: 0 auto;
	position:relative; 
	min-width:1024px;
}
#header {
	width: 100%;
	height: 120px;
	background:#ffffff;
	/* border-bottom:1px solid #000; */
	position:relative;
	padding:7px 0;
}
/* ��ܸ޴� */
.header_wrap {margin:0 auto; width: 1080px; height:105px;}
.header_logo {float:left; margin-top:19px;}
.depth1 {float:right; margin-top:38px; margin-right:8px;}
.top_menu {font-size:12px;vertical-align:top; padding:10px 10px 0 5px;}

.header_menu {clear:both; width: 100%; height: 50px; background:#317cc7; border-bottom:2px solid #e6e6e6;}
.header_menu1 {margin:0 auto; width: 1080px;}
.header_menu1 li {width: 25%; float:left; text-align: center; margin-top:10px;}
.header_menu1 .menu {font-size:18px; color: #fff; letter-spacing:1px; vertical-align:top;}
.header_menu1 .menu a:hover {color: #ddd;}
.header_menu1 .menu a:link{color:#fff;}
.header_menu1 .menu a:visited{color:#fff;}

.submenu1{ background: #f7f7f7; border: 1px solid #ddd; display:none;  position: absolute; z-index: 970; width:100%;  height: 410px; padding:5px 0px 0 0px; top:162px; }
.submenu1_ {margin:0 auto; width: 1080px;}
.submenu1_ li {width: 25%; float:left; }
.submenu1 .submenu1_btn{ position:absolute; margin-top:800; z-index: 998;}

.menu1 {margin-left:15px; font-size:15px;   color:#999999; vertical-align:top; padding:10px 38px 0 20px;}
.menu2 {margin-left:20px; font-size:15px;  color:#000;  vertical-align:top; padding:10px 20px 0 45px;}
.menu3 {margin-left:55px; font-size:15px;  color:#999999;  vertical-align:top; padding:10px 20px 0 30px;}
.menu4 {margin-left:85px; font-size:15px;  color:#999999; vertical-align:top; padding:10px 20px 0 35px;}
.menu5 {margin-left:43px; font-size:14px;  color:#999999;  vertical-align:top; padding:10px 20px 0 40px;}



#contents{margin:0 auto; width: 1080px;  height:auto;}
.main_c1{float:left; width: 270px; padding:10px 15px 10px 0px;}
.main_c2{float:left;  width: 465px; background:#F4F4F4;  min-height:300px; border: 1px solid #eee; padding:20px 20px 15px 20px;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 8px; }

.main_c3{float:left;  width: 265px; padding:10px 0px 10px 10px;}
.box_blank { clear:both; height:20px;}
.main_box{ background: #fff; border: 1px solid #ddd; z-index: 15; width:260px; padding:10px 10px 10px 10px; text-align:left;}
.main_box p {color:#7F7F7F; line-height:25px;}

.sub_c1{float:left; width: 205px;  padding:10px 15px 10px 0px;}
.sub_c2{float:left; width: 845px;  padding:10px 15px 10px 0px;}
.prt_main{width:845px;  margin:0 auto;  }


.box_tit { background: #fff; min-height:23px; width:85px; border: 1px solid #ddd; text-align:center; padding:3px 0px 0 0px; }

.l_menu_t {font-size:19px; color:#125496;  font-weight:bold; letter-spacing:-2px; vertical-align:top; padding:10px 15px 0 20px;}
.l_menu_t1 {font-size:14px; font-weight:bold; letter-spacing:-2px; vertical-align:top; padding:20px 20px 0 28px;}
.l_menu_c { font-size:14px;  color:#999999;  vertical-align:top; padding:20px 20px 0 28px;}
.l_menu_c_ {  margin-top:10px;   margin-left:10px; width: 150px;  height:30px; color:#fff;background-color:#006cb8;height:24px; border-top:1px solid #004c82;border-left:1px solid #004c82;text-decoration:none;font-weight:bold;vertical-align:center;text-shadow:0 1px 1px rgba(0,0,0,0.3); padding:6px 0px 0 30px;}
.b_font {color:#0070C0; }
.r_font {color:#AC2113; }
.tr_line {padding-left:10px;color:#1a1c22;font-weight:normal;text-align:left;border-bottom:1px solid #F4F4F4;}

#subbox {  background:#f7f7f7;  min-height:50px; border: 1px solid #eee; padding:20px 20px 0px 20px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
}



.sub_tit {font-size:16px;  vertical-align:top; }
.subtit1 {float:left; font-size:16px;  color:#000; vertical-align:top; }
.subtit1_r {float:right; }
.subtit { font-size:11px;  vertical-align:top; }
.subtit2 {font-size:11px;  vertical-align:top; font-weight:bold; color:#317cc7; }
.subtit3 {font-size:13px;  vertical-align:top; font-weight:bold;  }
.text_3 {  color:#317cc7; }
.text_31 {  color:#317cc7; font-weight:bold; }
.text_1 { padding:10px 20px 0 20px;  }
.tex { padding:10px 20px 0 20px;  }
.xprint_logo {font-size:13px;  vertical-align:top; font-weight:bold; color:#317cc7; }
.current{font-size:12pt; font-weight:bold;color:#00B0F0;}

.top_menu1 {font-size:10px; vertical-align:top;}
.top_menu2 {font-size:11px; vertical-align:top; padding:3px 0px 0 0px;}


.table_m1{margin-bottom:3px;width:100%;border-top:2px solid #788092;border-bottom:1px solid #c0c3ca;text-align:left;line-height:1.2;color:#666f84;}
.table_m1.black{margin-top:50px;margin-bottom:0px;color:#1a1c22;font-weight:bold}
.table_m1.black tr td{color:#1a1c22 !important;}
.table_m1.large{margin-top:55px;margin-bottom:0px;font-weight:bold}
.table_m1.large tr th{border-bottom:1px solid #ecedef;}
.table_m1.large tr td{color:#1a1c22;font-size:14px;}
.table_m1 thead tr th{padding:5px 0 9px;border-bottom:1px solid #c0c3ca;text-align:left;vertical-align:middle;text-align:center;border-right:1px solid #ecedef;}
.table_m1 thead .th_depth th{font-weight:normal;border-top:1px solid #ecedef;}
.table_m1 tbody tr th{color:#1a1c22;border-bottom:1px solid #c0c3ca;vertical-align:middle;text-align:left;letter-spacing:-1px;border-right:1px solid #ecedef;}
.table_m1 tbody tr th.th_s{padding-left:10px;color:#1a1c22;font-weight:normal;text-align:left;border-bottom:1px solid #ecedef;}
.table_m1 tbody tr th.th_s1{padding-left:10px;color:#1a1c22;font-weight:normal;text-align:left;border-bottom:1px solid #c0c3ca;}
.table_m1 tbody tr th.th_ss{padding-left:10px;color:#1a1c22;font-weight:normal;text-align:center;border-bottom:1px solid #c0c3ca;}
.table_m1 tbody tr th.th_b{border-bottom:1px solid #ecedef;font-weight:normal;}
.table_m1 tbody tr td{padding:3px 0 6px;border-bottom:1px solid #ecedef;vertical-align:middle;text-align:right;padding-right:5px;border-right:1px solid #ecedef;}
.table_m1 tbody tr td.left{text-align:left;padding-left:10px;}
.table_m1 tbody tr td.center{text-align:center; }
.table_m1 tbody tr.tr_total.last-child2 td, .tbl_ir tbody tr.tr_total.last-child2 th{color:#006cb8;font-weight:bold}
.table_m1 tr .td_total{font-weight:bold;}
.table_m1 tr .td_total.brnone{font-weight:bold;border-right:0;}
.table_m1 tbody tr.last-child td{color:#1a1c22;border-top:1px solid #c0c3ca;border-bottom:1px solid #c0c3ca}
.table_m1 tbody tr.last-child2 td{border-bottom:1px solid #c0c3ca}
.table_m1 tbody tr.last-child2 th{border-bottom:1px solid #c0c3ca}
.table_m1 tfoot tr td{padding:10px 0 9px;color:#006cb8;text-align:right;padding-right:5px;border-right:1px solid #ecedef;}
.table_m1 .brnone{border-right:0}
.table_m1 .brnonec{border-right:0; text-align:center;}
.table_m1 .brnonel{padding-left:10px; border-right:0; text-align:left;}
.table_m1.black tr td{border-right:0}
.table_m1 tr.bbg td{border-bottom:1px solid #c0c3ca}
.table_m1 tr td.left{text-align:left;padding-left:10px;}
.table_m1 .center2 td{text-align:center}
.table_m1 tr .center2{text-align:center}
.table_m1 tr .bg_pre{background-color:#f7f7f7}
.table_m1 tr td .ico_star{font-size:12px;color:#ff3366;}

.table_m{margin-bottom:7px;width:100%;border-top:2px solid #788092;border-bottom:1px solid #c0c3ca;text-align:left;line-height:1.2;color:#666f84;}
.table_m.black{margin-top:60px;margin-bottom:0px;color:#1a1c22;font-weight:bold}
.table_m.black tr td{color:#1a1c22 !important;}
.table_m.large{margin-top:55px;margin-bottom:0px;font-weight:bold}
.table_m.large tr th{border-bottom:1px solid #ecedef;}
.table_m.large tr td{color:#1a1c22;font-size:14px;}
.table_m thead tr th{padding:10px 0 9px;font-weight:normal;background-color:#f7f7f7;border-bottom:1px solid #ecedef;text-align:left;vertical-align:middle;text-align:center;border-right:1px solid #ecedef;}
.table_m thead tr th.th2{padding:10px 0 9px;font-weight:normal;border-bottom:1px solid #ecedef;text-align:left;vertical-align:middle;text-align:left;border-right:1px solid #ecedef;}
.table_m thead .th_depth th{font-weight:normal;border-top:1px solid #ecedef;}
.table_m tbody tr th{color:#1a1c22;border-bottom:1px solid #c0c3ca;vertical-align:middle;text-align:left;letter-spacing:-1px;border-right:1px solid #ecedef;}
.table_m tbody tr th.th_s{padding-left:10px;color:#1a1c22;font-weight:normal;text-align:left;border-bottom:1px solid #ecedef;}
.table_m tbody tr th.th_s2{padding-left:10px;color:#1a1c22;font-weight:normal;text-align:center;border-bottom:1px solid #ecedef;}
.table_m tbody tr th.th_s1{padding-left:10px;color:#1a1c22;font-weight:normal;text-align:left;border-bottom:1px solid #c0c3ca;}
.table_m tbody tr th.th_ss{padding-left:10px;color:#1a1c22;font-weight:normal;text-align:center;border-bottom:1px solid #c0c3ca;}
.table_m tbody tr th.th_b{border-bottom:1px solid #ecedef;font-weight:normal;}
.table_m tbody tr td{padding:7px 0 6px;border-bottom:1px solid #ecedef;vertical-align:middle;text-align:right;padding-right:5px;border-right:1px solid #ecedef;}
.table_m tbody tr td.left{text-align:left;padding-left:10px;}
.table_m tbody tr td.center{text-align:center; }
.table_m tbody tr.tr_total.last-child2 td, .tbl_ir tbody tr.tr_total.last-child2 th{color:#006cb8;font-weight:bold}
.table_m tr .td_total{font-weight:bold;}
.table_m tr .td_total.brnone{border-right:0;}
.table_m tbody tr td p{line-height:1.7 !important;  }
.table_m tbody tr.last-child td{border-top:1px solid #c0c3ca;border-bottom:1px solid #c0c3ca}
.table_m tbody tr.last-child2 td{border-bottom:1px solid #c0c3ca}
.table_m tbody tr.last-child2 th{border-bottom:1px solid #c0c3ca}
.table_m tfoot tr td{padding:10px 0 9px;color:#006cb8;text-align:right;padding-right:5px;border-right:1px solid #ecedef;}
.table_m .brnone{border-right:0}
.table_m .brnonec{border-right:0; text-align:center;}
.table_m .brnonel{padding-left:10px; border-right:0; text-align:left;}
.table_m.black tr td{border-right:0}
.table_m tr.bbg td{border-bottom:1px solid #c0c3ca}
.table_m tr td.left{text-align:left;padding-left:10px;}
.table_m .center2 td{text-align:center}
.table_m tr .center2{text-align:center}
.table_m tr .bg_pre{background-color:#f7f7f7}
.cnt_03 .txt_small{position:absolute;margin-top:-25px;margin-left:640px;color:#79858f;font-size:11px;font-weight:normal;letter-spacing:-1px;line-height:1.2;width:80px}
.cnt_03 .txt_small2{position:absolute;margin-top:-25px;margin-left:595px;color:#c2c6cb;font-size:11px;font-weight:normal;letter-spacing:-1px;line-height:1.2}
.table_m tr td .ico_star{font-size:12px;color:#ff3366;}
 
/*footer*/
#footer {
	clear: both;
	width: 100%;
	height: 100px;
	text-align: center;
	border-top: 1px solid #f1f1f1; 
	background:#F6F6F6;
	/* border-top:1px solid #FFFFFF; */
}
















/* Reset CSS  */

.float-e-margins .btn {
  margin-bottom: 5px;
}

/* Resizable */
.resizable-panels .ibox {
  clear: none;
  margin: 10px;
  float: left;
  overflow: hidden;
  min-height: 250px;
  min-width: 100%;
}
.resizable-panels .ibox .ibox-content {
  height: calc(100% - 49px);
}
.ui-resizable-helper {
  background: rgba(211, 211, 211, 0.4);
}
.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
  margin-top: 5px;
}
.ibox-content.text-box {
  padding-bottom: 0;
  padding-top: 15px;
}
.border-left-right {
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-top: none;
  border-bottom: none;
}
.border-left {
  border-left: 1px solid #e7eaec;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.border-right {
  border-left: none;
  border-right: 1px solid #e7eaec;
  border-top: none;
  border-bottom: none;
}
.full-width {
  width: 100% !important;
}
.link-block {
  font-size: 12px;
  padding: 10px;
}

.ibox-content {
  margin-top:20px;
  margin-bottom:10px;
  min-height: 150px;
  height: calc(100% - 49px);
  background-color: #ffffff;
  color: inherit;
  padding: 10px 10px 10px 10px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}



/* FLOT CHART  */
.flot-chart {
  display: block;
  height: 130px;
}

/* FLOT CHART  */
.flot-chart1 {
  display: block;
  height: 200px;
}
.widget .flot-chart.dashboard-chart {
  display: block;
  height: 120px;
  margin-top: 40px;
}
.flot-chart.dashboard-chart {
  display: block;
  height: 180px;
  margin-top: 40px;
}
.flot-chart-content {
  width: 100%;
  height: 100%;
}
.flot-chart-pie-content {
  width: 200px;
  height: 200px;
  margin: auto;
}
.jqstooltip {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  visibility: hidden;
  background: #2b303a;
  background-color: rgba(43, 48, 58, 0.8);
  color: white;
  text-align: left;
  white-space: nowrap;
  z-index: 10000;
  padding: 5px 5px 5px 5px;
  min-height: 22px;
  border-radius: 3px;
}
.jqsfield {
  color: white;
  text-align: left;
}
.fh-150 {
  height: 150px;
}
.fh-200 {
  height: 200px;
}
.h-150 {
  min-height: 150px;
}
.h-200 {
  min-height: 200px;
}
.legendLabel {
  padding-left: 5px;
}
.stat-list li:first-child {
  margin-top: 0;
}
.stat-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.stat-percent {
  float: right;
}
.stat-list li {
  margin-top: 15px;
  position: relative;
}


.font8 {font-size:11px; }
/*추가건*/
.su_box { margin-top:10px; margin-right:3px; background:rgba(235,56,56,0.8);   border: 1px solid #e7eaec; display:inline-block;min-width:13px; min-height:8px;}
.su_box1 {margin-left:5px; margin-top:10px; margin-right:3px;background:rgba(28,132,198,0.8);    border: 1px solid #ddd; display:inline-block;min-width:13px; min-height:8px;}
.su_box2 { margin-top:10px; margin-right:3px; background:rgba(235,56,56,0.8);   border: 1px solid #e7eaec; display:inline-block; min-width:13px; min-height:8px;}
.su_box3 { margin-top:10px; margin-right:3px; background:rgba(28,132,198,0.8);   border: 1px solid #e7eaec; display:inline-block; min-width:13px; min-height:8px;}
.su_box5 {margin-top:10px; margin-right:3px; background:rgba(235,56,56,0.8);   border: 1px solid #e7eaec; display:inline-block; min-width:13px; min-height:8px;}
.su_box4 {margin-left:5px; margin-top:10px; margin-right:3px;background:#000000;    border: 1px solid #ddd; display:inline-block;min-width:13px; min-height:8px;}
   .chart-legend ul span{
    display: inline-block;
    width: 13px;
    height: 8px;
	border: 1px solid #ddd;
	padding :2;
    margin-right: 5px;
    margin-left: 5px;

}