#map_view {
	position: relative;
	width: 100%;
	height: 100%;
	height: calc(100% - 39px);
	height: -webkit-calc(100% - 39px);
	height: -moz-calc(100% - 39px);
}

.map_container {
	position: relative;
	width: 100%;
	height: 100%
}

#map {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.printArea {
	position: relative;
	overflow: hidden;
	border:solid 2px;
	width:400px;
	height: 300px;
	background-color: red;
}

.zoombar_remark{
	position: absolute;
	z-index: 1;
	width: 70px;
	background: gray;
	text-align: center;
	font-size: 11px;
	font-weight: 400;
	color: white;
	right: 28px;
}
#zoombar_remark_0{
	background: rgba(0, 0, 0, 0) url(../images/img_scalePoint01.png) no-repeat center;
	cursor: pointer;
	top: 164px;
}
#zoombar_remark_1{
	background: rgba(0, 0, 0, 0) url(../images/img_scalePoint06.png) no-repeat center;
	cursor: pointer;
	top: 195px;
}
#zoombar_remark_2{
	background: rgba(0, 0, 0, 0) url(../images/img_scalePoint05.png) no-repeat center;
	cursor: pointer;
	top: 218px;
}
#zoombar_remark_3{
	background: rgba(0, 0, 0, 0) url(../images/img_scalePoint04.png) no-repeat center;
	cursor: pointer;
	top: 250px;
}

#maptool {
	z-index: 99999;
	position: absolute;
	left: 40px;
	top: 10px;
}

.info {
	padding: 6px 8px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	background: white;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.info h4 {
	margin: 0 0 5px;
	color: #777;
}

.legend {
	text-align: left;
	line-height: 18px;
	color: #555;
}
.legend i {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 8px;
	opacity: 0.7;
}

.text-label-A {
	display: none;
	text-align:center;
	left: -60px;
	width: 120px!important;
	height: !important;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 2px black, 0 0 25px #fff, 0 0 5px #fff;
}

.text-label-B {
	display: none;
	text-align:center;
	left: -60px;
	width: 120px!important;
	height: !important;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 2px black, 0 0 25px #fff, 0 0 5px #fff;
}

.text-label-C {
	display: none;
	text-align:center;
	left: -60px;
	width: 120px!important;
	height: !important;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 2px black, 0 0 25px #fff, 0 0 5px #fff;
}

.text-label-sido {
	display: none;
	text-align:center;
	left: -60px;
	width: 120px!important;
	height: !important;
	font: 14px/16px Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	color: #bbb;
	text-shadow: 1px 1px 2px black, 0 0 5px #bbb, 0 0 5px #bbb;
}
.text-label-sigungu {
	display: none;
	text-align:center;
	left: -60px;
	width: 120px!important;
	height: !important;
	font: 14px/16px Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	color: #bbb;
	text-shadow: 1px 1px 2px black, 0 0 5px #bbb, 0 0 5px #bbb;
}


.textLabelclass{
	white-space:nowrap;
	fontweight: 500;
	width: 200px;
}


/* leaflet popup css */
.leaflet-popup-content-wrapper{
	padding: 0.5px;
}

/* leaflet area popup css */
.leaflet-measure-resultpopup > .leaflet-popup-content-wrapper > .leaflet-popup-content{
	width: 250px !important;
	left: 250px !important ;
}
.leaflet-measure-resultpopup{
	left: -145px  !important;
}

.infoLink:link,.infoLink:visited{color:#fd8888}
.infoLink:hover,.infoLink:active,.infoLink:focus{color:#f00; text-decoration:none;}