From 8e725dffe53a007a04ee1955eb692212817f3387 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?=
 <junheee@palnet.co.kr>
Date: Tue, 13 Jun 2023 15:15:29 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=88=98=EC=A0=95,=20circ?=
 =?UTF-8?q?le=20=EC=83=89=EC=83=81=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/naver/draw/ControlDraw.js |  6 ++--
 src/views/control/main/ControlMain.js        | 31 ++++++++++----------
 2 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/components/map/naver/draw/ControlDraw.js b/src/components/map/naver/draw/ControlDraw.js
index 864e016..489044d 100644
--- a/src/components/map/naver/draw/ControlDraw.js
+++ b/src/components/map/naver/draw/ControlDraw.js
@@ -99,10 +99,10 @@ export default function ControlDraw(props) {
     const coord = e.coord;
 
     const circle = new naver.maps.Circle({
-      strokeColor: '#283046',
+      strokeColor: '#ff0000',
       strokeOpacity: 1,
-      fillColor: '#7367F0',
-      fillOpacity: 0.1,
+      fillColor: '#ff0000',
+      fillOpacity: 0.3,
       center: coord,
       radius: 100,
       map: map,
diff --git a/src/views/control/main/ControlMain.js b/src/views/control/main/ControlMain.js
index 5b37c8e..e4dc7b2 100644
--- a/src/views/control/main/ControlMain.js
+++ b/src/views/control/main/ControlMain.js
@@ -303,21 +303,22 @@ const ControlMain = () => {
             </div>
           </Card>
         </div>
-        <div>
-          <Button.Ripple
-            className='mr-1'
-            color='primary'
-            onClick={() => handlerDrawType('CIRCLE')}
-          >
-            Circle
-          </Button.Ripple>
-          <Button.Ripple
-            className='mr-1'
-            color='primary'
-            onClick={() => handlerDrawType('RESET')}
-          >
-            초기화
-          </Button.Ripple>
+        <div className='main-data-box flight-data'>
+          <Card>
+            <div className='data-box-header'>
+              <span className='box-ti'>화재경보</span>
+            </div>
+            <div className='data-list-box'>
+              <div className='data-list' style={{ cursor: 'pointer' }}>
+                <span onClick={() => handlerDrawType('CIRCLE')}>
+                  화재구역설정
+                </span>
+              </div>
+              <div className='data-list' style={{ cursor: 'pointer' }}>
+                <span onClick={() => handlerDrawType('RESET')}>초기화</span>
+              </div>
+            </div>
+          </Card>
         </div>
       </div>
       {oepnReportList ? (