ui 개편 완료

seoul/components/ConsultForm.vue

@@ -220,21 +220,22 @@ const resetForm = () => {
 <style scoped>
 .consult-section {
   width: 100%;
-  padding: clamp(35px, 6vw, 65px) 16px;
+  padding: clamp(48px, 6vw, 76px) 16px;
   display: flex;
   justify-content: center;
   align-items: center;
-  background: transparent;
+  background: #10192b;
+  border-top: 2px solid #c9a55c;
 }
 
 .consult-card {
   width: 100%;
-  max-width: 580px;
+  max-width: 600px;
   background: #ffffff;
-  border: 1px solid #e2e8f0;
-  border-radius: 14px;
-  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
-  padding: clamp(24px, 5vw, 40px) clamp(20px, 4vw, 36px);
+  border: 2px solid #d4b068;
+  border-radius: 16px;
+  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
+  padding: clamp(26px, 5vw, 42px) clamp(20px, 4vw, 38px);
   box-sizing: border-box;
 }
 
@@ -365,20 +366,20 @@ const resetForm = () => {
   padding: 16px 20px;
   font-size: 1.08rem;
   font-weight: 800;
-  color: #ffffff;
-  background: #1e3a8a;
-  border: none;
+  color: #0d1424;
+  background: linear-gradient(135deg, #e5c889 0%, #c49b50 100%);
+  border: 1px solid #f2dfb3;
   border-radius: 10px;
   cursor: pointer;
   transition: all 0.2s ease;
   letter-spacing: -0.3px;
-  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 4px 14px rgba(196, 155, 80, 0.3);
 }
 
 .btn-submit:hover:not(:disabled) {
-  background: #0f172a;
+  background: linear-gradient(135deg, #f0d79e 0%, #d4ab5f 100%);
   transform: translateY(-1px);
-  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
+  box-shadow: 0 6px 18px rgba(196, 155, 80, 0.45);
 }
 
 .btn-submit:disabled {
@@ -393,9 +394,9 @@ const resetForm = () => {
   font-size: 1.02rem;
   font-weight: 800;
   text-align: center;
-  color: #1e3a8a;
-  background: #f8fafc;
-  border: 2px solid #1e3a8a;
+  color: #10192b;
+  background: #fbf8f3;
+  border: 2px solid #10192b;
   border-radius: 10px;
   cursor: pointer;
   text-decoration: none;
@@ -405,7 +406,7 @@ const resetForm = () => {
 }
 
 .btn-call:hover {
-  background: #f1f5f9;
+  background: #f4ece0;
 }
 
 .success-box {