/*!
 * ol-contextmenu - v3.3.0
 * Custom Context Menu for Openlayers
 * https://github.com/jonataswalker/ol-contextmenu
 * Built: Sat Jul 28 2018 12:30:41 GMT-0300 (Brasilia Standard Time)
 */
 .ol-ctx-menu-container {
	position: absolute;
	padding: 0;
	background: #f8f8f8;
	color: #222;
	font-size: 13px;
  border-radius: 3px;
  border:1px solid #8d8d8d;
	box-sizing: border-box;
	z-index:200;
}
/*
.ol-ctx-menu-container::before {
    content:'상세메뉴';
    display: block;
    padding: 0 10px;
    margin-bottom:5px;
    line-height: 23px;
    color:#656565;
    border-bottom: 1px solid #cacdd1;
}
*/
.ol-ctx-menu-container .ol-ctx-menu-container::before {
    display: none;
}
.ol-ctx-menu-container .ol-ctx-menu-container {
    padding: 8px 0;
    margin: -5px 0 0 10px;
}
.ol-ctx-menu-container div,
.ol-ctx-menu-container a,
.ol-ctx-menu-container img,
.ol-ctx-menu-container ul,
.ol-ctx-menu-container li {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
    color:#444;
	vertical-align: baseline;
}
.ol-ctx-menu-container a img {
	border: none;
}
.ol-ctx-menu-container *,
.ol-ctx-menu-container *::before,
.ol-ctx-menu-container *::after {
	box-sizing: inherit;
}
.ol-ctx-menu-container.ol-ctx-menu-hidden {
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s linear 300ms, opacity 300ms;
}
.ol-ctx-menu-container ul {
	list-style: none;
}
.ol-ctx-menu-container li {
	position: relative;
	line-height: 20px;
    padding: 3px 10px;
	color:#444;
	font-size:12px;
	font-weight:bold;
}
.ol-ctx-menu-container li::before {
    content:'';
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: -2px 5px 0 0;
    background-color: #7e7e7e;
    border-radius: 4px;
    vertical-align: middle;
}
.ol-ctx-menu-container li.no-bullet::before {
	display:none;
}
.ol-ctx-menu-container li:not(.ol-ctx-menu-separator):hover {
	cursor: pointer;
	background-color:#eacece;
	/* background: url('../../images/bg_content_hover.gif') repeat left top; */
}
.ol-ctx-menu-container li.ol-ctx-menu-submenu {
    position: relative;
}
.ol-ctx-menu-container li.ol-ctx-menu-submenu .ol-ctx-menu-container {
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s linear 300ms, opacity 300ms;
    border-radius: 3px;
    border:1px solid #8d8d8d;
}
.ol-ctx-menu-container li.ol-ctx-menu-submenu:hover .ol-ctx-menu-container {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}
.ol-ctx-menu-container li.ol-ctx-menu-submenu::after {
	position: absolute;
	top: 8px;
	right: 10px;
	content: "";
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	border-right: 3px solid #aaa;
	border-top: 3px solid #aaa;
	transform: rotate(45deg);
}
.ol-ctx-menu-container li.ol-ctx-menu-submenu:hover::after {
	border-color: #eee;
}
.ol-ctx-menu-container li.ol-ctx-menu-separator {
	height:1px;
	padding: 0;
	line-height:1px;
}
.ol-ctx-menu-container li.ol-ctx-menu-separator:before {
	display:none;
}
.ol-ctx-menu-container li.ol-ctx-menu-separator hr {
	border: 0;
	height: 1px;
	margin: 0;
	background-color:#cacdd1;
}

.ol-ctx-menu-icon {
	text-indent: 16px;
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: 7px center;
}

.ol-ctx-menu-zoom-in {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABaUlEQVQ4T72U7VHCQBCGn90GtAMuNGCswFiBWIFQgWMFxg6wArECsQKhArEBiB1Qwa1zgQn5IAYcxv13k71n3919L8KJQ07M47+BzgG9TRfZ/JBuWhS6BJFHRJICYrZGZIz3z5Ct2+B7gG6I6kt+wewdkQVwjtkAkR5mC8yu26A1oItR/cTsOweQBdgutD8G7jGm2PJ2n8oqUKIpIjd4HxTM8gvaT/F+AlmWnyWaIXKF95eNguFzTYFhNsdWu9kFgFlaFMANUH3D8wDLoLgSTSD2il8NCe2ZXQBxWDGwxmyUzzOMBZ7wy7Qb2K0wQfXjMOBuhlFpZtNty5sFaTQBuTusZdymeqs1SpYKcO9HkE3KbTd9WFijMHJQ5hBNEAYNq5Qd0dhyke0GiE4QzjqfW23mHT8Hl4DG4Lce3FPE7AtbBSdsbNqpoJLgYkRnNeUV+xwJDHTnUEkxHGbhBXUs5TjJjew/KPy94g+NRaIVRYmMXwAAAABJRU5ErkJggg==");
}

