From 9801d4aea834c1342b0678397bf800f129233b55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Tue, 18 Mar 2025 11:34:28 +0900
Subject: [PATCH] =?UTF-8?q?=EB=82=98=EC=B9=A8=EB=B0=98=20=EC=82=AC?=
 =?UTF-8?q?=EC=9D=B4=EC=A6=88=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/canvas/page.jsx                       |  2 +-
 .../HexagonalRoofTab02.jsx                    | 22 ++++++----------
 src/styles/_modal.scss                        | 26 +++++++++----------
 3 files changed, 22 insertions(+), 28 deletions(-)

diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index ba2d22a..fae460b 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -155,7 +155,7 @@ export default function CanvasPage() {
                     {/* <EachPropertyChange/> */}
 
                     {/* 면 흐름 설정 */}
-                    {/* <DrawingFlow/> */}
+                    <DrawingFlow/>
 
                     {/* 지붕모듈선택 */}
                     <RoofModuleOption/>
diff --git a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx
index ab55920..45d149d 100644
--- a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx
+++ b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx
@@ -89,21 +89,15 @@ export default function HexagonalRoofTab03({setTabNum}){
             </div>
             <div className="module-table-box mb10">
                 <div className="module-table-inner">
-                    <div className="hexagonal-wrap">
-                        <div className="hexagonal-item">
-                            <div className="bold-font">配置基準の設定</div>
+                <div className="module-area">
+                        <div className="module-area-title">配置基準の設定</div>
+                        <div className="d-check-radio pop mr15">
+                            <input type="radio" name="radio01" id="ra01" />
+                            <label htmlFor="ra01">南向きに設置す</label>
                         </div>
-                        <div className="hexagonal-item">
-                            <div className="pop-form-radio">
-                                <div className="d-check-radio pop">
-                                    <input type="radio" name="radio01" id="ra01" />
-                                    <label htmlFor="ra01">南向きに設置す</label>
-                                </div>
-                                <div className="d-check-radio pop">
-                                    <input type="radio" name="radio01" id="ra02" />
-                                    <label htmlFor="ra02">指定した辺を基準に設置する</label>
-                                </div>
-                            </div>
+                        <div className="d-check-radio pop">
+                            <input type="radio" name="radio01" id="ra02" />
+                            <label htmlFor="ra02">指定した辺を基準に設置する</label>
                         </div>
                     </div>
                 </div>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index a0d1f96..dcc3477 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -1313,13 +1313,13 @@ $alert-color: #101010;
     
     .circle {
         position: absolute;
-        width: 12px;
-        height: 12px;
+        width: 10px;
+        height: 10px;
         border: 1px solid #fff;
         border-radius: 50%;
-        top: 95%;
+        top: 88%;
         left: 50%;
-        transform-origin: 0 -90px; /* 중심에서 반지름 거리만큼 떨어져 위치 */
+        transform-origin: 0 -76px; /* 중심에서 반지름 거리만큼 떨어져 위치 */
         cursor:pointer;
         z-index: 3;
         /* 0번을 180도 위치(아래)에, 13번을 0도 위치(위)에 배치 */
@@ -1366,8 +1366,8 @@ $alert-color: #101010;
                 top: 50%;
                 left: 50%;
                 transform: translate(-50%, -50%);
-                width: 5px;
-                height: 5px;
+                width: 4px;
+                height: 4px;
                 background-color: #fff;
                 border-radius: 50%;
             }
@@ -1381,15 +1381,15 @@ $alert-color: #101010;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
-        width: 148px;
-        height: 148px;
+        width: 121px;
+        height: 121px;
         border: 4px solid #fff;
         border-radius: 50%;
         .compas-arr{
             width: 100%;
             height: 100%;
             background: url(../../public/static/images/canvas/compas.svg)no-repeat center;
-            background-size: 122px 122px;
+            background-size: 100px 100px;
         }
     }
 }
@@ -1441,10 +1441,10 @@ $alert-color: #101010;
 .roof-module-compas{
     margin-bottom: 24px;
     .compas-box-inner{
-        width: 280px;
-        height: 253px;
+        width: 235px;
+        height: 215px;
         .circle{
-            top: 86%;
+            top: 85%;
             // &:nth-child(1),
             // &:nth-child(7),
             // &:nth-child(13),
@@ -1461,7 +1461,7 @@ $alert-color: #101010;
             //     }
             // }
             i{
-                top: 22px;
+                top: 19px;
             }
             &.act{
                 i{color: #8B8B8B;}