From 8ca01757c966f44bb0e626c6f8426877f04f3ece Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?=
 <43837214+Minsiki@users.noreply.github.com>
Date: Mon, 17 Mar 2025 15:43:37 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A8chore:=20Sync=20Sass?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/_modal.scss | 112 +++++++++++++++++++++++++++++++++++++----
 1 file changed, 103 insertions(+), 9 deletions(-)

diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 65b104b7..f2b6503c 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -2172,17 +2172,13 @@ $alert-color: #101010;
     &.tab2{
         margin-top: 10px;
         gap: 15px;
-        
+        .eaves-keraba-table{
+            margin-top: 0;
+        }
     }
     .module-flex-item{
         flex: 1;
-        .module-flex-item-tit{
-            font-size: 12px;
-            font-weight: 500;
-            color: #fff;
-            padding-bottom: 10px;
-            border-bottom: 1px solid #4D4D4D;
-        }
+
         .flex-item-btn-wrap{
             display: grid;
             grid-template-columns: repeat(2, 1fr);
@@ -2194,11 +2190,24 @@ $alert-color: #101010;
             flex-direction: column;
             justify-content: flex-start;
             flex: none;
-            padding-top: 27.5px;
             width: 260px;
         }
     }
 }
+.module-flex-item-tit-wrap{
+    display: flex;
+    align-items: center;
+    padding-bottom: 10px;
+    border-bottom: 1px solid #4D4D4D;
+    .module-flex-item-tit{
+        font-size: 12px;
+        font-weight: 500;
+        color: #fff;
+    }
+    button{
+        margin-left: auto;
+    }
+}
 
 .module-table-box{
     .module-table-inner{
@@ -2277,4 +2286,89 @@ $alert-color: #101010;
             box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #fff;
             }
         }
+}
+
+.roof-module-inner{
+    display: flex;
+    .compas-wrapper{
+        position: relative;
+        flex: none;
+        width: 300px;
+        padding-right: 15px;
+        &:before{
+            content: '';
+            position: absolute;
+            top: 0;
+            right: 10px;
+            width: 1px;
+            height: 100%;
+            background-color: #424242;
+        }
+    }
+    .compas-table-wrap{
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+
+        
+    }
+    .compas-table-box{
+        background-color: #3D3D3D;
+        padding: 10px;
+        .outline-form{
+            span{
+                width: auto;
+            }
+        }
+        .compas-grid-table{
+            display: grid;
+            gap: 10px;
+            grid-template-columns: repeat(2, 1fr);
+            .outline-form{
+                span{
+                    width: 60px;
+                    &.thin{
+                        width: 20px;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.module-table-block-wrap{
+    .roof-module-table{
+        &.self{
+            table{
+                table-layout: fixed;
+            }
+        }
+    }
+    .self-table-radio{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+}
+
+.module-area{
+    display: flex;
+    align-items: center;
+    .module-area-title{
+        flex: none;
+        font-size: 12px;
+        color: #fff;
+        font-weight: 500;
+        margin-right: 20px;
+    }
+    .outline-form{
+        flex: 1;
+    }
+}
+
+.placement-name-guide{
+    font-size: 11px;
+    margin-left: 10px;
+    color: #53a7eb;
+    font-weight: 500;
 }
\ No newline at end of file