.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-in {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABc0lEQVQ4T71U21ECQRDsJgGdvQDECMQIxAjECMQILCPwzAAjECIQI0AiEDPQAPaWCBhrcKHuCUcV5f7dY3v6tUscefHIePhfwBBCF8CZqRCReRs1tQxDCH1VfQLQz4EsSY4AvIjIsgm8AhhCGKrqa9zwrqoLAKckB5HtguR1E2gBMITQU9VPAD8GICIGtl3e+xHJBwBT59xtHcsCYJZlUwA3kcGHbfDep51OZywi3/acZZm9vyJ5WR5o38uACmDunNt6ZwAkUxFZDwghDFT1jeSjiJinhVUBVNVJkiTDKO8CQA+AsbNQ7s1Ps0VVn5MkSfcCtmBoDZi1Bdx4eJ7zbBolrwPy3o9J3rWSHPs3A1BbjVKlYBaIyDgvu9LDXDU2RTZmXVW1oKyLxRD+OrkOrJLy5mVM0iaftDhuhVbsvBzMglzKUNW6IV/OOWtCM8MmVvEkmbwt83LaB19fdgOtVquUZJeknaDdobTwbOcvBzPcN/AXH1DFFWP7u9oAAAAASUVORK5CYII=");
}

.ol-ctx-menu-zoom-out {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABU0lEQVQ4T72U7VECMRRFz3sNaAdkacC1AtcKxApcKnCsQOwAK3CtQKxAqEBsANYOqCDPyTIC+8WCw5jfybn33dxEOPGSE/P4b6BzQG89RT47ZJoWhy5B5BGRZAMxWyEyxvtnyFdt8AagS1F9KQ6YvSMyB84xGyDSw2yO2XUbtAJ0MaqfmH0XAPIA2y7tj4F7jAm2uG1yWQZKNEHkBu+Dg2njWBJNEbnC+8uaIFRuWfuG2QxbbrOrUd0A1Tc8D7AIjkur7DAAsVf8MiWMZ3ZR2m02LPIMscATfjHqBnY7TFD9OAy4zTCCPG/MUKMM5O6wkXFr9dZq7FQqqHk/hDzbFa73cFONTZFDdRyiCcKg5rrSiLaXkiI6RjjrfG6VzDs+B5eAxuDXeYpmNRGzL2wZ/wof+du4GNFpBVqqz5HA4MM5VEYYDrOs+1I6Q9u/4Q8O9wN/AGgWjBVqQjjgAAAAAElFTkSuQmCC");
}

.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-out {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABYklEQVQ4T72U4VHCQBCF36tA91KAWIFYgViBWIFYgWMFYgdYgVCBWAFSgdiBFpAsFWSdxcDkQoBkhnF/ZjbfvX377ogjF4/Mw/8CVbUD4MynEJF5k2lqFapqz8yeAPRKkCXJEYAXEVnugm8BVXVgZq/FD+9mtgBwSrJfqF2QvN4FjYCq2jWzTwA/DhARh20qTdMRyQcA0xDCbZ3KCJhl2RTATaHgo+6HLMv8+xXJy+qB3l8FGoB5CKHsXcRV1b6ZvZF8FBH3NKotoJlNkiQZFONdlLtJ3rufbouZPSdJMjwIbKDQEzBrClx7eC4i33Uepmk6JnnXaOQifzMAtdGoRApugYiMI1uqKkrRWAfZo9MxM1+UZzFewl8mN4nYdVM83L7BkwbXLUrF3sfBLQDQBbDy08x8vOohXyEE71lVq9emuEk+3gZa3XYroCvwFyjP8yHJDsnxwaU08GxvS2uFhw78BbzWrxXgMbsHAAAAAElFTkSuQmCC");
}

