디자인 변경

src/scss/components/_custom-contract.scss

@@ -45,8 +45,10 @@ input {
 
 .datatable-wrapper {
   margin-top: 10px !important;
+  padding: 0 10px 10px 10px;
 }
 
+
 .datatable-table {
   th {
     padding: 10px !important;
@@ -66,6 +68,17 @@ input {
   }
 }
 
+.dtl-spec-table {
+  thead{
+    background-color: var(--light-grey) !important;
+    th {
+      color: #000;
+      border: 1px solid #ccc;
+    }
+  }
+
+}
+
 ul {
   list-style-type: none;
 }
@@ -127,16 +140,15 @@ a.mouse-pointer {
   }
 }
 
+
 .estimate-file-wrapper {
   display:flex;
   justify-content: space-between;
-  border:1px solid #ccc;
+  //border:1px solid #ccc;
+  background-color: #ededed;
   border-radius:5px;
-  padding:0px 20px;
-  margin-bottom:10px;
-  &:first-child {
-    margin-top: 5px;
-  }
+  padding:0 20px;
+  margin: 10px;
   .estimate-file-download, .estimate-file-delete {
     font-size: 17px;
     line-height: 40px;
@@ -150,6 +162,7 @@ a.mouse-pointer {
   .estimate-file-name {
     width: 400px;
     line-height: 40px;
+    color: var(--modal-text-reverse)
   }
   .estimate-file-size {
     width: 150px;

src/scss/css-variables/_colors.scss

@@ -15,6 +15,8 @@
   --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
   --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
 
+  --primary-active: #dc5638;
+
   --link: #485fc7;
   --link--color-invert: color-mix(in oklab, var(--link), white 85%);
   --link--dark-color: color-mix(in oklab, var(--link), black 5%);

src/scss/css-variables/_fonts.scss

@@ -3,6 +3,6 @@
 :root {
   --font: 'Noto Sans KR', sans-serif;
   --font-alt: 'Noto Sans KR', sans-serif;
-  --font-monospace: 'Fira Code Variable', monospace;
+  --font-monospace: 'Noto Sans KR', monospace;
   --font-size: 14px;
 }

src/scss/layout/_layout.scss

@@ -15,6 +15,7 @@
 
 body {
   background: var(--background-grey);
+  font-family: var(--font);
 
   &.opened {
     background: var(--white);
@@ -231,10 +232,10 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 34px;
-    width: 34px;
+    height: 37px;
+    width: 37px;
     border-radius: var(--radius-rounded);
-    margin: 0 4px;
+    margin: 0 27px;
     transition: all 0.3s; // transition-all test
 
     &:hover {