@charset "utf-8";
/* CSS 초기화*/

html {
	height: 100%;
}
* {
	margin: 0px;
	padding: 0px;
}
body, html {
	font-size: 9pt;
	font-family: '돋움', dotum, '굴림', Gulim, Tahoma, serif, sans-serif;
	color: #515151;
	height: 100%;
	width: 100%;
	min-width: 640px;
	overflow: hidden;
}
a {
	text-decoration: none;
	vertical-align: middle;
}
img, fieldset {
	border: none;
}
input, textarea {
	vertical-align: middle;
	text-indent: 7px;
	font-size: 12px;
	font-family: '돋움', dotum, '굴림', Gulim, Tahoma, serif, sans-serif;
	color: #515151;
}
/* input[type="text"] {
	height: 23px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
} */
textarea {
	padding: 5px;
	text-indent: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
img {
	vertical-align: middle;
}
table caption {
	visibility: hidden;
	height: 0;
}
ul, ol, li, label {
	list-style: none;
}
label {
	/* visibility: hidden;
	text-indent: -99999em; */
}
button {
	border: 0;
	background: transparent;
	cursor: pointer;
	overflow: visible;
}
table {
	width: 400px;
	border-collapse: collapse;
	margin: auto;
	background: #fff;
}

#mapWrapper {
	width: calc(100% - 338px);
	height: calc(75% - 10px);
    /* border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb; */
    border:1px solid #bbb;
    margin: 5px 0 0 332px;
}

.map {
    /* height: calc(75% - 10px);
    border: 1px solid #bbb;
    margin: 5px; */
    width:auto;
    height:100%;
}
.map2 {
	margin:5px 5px 0 0;
	width: calc(60% - 310px);
	/* height: 70%; */
	height: calc(75% - 10px);
	/* float: left; */
	border:1px solid gray;
	z-index:10
}
#rvWrapper {
	position:absolute;
	top:0px;
	right:0px;
	width: 40%;
	height: 70%;
	height: calc(75% - 10px);
	float: left;
	display: none;
	border:1px solid #bbb;
	margin-right:5px
}
.roadview{
	width:100%;
	height:100%;
}
.popMap {
	position:absolute;
	width: 908px;
	height: 250px;
	border:1px solid #bbb;
	margin:5px;
	z-index:1;
}
.cvibMap {
	position:relative;
	width: 908px;
	height: 300px;
	border:1px solid #bbb;
	margin:5px;
	z-index:1;
}
.mapCover
{
	position:absolute;
	width:100%;
	height:250px;
	margin:5px;
	z-index:100;
}
/*인풋박스 ie8 추가 핵*/
#obeKeyword {
	border: 3px solid #b0b0b0;
	width: 140px;
	height: 29px;
	margin-left: -30px;
	width: 140px \0/IE8+9;
	height: 29px \0/IE8+9;
	padding-top: 2px \0/IE8+9;
	font-size: 14px;
	font-weight: bold;
}
#input1 {
	color: #333;
	background:#f5f5f5 url("/imgase/icon_select_20110225.gif")right: 8px no-repeat;
	text-decoration: none;
	height: 29px;
	width: 150px;
	text-align: center;
	border: 1px solid #bobobo;
	width: 150px \0/IE8+9;
	height: 29px \0/IE8+9;
	padding-top: -10px \0/IE8+9;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px \0/IE8+9;
	;
}
#input2 {
	color: #333;
	text-decoration: none;
	height: 29px;
	width: 150px;
	text-align: center;
	/* background:#f5f5f5 url("/imgase/icon_select_20110225.gif")right: 8px no-repeat;
	border: 1px solid #bobobo;
	width: 150px \0/IE8+9;
	height: 29px \0/IE8+9;
	padding-top: -10px \0/IE8+9;
	padding-bottom: 3px \0/IE8+9; */
	font-size: 14px;
	font-weight: bold;
	;
}
#input3 {
	color: #333;
	text-decoration: none;
	height: 29px;
	width: 150px;
	text-align: center;
	/* background:#f5f5f5 url("/imgase/icon_select_20110225.gif")right: 8px no-repeat;
	border: 1px solid #bobobo;
	width: 150px \0/IE8+9;
	height: 29px \0/IE8+9;
	padding-bottom: 3px \0/IE8+9;
	padding-top: -10px \0/IE8+9; */
	font-size: 14px;
	font-weight: bold;
	;
}

/* float 해제 */
.f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block;height:1%;display:block; }

