버튼 z-index 수정

packages/common/business_components/src/ui/map/MapToggleBtn.js

@@ -13,20 +13,20 @@ export default React.memo(function MapToggleBtn() {
 	};
 
 	return (
-		<div className="mapbtn" style={{ zIndex: 101 }}>
-		<button className="sprite_gis viewer" title="지도선택">지도 선택</button>
-		<ul className="choice_map">
-		  <li className={activeMap.type === 'base' ? 'on' : ''}>
-			<button className="map1" id="base" title="일반지도" onClick={() => handleSelect({ label: '일반', type: 'base' })}>
-			  <div>일반지도</div>
-			</button>
-		  </li>
-		  <li className={activeMap.type === 'satellite' ? 'on' : ''}>
-			<button className="map2" id="satelite" title="위성지도" onClick={() => handleSelect({ label: '위성', type: 'satellite' })}>
-			  <div>위성지도</div>
-			</button>
-		  </li>
-		</ul>
-	  </div>
+		<div className="mapbtn">
+			<button className="sprite_gis viewer" title="지도선택">지도 선택</button>
+			<ul className="choice_map">
+			<li className={activeMap.type === 'base' ? 'on' : ''}>
+				<button className="map1" id="base" title="일반지도" onClick={() => handleSelect({ label: '일반', type: 'base' })}>
+				<div>일반지도</div>
+				</button>
+			</li>
+			<li className={activeMap.type === 'satellite' ? 'on' : ''}>
+				<button className="map2" id="satelite" title="위성지도" onClick={() => handleSelect({ label: '위성', type: 'satellite' })}>
+				<div>위성지도</div>
+				</button>
+			</li>
+			</ul>
+		</div>
 	);
 });

packages/common/business_components/src/ui/map/lib/css/gis.common.css

@@ -9,6 +9,7 @@
 	position: absolute;
 	top: 10px;
 	right: 20px;
+	z-index: 2;
 }
 .mapbtn h3 {
 	overflow: hidden;
@@ -304,7 +305,7 @@
 	bottom: 40px;
 	right: 200px;
 	display: inline-block;
-	z-index: 101;
+	z-index: 2;
 	list-style: none;
 }
 .map-scale-area li {
@@ -1003,7 +1004,7 @@ table.board-table tbody th td {
 .gis-content .evl-legends{
 	bottom: -20px !important;
 	left: 1350px;
-	z-index: 101;
+	z-index: 2;
 }