From c9e2918ba9f3f702501afe6c7c34e907c2338d66 Mon Sep 17 00:00:00 2001
From: HunJin Kim <ysg01129@naver.com>
Date: Sun, 24 Oct 2021 21:57:51 +0900
Subject: [PATCH] =?UTF-8?q?fix(contact):=20contact=20=EB=94=94=EC=9E=90?=
 =?UTF-8?q?=EC=9D=B8=20=EC=9D=B4=EC=8A=88=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/img/arrow_down.svg         |  4 +--
 assets/img/arrow_up.svg           |  4 +--
 components/contact/contactBox.vue |  6 ++++-
 components/contact/faqBox.vue     | 44 +++++++++++++++++++++++++++----
 4 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/assets/img/arrow_down.svg b/assets/img/arrow_down.svg
index 56f41e2..8147f90 100644
--- a/assets/img/arrow_down.svg
+++ b/assets/img/arrow_down.svg
@@ -1,3 +1,3 @@
-<svg width="20" height="11" viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7071 0.292893C20.0976 0.683418 20.0976 1.31658 19.7071 1.70711L10.7071 10.7071C10.3166 11.0976 9.68342 11.0976 9.29289 10.7071L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292892C0.683418 -0.0976319 1.31658 -0.0976319 1.70711 0.292892L10 8.58579L18.2929 0.292893C18.6834 -0.0976312 19.3166 -0.0976311 19.7071 0.292893Z" fill="black"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7071 7.29289C22.0976 7.68342 22.0976 8.31658 21.7071 8.70711L12.7071 17.7071C12.3166 18.0976 11.6834 18.0976 11.2929 17.7071L2.29289 8.70711C1.90237 8.31658 1.90237 7.68342 2.29289 7.29289C2.68342 6.90237 3.31658 6.90237 3.70711 7.29289L12 15.5858L20.2929 7.29289C20.6834 6.90237 21.3166 6.90237 21.7071 7.29289Z" fill="black"/>
 </svg>
diff --git a/assets/img/arrow_up.svg b/assets/img/arrow_up.svg
index 6419456..d6ea69f 100644
--- a/assets/img/arrow_up.svg
+++ b/assets/img/arrow_up.svg
@@ -1,3 +1,3 @@
-<svg width="20" height="11" viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 10.7071C-0.0976311 10.3166 -0.0976312 9.68342 0.292893 9.29289L9.29289 0.292893C9.68342 -0.0976319 10.3166 -0.0976319 10.7071 0.292893L19.7071 9.29289C20.0976 9.68342 20.0976 10.3166 19.7071 10.7071C19.3166 11.0976 18.6834 11.0976 18.2929 10.7071L10 2.41421L1.70711 10.7071C1.31658 11.0976 0.683418 11.0976 0.292893 10.7071Z" fill="black"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.29289 16.7071C1.90237 16.3166 1.90237 15.6834 2.29289 15.2929L11.2929 6.29289C11.6834 5.90237 12.3166 5.90237 12.7071 6.29289L21.7071 15.2929C22.0976 15.6834 22.0976 16.3166 21.7071 16.7071C21.3166 17.0976 20.6834 17.0976 20.2929 16.7071L12 8.41421L3.70711 16.7071C3.31658 17.0976 2.68342 17.0976 2.29289 16.7071Z" fill="black"/>
 </svg>
diff --git a/components/contact/contactBox.vue b/components/contact/contactBox.vue
index b84f39b..f1be88f 100644
--- a/components/contact/contactBox.vue
+++ b/components/contact/contactBox.vue
@@ -64,7 +64,6 @@ export default defineComponent({
   flex-direction: row;
   font-weight: 700;
   background-color: $grey01;
-  border-radius: 16px;
   justify-content: space-between;
   box-sizing: border-box;
 
@@ -85,6 +84,7 @@ export default defineComponent({
     font-size: 24px;
     line-height: 36px;
     padding: 32px;
+    border-radius: 16px;
 
     .iconText {
       margin-left: 16px;
@@ -106,6 +106,7 @@ export default defineComponent({
     font-size: 24px;
     line-height: 36px;
     padding: 32px;
+    border-radius: 16px;
 
     .text {
       font-size: 18px;
@@ -123,6 +124,7 @@ export default defineComponent({
     font-size: 24px;
     line-height: 36px;
     padding: 32px;
+    border-radius: 16px;
 
     .iconText {
       margin-left: 16px;
@@ -140,6 +142,7 @@ export default defineComponent({
     font-size: 16px;
     line-height: 24px;
     padding: 24px;
+    border-radius: 8px;
 
     .iconText {
       margin-left: 8px;
@@ -157,6 +160,7 @@ export default defineComponent({
     font-size: 16px;
     line-height: 24px;
     padding: 24px;
+    border-radius: 8px;
 
     .iconText {
       margin-left: 8px;
diff --git a/components/contact/faqBox.vue b/components/contact/faqBox.vue
index a696e8d..0ea1ade 100644
--- a/components/contact/faqBox.vue
+++ b/components/contact/faqBox.vue
@@ -72,6 +72,10 @@ export default defineComponent({
     font-weight: 400;
     white-space: pre-wrap;
   }
+
+  .icon {
+    align-self: center;
+  }
 }
 
 @include d-c3 {
@@ -87,7 +91,13 @@ export default defineComponent({
   .answerArea {
     font-size: 18px;
     line-height: 27px;
-    margin-top: 16px;
+    margin-top: 24px;
+  }
+
+  .icon {
+    width: 24px;
+    height: 24px;
+    margin-left: 24px;
   }
 }
 
@@ -104,7 +114,13 @@ export default defineComponent({
   .answerArea {
     font-size: 18px;
     line-height: 27px;
-    margin-top: 16px;
+    margin-top: 24px;
+  }
+
+  .icon {
+    width: 24px;
+    height: 24px;
+    margin-left: 24px;
   }
 }
 
@@ -121,7 +137,13 @@ export default defineComponent({
   .answerArea {
     font-size: 18px;
     line-height: 27px;
-    margin-top: 16px;
+    margin-top: 24px;
+  }
+
+  .icon {
+    width: 24px;
+    height: 24px;
+    margin-left: 24px;
   }
 }
 
@@ -138,7 +160,13 @@ export default defineComponent({
   .answerArea {
     font-size: 14px;
     line-height: 21px;
-    margin-top: 8px;
+    margin-top: 16px;
+  }
+
+  .icon {
+    width: 16px;
+    height: 16px;
+    margin-left: 16px;
   }
 }
 
@@ -155,7 +183,13 @@ export default defineComponent({
   .answerArea {
     font-size: 14px;
     line-height: 21px;
-    margin-top: 8px;
+    margin-top: 16px;
+  }
+
+  .icon {
+    width: 16px;
+    height: 16px;
+    margin-left: 16px;
   }
 }
 </style>