/*인풋박스 ie8 추가 핵*/
.sang {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.header {
	overflow: hidden;
	height: 80px;
	background: #2f2f2f;
}
.header > h1 {
	overflow: hidden;
	float: left;
	margin: 0 42px 0 12px;
}
.header > .i_p00 {
	float: left;
	display: block;
}
.header > .i_p00 > li {
	float: left;
}
.header > .i_p01 {
	float: right;
	margin-right: 15px;
	margin-top: 25px;
}
.header > .i_p01 > li {
	float: left;
	margin-right: 7px;
}

/* .hline{background:#0090fa; height:3px; width:100%; cursor:pointer;} */
.hline{background:#ccccFF; height:2px; width:100%; cursor:pointer;}

.obd {
	float: left;
	width: 310px;
}
.obd2 {
	float: left;
	width: 100px;
	height: 29px;
	border: 1px solid #2f2f2f;
}/* #2f2f2f */
.obd3 {
	float: left;
	width: 20px;
	height: 29px;
	border: 1px solid #2f2f2f;
}
.obd > li {
	float: left;
	margin-right: 9px;
}
.container {
	position:relative;
	width: 100%;
	height: calc(100% - 66px);
	display: block;
}

.foot {
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 1000;
	height: 30px;
	background: #29292a;
	color: #ffffff;
	padding: 15px;
}
.foot > ul {
	height: 25px;
	padding-left: 10px;
	width: 100%;
}
.foot > ul > li {
	font-weight: bold;
	font-size: 20px;
	float:left;
}
.foot > ul > li > span { font-weight: bold;
	font-size: 20px;
	margin-left:10px;}
	
.foot > ul > li > span > a {color:#fff; font-weight:bold;}
.footbtn {
	position: absolute;
	left: 45%;
	bottom:0;
	cursor:pointer;
	z-index:1000;
	top: -25px;
}

.footbtn2 {
	position: absolute;
	left: 45%;
	bottom:0;
	cursor:pointer;
	z-index:1000;
	
}
.mapToggle {
	z-index: 100000;
	height: 24px;
	width: 410px;
	position: absolute;
	left: 10px;
	top: 3px;
}

.roadview2 {
	z-index: 20;
	height: 24px;
	width: 70px;
	position: absolute;
	left: 20px;
	top: 3px;
}
.arrow_ims {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	width: 410px;
	margin-top: 5px;
}

.arrow_sig {
	text-align: center;
	width: 400px;
	position:relative;
	/* top:61px; */
	overflow:hidden;
}

.pop_box {
	border: 2px solid #4b9fbf;
	padding: 1px;
	background: #ffffff;
	width: 410px;
	over-flow: hidden;
	position: relative;
	padding-bottom: 5px;
	z-index: 20
}

.pop_box2 {
	padding: 1px;
	background: #3a4049;
	width: 350px;
	height: 250px;
	over-flow: hidden;
	position: relative;
}

/* .sigPop_box {
	border: 2px solid #4b9fbf;
	padding: 5px;
	background: #ffffff;
	width: 250px !important;
} */

.sigPop_box {
	border: 2px solid #4b9fbf;
	padding: 5px;
	background: #ffffff;
	width: 400px !important;
	height: 360px !important;
	position: relative;
}

.pop_ims_image {
	margin:3px;
	width: 310px;
	height:230px;
}

caption {		
	display: none;
}

.pop_table{
	width:100% !important
}

.pop_table tr td {
	height: 30px;
	font-size:13px !important
}

.pop_table thead tr th {font-size:14px;}
.pop_table tr td span {
	font-weight: bold;
	text-align: center;

	
}
.pop_table tr th {
	height: 26px;
	border-bottom: 2px solid #4b9fbf;
	padding: 5px;
	text-align: left;
	color: #2c2c2c;
	font-size: 13px !important

}
.pop_table tbody tr td {
	height: 20px;
	border-bottom: 2px solid #4b9fbf;
	padding: 5px;
	text-align: left;
	color: #2c2c2c;
	font-size:14px;

}
 .pop_table tfoot tr td {
 	padding:5px;
	color:#2c2c2c;
	height:20px;
	text-align:left
} 
/* .pop_table tfoot tr td span{margin-left:5px;} */
.pop_table tr th img {
	margin-right: 5px;
}
/*동영상 추가 css */

.pop_table2 { width:330px;}
.pop_table2 tr td {
	background:#3a4049;
	padding-top: 2px;
	width: 300px;
	height: 240px;
		text-align: center;
 	solid #d3d3d3;
}
.pop_table2 tr td span {
	font-weight: bold;
	text-align: center;
	padding-left: 5px;
}
.pop_table2 tr th {
	height: 16px;
	background:#3a4049;
	
	padding-top: 4px;
	text-align: left;
	color: #ffffff;
	padding-left:10px;
}
.pop_table2 tr th img {
	margin-right: 10px;
	
}
.pop_table2 tr th span{float:right; margin-right:-5px; }
.pop_table2 tfoot tr td { height:2px;
		 background:#3a4049;
}

.tooltip_close {
	height: 21px;
	position: absolute;
	top: -2px;
	right: 0px
	
}
#menu_wrap .option button {
	margin-left: 5px;
}
html input[type=button], input[type=email], input[type=password], input[type=reset], input[type=search], input[type=submit], input[type=tel], input[type=text] {
	-webkit-appearance: none;
	border-radius: 0
}
body, button, input, select, td, textarea, th {
	line-height: 1.6;
	height:20px;
}
#menu_wrap {
	display: none;
	position: absolute;
	top: 30px;
	left: 10px;
	bottom: 0;
	width: 260px;
	border: 1px solid #4b9fbf;
	margin: 10px 0 30px 10px;
	padding: 5px;
	ovflow-y: auto;
	background: rgba(255, 255, 255, 0.7);
	z-index: 1000000;
	font-size: 12px;
	height: 550px;
	min-height: 150px;
	overflow: auto;
	border-radius: 10px;
	overflow-y:auto;
	filter:alpha(Opacity:100, Finishopacity:85, style:2);
	border : 0px;
	background:rgba(255, 255, 255, 0.7);
}
#menu_wrap .optin: {
text-align:center;
}
.map_wrap, .map_wrap * {
	margin: 0;
	padding: 0;
	font-family: "Malgun Gothic", dotum, "돋움", sans-serif;
}
#menu_wrap .option p {
	margin: 10px 0;
}
#placesList .item {
	border-bottom: 1px solid #888;
	overflow: hidden;
	consor: pointer;
	min-height: 65px;
}
#placesList li {
	list-style: none;
}
#placesList .item .marker_1 {
	background-position: 0 -10px;
}
#placesList .item .markerbg {
	float: left;
	position: absolute;
	width: 36px;
	height: 55px;
	margin: 10px 0 0 10px;
	background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_number_blue.png) no-repeat;
}
#placesList .item {
	position: relative;
	border-bottom: 1px solid #888;
	overflow: hidden;
	cursor: pointer;
	min-height: 65px;
}
#placesList .item .info {
	padding: 10px 0 10px 25px;
}
#placesList .item h5, #placesList .item .info {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#placesList .item span {
	display: block;
	margin-top: 4px;
}
#placesList .info .gray {
	color: #8a8a8a;
}
#placesList .info .jibun {
	padding-left: 26px;
	background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;
}
#placesList .info .tel {
	color: #009900;
}
dl, li, menu, ol, ul {
	list-style : none;
}
#menu_wrap hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 2px solid #5F5F5F;
	margin: 3px 0;
}
.bg_white {
	background: #fff;
}
h5 {
	font-size: 14px;
	font-weight: bold;
}
#placesList .item .marker_2 {
	background-position : 0 -46px;
}
#placesList .item .marker_3 {
	background-position : 0 -92px;
}
#placesList .item .marker_4 {
	background-position : 0 -138px;
}
#placesList .item .marker_5 {
	background-position : 0 -185px;
}
#pagination {
	margin: 10px auto;
	text-align: center;
}
#pagination .on {
	font-weight: bold;
	cusor: default;
	color: #777;
}
#pagination a {
	display: inline-block;
	margin-right: 10px;
	text-decoration: none;
}
.tooltip_close2 {
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px
}

