🚨chore: Sync Sass

src/styles/_modal.scss

@@ -45,6 +45,10 @@ $alert-color: #101010;
     width: 400px;
   }
 
+  &.lr {
+    width: 440px;
+  }
+
   &.sm {
     width: 580px;
   }
@@ -138,6 +142,13 @@ $alert-color: #101010;
     button {
       flex: 1;
     }
+
+    &.sub {
+      button {
+        flex: 1 1 auto;
+        padding: 0;
+      }
+    }
   }
 
   .modal-check-btn-wrap {
@@ -491,6 +502,7 @@ $alert-color: #101010;
 // 외벽선 그리기
 .outline-wrap {
   padding: 24px 0;
+  border-top: 1px solid #424242;
   border-bottom: 1px solid #424242;
 
   .outline-inner {
@@ -501,11 +513,14 @@ $alert-color: #101010;
     &:last-child {
       margin-bottom: 0;
     }
+
+    .outline-form {
+      width: 50%;
+    }
   }
 }
 
 .outline-form {
-  width: 50%;
   display: flex;
   align-items: center;
   margin-right: 15px;
@@ -517,6 +532,10 @@ $alert-color: #101010;
     font-weight: $pop-bold-weight;
     color: $pop-color;
     margin-right: 10px;
+
+    &.thin {
+      font-weight: & $pop-normal-weight;
+    }
   }
 
   .reset-btn {
@@ -566,6 +585,7 @@ $alert-color: #101010;
   }
 }
 
+// 외벽선 속성 설정
 .properties-guide {
   font-size: $pop-normal-size;
   color: #AAA;
@@ -574,6 +594,10 @@ $alert-color: #101010;
 }
 
 .properties-setting-wrap {
+  &.outer {
+    margin-top: 24px;
+  }
+
   .setting-tit {
     font-size: 13px;
     color: $pop-color;
@@ -618,3 +642,61 @@ $alert-color: #101010;
     }
   }
 }
+
+// 지붕형상 설정
+.roof-shape-menu {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+  grid-template-rows: 1fr 1fr;
+  gap: 24px 10px;
+  margin-bottom: 24px;
+
+  .shape-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    padding: 13px;
+    background-color: #3D3D3D;
+    transition: background .15s ease-in-out;
+
+    img {
+      max-width: 100%;
+    }
+  }
+
+  .shape-title {
+    font-size: $pop-normal-size;
+    font-weight: $pop-bold-weight;
+    color: $pop-color;
+    margin-top: 10px;
+    text-align: center;
+    transition: color .15s ease-in-out;
+  }
+
+  .shape-menu-box {
+    &.act,
+    &:hover {
+      .shape-box {
+        background-color: #008BFF;
+      }
+
+      .shape-title {
+        color: #008BFF;
+      }
+    }
+  }
+}
+
+.setting-box {
+  padding: 14px 0;
+  border-top: 1px solid #424242;
+  border-bottom: 1px solid #424242;
+}
+
+.discrimination-box {
+  padding: 16px 12px;
+  border: 1px solid #3D3D3D;
+  border-radius: 2px;
+  margin-top: 14px;
+}