From a8abb62bea8cb1de85ebbdd2554e8046a5df9f9d 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, 26 Nov 2024 16:01:45 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A7=80=EB=B6=95=EB=AA=A8=EB=93=88=20?=
 =?UTF-8?q?=EA=B8=B0=EB=B3=B8=EC=84=A4=EC=A0=95=20=ED=8C=9D=EC=97=85=20?=
 =?UTF-8?q?=EC=9E=AC=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../roofmoduleoption/RoofModuleOptionTab02.jsx   |  8 ++++++--
 src/styles/_modal.scss                           | 16 +++++++++++++++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
index 5df5066..a541ace 100644
--- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
+++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
@@ -176,13 +176,13 @@ export default function RoofModuleOptionTab02({setTabNum}){
                                     </div>
                                     <div className="eaves-keraba-td">
                                         <div className="grid-select">
-                                            <Qselect title={'構造溶合板 12mm以上'} option={SelectOption01}/>
+                                            <Qselect title={'構造用合板12mm以上 又はOSB12mm以上'} option={SelectOption01}/>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                        <div className="module-flex-item">
+                        <div className="module-flex-item non-flex">
                             <div className="flex-item-btn-wrap">
                                 <button className="btn-frame roof blue">標準施工(I)</button>
                                 <button className="btn-frame roof white">多設施工</button>
@@ -217,6 +217,10 @@ export default function RoofModuleOptionTab02({setTabNum}){
                         </div>
                     </div>
                 </div>
+                {/* 설정 오류시 생성 */}
+                <div className="reset-word">
+                    ※ 施工方法が選択できません。 基準風速または基準積雪量を確認してください。
+                </div>
             </div>
             
             <div className="grid-btn-wrap">
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index d88faa1..b498765 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -1956,6 +1956,13 @@ $alert-color: #101010;
             gap: 8px;
             margin-bottom: 24px;
         }
+        &.non-flex{
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-end;
+            flex: none;
+            width: 260px;
+        }
     }
 }
 
@@ -1981,7 +1988,7 @@ $alert-color: #101010;
     align-items: center;
     .grid-select{
         flex: none;
-        width: 76px;
+        width: 110px;
     }
     .outline-form{
         justify-content: flex-end;
@@ -1990,4 +1997,11 @@ $alert-color: #101010;
 .module-bottom{
     padding-bottom: 15px;
     border-bottom: 1px solid #4D4D4D;
+}
+
+.reset-word{
+    font-size: 12px;
+    color: #FFCACA;
+    font-weight: 400;
+    margin-top: 10px;
 }
\ No newline at end of file