.searchBtn {border:1px solid #5f5f5f; font-size:12px; padding:0 2px; background:#ccc;}
.footerSpan{color: rgb(255, 255, 255); font-size: 18px; font-weight: bold;}


.dot {overflow:hidden;float:left;width:12px;height:12px;background: url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png');}    
.dotOverlay {position:relative;bottom:10px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;font-size:12px;padding:5px;background:#fff;}
.dotOverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}    
.number {font-weight:bold;color:#ee6152;}
.dotOverlay:after {content:'';position:absolute;margin-left:-6px;left:50%;bottom:-8px;width:11px;height:8px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png')}
.distanceInfo {position:relative;top:5px;left:5px;list-style:none;margin:0;}
.distanceInfo .label {display:inline-block;width:50px;}
.distanceInfo:after {content:none;}

.info {position:relative;top:5px;left:5px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;font-size:12px;padding:5px;background:#fff;list-style:none;margin:0;} 
.info:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}    
.info .label {display:inline-block;width:50px;}
.areaNumber {font-weight:bold;color:#00a0e9;}  

.textInfo {position:relative;top:5px;left:5px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;font-weight:bold;color:#000000;font-size:12px;padding:5px;background:#cccccc;list-style:none;margin:0;} 
.textInfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}


    
div.stateBox {visibility:false; z-index:1000; position:absolute;bottom:65px;right:5px;z-index:3;background:url('images/bg_traffic02.png') no-repeat left 0; width:281px; height:50px; padding:5px 9px 0 10px; overflow:visible;}
ul.stateInfo {overflow:hidden; float:left; width:100%; position:relative; margin-top:-3px;}
ul.stateInfo li {color:#fff; float:left; font-size:11px;}
ul.stateInfo li.fir {width:265px;}
ul.stateInfo li.re {padding-right:10px; margin-right:6px; background:url('images/bg_traffic_lpop02.gif') no-repeat right 0;}
ul.stateInfo li.re img {margin-right:1px;}
ul.stateInfo li a {color:#fff; font-size:11px; color:#7884a7;}
ul.stateLine {overflow:hidden; float:left; width:100%; background:url('images/bg_traffic_details.gif') no-repeat left 0; margin:5px 0 5px 0;}
ul.stateLine li {font-size:11px; float:left; margin-top:9px;}
ul.stateLine li a {font-size:11px; margin-right:57px;}
ul.stateLine li.m01 a {color:#66a726;}
ul.stateLine li.m02 a {color:#ffba00;}
ul.stateLine li.m03 a {color:#d21400;}
ul.stateLine li.m04 a {color:#cecece; margin-right:0px;}
ul.stateComment {clear:both; }
ul.stateComment li {color:#667091; font-size:11px; word-spacing:-1px; letter-spacing:-1px; background:url('images/ico_sblue.png') no-repeat 0 4px; padding-left:8px; line-height:16px; overflow:visible;}

div.trafficPop {padding-bottom:10px; z-index:500;overflow:visible; position:absolute;bottom:32px;z-index:3; }
div.trafficGoods {right:220px;}
div.trafficNormal {right:130px;}
div.trafficBad {right:50px; }
div.trafficPop p {position:absolute;bottom:0;left:50%;margin-left:-8px;}
.trafficPop {border:none;}
.trafficPop ul {padding:8px 10px; border:1px solid #111114;}
.trafficPop li {margin:0; padding:0 0 0 58px; height:15px;white-space:nowrap;position:relative;width:62px;}
.trafficPop strong {left:0;font-weight:normal;position:absolute; color:#000; float:left;}
.trafficPop span {font-weight:normal; color:#fff; }
div.trafficGoods ul {background:#4c9800;border:1px solid #111114;}
div.trafficNormal ul {background:#fab700;border:1px solid #111114;}
div.trafficBad ul {background:#c41301;border:1px solid #111114;}


div.popState dl.construction {margin-right:6px; background:#fff;}
div.popState dl.construction {min-width:219px;_width:219px; background:url('images/btn_repair.png') no-repeat 1px 30px;}
div.popState dl.construction dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px;  margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
div.popState dl.construction dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
div.popState dl.construction dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
div.popState dl.accident {margin-right:6px; background:#fff;}
div.popState dl.accident {min-width:219px;_width:219px; background:url('images/btn_accident.png') no-repeat 1px 30px;}
div.popState dl.accident dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px;  margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
div.popState dl.accident dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
div.popState dl.accident dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
div.popState dl.event {margin-right:6px; background:#fff;}
div.popState dl.event {min-width:219px;_width:219px; background:url('images/btn_event.png') no-repeat 1px 30px;}
div.popState dl.event dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px;  margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
div.popState dl.event dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
div.popState dl.event dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
div.popState dl.trouble {margin-right:6px; background:#fff;}
div.popState dl.trouble {min-width:219px;_width:219px; background:url('images/btn_trouble.png') no-repeat 1px 30px;}
div.popState dl.trouble dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px;  margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
div.popState dl.trouble dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
div.popState dl.trouble dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
div.popState dl.alert {margin-right:6px; background:#fff;}
div.popState dl.alert {min-width:219px;_width:219px; background:url('images/btn_alert.gif') no-repeat 1px 30px;}
div.popState dl.alert dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px;  margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
div.popState dl.alert dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
div.popState dl.alert dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
div.popState dl.death {margin-right:6px; background:#fff;}
div.popState dl.death {min-width:219px;_width:219px; background:url('images/btn_deathaccident.png') no-repeat 1px 30px;}
div.popState dl.death dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px;  margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
div.popState dl.death dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
div.popState dl.death dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px;}
div.popState dl.death dd strong.rred {color:#bc1200; text-align:right;}
div.popState dl.death dd strong.lblue {color:#607cd4;}
div.popState dl.death dd strong.rblue {color:#607cd4; text-align:right;}
div.popState dl.jaywork {margin-right:6px; background:#fff;}
div.popState dl.jaywork {min-width:219px;_width:219px; background:url('images/btn_jayworking.png') no-repeat 1px 30px;}
div.popState dl.jaywork dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px;  margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
div.popState dl.jaywork dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
div.popState dl.jaywork dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px;}
div.popState dl.jaywork dd strong.rred {color:#bc1200; text-align:right;}
div.popState dl.jaywork dd strong.lblue {color:#607cd4;}
div.popState dl.jaywork dd strong.rblue {color:#607cd4; text-align:right;}

.headMenu{width:100%;height:61px;background-color:#fff;border:1px solid #bbb;}
.headMenu h1{float:left;width:329px}
.headMenu ul li{float:left}
.headMenu span{position:absolute;right:20px;line-height:61px}
.bumImage{position:absolute;bottom:10px;right:10px;background-color:#ffffff;border:1px solid #bbbbbb;z-index:20;overflow:hidden}

.iframeTreeList{float:left;width:325px;height:100%;margin-left:5px;overflow:hidden;border:0;z-index:50}
.iframeBottomList{margin-left:2px;width:calc(100% - 337px);height:calc(100% - 75%);overflow:hidden;border:0;border-bottom:1px solid #bbb;border-left:1px solid #bbb;z-index:50}

.leftMenu{height:calc(100% - 10px);background-color:#fff;border:1px solid #bbb}
.leftMenu h1{padding:10px;border-bottom:1px solid #d8d8d8}
.leftMenu .tabs{height:30px;border-bottom: 2px solid #1e65c5}
.leftMenu .tabs li{float:left;}

/* 트리리스트 */

/* .leftMenu .iframeTreeList{width:95%;height:calc(100% - 45px);overflow:auto;padding:5px} */

.leftMenu #intTree{height:calc(100% - 45px);overflow:auto;padding:5px}
.leftMenu #groupTree{display:none;height:calc(100% - 45px);overflow:auto;padding:5px}

.leftMenu .intSearchMenu{height:70px;padding:10px 0 0 20px;border-bottom:1px solid #bbb}
.leftMenu .intSearchMenu label{
	font-weight: bold;
    color: #2d2d2d;
    display: inline-block;
    width: 55px;
    padding-left:15px;
    background: url(images/bul_blue.gif) no-repeat 0 center;
	}
.leftMenu .intSearchMenu #sidoSearch{width:105px;height:25px}
.leftMenu .intSearchMenu .intSearchDiv{font-size:100%;font-family:inherit;vertical-align:baseline;padding-top:10px}
.leftMenu .intSearchMenu .intSearchBox{width:100px;height:21px}
.leftMenu .intSearchMenu .intSearchBtn{
	color: #fff;
    border-color: #1a55a1 #114e8f #074577 #104d8d;
    background-color: #1e65c4;
    background: -webkit-gradient(linear, left top, left bottom, from(#1e65c4), to(#1e5bad));
    padding:5px 20px 3px 14px;
    border:1px solid #cecdcd;
    display:inline-block;
    cursor:pointer;
    font-weight:bold;
    border-radius:2px !important;
    vertical-align:middle;
    font-size:11px;
    line-height:normal;
    }
.leftMenu .intSearchMenu .intGroupSearchDiv{font-size:100%;font-family:inherit;vertical-align:baseline;padding-top:10px}
.leftMenu .intSearchMenu .intGroupSearchDiv .intGroupSearchBox{width:105px;height:25px}

.leftMenu .intList{height:82%}
.leftMenu .intList .intListMenu{border-top: 2px solid #444;border-bottom: 1px solid #bababa;font-weight: bold;color: #2d2d2d;height: 30px;vertical-align: middle;padding: 10px 10px 0px 10px;background: #fafafa;}
.leftMenu .intList .intListMenu .intListMenu1{display:inline-block;width:130px}
.leftMenu .intList .intListMenu .intListMenu2{display:inline-block;width:70px}
.leftMenu .intList .intListMenu .intListMenu3{display:inline-block;width:70px}
.leftMenu .intList .intListCon{padding:10px;height:100%;overflow-y:auto}
.leftMenu .intList .result_title{border-bottom: 1px solid #BBBBBB;padding: 15px 10px;}
.leftMenu .intList .result_title .regionTitle{background: url(images/bul_arrow.gif) no-repeat scroll 0 center rgba(0, 0, 0, 0);padding-left: 10px;float:right}
.leftMenu .intList .result_title .clear{clear:both;font-size:0;height:0}
.leftMenu .intList .intListCon .intListUl li:first-child{padding-top:0}
.leftMenu .intList .intListCon .intListUl li{line-height: 140%;border-bottom: 1px solid #bababa;padding: 10px 0;cursor:pointer;display:block}
.leftMenu .intList .intListCon .intListUl li:hover{color: #1e5bae;}

.sigInfoBox{z-index:1000;position:absolute;bottom:5px;right:5px;overflow:hidden;}

.wideMap{position:absolute;top:40%;cursor:pointer;z-index:10}
.upDownMap{position:absolute;left:45%;bottom:0px;cursor:pointer;z-index:10}

.bottomMenu{height:99%;overflow:hidden;margin:0}
.bottomMenu .networkType a:nth-child(2) {position:relative;left:-4px}
.bottomMenu .bottomHead{overflow-y:scroll;scrollbar-arrow-color:#f0f0f0;scrollbar-track-color:#f0f0f0;scrollbar-face-color:#f0f0f0;scrollbar-shadow-color:#f0f0f0}
.bottomMenu .bottomHead::-webkit-scrollbar{background-color: #f0f0f0}
.bottomMenu .bottomHead table{width:100%;}
.bottomMenu .bottomHead table thead{background-color:#dfe8ef}
.bottomMenu .bottomHead table th{height:20px;padding:5px;text-align:center;font-weight: bold;color: #2d2d2d; background: url(/images/table_bg.png) repeat-x;line-height:20px;border-top:1px solid #bababa;border-bottom:1px solid #bababa;border-right:1px solid #bababa}
.bottomMenu .bottomBody{max-height:calc(100% - 40px);overflow-y:scroll}
.bottomMenu .bottomBody table{width:100%;}
.bottomMenu .bottomBody table tbody{background-color:#fff}
.bottomMenu .bottomBody table td{padding:5px;text-align:center;color:#515151;border-bottom:1px solid #bababa;border-right:1px solid #bababa;}
.bottomMenu .bottomBody table a {display:inline-block;width:100%;height:100%}

.leftPopMenu{display:none;position:absolute;width:225px;height:802px;float:left;background-color:#fff;margin:5px}
.leftPopMenu .intResrvPlan{height:300px;border:1px solid #bbb}
.leftPopMenu .intResrvPlan p, .leftPopMenu .holydayPlan p, .bottomPopMenu P{
	font-weight: bold;
    color: #2d2d2d;
    display: inline-block;
    width: 110px;
    padding-left: 15px;
    margin: 10px;
    background: url(/images/bul_table.gif) no-repeat 5px
}
.leftPopMenu .intResrvPlan .intResrvPlanCon{width:auto;height:257px;margin-left:2px;overflow:hidden}
.leftPopMenu .intResrvPlan .intResrvPlanCon .intResrvPlanHead{overflow-y:scroll;scrollbar-arrow-color:#f0f0f0;scrollbar-track-color:#f0f0f0;scrollbar-face-color:#f0f0f0;scrollbar-shadow-color:#f0f0f0}
.leftPopMenu .intResrvPlan .intResrvPlanCon .intResrvPlanHead::-webkit-scrollbar{background-color: #f0f0f0}
.leftPopMenu .intResrvPlan .intResrvPlanCon .intResrvPlanBody{max-height:215px;overflow-y:scroll}
.leftPopMenu .intResrvPlan table, .holydayPlan table{width:100%;border-collapse:collpase;}
.leftPopMenu .intResrvPlan table thead, .holydayPlan table thead{background-color:#f4f4f4}
.leftPopMenu .intResrvPlan table th, .holydayPlan table th{font-weight:bold;color:#2d2d2d}
.leftPopMenu .intResrvPlan table td, .holydayPlan table td{padding:3px}
.leftPopMenu .holydayPlan table th{padding:6px}
.leftPopMenu .intResrvPlan table th,.intResrvPlan table td, .holydayPlan table th,.holydayPlan table td{text-align:center;border:1px solid #bababa}
.intResrvPlan table tr:nth-child(1) td{text-align:center;border-top:0}
.holydayPlan table tr:nth-child(1) td{text-align:center;border-top:0}

.leftPopMenu .holydayPlan{height:488px;margin-top:5px;border:1px solid #bbb}
.leftPopMenu .holydayPlan .holydayPlanCon{width:auto;height:446px;margin-left:2px;overflow:hidden}
.leftPopMenu .holydayPlan .holydayPlanCon .holydayPlanHead{overflow-y:scroll;scrollbar-arrow-color:#f0f0f0;scrollbar-track-color:#f0f0f0;scrollbar-face-color:#f0f0f0;scrollbar-shadow-color:#f0f0f0}
.leftPopMenu .holydayPlan .holydayPlanCon .holydayPlanHead::-webkit-scrollbar{background-color: #f0f0f0}
.leftPopMenu .holydayPlan .holydayPlanCon .holydayPlanBody{max-height:410px;overflow-y:scroll}

.bottomPopMenu{position:absolute;top:295px;height:538px;border:1px solid #bbb;margin-left:5px;margin-top:2px;width:908px}
.bottomPopMenu .dayPlan{display:none;height:380px}
.bottomPopMenu .dayPlan form{display:inline-block}
.bottomPopMenu .dayPlan form input[type="button"]{background: #96a2b2 !important;color: #fff;font-weight: bold;width: 100px;text-align: center;padding: 0px;height: 25px;line-height: 25px;cursor:pointer}
.bottomPopMenu .dayPlan span{padding-left:400px}
.bottomPopMenu .dayPlan span label{font-weight:600}
.bottomPopMenu .dayPlan span select{width:40px}
.bottomPopMenu .dayPlanCon{width:auto;height:89%;overflow:hidden;margin:0 2px;border-bottom:1px solid #bababa}
.bottomPopMenu .dayPlanCon .dayPlanHead{overflow-y:scroll;scrollbar-arrow-color:#f0f0f0;scrollbar-track-color:#f0f0f0;scrollbar-face-color:#f0f0f0;scrollbar-shadow-color:#f0f0f0}
.bottomPopMenu .dayPlanCon .dayPlanHead::-webkit-scrollbar{background-color: #f0f0f0}
.bottomPopMenu .dayPlanCon .dayPlanBody{max-height:255px;overflow-y:scroll}
.bottomPopMenu .dayPlanCon table{table-layout:fixed}
.bottomPopMenu .dayPlanCon table th, .bottomPopMenu .weekPlanCon table th{padding:6px;text-align:center;border:1px solid #bababa}
.bottomPopMenu .weekPlanCon table td{padding:6px;text-align:center;border-left:1px solid #bababa;border-top:1px solid #bababa}
.bottomPopMenu .dayPlanCon table td{padding:5px 0;text-align:center;border:1px solid #bababa}
.bottomPopMenu .dayPlanCon table tr:nth-child(1) td{border-top:0}
.bottomPopMenu .dayPlanCon table, .bottomPopMenu .weekPlanCon table{width:100%;border-collapse:collapse;}
.bottomPopMenu .dayPlanCon table thead, .bottomPopMenu .weekPlanCon table thead{width:100%;background-color:#f4f4f4}
.bottomPopMenu .dayPlanCon table th, .bottomPopMenu .weekPlanCon table th{font-weight: bold;color: #2d2d2d;}
.bottomPopMenu .dayPlanCon table td, .bottomPopMenu .weekPlanCon table td{color:#515151}

.bottomPopMenu .weekPlan{display:none;height:110px}
.bottomPopMenu .weekPlanCon{width:auto;overflow-y:auto;margin:2px 2px}

/* 페이즈정보 팡벙 */
.phaseInfoTop{width:910px;margin:5px 5px 0 5px}
.phaseInfoTop .tabs{height:30px}
.phaseInfoTop .tabs li{float:left;}
.phaseInfoTop .tabs li:nth-child(1){border-top:1px solid #bbbbbb;border-left:1px solid #bbbbbb}
.phaseInfoTop .tabs li:nth-child(2){border-top:1px solid #bbbbbb}
.phaseInfoTop .tabs li:nth-child(3){border-top:1px solid #bbbbbb}
.phaseInfoTop .tabs li:nth-child(4){border-top:1px solid #bbbbbb}
.phaseInfoTop .tabs .regionIntNm{line-height:30px;width:280px;text-align:center;padding-left:55px;font-size:15px}
.phaseInfoTop .tabs .simulation{width:140px;font-size:15px;line-height:30px;color:red;text-align:center;padding-left:50px}
.phaseInfoTop .tabs > li:hover .subMenu {display:block}
.phaseInfoTop .tabs > li .subMenu{display:none;position:absolute;top:427px;left:5px;width:120px;background-color:#122f64;z-index:10}
.phaseInfoTop .tabs > li .subMenu li {width:121px;margin-right:40px;font-size:13px;line-height:34px;text-align:center;}
.phaseInfoTop .tabs > li .subMenu li:nth-child(1){border-bottom:1px solid #bababa}
.phaseInfoTop .tabs > li .subMenu li a {display:inline-block;color:#adbedf;}


.bottomPopMenu .bottomRight{width:auto;height:133px;padding:5px}
.bottomPopMenu .bottomRight table{width:100%}
.bottomPopMenu .bottomRight table thead{width:880px;background-color:#f4f4f4}
.bottomPopMenu .bottomRight table tbody{padding-top:10px}
.bottomPopMenu .bottomRight table th, .bottomPopMenu .bottomRight table td{padding:5px;text-align:center;border:1px solid #bababa}
.bottomPopMenu .bottomRight table th{font-weight: bold;color: #2d2d2d;}
.bottomPopMenu .bottomRight table td{color:#515151}

.bottomPopMenu .phaseInfo{width:auto;height:386px;padding:5px}
.bottomPopMenu .phaseInfo .pMapNo select{width:40px}
.bottomPopMenu .phaseInfoCon, .linkInfoCon{width:auto;height:303px}
.bottomPopMenu .phaseInfoCon table, .linkInfoCon table{width:100%;border-collapse:collapse;}
.bottomPopMenu .phaseInfoCon table thead, .linkInfoCon table thead{width:100%;background-color:#f4f4f4}
.bottomPopMenu .phaseInfoCon table th, .bottomPopMenu .phaseInfoCon table td{padding:6px;text-align:center;border:1px solid #bababa;width:9.1%}
.bottomPopMenu .phaseInfoCon table #updatePhaseInfoList1 td{border-bottom:0}
.bottomPopMenu .phaseInfoCon table th, .linkInfoCon table th{font-weight: bold;color: #2d2d2d;}
.bottomPopMenu .phaseInfoCon table td{color:#515151;height:90px}
.bottomPopMenu .phaseInfoCon table .aProgress td{height:auto}
.bottomPopMenu .phaseInfoCon table .bProgress td{height:auto}
.bottomPopMenu .phaseInfoCon input{width: 50px;margin: 0 18px;line-height: 15px;text-align: center;cursor: pointer;}

.signalMapDiv{height:798px;margin:5px;border: 1px solid #bbb}
.signalMapDiv .signalMapNo ul li{padding:10px;font-family:'맑은고딕'}
.signalMapDiv .signalMapNo ul li:nth-child(1){float:left;width:150px;font-weight:600;margin-left:450px}
.signalMapDiv .signalMapNo ul li:nth-child(2){float:left;width:150px;font-weight:600}
.signalMapDiv .signalMapNo ul li:nth-child(3){margin-left:793px;width:150px;font-weight:600}
/* .signalMapDiv .signalMapNo ul li:nth-child(3) select{text-align:right;margin:10px 20px;font-weight:600} */
.signalMapDiv .signalMapCon{height:755px;overflow-y:scroll}
.signalMapDiv table {width:99%}
.signalMapDiv table thead td{line-height:30px;background-color:#aaaaaa;color:#000000;font-weight:600;border-top:2px solid #000000;border-bottom:2px solid #000000}
.signalMapDiv table tbody td:nth-child(1){background-color:#aaaaaa;color:#000000;font-weight:600}
.signalMapDiv table tbody tr:nth-child(32),.signalMapDiv table tbody tr:nth-child(64) td{border-bottom:2px solid #000000}
.signalMapDiv table td{width:20px;text-align:center;border:1px solid #000000;font-family:'맑은고딕'}
/* .signalMapDiv table tr td.eopClass{background-color:#FF5A5A !important;color:#ffffff !important} */
.signalMapDiv table tr td.eopClass{background-color:red;color:#ffffff}
.signalMapDiv table tr td.codeG1{background-color:green;color:#ffffff}
.signalMapDiv table tr td.codeR1{background-color:red;color:#ffffff}
.signalMapDiv table tr td.codeY1{background-color:yellow;color:#000000}

/* .linkInfoCon table th, .linkInfoCon table td{padding:6px;text-align:center;border:1px solid #bababa;width:10%}
.linkInfoCon table td{color:#515151;height:40px}
.linkInfoCon table tr:first-child td:nth-child(n+3){cursor:pointer}
.linkInfoCon table tr:first-child td:nth-child(n+3):hover{color:#0076c8}
.linkInfoCon table tr:nth-child(2) td:nth-child(n+2){cursor:pointer}
.linkInfoCon table tr:nth-child(2) td:nth-child(n+2):hover{color:#0076c8} */

.sigCustom {position:relative;bottom: 20px;}
.sigCustom * {display: inline-block;vertical-align: top;}
.sigCustom .left {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
.sigCustom .center {background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
.sigCustom .right {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}

.sigCustom1 {position:relative;bottom: 100px;}
.sigCustom1 * {display: inline-block;vertical-align: top;}
.sigCustom1 .left {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
.sigCustom1 .center {background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
.sigCustom1 .right {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}

.sigCustom2 {position:relative;bottom: 60px;}
.sigCustom2 * {display: inline-block;vertical-align: top;}
.sigCustom2 .left {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
.sigCustom2 .center {background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
.sigCustom2 .right {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}

.sigCustom3 {position:relative;bottom: 40px;}
.sigCustom3 * {display: inline-block;vertical-align: top;}
.sigCustom3 .left {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
.sigCustom3 .center {background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
.sigCustom3 .right {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}

.sigCustom4 {position:relative;bottom: 30px;}
.sigCustom4 * {display: inline-block;vertical-align: top;}
.sigCustom4 .left {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
.sigCustom4 .center {background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
.sigCustom4 .right {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}

.sigCustom5 {position:relative;bottom: 25px;}
.sigCustom5 * {display: inline-block;vertical-align: top;}
.sigCustom5 .left {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
.sigCustom5 .center {background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
.sigCustom5 .right {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}

.pMapNo{padding-left:650px}

#customClose{width:10px;padding-left:10px;cursor:pointer}

.footer{position:fixed;bottom:0px;width:100%;height:2%;border-top:1px solid #a9a9a9;background:#f4f4f4;z-index:10}

/* 신호센터 페이지 */
.centerContainer{width:908px;height:100%;overflow-y:auto}
.centerContainer .listCon, .centerContainer .updateCon, .centerContainer .insertCon{margin:5px;border:1px solid #bbb}
.centerContainer p{font-weight: bold;color: #2d2d2d;display: inline-block;width: 110px;padding-left: 15px;margin: 10px;background: url(/images/bul_table.gif) no-repeat 5px;}
.centerContainer .listCon table, .updateCon table, .insertCon table{width:99%;border-collapse:collpase;border-spacing:0px;margin:5px}    
.centerContainer .listCon table thead, .updateCon table thead, .insertCon table thead{background-color:#dfe8ef}
.centerContainer .listCon table thead th, .updateCon table thead th, .insertCon table thead th{padding:5px;text-align:center;border:1px solid #bababa;font-weight:bold;color:#2d2d2d;background:url(/images/table_bg.png) repeat-x;}
.centerContainer .listCon table tbody td, .updateCon table tbody td, .insertCon table tbody td{padding: 5px;text-align:center;border: 1px solid #bababa;}
.centerContainer .listCon .insertCenter{width:100%;text-align:center;margin:10px auto}
.centerContainer .listCon .insertCenter input{width:200px}
.centerContainer .updateCon{display:none}
.centerContainer .updateCon table tbody input, .centerContainer .updateCon table tbody select{width:100%;padding-left:0px !important;height:21px}
.centerContainer .updateCon .updateCenter{width:100%;text-align:center;margin:10px auto}
.centerContainer .updateCon .updateCenter input{width:200px}
.centerContainer .updateCon table tbody select{height:21px}
.centerContainer .insertCon{display:none}
.centerContainer .insertCon table tbody input, .centerContainer .insertCon table tbody select{width:100%;padding-left:0px !important;height:21px}
.centerContainer .insertCon .insertCenter{width:100%;text-align:center;margin:10px auto}
.centerContainer .insertCon .insertCenter input{width:200px}
.centerContainer img{cursor:pointer}

/* 이벤트이력관리 페이지 */
.eventContainer{width:908px;height:100%}
.eventContainer .listCon{height:98.5%;margin:5px;border:1px solid #bbb}
.eventContainer p{font-weight: bold;color: #2d2d2d;display: inline-block;width: 110px;padding-left: 15px;margin: 10px;background: url(/images/bul_table.gif) no-repeat 5px;}
.eventContainer .listCon #eventListCnt{position:absolute;top:100px;right:40px}
.eventContainer .listCon .eventListTable{width:auto;height:720px;overflow:hidden}
.eventContainer .listCon .eventListTable .eventListHead{overflow-y:scroll;scrollbar-arrow-color:#f0f0f0;scrollbar-track-color:#f0f0f0;scrollbar-face-color:#f0f0f0;scrollbar-shadow-color:#f0f0f0}
.eventContainer .listCon .eventListTable .eventListHead::-webkit-scrollbar{background-color: #f0f0f0}
.eventContainer .listCon .eventListTable .eventListBody{max-height:680px;overflow-y:scroll}
.eventContainer .listCon table{width:99%;border-spacing:0px;margin:0 5px;border:1px solid #bbb}
.eventContainer .listCon table thead{background-color:#dfe8ef}
.eventContainer .listCon table thead th{padding:5px;text-align:center;font-weight:bold;color:#2d2d2d;background:url(/images/table_bg.png) repeat-x;border:1px solid #bbb}
.eventContainer .listCon table tbody td{padding:5px;text-align:center;border: 1px solid #bababa;}
.eventContainer .listCon .collctDtime, .eventContainer .listCon .searchType{margin:10px}
.eventContainer .listCon .collctDtime{padding-left:15px}
.eventContainer .listCon .searchType{padding-left:27px}
.eventContainer .listCon input, .eventContainer .listCon select{height:20px}
.eventContainer .listCon .collctDtime input{width:90px !important}
.eventContainer .listCon img{cursor:pointer}

/* 이벤트이력관리 팝업 페이지 */
.eventHist p{font-weight: bold;color: #2d2d2d;display: inline-block;width: 110px;padding-left: 15px;margin: 10px;background: url(/images/bul_table.gif) no-repeat 5px;}
.eventHist .eventPopListTable{width:auto;height:455px;overflow:hidden}
.eventHist .eventPopListTable .eventPopListHead{overflow-y:scroll;scrollbar-arrow-color:#f0f0f0;scrollbar-track-color:#f0f0f0;scrollbar-face-color:#f0f0f0;scrollbar-shadow-color:#f0f0f0}
.eventHist .eventPopListTable .eventPopListHead::-webkit-scrollbar{background-color: #f0f0f0}
.eventHist .eventPopListTable .eventPopListBody{max-height:400px;overflow-y:scroll}
.eventHist .eventPopListTable #eventPopListCnt{margin-left:800px}
.eventHist .eventPopListTable table{width:99%;border-collapse:collpase;border-spacing:0px}    
.eventHist .eventPopListTable table thead{background-color:#dfe8ef}
.eventHist .eventPopListTable table thead th{padding:5px;text-align:center;border:1px solid #bababa;font-weight:bold;color:#2d2d2d;background:url(/images/table_bg.png) repeat-x;}
.eventHist .eventPopListTable table tbody td{padding:5px;text-align:center;border: 1px solid #bababa;}
.eventHist .collctDtime, .eventHist .searchType{margin:10px}
.eventHist .collctDtime{padding-left:15px}
.eventHist input, .eventHist select{height:20px}
.eventHist .collctDtime input{width:90px !important}
.eventHist .collctDtime img{cursor:pointer}


.loading{display:none;position:absolute;top:55px;left:300px}


/* 20180517 수정 */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	opacity:1;
}

.updateSigInfoDiv .updateSigHeader{display:inline-block}
.updateSigInfoDiv .updateSigHeader ul li{float:left;padding:10px 0 0 10px;font-size:15px;}
.updateSigInfoDiv .updateSigHeader ul li a{border:1px solid #888888;padding:5px}

.updateSigInfoDiv .updateSigSub{padding:10px 0 0 130px}

.updateSigInfoDiv .updatePhase{display:none;position:relative;top:-5px}
.updateSigInfoDiv .updatePhase .updateMapNo{display:inline-block;margin:5px;position:relative;left:810px}

.updateSigInfoDiv .phaseInfoCon{padding:0 5px}
.updateSigInfoDiv .phaseInfoCon table td span{}
.updateSigInfoDiv .phaseInfoCon table .aStrtLinkId td{height:0 !important}
.updateSigInfoDiv .phaseInfoCon table .aEndLinkId td{height:0 !important}
.updateSigInfoDiv .phaseInfoCon table .bStrtLinkId td{height:0 !important}
.updateSigInfoDiv .phaseInfoCon table .bEndLinkId td{height:0 !important}
.updateSigInfoDiv .phaseInfoCon table .aPUpdate td{height:15px !important}
.updateSigInfoDiv .phaseInfoCon table .bPUpdate td{height:15px !important}

.updateSigInfoDiv .linkInfoCon{display:none;padding:0 5px}

.updateSigInfoDiv .updatePhaseDiv{display:block;height:105px;margin:10px 5px 0 5px;background-color:#ffffff;border:1px solid #bababa;z-index:10}
.updateSigInfoDiv .updatePhaseDiv h4{padding:10px;text-align:left}
.updateSigInfoDiv .updatePhaseDiv ul li{padding-left:5px;float:left}
.updateSigInfoDiv .updatePhaseDiv ul li .updateDeg{padding-left:30px}
.updateSigInfoDiv .updatePhaseDiv ul li input[type=number]{width:50px}
.updateSigInfoDiv .updatePhaseDiv ul li input[type=text]{width:80px}
.updateSigInfoDiv .updatePhaseDiv ul li input[type=button]{width:70px;cursor:pointer}
.updateSigInfoDiv .updatePhaseDiv ul li.phaseResetBt{padding-left:30px}
.updateSigInfoDiv .updatePhaseDiv ul li.phaseSaveBt{padding-left:10px}
.updateSigInfoDiv .updatePhaseDiv .linkMessage{position:absolute;top:80px;left:160px}

.updateSigInfoDiv .updateAPhaseBack{position:absolute;width:800px;height:100px;z-index:20;left:105px;top:170px}
.updateSigInfoDiv .updateAPhaseBack ul li{float:left;width:100px;height:100px;background-color:#ffffff;opacity:0;cursor:pointer}
.updateSigInfoDiv .updateBPhaseBack{position:absolute;width:800px;height:100px;z-index:20;left:105px;top:273px}
.updateSigInfoDiv .updateBPhaseBack ul li{float:left;width:100px;height:100px;background-color:#ffffff;opacity:0;cursor:pointer}

.signalMapDiv{display:none}


/* 정보관리 */
.addSigContainer h4{padding:7px}
.addSigContainer .updateSigTab{display:none;width:100%;height:25px}

.addSigContainer .sigMove{margin:5px;padding:5px;background:#2276cc; height:45px;}
.addSigContainer .sigMove ul { margin-top:10px; color:#fff; padding:0 5px 0 5px;}
.addSigContainer .sigMove ul li select {height:30px;}
.addSigContainer .sigMove .regionList{float:left}
.addSigContainer .sigMove .intList{margin-left:120px}
.addSigContainer .sigMove #centerList{width:70px}
.addSigContainer .sigMove #intList{width:250px}
.addSigContainer .sigMove label{font-weight:600}

.addSigContainer .updateSigTab ul li{float:left;padding:0 0 0 10px;font-size:15px;}
.addSigContainer .updateSigTab ul li a{border:1px solid #888888;padding:5px}
.addSigContainer .addSigMap{height:350px;margin:5px;border:1px solid #bababa}
.addSigContainer .addSigBottom{height:416px;margin:5px;border:1px solid #bababa}
.addSigContainer .addSigBottom .addsig_bottom_btns{display:none;margin-top:5px};

/* 정보관리 교차로관리 */
.addSigBottom h4 {font-size:12px; background:#CCC; }
.addSigContainer .addSigBottom .addSigDiv h3{color:#06F; font-size:13px;}
.addSigContainer .addSigBottom .addSigDiv{margin:10px}
.addSigContainer .addSigBottom .addSigDiv ul li{line-height:38px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(1) select{margin-left:12px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(2) select{width:80px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(2){position:relative;left:20px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(3){position:relative;left:260px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(4){position:relative;left:277px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(4) strong{margin-left:10px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(5) input{margin-left:12px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(6) select{width:40px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(7) select{width:40px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(8) input{margin-left:11px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(9){float:left}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(9) input{margin-left:23px}
.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(10){margin-left:240px}
.addSigContainer .addSigBottom .addSigDiv ul li input[type=text]{width:150px}
.addSigContainer .addSigBottom .addSigDiv ul li input[type=checkbox]{width:15px;height:15px;margin:15px 5px}
.addSigContainer .addSigBottom .addSigDiv ul li input[type=number]{width:150px}
.addSigContainer .addSigBottom .addSigDiv ul li input[type=button]{float:left;width:150px;height:30px;text-align:center;cursor:pointer}

/* 정보관리 상단 메뉴 */
.addSigContainer .addSigBottom .sigMoveDiv h3{color:blue}
.addSigContainer .addSigBottom .sigMoveDiv{margin:10px}
.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(1) input{margin-left:13px}
.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(2){float:left}
.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(3){margin-left:260px}
.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(4) input{margin-left:13px}
.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(5) input{margin-left:13px}
.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(6) input{margin-left:26px}
.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(7) input{margin-left:26px}
.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(8) input{}
.addSigContainer .addSigBottom .sigMoveDiv ul li{line-height:38px;}
.addSigContainer .addSigBottom .sigMoveDiv ul li input[type=text]{width:150px}
.addSigContainer .addSigBottom .sigMoveDiv ul li input[type=checkbox]{width:15px;height:15px;margin:15px 5px}
.addSigContainer .addSigBottom .sigMoveDiv ul li input[type=number]{width:150px}
.addSigContainer .addSigBottom .sigMoveDiv ul li input[type=button]{width:150px;height:30px;text-align:center;cursor:pointer}

/* 정보관리 현시관리,링크관리 */
/* .addSigContainer .addSigBottom .updatePhaseAdd{display:none;position:relative;}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv{display:block;height:65px;margin:5px;background-color:#ffffff;border:1px solid #bababa;z-index:10}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv h4{padding:10px 10px 5px 10px;text-align:left}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv h3{margin:10px 10px 5px 5px}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li{padding-left:5px;float:left}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv label{background:none}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li .updateDeg{padding-left:30px}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li input[type=number]{width:50px}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li input[type=text]{width:80px}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li input[type=button]{width:70px;height:25px;cursor:pointer;background:#96a2b2 !important; color:#fff; font-weight:bold;line-height:25px}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li.phaseResetBt{padding-left:30px}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li.phaseSaveBt{padding-left:10px}
.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv .linkMessage{position:absolute;top:37px;left:260px}

.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon{width:auto;height:100%;padding:5px}
.addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon{width:auto;height:100%;padding:0 5px}
.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table{width:100%;border-collapse:collapse;}
.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table thead, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table thead{width:100%;background-color:#f4f4f4}
.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table th, .addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table td{padding:6px;text-align:center;border:1px solid #bababa;width:9.1%}
.addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table th, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table td{padding:6px;text-align:center;border:1px solid #bababa;width:10%}
.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table th, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table th{font-weight: bold;color: #2d2d2d;}
.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table td{color:#515151;height:90px}
.addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table td{color:#515151;height:40px}
.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table .aProgress td{height:auto}
.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table .bProgress td{height:auto}
.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon input{width: 50px;margin: 0 18px;line-height: 15px;text-align: center;cursor: pointer;}

.addSigContainer .addSigBottom .updatePhaseAdd .updateMapNo{display:inline-block;margin:5px;position:relative;left:775px}
.addSigContainer .addSigBottom .updatePhaseAdd .updateMapNo #updateMapNo{width:45px}
.addSigContainer .addSigBottom .updatePhaseAdd .updateAPhaseBack{position:absolute;width:785px;height:100px;z-index:20;left:105px;top:142px}
.addSigContainer .addSigBottom .updatePhaseAdd .updateBPhaseBack{position:absolute;width:800px;height:100px;z-index:20;left:105px;top:245px}
.addSigContainer .addSigBottom .updatePhaseAdd .updateAPhaseBack ul li,.updatePhaseAdd .updateBPhaseBack ul li{float:left;width:98.1px;height:100px;cursor:pointer}

정보관리 업로드
.addSigContainer .addSigBottom .uploadDiv{display:none}
.addSigContainer .addSigBottom .uploadDiv h4{display:block !important}
.addSigContainer .addSigBottom .uploadDiv ul li{padding:10px}
.addSigContainer .addSigBottom .uploadDiv ul li select{height:27px;overflow:hidden}
.addSigContainer .addSigBottom .uploadDiv ul li input[type="file"]{display: inline-block;padding: .2em .75em;font-size: inherit;font-family: inherit;line-height: normal;
vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;
border-radius: .25em;-webkit-appearance: none; 네이티브 외형 감추기
-moz-appearance: none;appearance: none;}
.addSigContainer .addSigBottom .uploadDiv ul li input[type="button"]{width:100px;height:30px;cursor:pointer}
.addSigContainer .addSigBottom .uploadDiv ul li label{display: inline-block;padding: .5em;color: #000000;font-size: inherit;line-height: normal;background-color: #fdfdfd;
cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;width:100px;text-align:center} */

/* 엑셀업로드 iframe */
.excelUpload{width:878px}
.extractTodExcelDiv h4{display:block !important;padding:10px;font-size: 14px;background: #CCC;}
.extractTodExcelDiv{height:100%}
.extractTodExcelDiv ul li{padding:10px}
.extractTodExcelDiv ul li:nth-child(2){float:left}
.extractTodExcelDiv ul li label{display: inline-block;padding: .5em;color: #000000;font-size: inherit;line-height: normal;background-color: #fdfdfd;
cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;width:100px;text-align:center}
.extractTodExcelDiv ul li input[type="button"]{width:100px;height:30px;cursor:pointer}
.extractTodExcelDiv ul li select{height:27px;overflow:hidden}

.showLoading{display:none;position:absolute;top:73px;left:310px;z-index:20}
.dataLoading{display:none;position:absolute;top:200px;left:300px;z-index:20}
.excelDataLoading{display:none;position:absolute;top:60px;left:270px;opacity:0.7;z-index:20}
.imgDataLoading{display:none;position:absolute;top:200px;left:270px;opacity:0.7;z-index:20}

.headMenu ul .toggleBtn{border-right:1px solid #bbbbbb}
.headMenu ul .toggleBtn:nth-child(1){border-left:1px solid #bbbbbb}

.sigPop_box .pop_table_phase{margin:5px 0}
.sigPop_box .pop_table_phase tr td:nth-child(1){width:10%;padding:5px}
.sigPop_box .pop_table_phase tr td{width:15%;padding:5px;text-align:center;border:1px solid #bbb;font-size:11px}
.sigPop_box .pop_table_phase tr:nth-child(2){height:80px}
.sigPop_box .pop_table_phase tr:nth-child(4){height:80px}

.treeLoading{display:none;position:absolute;top:50px;left:45%}

/* 로드뷰 아이콘 */

#roadviewClose {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;z-index:10}
#roadviewClose .img {display: block;background: url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;width: 14px;height: 14px;}

.board-write {
	width:100%;
	border-top:2px solid #005ead;
	border-bottom:2px solid #005ead;
}
.board-write th {background:#CCC;border-bottom:1px solid #bbb;}
.board-write td {
	padding:10px;
	border-bottom:1px solid #ddd;
}

.board-write td #addIntLcType,.board-write td #addIntLampType,.board-write td #addIntMainphase{width:100px}

.btn-tinted-03 {background:#96a2b2 !important; color:#fff; font-weight:bold;} 
.btn-inline a {
	display:inline-block;
	height:28px; line-height:28px;
	padding:0 20px;
	background:#333;
	color:#fff;
	vertical-align:middle;
}

/* cvib */

/* 페이즈정보 팡벙 */
.cvibInfoTop{width:910px;margin:5px 5px 0 5px}
.cvibInfoTop .tabs{height:30px}
.cvibInfoTop .tabs li{float:left;}
.cvibInfoTop .tabs li:nth-child(1){border-top:1px solid #bbbbbb;border-left:1px solid #bbbbbb}
.cvibInfoTop .tabs li:nth-child(2){border-top:1px solid #bbbbbb}
.cvibInfoTop .tabs .regionIntNm{line-height:30px;width:385px;text-align:right;font-size:15px}

.bottomInfo {height:491px; width:908px; margin:5px; border:1px solid #bbb}
.bottomInfo table {width:100%; border-collapse:collapse}
.bottomInfo table thead {background-color:#f4f4f4}
.bottomInfo table tr th, .bottomInfo table tr td {border:1px solid #bbb;line-height:30px;text-align:center;color:#2d2d2d}
.bottomInfo table tr th {font-weight:bold}
.bottomInfo .bottomInfoTop {margin:5px}
.bottomInfo .bottomInfoBottom {margin:5px}
.bottomInfo .bottomInfoBottom .bottomInfoHead {overflow-y:scroll;scrollbar-arrow-color: #eee;scrollbar-base-color: #eee;
											scrollbar-3dLight-Color: #eee;scrollbar-Face-Color: #eee; scrollbar-Track-Color: #eee;}
.bottomInfo .bottomInfoBottom .bottomInfoHead::-webkit-scrollbar {width: 17px; background-color:#eee;border-top: 1px solid #bbb;border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;}
.bottomInfo .bottomInfoBottom .bottomInfoBody {max-height:318px;overflow-y:scroll;border-bottom:1px solid #bbb}
.bottomInfo .bottomInfoBottom .bottomInfoBody::-webkit-scrollbar {width: 17px;border-right: 1px solid #bbb;background-color:#eee;}
.bottomInfo .bottomInfoBottom .bottomInfoBody::-webkit-scrollbar-thumb{background-color:#bbb;}
.bottomInfo .bottomInfoBottom .bottomInfoBody table tbody tr:nth-child(1) td {border-top:0}
.bottomInfo .bottomInfoBottom .bottomInfoBody .cvibLightsBack_1 {background-color:#ff0000}
.bottomInfo .bottomInfoBottom .bottomInfoBody .cvibLightsBack_2 {background-color:#ffff00}
.bottomInfo .bottomInfoBottom .bottomInfoBody .cvibLightsBack_3 {background-color:#008000}

.bottomInfo .bottomEvent {display:none;margin:10px}
.bottomInfo .bottomEvent .collctDtime img {cursor:pointer}
.bottomInfo .bottomEvent .eventPopListTable {margin-top:10px}
.bottomInfo .bottomEvent .cvibLoading {display:none;margin:0 auto}