img {border: 0px;}
body {
	margin: 0px; padding: 0px; 
	font-family: '나눔바른고딕','NanumBarunGothic','NanumGothic',"나눔고딕",ngttf,ngeot,Dotum,"돋음",sans-serif; 
	color: #333; font-size: 11px; border-collapse: collapse;
}

address, caption, em, cite {font-weight: normal; font-style: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
caption {text-indent:-9999px; font-size:0;  width:0; height:0;}
input {margin: 0; padding: 0;}
input[type=text]::-ms-clear {
  display:none;
}

/*
html { 	
	scrollbar-arrow-color: #efefef;
    scrollbar-Track-Color: #efefef; 
    scrollbar-base-color: #dfdfdf;
    scrollbar-Face-Color: #dfdfdf;
    scrollbar-3dLight-Color: #dfdfdf;         
    scrollbar-DarkShadow-Color: #dfdfdf;
    scrollbar-Highlight-Color: #dfdfdf;
    scrollbar-Shadow-Color: #dfdfdf
}
*/

::-webkit-scrollbar {
	width: 15px; 
}
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {display: block; width: 12px;height: 12px; background: url() rgba(0,0,0,0.5);}
::-webkit-scrollbar-track {background: rgba(0,0,0,.05); }
::-webkit-scrollbar-thumb {background: rgba(0,0,0,.1);  }

/* functions */
.clear {clear: both;}
.flt_lef {float: left;}
.flt_rig {float: right;}
.cent {text-align: center;}

.container {
	padding: 0;
}
.mpadding {padding: 0;}
.noweb {
	display: none;
}
.nomobile {
	display: block;
}

.vct_5 {height: 5px;}
.vct_10 {height: 10px;}
.vct_15 {height: 15px;}	
.vct_20 {height: 20px;}
.vct_26 {height: 26px;}
.vct_28 {height: 28px;}
.vct_50 {height: 50px;}
.vct_100 {height: 100px;}

.wid_100 {width: 100px;}
.wid_70 {width: 70px;}

.h_spacing {padding-left: 20px;}
.mar_11 {margin-top: 11px; height: auto;} 
.mar_20 {margin-top: 20px; }

.rndbt {
	width: 80px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	border: 0;
	color: #fff;
	font-size: 13px;	
}
.listbt {
	min-width: 50px;
	height: 25px;
	line-height: 25px;
	border-radius: 30px;
	border: 0;
	color: #fff;
	font-size: 13px;	
}
.bbsbt, .graph_bt {
	width: auto;
	height: 36px;
	padding: 0 30px;
	border: 0;	
	border-radius: 20px;
	font-size: 15px;
	color: #fff;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif; 
}
.smallbt {
	width: 85px; 
	height: 26px;
	border: 0;
	border-radius: 25px;
	line-height: 26px;
	color: #fff;
	font-size: 13px;
}

.btbox {
	margin: 30px 0;
	text-align: center;
}
div.btbox input {
	margin: 0 3px;
}

@media (min-width: 1200px){
	.container {
		width: 90%;
	}
}

@media (max-width: 1100px) {
	.mpadding {
		padding: 0 20px;
	}
	.noweb {
		display: block;
	}
	.nomobile {
		display: none;
	}	
	.container {
		padding: 0 20px;
	}
	div.btbox input {
		margin: 0;
	}
	
	.graph_bt {
		min-width: 30%;
		padding: 0 10px;
		margin: 0;
	}
}

.nopadding {padding: 0;}


/* body */
.rig_body_wrap {width: 812px; min-height: 650px; float: right;}
.center_body_wrap {width: 750px; min-height: 650px; margin: 0 auto;}

/* img */
.i_750 {width: 750px; height: auto;}
.i_auto_y {height: auto;}
.i_100x {width: 100%; height: 100%;}
.i_100v {width: 100%; height: auto;}
.i_15v {width: 15px; height: auto;}
.i_32x{width: 32px;height: 32px}


/* text */
.t_skyblue {color: #829aff;}
.t_blue {color: blue;}
.t_b {font-weight: bold;}
.t_white {color: white;}
.t_orange {color: orange;}
.t_red {color: red;}
.t_gray {color: gray;}
.t_g_11 {font-size: 11px; color: #888;}
.t_g_12 {font-size: 12px; color: #8c8c8c;}
.t_r_12 {font-size: 12px; color: #f55c00;}
.t_whiteblue { font-size: 14px; color: #5494c1; font-family: "나눔고딕";}
.t_whitegray { font-size: 13px; color: #777; font-family: "나눔고딕";}

/* color */
/*
#535a6c; top bar 어두운 블루 
#ffea00; 노랑
#528eb1; 게시판 파랑
*/

.bg_gray {
	background: #788a95;
}
.bg_gray2 {
	background: #848f96;
}
.bg_blue {
	background: #528eb1;
}
.bg_blue2 {
	background: #5aa0cc;
}
.bg_blue3 {
	background: #689bbc;
}
.bg_pink {
	background: #f07878;
}
.bg_mint {
	background: #26aeac;
}
.bg_mint2 {
	background: #45afa1;
}
.bg_f5 {
	background: #f5f5f5;
}
.bg_purple {
	background: #a992c1;
}
.bg_purple2 {
	background: #7f73a1;
}


/* 로그인 */
.login_bd {
	min-width: 1100px;
	margin: auto;
	padding: 170px 0 50px 0;
	text-align: center;
/* 	background: url(/images/login/login_bg.png) no-repeat top; */
}
.login_ti {
	margin: 20px 0 60px 0;
}
.login_ti p {
	margin-bottom: 2px;
	font-size: 40px;
	color: #555;
	line-height: normal;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
}
.login_ti span {
	font-size: 16px;
	color: #0099ff;
	font-family: arial, sans-serif;
	font-weight: bold;
}

.login_bx {
	width: 364px;
	margin: auto;
	margin-top: 30px;
}
.login_lpt {
	width: 100%;
	height: 46px;
	padding: 0 20px;
	margin-bottom: 10px;
	border: 1px solid #cfcfcf;
	font-size: 16px;
	color: #666;
	background: #f5f5f5;
}
.login_bt {
	width: 100%;
	height: 46px;
	border: 0;
	font-size: 16px;
	color: #fff;	
	background: #535a6c;
}
div.login_bd label {
	width: 364px;
	margin-bottom: 30px;
	text-align: left;
	font-size: 13px;
	color: #666;
	font-weight: normal;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
}

@media (max-width: 1100px) {
	.login_bd {
		min-width: 100%;
		padding: 55px 0 0 0;
		text-align: center;
		background: none;
	}
	.login_ti {
		margin-bottom: 50px;
	}
	.login_ti p {
		font-size: 28px;
	}
	.login_ti span {
		font-size: 11px;
	}
	
	.login_bx {
		width: 290px;
	}

	div.login_bd label {
		width: 320px;
		margin-bottom: 20px;
	}
}


/* header */
.header {
	width: 100%;
	height: 80px;
	background: #535a6c;
}
.logo {
	float: left;
	width: 30%;
	margin-top: 20px;
	cursor: pointer;
}
.menubd {
	float: right;
	height: 80px;
	line-height: 80px;
}
div.logo p {
	margin: 0;	
	color: #fff;
	font-size: 24px;
	line-height: normal;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
}
div.logo span {
	font-size: 10px;
	color: #66ccff;
	font-family: arial, sans-serif;
	letter-spacing: 2.8px;
}
div.menubd a {
	margin-left: 50px;
	color: #fff;
	font-size: 20px;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
	text-decoration: none;
}
div.menubd a:hover {
	color: #ffea00;
	text-decoration: none;
}

.submenu_bd {
	display: none;
	position: absolute;
	top: 80px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #e5e5e5;
	border-bottom: 1px solid #495060;
}
.userinfo {
	display: none;
	float: left;
}
div.userinfo input[type="button"] {
	width: 80px;
	height: 30px;
	margin-right: 10px;
	line-height: 30px;
	border-radius: 30px;
	border: 0;
	color: #333;
	font-size: 14px;	
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
	background: #fff;
}
div.userinfo span {
	margin-right: 20px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.smenu {
	display: none;
	text-align: right;
}
div.smenu a {
	margin-left: 35px;
	font-size: 16px;
	color: #354569;
	text-decoration: none;
}
div.smenu a:hover {
	color: #1189c5;
	text-decoration: none;
}
div.smenu img {
	width: 7px;
	margin-right: 7px;	
	vertical-align: middle;
}
div.smenu span {
	font-size: 10px;
	vertical-align: top;
}


/* footer */
.copy {
	width: 100%;
	padding: 0 12%;
	margin: 50px 0 10px 0;
	text-align: center;
	font-size: 12px;
	color: #555;
	font-family: arial, sans-serif;
}

@media (max-width: 1100px) {
	.header {
/* 		margin-bottom: 10px; */
	}
	.logo {
		width: 80%;
	}
	div.logo p {
		font-size: 20px;
	}
	div.logo span {
		letter-spacing: 1.2px;
	}
	.submenu_bd_m {
		display: none;
		position: absolute;
		z-index: 100;
		top: 80px;
		width: 100%;
		height: auto;
		margin: 0;
		line-height: normal;
		border-bottom: 1px solid #e1e1e1;
		background: #fff;
	}
	.userinfo {
		display: block;
		float: none;
		padding: 0 20px;
		line-height: 60px;
		border-bottom: 1px solid #e1e1e1;
		background: #ececec;
	}
	.userinfo span {
		color: #333;
	}
	.m_menu {
		display: block;
		padding: 0 20px;
		text-align: left;
		font-size: 18px;
		color: #656565;
		line-height: 60px;
		border-bottom: 1px solid #e1e1e1;
		background: #f5f5f5;
	}
	div.m_menu span {
		margin-right: 5px;
		font-size: 10px;
		vertical-align: top;
	}
	.inmenu {
		display: none;
		padding: 15px 20px;
		line-height: 40px;
		border-bottom: 1px solid #e1e1e1;
	}
	.inmenu2 {
		padding: 15px 50px;
	}
	div.inmenu a {
		font-size: 16px;
		color: #656565;
		font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
	}	
	.mobileblack_bg {
		display: none;
		position: fixed;
		z-index: 30;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.6);
	}
}


/* 메인 web/index */
.statebar1, .statebar2 {
	height: 50px;
	margin: 15px 0 5px 0;
	text-align: center;
	font-size: 14px;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
	cursor: default;	
}
.statebar1 {
	float: left;
	width: 35%;
}
.statebar2 {
	float: right;
	width: 63%;
}
.state_ti, .state_ti2 {
	float: left;
	width: 19%;
	height: 100%;
	line-height: 50px;
	color: #fff;
	background: #535a6c;
}
.state_ti2 {
	width: 10%;
}
.state_bd {
	float: left;
	width: 27%;
	height: 100%;
	padding: 4px 0;
	border: 1px solid #ddd;
	border-left: 0;
}
.state_bd2 {
	width: 11%;
}
div.state_bd span {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}


.mainmap {
/* 	display: none; */
	position: relative;
	float: left;
	width: 75%;
    flex:1 0 0;
	min-height: 610px;
	margin-top: 10px;
	border: 1px solid #e1e1e1;
	background: #f2f2f2;
}
.timebar {
	display: none;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 40px;
	padding: 5px;
	background: #535a6c;
	cursor: default;
}
.systemcon {
	display: none;
	position: absolute;
	z-index: 10;
	bottom: 0;
	width: 100%;
	height: 80px;
	padding: 7px 12px;
	background: #535a6c;
	cursor: default;
}
.mainlist {
	float: right;
	width: 24%;
	height: 610px;
	margin-top: 10px;
}

.mainlist_sch {
	margin-bottom: 10px;
}
div.mainlist_sch input[type="text"]{
	width: 75%;
	height: 30px;
	padding: 0 10px;
	border: 1px solid #cfcfcf;
	font-size: 13px;
	color: #666;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;	
	background: #f5f5f5;
}
div.mainlist_sch input[type="submit"]{
	float: right;
	width: 23%;
	height: 30px;
	line-height: 30px;
	border: 0;
	color: #fff;
	font-size: 14px;	
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;		
}

.mainli_bd {
	overflow-y: scroll;
	width: 100%;
	height: 530px;
	border: 1px solid #e1e1e1;
	border-top: 0;	
	border-right: 0;
	text-align: center;
}

.statesel, .statesel_ul {
	display: none;
}
.distri_num {
	float: left;
	width: 106px;
	height: 100%;
	padding: 3px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 13px;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;	
}
div.distri_num span {
	font-size: 12px;
	font-weight: normal;
}
.g_ti {
	float: left;	
	width: 159px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	background: #848f96;
}
.g_bd {
	float: left;	
	width: 159px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	background: #fff;
}
.g_ti2 {
	width: 25%;
}

.sys_btbox {
	float: right;
	height: 30px;
	width: 50%;
}
div.sys_btbox input {
	margin-top: 2px;	
}
div.sys_btbox span {
	vertical-align: top;
	margin: 0 5px 0 20px;
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
}
.blue_bx, .purple_bx, .green_bx {
	float: left;
	width: 45%;
	margin-top: 5px;
}
.green_bx {
	float: right;
	width: 10%;
}
.blue_bx input[type="button"]{
	width: 31%;
	margin-right: 1%;
	background: #689bbc;	
}
.purple_bx input[type="button"]{
	width: 31%;
	margin-right: 1%;
	background: #7f73a1;	
}
.green_bx input[type="button"]{
	width: 100%;
	background: #45afa1;	
}

.conbtn {
	float: left;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	border-radius: 30px;
	border: 0;
	color: #fff;
	font-size: 13px;	
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
}
.conbtn_close {
	float: right;
	width: 50px;
	height: 30px;
	border: 0;
	border-radius: 20px;
	font-size: 13px;
	color: #fff;
	background: #689bbc;
}

.mark_bx {
	display: none;
	position: absolute;
	z-index: 10;
	width: 135px;
	height: 370px;
	padding: 10px 5px 10px 5px;	
	margin: 190px 0 0 5px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	text-align: center;
	background: #fff;
}
.mark_bx_2 {
	display: none;
	position: absolute;
	z-index: 5;
	width: 135px;
	height: 370px;
	padding: 10px 5px 10px 5px;	
	margin: 120px 0 0 5px;	
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	text-align: center;
	background: #fff;
}
.marker_bt {
	position: absolute;
	z-index: 5;
	width: 60px;
	height: 27px;
	margin: 0 0 10px 5px;
	line-height: 27px;
	border-radius: 30px;
	border: 0;
	color: #fff;
	font-size: 12px;		
	background: #788a95;
}
.markname {
	float: left;
	width: 50%;
	height: 30px;
	padding-right: 5px;
	margin-top: 13px;
	line-height: 30px;
	font-size: 12px;
	text-align: right;
}
.markimg {
	float: left;
	width: 50%;
	margin-top: 17px;
	text-align: left;
}
div.mark_bx span {
	font-size: 13px;
}
div.markimg img {
	width: 13px;
	margin-left: 5px;
}
.stlamp {
	float: left;
	width: 25%;
	margin-top: 10px;
}
div.stlamp img {
	width: 16px;	
}
div.stlamp span {
	font-size: 11px;
}
.marklef {
	float: left;
	width: 100%;
}

.roadview {
	display:none;
	position: absolute;
	float: left;
	width: 67.5%;
	min-height: 610px;
	margin-top: 10px;
	border: 1px solid #e1e1e1;
	background: #f2f2f2;
	
}
.roadview_bt {
	position: absolute;
	z-index: 5;
	bottom: 0;
	margin: 0 0 10px 70px;	
}

.customoverlay, .customoverlay_2 {
	padding: 0 5px;
	margin-top: 2px;
	border-radius: 25px;
	border: 2px solid #ffff00;
	background: #535a6c;
}
div.customoverlay span {
	font-size: 10px;
	color: #fff;
}
div.customoverlay_2 span {
	font-size: 9px;
	color: #fff;
}

.customoverlayI, .customoverlayII {
	padding: 0 5px;
	margin-top: 20px;
	margin-left:8px;
	border-radius: 25px;
	border: 2px solid #ffff00;
	background: #535a6c;
}
div.customoverlayI span {
	font-size: 10px;
	color: #fff;
}
div.customoverlayII span {
	font-size: 9px;
	color: #fff;
}

.boxpopup {
	overflow-y: auto;
	display: none;
	position: absolute;
	z-index: 10;
	width: 380px;
	height: 420px;
	top: 50px;
	right: 5px;	
	border: 1px solid #535a6c;
	background: #fff;
}
.boxpopup table {
	width: 100%;
	font-size: 12px;
	color: #555;
	border-bottom: 1px solid #e1e1e1;
}
.boxpopup table tr:nth-child(even) {background: #f5f5f5}
.boxpopup table th {
	width: 100px;
	height: 35px;
	font-weight: normal;
	text-align: center;
	border-right: 1px solid #e1e1e1;
}
.boxpopup table td {
	width: 300px;
	height: 35px;
	padding: 5px;
}
.boxpopup table input[type="text"] {
	width: 100%;
	height: 100%;
	padding: 10px;
	font-size: 13px;	
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
	border: 0;
}
.boxpopup table textarea {
	width: 100%;
	height: 100%;
	padding: 10px;
	font-size: 13px;	
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
	border: 0;
}

.lampboximg, .lampboximg2 {
	float: left;
	margin: 10px 0 0 10px;
	text-align: center;
}
.lampboximg2 {
	float: right;
	margin: 10px 10px 0 0;
}

div.lampboximg div {
	overflow: hidden;
	width: 150px;
	height: 120px;
	margin-bottom: 5px;
	background: url(/images/main/camera.png) no-repeat center center #f5f5f5;	
}
div.lampboximg2 div {
	width: 170px;
}
div.lampboximg span {
	color: #555;
	font-size: 13px;
}
#map_boxpopup_img1 img {
	max-width: 100%;
	max-height: 100%;
}
#map_boxpopup_img2 img {
	max-width: 100%;
	max-height: 100%;
}

.lampimg {
	float: left;
	width: 30%;
	margin: 10px 0 0 10px;
	text-align: center;	
}
div.lampimg div {
	overflow: hidden;
	width: 100%;	
	height: 95px;
	margin-bottom: 5px;
	background: url(/images/main/camera.png) no-repeat center center #f5f5f5;	
}

.m_state {
	display: none;
}

@media (min-width: 1200px){
}
@media (max-width: 1100px) {
	.statebar1, .statebar2 {
		display: none;
	}
	.m_state {
		display: block;
		position: relative;
		width: 100%;
		margin-top: 10px;
	}
	.statesel {
		display: block;
		float: left;
		width: 50%;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 15px;
		text-align: center;
		font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;
		background: #535a6c;
	}
	div.statesel img {
		height: 32%;
		margin-left: 30%;
	}
	div.statesel:first-child {
		border-right: 1px solid #fff;
	}
	.statesel_ul {
		display: none;
		position: absolute;
		z-index: 10;
		float: left;
		width: 50%;
		background: #fff;		
	}
	.stli {
		width: 100%;
		height: 36px;
		padding: 0 20px;
		border: 1px solid #e1e1e1;
		border-top: 0;
		line-height: 36px;
		font-size: 15px;
		text-align: center;
		font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;		
	}
	div.stli span {
		float: right;
		font-weight: bold;
		font-size: 16px;
	}
	#state_sel2 {
		margin-left: 50%;
	}

	.mainmap {
		left: 0;
		float: none;
		width: 100%;
		min-height: 390px;
		border: 0;
		
	}
	.mainlist {
		float: none;
		width: 100%;
		height: 235px;
	}
	div.mainlist_sch input[type="text"]{
		width: 78%;
	}
	div.mainlist_sch input[type="submit"]{
		width: 20%;
	}
	.mainli_bd {
		height: 195px;
	}
	
	.timebar {
		height: auto;
		min-height: 540px;
		padding: 0 20px;
	    /*position: absolute;*/
	}	
	.systemcon {
		display: none;
	}
	.distri_num {
		float: left;
		width: 100%;
		height: 45px;
		line-height: 45px;
		font-size: 22px;
		font-weight: normal;
	}
	div.distri_num span {
		font-size: 15px;
		font-weight: normal;
	}
	.g_ti {
		width: 25%;
	}
	.g_bd {
		width: 25%;
	}
	.g_ti2 {
		width: 50%;
		margin-top: 5px;
	}
	.sys_btbox {
		float: none;
		width: 100%;
		height: auto;
		margin: 10px 0 10px 0;
	}	
	div.sys_btbox input {
		margin-left: 20px;
	}
	div.sys_btbox span {
		font-size: 15px;
	}
	.conbtn {
		width: 48%;
		margin: 0px 0 10px 0;
	}
	.conbtn_close {
		display: none;
	}
	.closebar {
		width: 100%;
		margin-top: 1px;
		font-size: 14px;
		color: #fff;
		text-align: center;
	}
	
	.mark_bx {
		width: 215px;
		height: 245px;
		margin: 80px 0 0 5px;
	}
	.marklef {
		width: 50%;
	}	
	
	
	.roadview_bt {
		display: none;
	}
	
	.boxpopup {
		z-index: 50;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;	
	}
	div.lampboximg div {
		height: 90px;
		margin: 0;
	}
	div.lampboximg2 div {
		width: 160px;
	}

	
}

/* 서브페이지 공통 */
.subtop {
	padding: 30px 0 20px 0;
}
.sub_ti {
	float: left;
	font-size: 22px;
	color: #333;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;			
}
.sub_search {
	float: right;
	text-align: right;
}
div.sub_search select {
	width: 200px;
	height: 36px;
	margin-left: 7px;
	font-size: 13px;
}
div.sub_search input {
	margin-left: 7px;
}
div.sub_search span {
	margin-left: 7px;
	font-size: 15px;	
}
.cal {
	width: 165px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid #d7d7d7;
	font-size: 15px;
	background: url(/images/sub/icon_date.png?v=0.1) no-repeat 95% #fff;
	background-size: 20px;
}
.searchtxt {
	width: 165px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid #d7d7d7;
	font-size: 15px;
	color: #333;
}
.btn_find {
	min-width: 190px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 15px;
	border-radius: 25px;
	background: url(/images/sub/icon_find.png) no-repeat 90% #848f96;
}

.graph {
	float: left;
	width: 48%;
	height: 350px;  
	margin: 50px 10px;
}

@media (max-width: 1100px) {
	.subtop {
		padding: 20px 0 10px 0;
	}
	.sub_ti {
		float: none;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.sub_search {
		float: none;
		margin-top: 5px;
	}	
	div.sub_search select {
		width: 49.5%;
		margin: 0;
		margin-bottom: 10px;		
	}
	.cal {
		width: 44.5%;
		margin-bottom: 10px;
	}
	.searchtxt {
		width: 69%;
	}
	.graph {
		float: none;
		width: 100%;
		height: 300px;  
		margin: 20px 0;
	}
}


/* 게시판 */
.title_tab {
	width: 100%; 
	min-height: 40px;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;				
	background: #6d8fa7;
}
.list_tab {
	width: 100%;
	min-height: 40px;
	height: auto;
	color: #333;
	text-align: center;
	font-size: 15px;
	line-height: 40px;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;	
}



.ls_05 {overflow: hidden; float: left; width: 5%; text-overflow: ellipsis; white-space: nowrap;}
.ls_10 {overflow: hidden; float: left; width: 10%; text-overflow: ellipsis; white-space: nowrap;}
.ls_11 {overflow: hidden; float: left; width: 11%; text-overflow: ellipsis; white-space: nowrap;}
.ls_12 {overflow: hidden; float: left; width: 12%; text-overflow: ellipsis; white-space: nowrap;}
.ls_15 {overflow: hidden; float: left; width: 15%; text-overflow: ellipsis; white-space: nowrap;}
.ls_20, .ls_boxnum {overflow: hidden; float: left; width: 20%; text-overflow: ellipsis; white-space: nowrap;}
.ls_25 {overflow: hidden; float: left; width: 25%; text-overflow: ellipsis; white-space: nowrap;}
.ls_30 {overflow: hidden; float: left; width: 30%; text-overflow: ellipsis; white-space: nowrap;}
.ls_33 {overflow: hidden; float: left; width: 33%; text-overflow: ellipsis; white-space: nowrap;}
.ls_35 {overflow: hidden; float: left; width: 35%; text-overflow: ellipsis; white-space: nowrap;}
.ls_40, .ls_addr {overflow: hidden; float: left; width: 40%; text-overflow: ellipsis; white-space: nowrap;}
.ls_50 {overflow: hidden; float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap;}
.ls_60 {overflow: hidden; float: left; width: 60%; text-overflow: ellipsis; white-space: nowrap;}
.ls_70 {overflow: hidden; float: left; width: 70%; text-overflow: ellipsis; white-space: nowrap;}
.ls_80 {overflow: hidden; float: left; width: 80%; text-overflow: ellipsis; white-space: nowrap;}
.ls_90 {overflow: hidden; float: left; width: 90%; text-overflow: ellipsis; white-space: nowrap;}
.ls_95 {overflow: hidden; float: left; width: 95%; text-overflow: ellipsis; white-space: nowrap;}



.ls_30_ov {float: left; width: 30%; }
.ls_40_ov {float: left; width: 40%; }


div.ls_90 a {
	color: #fff;
}
.ls_check {
	float: left; 
	width: 5%;
}
.cost_list_tab {
        width: 100%;
        padding: 0 20px;
        margin: 20px 0;
    }
.listbox_fix {
/* 	-ms-overflow-style: none; */
	overflow-y: scroll;
	height: 400px;
	border-bottom: 1px solid #e1e1e1;
}
.listbox {
	border-bottom: 1px solid #e1e1e1;
}


.ls_set {
	overflow: hidden; 
	float: left;
	width: 20%; 
	text-overflow: ellipsis; 
	white-space: nowrap;	
}


.satus_tab {
	width: 100%; 
	min-height: 40px;
	color: #333;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;				
	border: 1px solid #e1e1e1; 
	border-left: 0; 
	border-right: 0; 
	background: #e3f5ff;
}
.satus_t {
	margin: 10px 0;
	text-align: center;
	font-size: 15px;
	color: #555;
	line-height: normal;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;	
}


@media (max-width: 1100px) {
	.ls_set {
		width: 100%;
		padding: 0 2%;
		text-align: left;
	}
	
	.ls_boxnum {
		width: 35%;
	}
	.ls_addr {
		display: none;
	}
}


/* write */
.write_tit {
	float: left;
	width: 20%;
	
}
.write_r {
	float: left;
	width: 80%;
	padding: 0 10px;
	/*border-left: 1px solid #d7d7d7;*/
	text-align: left;
}
.write_i {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 10px;
	border: 0;
	background: none;
}
.write_i2 {
	width: 75%;
}
.write_i3 {
	width: 50%;
}
div.write_r select {
	width: 200px;
	height: 30px;
	border: 1px solid #d7d7d7;
	background: #fff;
}
div.write_r img {
	max-width: 100%;
	margin: 10px 0;
}

/* 분전함 추가 페이지 */
.liimg_bx {
	float:left; 
	width: 32%; 
	min-height: 30px;
	margin: 5px 0.5%;	
	border: 1px solid #ddd;
	background: #fff;
}
.liimg_ti {
	width: 100%; 
	font-size: 14px;
	text-align:center;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;	
	border-bottom: 1px solid #ddd;
	background: #f5f5f5;
}	
.liimg_bd {
	overflow: hidden;
	height: 200px;
	padding: 10px;
	line-height: normal; 
}
div.liimg_bd img {
	max-width: 100%;
	max-height: 90%;
}
div.liimg_bd input[type="button"] {
	float: right;
	padding: 5px 10px;
	font-size: 13px;
	color: #fff;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;	
	border: 0;
	border-radius: 20px;
}


@media (max-width: 1100px) {
	.ls_check {
		width: 10%;	
	}
	
	.listbox_fix {
		height: 250px;
	}	
	.write_tit {
		width: 30%;
	}
	.write_r {
		width: 70%;
	}
}



/* 팝업 */
.popup {
	display: none;
	position: absolute;
	z-index: 50;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	margin: auto;
	border: 1px solid #535a6c;
	background: #fff;
}
.popup_top {
	width: 100%;
	height: 40px;
	padding: 0 20px; 
	line-height: 40px;
	text-align: center;
	background: #535a6c;
}
div.popup_top span {
	margin-left: 16px;
	font-size: 17px;
	color: #fff;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;		
}
div.popup_top input {
	float: right;
	margin-top: 12px;
}
.popup_bd {
	width: 100%;
}

/* 원격제어 */
.remotecon {
	width: 260px;
	height: 370px;
}
.remotecon_bd {
	text-align: center;
	padding: 10px 0;
}
div.remotecon_bd img {
	width: 90px;
	margin: 10px 0 15px 0;
	cursor: pointer;
}
div.remotecon_bd span {
	margin-right: 20px;
	font-size: 15px;
}
div.remotecon_bd select {
	width: 165px;
	height: 36px;
	margin-bottom: 20px;
	font-size: 13px;
}
/* 운용데이터설정 */
.management {
	width: 1100px;
	height: 700px;
}
.management_bd {
	overflow-y: auto;
	height: 580px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d7d7d7;
}
.manage_li {
	width: 100%;
	min-height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;	
	border-bottom: 1px solid #d7d7d7;
}
.mana_t {
	float: left;
	width: 10%;
/* 	line-height: 45px; */
}
.mana_d {
	float: left;
	width: 90%;
	padding: 0 1%;
	text-align: left;
	border-left: 1px solid #d7d7d7;
}
.manalef {
	float: left;
	margin-right: 10px;
}
div.mana_d label {
	font-weight: normal;
	margin-right: 5px;
}
div.mana_d select {
	width: 67px;
	height: 28px;
}
.mana_cal {
	width: 140px;
	height: 28px;
	padding: 0 10px;
	border: 1px solid #d7d7d7;
	font-size: 15px;
	background: url(/images/sub/icon_date.png?v=0.1) no-repeat 95% #fff;
	background-size: 20px;
}

.manali {
	overflow: hidden; 
	float: left; 
	width: 12.5%; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}

.confirm_txt {
	margin: 20px 0;
	line-height: 30px;
	font-size: 17px;
	color: #333;
}


@media (max-width: 1100px) {
	.management {
		width: 100%;
		height: 520px;
		margin-top: 0;
	}	
	.management_bd {
		height: 400px;
	}
	.mana_t {
		width: 23%;
	}
	.mana_d {
		width: 77%;
		padding: 0 2%;
	}
	.manalef {
		float: none;
	}
	.manali {
		width: 30%;
	}

}

/* 점소등 시간 달력 */
.calendar {
	width: 100%;
	border-left: 1px solid #e1e1e1;
	margin-bottom: 100px;
}
.week {
	float: left;
	width: 14.28%;
	height: auto;
	padding: 10px 20px;
	line-height: 20px;
	font-size: 13px;
	color: #666;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;		
	border: 1px solid #e1e1e1;
	border-top: 0;
	border-left: 0;
}
.weekname{
    background-color: #efefef;
    text-align: center;
    font-weight: bold;
}
div.calendar span {
	font-weight: bold;
	font-size: 15px;
}
.weekdot {
	float: left;
	width: 6px;
	height: 6px;
	margin: 6px;
	margin-left: 0;
	border-radius: 20px;
	background: #ffcc00
}


.show_title { font-size: large; font-family: "나눔고딕" ; font-weight: bold ; }
.query_tab {width: 750px; height:auto; border-top:2px solid #2c5a9f; border-bottom: 2px solid #2c5a9f; color: #888; margin-bottom: 30px;vertical-align: middle;}

.down{color: #666;float: right;margin: 5px;font-size: 12px;}
.down_t{color: #666;text-decoration: none;}

.bg_notice {background-image: url('../images/sub/bg5.jpg'); width:812px; height: 146px; background-repeat: no-repeat; }
.bg_query {background-image: url('../images/sub/bg4.jpg'); width:812px; height: 146px; background-repeat: no-repeat; }


.bt{float: left;border-top:1px solid #e0e0e0;border-left: 1px solid #e0e0e0;border-bottom: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;padding:5px 15px 5px 15px;color:black;font-weight: bold;cursor: pointer;margin-right: 5px;background: white;}

.title{font-size: 30px; margin: 10px;margin-left: 40px; }
.wr_line{border-top: 2px solid #666;}

/* 앨범형  */
.port_ne{width: 22px; min-height: 33px; float: left; margin-top: 250px; }
.port_line{border-top:1px solid #eee;height:1px;}

.port_tit{font-size:17px;font-weight:bold;color:#ee1c25;font-family:Dotum;margin-bottom:30px;}
.port_date{font-size:12px;font-weight:bold;color:#bdbdbd;font-family:Dotum;margin-bottom: 3px;}
.prot_cont{font-size:12px;font-weight:bold;color:#666;font-family:Dotum;margin-top:20px;margin-left:5px;}

.port_list_b{margin-right:30px; margin-bottom:48px; float: left; cursor: pointer;}
.port_list_t{margin-top:11px;margin-bottom:10px;font-weight:bold;width: 230px;overflow: hidden;height: 13px;}
.port_list_c{width:230px;line-height:15px;height: 50px;overflow: hidden;}


/* pagenatting */
.page_box{width: 740px; margin-top: 40px; text-align: center;}
.page_txt{color: #666; font-size:12px; padding: 0px 10px; border-right: 1px solid #ccc;}



.pgn_center {margin:0 auto; text-align: center; margin-top: 30px; font-size: 15px;}
div.pgn_center span {
	font-size: 15px;
}
.btn_box { border: 1px solid #d9d9d9; width:50px; height: 17px; text-align: center;  margin-bottom: 20px; cursor: pointer; padding-top: 3px;}
.btn_box_rig { border: 1px solid #d9d9d9; width:50px; height: 17px; text-align: center;  margin-bottom: 20px; cursor: pointer; float: right; padding-top: 2px; margin-left: 3px;}
.btn_box_noma {border: 1px solid #d9d9d9; width:50px; height: 20px; text-align:center;  background-color: white; padding-top: 2px; cursor: pointer; vertical-align: top; font-size: 12px; font-weight: bolder;}
.btn_box_lefma {float: left; border: 1px solid #d9d9d9; width:50px; height: 20px; text-align:center;  background-color: white; padding-top: 3px; cursor: pointer; margin-left: 5px; vertical-align: top; font-size: 12px; font-weight: bolder;}

.bt_wr{float: left; width: 50px; height: 20px; line-height: 20px; text-align: center;background: white;cursor: pointer;border: 1px solid #d9d9d9; font-weight: bold;}


.search_center {margin:0 auto; text-align: center;  vertical-align: bottom;}
.list_combo{ border: 1px solid #d9d9d9; width:70px; height: 19px; text-align:center; }
.search_border {border: 1px solid #dfdfdf; width: 100px; height: 18px; text-align: center; padding:0px 10px; text-align: left; }
.top_wrap {padding-top: 65px; padding-left: 55px;}
.top_navi {margin: 10px 0;}
.a_none {text-decoration: none;}
.ti_border {width: 750px; height: 30px; border-bottom: 2px solid #d7d6d6;  border-top: 2px solid #d7d6d6; padding-top: 8px;  font-size: 15px; text-indent: 10px; text-align: center; margin-top: 10px;}
.bd_under {width: 750px; height: 25px; border-bottom: 2px solid #d7d6d6; text-indent: 10px; }
.txt_show {width: 750px; height: auto; min-height: 500px; border-bottom: 2px solid #d7d6d6 ;}
.txt_bot {width: 750px; height: 40px;  }
.h_spacing {padding-left: 20px;}
.flt_rig_btn {float: right; width: 50px; height: 20px; border: 1px solid #e0e0e0; text-align: center; padding-top: 5px; margin-left: 5px; margin-top: 10px; cursor: pointer; }
.txt_navi { font-size: 10px;  color: #888; font-weight: bold; vertical-align: top; font-family: "나눔고딕";}



/* write */
.pwd_popup {display: none; position: absolute; width: 310px; height: 30px; padding: 30px 10px; margin: -300px 0 0 240px; border: 1px solid #ebebeb; background-color: #f4f4f4}
.pwd_ch_bt {float: right; width: 80px; height: 20px; padding: 5px 0; color: #fff; text-align: center; line-height: 20px; background-color: #e15353; cursor: pointer}

.answer_bd {width: 710px; min-height: 100px; padding: 10px 25px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; line-height: 15px; background-color: #f8f8f8}
.answer_lpt {float: left; width: 590px; height: 90px; padding: 5px;}
.answer_bt {float: right; width: 100px; height: 100px; border: 0; line-height: 100px; text-align: center; color: #fff; background-color: #e15353}


.threedotloader {
  margin: 0 auto;
  width: 5.6em;
}
.threedotloader .dot {
  width: 9px;
  height: 9px;
  border-radius: 25px;
  background-color: #9966ff;
  transform: scale(0);
  display: inline-block;
  animation: dotanim 2s infinite ease-in-out;
}
.threedotloader .dot:nth-child(1) {
  animation-delay: 0s;
}
.threedotloader .dot:nth-child(2) {
  animation-delay: 0.3s;
}
.threedotloader .dot:nth-child(3) {
  animation-delay: 0.6s;
}
.threedotloader .dot:nth-child(4) {
  animation-delay: 0.9s;
}

@keyframes dotanim {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  90% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}


/* 보수내역 */
.paywr_bx {
	width: 100%;
	min-height: 100px;
	padding: 20px 30px 10px 30px;
	margin: 40px 0 20px;
	border: 1px solid #e1e1e1;
	background: #f5f5f5;
}
.pay_ti {
	float: left;
	width: 8%;
	padding-left: 1%;
	margin-bottom: 10px;
	line-height: 40px;
	font-size: 14px;
	color: #333;
}
.pay_td, .pay_td_l {
	float: left;
	width: 17%;
	margin-bottom: 10px;
}
.pay_td_l {
	width: 92%;
}
div.pay_td input, div.pay_td_l input, div.pay_td select {
	width: 100%;
	height: 40px;
	padding: 10px;
	font-size: 14px;
	color: #497390;
}

.maintenance, .maintenance2 {
	width: 100%;
	border-bottom: 1px solid #e1e1e1;	
}
.maintenance2 {
	border-top: 2px solid #e1e1e1;
}
.maintenance tr:nth-child(odd){
	background: #f5f5f5;
}
.maintenance th, .maintenance2 th {
	width: 20%;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;				
	background: #6d8fa7;
}
.maintenance2 th {
	background: #9889ba;
}
.maintenance td, .maintenance2 td {
	width: 60%;
	padding: 0 20px;
	font-size: 15px;
	line-height: 40px;
	font-family: '나눔바른고딕','NanumBarunGothic',sans-serif;	
}


@media (max-width: 1100px) {
	
	.pay_ti {
		width: 30%;
	}
	.pay_td, .pay_td_l {
		width: 70%;
	}
}


.inputbox {
	float: left;

}

.first_list{
	border-right: 1px solid #d7d7d7;
}

/*

.inputbox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.inputbox label {
	position: absolute;
	width: auto;
	height: 36px;
	padding: 0 30px;	
	line-height: 36px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-family: '나눔바른고딕','NanumBarunGothic',arial,sans-serif;
	border: 0;
	border-radius: 30px;
	background: #788a95;
	cursor: pointer;
}
*/

/* 보수내역 타이틀 */
.civil_bx {
	float:left;
	width: 15%;
	min-height: 30px;
	text-align: center;
	/*margin: 5px 0.5%;*/
	/*border: 1px solid #ddd;*/
	/*background: #fff;*/
}