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 @@
+
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 @@
+
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;
}