tsi-sig-server/src/main/resources/static/css/main.css

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

html {
    height: 100%;
}

* {
    margin: 0px;
    padding: 0px;
}

body, html {
    font-size: 10pt;
    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;
}

.detailMap {
    width: auto;
    height: 450px;
}

.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;
    /* width: 908px; */
    /*height: 300px;*/
    height: 450px;
    border: 1px solid #bbb;
    margin: 5px;
    z-index: 1;
}

.cvibMapAndInfo {
    position: relative;
    width: 100%;
    /* width: 908px; */
    /*height: 300px;*/
    height: 450px;
    margin: 0 0 0 5px;
    z-index: 1;
}

.crossLoadMap {
    width: 40%;
    height: 450px;
    border: 1px solid #bbb;

    z-index: 1;
    float: left;

}

.crossLoadInfo {
    width: 58.9%;
    height: 450px;
    border: 1px solid #bbb;

    z-index: 1;
    float: left;
}

.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: 430px;
    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;
    z-index: 1000000;
    font-size: 12px;
    height: 550px;
    min-height: 150px;
    overflow: auto;
    border-radius: 10px;
    /*filter: alpha(Opacity:100, Finishopacity: 85,  style: 2);*/
    border: 0px;
    background: rgba(255, 255, 255, 0.7);
}

#menu_wrap .option{
    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: hidden;
    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 .searchBox {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #dddddd;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}
.leftMenu .searchBox .search-button {
    padding: 6px;
    border: 1px solid #eeeeee;
    background-color: #1e65c5;
    color: white;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.leftMenu .searchBox .search-button:hover{
    filter: brightness(1.1);
}

.leftMenu .searchBox input {
    width: 210px;
    padding: 5px;
}

.leftMenu #intTree {
    height: calc(100% - 82px);
    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: collapse;
}

.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: collapse;
    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: collapse;
    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;
}

/* 페이즈정보 팡벙 */
.cvibInfoTop {
    width: 100%;
    margin: 5px 5px 0 5px
}

.cvibInfoTop .tabs {
    height: 30px;
    position: relative;
    z-index: 50;
}

.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: 100%;
    text-align: center;
    font-size: 15px
}


.bottomInfo {
    height: 100%;
    width: 100%;
    float: left;
}

.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: 370px;
    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
}


.coordBox {
    background-color: white;
    gap: 10px;
    width: 470px;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    left: 85px;
    top: 28px;
    border: 1px solid #c9c9c9;
}

.coordBox.on {
    display: flex;
}

.coord-unit {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
}

.coord-unit input {
    padding: 3px 5px;
    font-weight: bold;
    width : 110px;
}

.coord-btn {
    border: 1px solid #1e65c5;
    background-color: #1e65c5;
    color: white;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 18px;
}

.coord-btn:hover {
    filter:brightness(1.1);
}

@media (max-width: 1000px) {
    .crossLoadMap {
        width: 100%;

        height: 450px;
        border: 1px solid #bbb;

        z-index: 1;
        float: left;

    }

    .crossLoadInfo {
        width: 100%;
        height: 450px;
        border: 1px solid #bbb;

        z-index: 1;
        float: left;
    }
}