From c7549b243aa9c505760324898730fe6df0fd0348 Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Mon, 4 Nov 2024 17:50:57 +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

---
 public/static/images/canvas/estiment_arr.svg  |  3 ++
 .../images/canvas/estiment_arr_color.svg      |  3 ++
 src/styles/_contents.scss                     | 45 +++++++++++++++----
 3 files changed, 42 insertions(+), 9 deletions(-)
 create mode 100644 public/static/images/canvas/estiment_arr.svg
 create mode 100644 public/static/images/canvas/estiment_arr_color.svg

diff --git a/public/static/images/canvas/estiment_arr.svg b/public/static/images/canvas/estiment_arr.svg
new file mode 100644
index 00000000..bcdbb42b
--- /dev/null
+++ b/public/static/images/canvas/estiment_arr.svg
@@ -0,0 +1,3 @@
+<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 1L5.5 5.5L10 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/static/images/canvas/estiment_arr_color.svg b/public/static/images/canvas/estiment_arr_color.svg
new file mode 100644
index 00000000..45588c74
--- /dev/null
+++ b/public/static/images/canvas/estiment_arr_color.svg
@@ -0,0 +1,3 @@
+<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector 7174" d="M1 1L5.5 5.5L10 1" stroke="#C2D0DD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss
index 50abad0d..6715d48b 100644
--- a/src/styles/_contents.scss
+++ b/src/styles/_contents.scss
@@ -828,22 +828,49 @@
     }
 }
 
+.estimate-arr-btn{
+    display: block;
+    width: 20px;
+    height: 20px;
+    background-color: #94A0AD;
+    border: 1px solid #94A0AD;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-image: url(../../public/static/images/canvas/estiment_arr.svg);
+    background-size: 11px 7px;
+    border-radius: 2px;
+    &.up{
+        rotate: 180deg;
+    }
+    &.on{
+        background-color: #fff;
+        border-color: #C2D0DD;
+        background-image: url(../../public/static/images/canvas/estiment_arr_color.svg)
+    }
+}
+.estimate-check-wrap{
+    .estimate-check-inner{
+        display: block;
+    }
+    &.hide{
+        border-bottom: 1px solid #ECF0F4;
+        margin-bottom: 15px;
+        .estimate-check-inner{
+            display: none;
+        }
+    }
+}
+
 .special-note-check-wrap{
     display: grid;
     grid-template-columns: repeat(5, 1fr);
-    border: 1px solid #ECF0F4;
     border-radius: 3px;
     margin-bottom: 30px;
     .special-note-check-item{
         padding: 14px 10px;
-        border-right: 1px solid #ECF0F4;
-        border-top: 1px solid #ECF0F4;
-        &:nth-child(5n){
-            border-right: none;
-        }
-        &:nth-child(-n+5){
-            border-top: none;
-        }
+        border: 1px solid #ECF0F4;
+        margin-top: -1px;
+        margin-right: -1px;
         &.act{
             background-color: #F7F9FA;
         }