From 611bb52fcc1a9c61045a6a763a9025472dbca286 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: Mon, 7 Oct 2024 17:32:11 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=B4=20=ED=98=95=EC=83=81=20=ED=8C=9D?=
 =?UTF-8?q?=EC=97=85=20=EB=B0=8F=20=EC=99=B8=EB=B2=BD=EC=84=A0=20=EC=98=A4?=
 =?UTF-8?q?=ED=94=84=EC=85=8B=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/canvas/page.jsx                       |  8 +--
 .../modal/outerwalloffset/OffsetTab02.jsx     | 50 ++++++++-----------
 src/styles/_modal.scss                        |  9 ++--
 3 files changed, 29 insertions(+), 38 deletions(-)

diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index 0728bab..66d0392 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -92,7 +92,7 @@ export default function CanvasPage() {
                     {/* <MovingUpDonw/> */}
 
                     {/* 외벽선 편집 및 오프셋 */}
-                    {/* <OuterWallOffset/> */}
+                    <OuterWallOffset/>
 
                     {/* 보조선 사이즈, 이동, 복사 */}
                     {/* <AuxiliarySize/> */}
@@ -109,7 +109,7 @@ export default function CanvasPage() {
                     {/* <ArrangementSetting/> */}
 
                     {/* 면형상 배치 */}
-                    {/* <PlaneShapeOption/> */}
+                    <PlaneShapeOption/>
                     
                     {/* 오브젝트 배치*/}
                     {/* <ObjectOption/> */}
@@ -129,10 +129,10 @@ export default function CanvasPage() {
                     {/* <DrawingFlow/> */}
 
                     {/* 지붕모듈선택 */}
-                    <RoofModuleOption/>
+                    {/* <RoofModuleOption/> */}
 
                     {/* 육지붕모듈 선택 */}
-                    <HexagonalRoofOption/>
+                    {/* <HexagonalRoofOption/> */}
                 </div>
             </div>
         </div>
diff --git a/src/components/canvas/modal/outerwalloffset/OffsetTab02.jsx b/src/components/canvas/modal/outerwalloffset/OffsetTab02.jsx
index 05f6321..ad10e0a 100644
--- a/src/components/canvas/modal/outerwalloffset/OffsetTab02.jsx
+++ b/src/components/canvas/modal/outerwalloffset/OffsetTab02.jsx
@@ -6,37 +6,31 @@ export default function OffsetTab02(){
                     オフセットしたい外壁を選択してください。
                 </div>
                 <div className="discrimination-box mb10">
-                    <div className="d-check-radio pop mb10">
-                        <input type="radio" name="radio01" id="ra01" />
-                        <label htmlFor="ra01">1支店</label>
-                    </div>
-                    <div className="padding-form">
-                        <div className="eaves-keraba-table">
-                            <div className="eaves-keraba-item">
-                                <div className="eaves-keraba-th">
-                                    長さ
-                                </div>
-                                <div className="eaves-keraba-td">
-                                    <div className="outline-form">
-                                        <div className="input-grid mr5" style={{width: '100px'}}>
-                                            <input type="text" className="input-origin block" defaultValue={100}/>
-                                        </div>
-                                        <span className="thin">mm</span>
+                    <div className="eaves-keraba-table">
+                        <div className="eaves-keraba-item">
+                            <div className="eaves-keraba-th">
+                                長さ
+                            </div>
+                            <div className="eaves-keraba-td">
+                                <div className="outline-form">
+                                    <div className="input-grid mr5" style={{width: '100px'}}>
+                                        <input type="text" className="input-origin block" defaultValue={100}/>
                                     </div>
+                                    <span className="thin">mm</span>
                                 </div>
                             </div>
-                            <div className="eaves-keraba-item">
-                                <div className="eaves-keraba-th">
-                                    方向 (矢印)
-                                </div>
-                                <div className="eaves-keraba-td">
-                                    <div className="outline-form">
-                                        <div className="grid-direction">
-                                            <button className="direction up"></button>
-                                            <button className="direction down act"></button>
-                                            <button className="direction left"></button>
-                                            <button className="direction right"></button>
-                                        </div>
+                        </div>
+                        <div className="eaves-keraba-item">
+                            <div className="eaves-keraba-th">
+                                方向 (矢印)
+                            </div>
+                            <div className="eaves-keraba-td">
+                                <div className="outline-form">
+                                    <div className="grid-direction">
+                                        <button className="direction up"></button>
+                                        <button className="direction down act"></button>
+                                        <button className="direction left"></button>
+                                        <button className="direction right"></button>
                                     </div>
                                 </div>
                             </div>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 7d91664..361f7b9 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -836,17 +836,14 @@ $alert-color: #101010;
         padding: 8px;
         transition: all .15s ease-in-out;
         .shape-box{
+            display: flex;
+            justify-content: center;
+            align-items: center;
             position: relative;
             width: 100%;
             height: 100%;
             background-color: #313131;
             border-radius: 2px;
-            img{
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%, -50%);
-            }
         }
         &.act,
         &:hover{