모바일 - 회원가입 디자인 수정

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

@@ -9825,42 +9825,72 @@ select.form-control {
   line-height: 1;
 }
 
-@media (max-width: 576px) {
+@media (max-width: 768px) {
   .signup-selection-page {
+    background: #ebfbff;
+    min-height: calc(100vh - 44px);
     padding: 40px 20px;
+    margin-top: 0;
+    margin-bottom: 0;
+    border-radius: 0;
   }
   .signup-selection-container {
     max-width: 100%;
-    padding: 0 20px;
+    padding: 0;
+  }
+  .signup-selection-card {
+    padding: 0;
   }
   .signup-logo {
-    width: 70px;
-    height: 70px;
+    width: 64px;
+    height: 64px;
     margin-bottom: 24px;
   }
   .signup-message {
-    font-size: 18px;
-    margin-bottom: 32px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #212529;
+    margin-bottom: 80px;
+    line-height: 26px;
   }
   .signup-buttons {
-    max-width: 100%;
+    max-width: 335px;
     gap: 24px;
-    margin-bottom: 48px;
+    margin-bottom: 80px;
   }
   .signup-btn {
-    height: 70px;
-    font-size: 18px;
+    height: 44px;
+    font-size: 16px;
+    font-weight: 700;
+    border-radius: 8px;
+    padding: 8px 12px;
+    justify-content: center;
+    gap: 8px;
   }
-  .signup-btn .signup-btn-icon {
-    width: 22px;
-    height: 26px;
+  .signup-btn svg {
+    width: 14px;
+    height: 16px;
+    flex-shrink: 0;
+  }
+  .signup-btn span {
+    text-align: center;
+  }
+  .signup-btn:hover {
+    transform: none;
+    box-shadow: none;
+    opacity: 0.9;
   }
   .signup-navigation {
-    gap: 20px;
+    gap: 12px;
+  }
+  .signup-navigation .signup-nav-link {
+    font-size: 14px;
+    font-weight: 400;
+    color: #515961;
   }
-  .signup-navigation .signup-nav-link,
   .signup-navigation .signup-nav-separator {
     font-size: 14px;
+    color: #515961;
   }
 }
 .corporate-transfer-section {
@@ -14158,9 +14188,41 @@ input[type=checkbox]:checked + .custom-checkbox {
 }
 @media (max-width: 768px) {
   .org-action-buttons {
-    flex-direction: column;
+    flex-direction: row;
+    gap: 21px;
     margin-top: 40px;
     padding-top: 32px;
+    border-top: none;
+  }
+  .org-action-buttons .btn {
+    flex: 1;
+    width: auto;
+    min-width: 144px;
+    height: 40px;
+    padding: 8px 10px;
+    font-size: 14px;
+    font-weight: 700;
+    border-radius: 8px;
+  }
+  .org-action-buttons .btn-secondary,
+  .org-action-buttons .btn-outline-secondary {
+    background: #e5e7eb;
+    color: #5f666c;
+    border: none;
+  }
+  .org-action-buttons .btn-secondary:hover,
+  .org-action-buttons .btn-outline-secondary:hover {
+    background: #d1d5db;
+    color: #5f666c;
+  }
+  .org-action-buttons .btn-primary {
+    background: #0049b4;
+    color: #ffffff;
+    border: none;
+  }
+  .org-action-buttons .btn-primary:hover {
+    background: #003d99;
+    color: #ffffff;
   }
 }