From 3168ab8e22887cf192553884cc79cf983517c041 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: Thu, 26 Sep 2024 14:01:25 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B0=B0=EC=B9=98=EB=A9=B4=20=EC=B4=88?=
 =?UTF-8?q?=EA=B8=B0=20=EC=88=98=EC=A0=95=20=ED=8C=9D=EC=97=85=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/canvas/page.jsx                        |  8 +++++---
 ...lacementGuide.jsx => PlacementGuidePop.jsx} |  2 +-
 .../RoofingMaterialGuidePop.jsx                | 18 ++++++++++++++++++
 src/styles/_modal.scss                         |  6 ++++++
 4 files changed, 30 insertions(+), 4 deletions(-)
 rename src/components/canvas/modal/placementsetting/{PlacementGuide.jsx => PlacementGuidePop.jsx} (97%)
 create mode 100644 src/components/canvas/modal/placementsetting/RoofingMaterialGuidePop.jsx

diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index 48101ff..8aa4467 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -6,10 +6,10 @@ import GridCopy from '@/components/canvas/modal/gridoption/GridCopy'
 import GridMove from '@/components/canvas/modal/gridoption/GridMove'
 import GridOption from '@/components/canvas/modal/gridoption/GridOption'
 import OuterLineWall from '@/components/canvas/modal/outerlinesetting/OuterLineWall'
-import PlacementGuide from '@/components/canvas/modal/placementsetting/PlacementGuide'
+import PlacementGuidePop from '@/components/canvas/modal/placementsetting/PlacementGuidePop'
 import PlacementSettingPop from '@/components/canvas/modal/placementsetting/PlacementSettingPop'
+import RoofingMaterialGudiePop from '@/components/canvas/modal/placementsetting/RoofingMaterialGuidePop'
 import SettingModal01 from '@/components/canvas/modal/settoing01/SettingModal01'
-import Footer from '@/components/layout/Footer'
 import Header from '@/components/layout/Header'
 import { modalState } from '@/store/modalAtom'
 import '@/styles/contents.scss'
@@ -30,10 +30,12 @@ export default function CanvasPage() {
                     </div>
                     {/* 배치면 초기 설정 */}
                     <PlacementSettingPop/>
-                    <PlacementGuide/>
+                    <PlacementGuidePop/>
+                    <RoofingMaterialGudiePop/>
 
                     {/* 캔버스 기본 셋팅 */}
                     {/* {modalOption.option && <SettingModal01/>} */}
+
                     {/* 점·선 그리드 설정 */}
                     {/* {modalOption.gridoption && <GridOption/>} */}
                     {/* {modalOption.gridcopy && <GridCopy/>} */}
diff --git a/src/components/canvas/modal/placementsetting/PlacementGuide.jsx b/src/components/canvas/modal/placementsetting/PlacementGuidePop.jsx
similarity index 97%
rename from src/components/canvas/modal/placementsetting/PlacementGuide.jsx
rename to src/components/canvas/modal/placementsetting/PlacementGuidePop.jsx
index f6c94aa..ad989e9 100644
--- a/src/components/canvas/modal/placementsetting/PlacementGuide.jsx
+++ b/src/components/canvas/modal/placementsetting/PlacementGuidePop.jsx
@@ -1,6 +1,6 @@
 import WithDraggable from "@/components/common/draggable/withDraggable";
 
-export default function PlacementGuide(){
+export default function PlacementGuidePop(){
 
     return(
         <WithDraggable isShow={true}>
diff --git a/src/components/canvas/modal/placementsetting/RoofingMaterialGuidePop.jsx b/src/components/canvas/modal/placementsetting/RoofingMaterialGuidePop.jsx
new file mode 100644
index 0000000..963a24f
--- /dev/null
+++ b/src/components/canvas/modal/placementsetting/RoofingMaterialGuidePop.jsx
@@ -0,0 +1,18 @@
+import WithDraggable from "@/components/common/draggable/withDraggable";
+
+export default function RoofingMaterialGudiePop(){
+
+    return(
+        <WithDraggable isShow={true}>
+            <div className={`modal-pop-wrap ssm`}>
+                <div className="modal-head">
+                    <h1 className="title">屋根材選択案内</h1>
+                    <button className="modal-close">닫기</button>
+                </div>
+                <div className="modal-body">
+                    <div className="modal-guide">対応可能な屋根材や足場は限定されますので、必ず事前マニュアルをご確認ください。</div>
+                </div>
+            </div>
+        </WithDraggable>
+    )
+}
\ No newline at end of file
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 0d2fea7..c1e25e7 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -115,6 +115,12 @@
             }
         }
     }
+    .modal-guide{
+        display: block;
+        font-size: 12px;
+        color: #fff;
+        font-weight: 400;
+    }
 }
 
 .adsorption-point{