/* ol.css */
.ol-box {
	box-sizing: border-box;
	border-radius: 2px;
	border: 2px solid #00f;
}
.ol-mouse-position {
	top: 8px;
	right: 8px;
	position: absolute;
}
.ol-scale-line {
	background: rgba(0, 60, 136, 0.3);
	border-radius: 4px;
	bottom: 8px;
	left: 8px;
	padding: 2px;
	position: absolute;
}
.ol-scale-line-inner {
	border: 1px solid #eee;
	border-top: none;
	color: #eee;
	font-size: 10px;
	text-align: center;
	margin: 1px;
	will-change: contents, width;
}
.ol-overlay-container {
	will-change: left, right, top, bottom;
}
.ol-unsupported {
	display: none;
}
.ol-unselectable,
.ol-viewport {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.ol-selectable {
	-webkit-touch-callout: default;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
.ol-grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}
.ol-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}
.ol-control {
	position: absolute;
	background-color: #fff;
    border-radius: 2px;
    border:1px solid #8d8d8d;
}
.ol-zoom {
	top: 320px;
	right: 36px;
}
.ol-rotate {
	top: 0.5em;
	right: 0.5em;
	transition: opacity 0.25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s linear, visibility 0s linear 0.25s;
}
.ol-zoom-extent {
	top: 4.643em;
	left: 0.5em;
}
.ol-full-screen {
	right: 0.5em;
	top: 0.5em;
}
@media print {
	.ol-control {
		display: none;
	}
}
.ol-control button {
	display: block;
	padding: 0;
	text-decoration: none;
	text-align: center;
	height: 22px;
    width: 22px;
    font-size:0;
    line-height:0;
    border: 0;
    cursor:pointer;
}
.ol-control button + button {
    border-top:1px solid #cacdd1;
}
.ol-control button::-moz-focus-inner {
	border: none;
	padding: 0;
}
.ol-zoom-extent button {
	line-height: 1.4em;
}
.ol-compass {
	display: block;
	font-weight: 400;
	font-size: 1.2em;
	will-change: transform;
}
.ol-touch .ol-control button {
	font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
	top: 5.5em;
}
.ol-control button:focus,
.ol-control button:hover {
	text-decoration: none;
	background-color: #eee;
}
.ol-zoom .ol-zoom-in {
    background: url('../../images/gis/icon_plus.png') no-repeat center center;
}
.ol-zoom .ol-zoom-out {
    margin-top: 139px;
    background: url('../../images/gis/icon_minus.png') no-repeat center center;
}
.ol-attribution {
    display: none;
	text-align: right;
	bottom: 0.5em;
	right: 0.5em;
	max-width: calc(100% - 1.3em);
}
.ol-attribution ul {
	margin: 0;
	padding: 0 0.5em;
	font-size: 0.7rem;
	line-height: 1.375em;
	color: #000;
	text-shadow: 0 0 2px #fff;
}
.ol-attribution li {
	display: inline;
	list-style: none;
	line-height: inherit;
}
.ol-attribution li:not(:last-child):after {
	content: " ";
}
.ol-attribution img {
	max-height: 2em;
	max-width: inherit;
	vertical-align: middle;
}
.ol-attribution button,
.ol-attribution ul {
	display: inline-block;
}
.ol-attribution.ol-collapsed ul {
	display: none;
}
.ol-attribution.ol-logo-only ul {
	display: block;
}
.ol-attribution:not(.ol-collapsed) {
	background: rgba(255, 255, 255, 0.8);
}
.ol-attribution.ol-uncollapsible {
	bottom: 0;
	right: 0;
	border-radius: 4px 0 0;
	height: 1.1em;
	line-height: 1em;
}
.ol-attribution.ol-logo-only {
	background: 0 0;
	bottom: 0.4em;
	height: 1.1em;
	line-height: 1em;
}
.ol-attribution.ol-uncollapsible img {
	margin-top: -0.2em;
	max-height: 1.6em;
}
.ol-attribution.ol-logo-only button,
.ol-attribution.ol-uncollapsible button {
	display: none;
}
.ol-zoomslider {
    position: absolute;
		top: 345px;
		right: 37px;
    height: 140px;
    background: #fff url('../../images/gis/bg_level.png') no-repeat center center;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0;
}
.ol-zoomslider button {
    position: relative;
    width: 20px;
    height: 11px;
    margin: 0 1px;
    background-color: #ed2728;
    border-radius:3px;
}
.ol-zoomslider button:hover {
    background-color: #ed2728;
}
.ol-touch .ol-zoomslider {
	top: 5.5em;
}
.ol-overviewmap {
	right: 22px;
	bottom: 20px;
	border: 0;
	background:transparent;
}
.ol-overviewmap button {
	width:22px;
	height:22px;
	background:#fff url('../../images/icon_arrowright2.png') no-repeat center center;
	opacity:0.6;
	border:1px solid #8d8d8d;
}
.ol-overviewmap.ol-collapsed button {
	background:#fff url('../../images/icon_arrowleft.png') no-repeat center center;
}
.ol-overviewmap.ol-uncollapsible {
	bottom: 0;
	left: 0;
	border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
	display: inline-block;
}
.ol-overviewmap .ol-overviewmap-map {
	border: 1px solid #7b98bc;
	height: 150px;
	margin: 2px 30px 0 0;
	width: 150px;
	background-color:rgba(255, 255, 255, 0.8);
	border:1px solid #444;
}
.ol-overviewmap:not(.ol-collapsed) button {
	bottom: 0px;
	right: 0;
	position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
	display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
	background:transparent;
}
.ol-overviewmap-box {
	border: 2px dotted rgba(0, 60, 136, 0.7);
}
.ol-overviewmap .ol-overviewmap-box:hover {
	cursor: move;
}