모바일 - 내정보관리 디자인 적용

src/main/resources/static/css/main.css

@@ -4179,8 +4179,14 @@ select.form-control {
 @media (max-width: 768px) {
   .form-actions--with-withdrawal .withdrawal-link {
     position: static;
-    width: 100%;
-    order: 1;
+    width: 300px;
+    height: 40px;
+    padding: 8px 10px;
+    border-radius: 8px;
+    font-size: 14px;
+    font-weight: 700;
+    color: #515961;
+    order: 3;
   }
 }
 .form-actions--with-withdrawal .form-actions-buttons {
@@ -4189,15 +4195,45 @@ select.form-control {
 }
 @media (max-width: 768px) {
   .form-actions--with-withdrawal .form-actions-buttons {
-    flex-direction: column-reverse;
+    flex-direction: row !important;
+    justify-content: center;
     width: 100%;
-    gap: 8px;
+    gap: 12px;
+    order: 1;
+  }
+}
+@media (max-width: 768px) {
+  .form-actions--with-withdrawal .form-actions-buttons .btn {
+    width: 144px !important;
+    height: 40px !important;
+    min-height: 40px;
+    padding: 8px 10px !important;
+    font-size: 14px !important;
+    font-weight: 700;
+    border-radius: 8px !important;
+    flex-shrink: 0;
+  }
+}
+@media (max-width: 768px) {
+  .form-actions--with-withdrawal .form-actions-buttons .btn.btn-secondary {
+    background-color: #e5e7eb !important;
+    color: #5f666c !important;
+    border: none !important;
+  }
+}
+@media (max-width: 768px) {
+  .form-actions--with-withdrawal .form-actions-buttons .btn.btn-primary {
+    background-color: #0049b4 !important;
+    color: #FFFFFF !important;
+    border: none !important;
   }
 }
 @media (max-width: 768px) {
   .form-actions--with-withdrawal {
     flex-direction: column;
+    align-items: center;
     gap: 16px;
+    padding: 24px 20px;
   }
 }