지붕모듈 기본설정 팝업 재수정

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">

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;
@@ -1991,3 +1998,10 @@ $alert-color: #101010;
     padding-bottom: 15px;
     border-bottom: 1px solid #4D4D4D;
 }
+
+.reset-word{
+    font-size: 12px;
+    color: #FFCACA;
+    font-weight: 400;
+    margin-top: 10px;
+}