앱 관리 디자인 수정

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

@@ -4188,9 +4188,6 @@ select.form-control {
 .faq-accordion .faq-item.active .faq-question {
   color: #0049b4;
 }
-.faq-accordion .faq-item.active .faq-question::before {
-  background: linear-gradient(135deg, #0049b4 0%, #c3dfea 100%);
-}
 .faq-accordion .faq-item.active .faq-question .faq-icon {
   transform: rotate(180deg);
   color: #0049b4;
@@ -4288,7 +4285,7 @@ select.form-control {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(135deg, #0049b4 0%, #c3dfea 100%);
+  background: #0049b4;
   color: #FFFFFF;
   border-radius: 50%;
   font-size: 14px;
@@ -8633,50 +8630,34 @@ select.form-control {
 @media (max-width: 768px) {
   .form-actions {
     flex-direction: column;
-    width: 100%;
+    padding: 0 16px 16px;
+    gap: 8px;
   }
+}
+@media (max-width: 768px) {
+  .form-actions .btn,
   .form-actions .btn-primary,
-  .form-actions .btn-secondary {
+  .form-actions .btn-secondary,
+  .form-actions .btn-cancel {
     width: 100%;
+    min-height: 48px;
+    padding: 14px 24px;
+    font-size: 16px;
     justify-content: center;
   }
-}
-.form-actions .btn-primary,
-.form-actions .btn-secondary {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 24px;
-  border-radius: 8px;
-  font-size: 16px;
-  font-weight: 500;
-  transition: all 0.3s ease;
-  text-decoration: none;
-  border: none;
-  cursor: pointer;
-}
-.form-actions .btn-primary .icon,
-.form-actions .btn-secondary .icon {
-  font-size: 18px;
-}
-.form-actions .btn-primary {
-  background: linear-gradient(135deg, #0049b4 0%, #c3dfea 100%);
-  color: #FFFFFF;
-  box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
-}
-.form-actions .btn-primary:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 8px 24px rgba(75, 155, 255, 0.15);
-}
-.form-actions .btn-secondary {
-  background: #FFFFFF;
-  color: #1A1A2E;
-  border: 1px solid #E2E8F0;
-}
-.form-actions .btn-secondary:hover {
-  background: #F8FAFC;
-  border-color: #0049b4;
-  color: #0049b4;
+  .form-actions .btn .icon,
+  .form-actions .btn-primary .icon,
+  .form-actions .btn-secondary .icon,
+  .form-actions .btn-cancel .icon {
+    font-size: 18px;
+  }
+  .form-actions .btn svg,
+  .form-actions .btn-primary svg,
+  .form-actions .btn-secondary svg,
+  .form-actions .btn-cancel svg {
+    width: 18px;
+    height: 18px;
+  }
 }
 
 .register-result {
@@ -8890,6 +8871,14 @@ select.form-control {
   gap: 16px;
   flex-wrap: wrap;
 }
+@media (max-width: 768px) {
+  .result-actions {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 8px;
+    padding: 0 16px;
+  }
+}
 .result-actions .btn-primary,
 .result-actions .btn-secondary {
   display: inline-flex;
@@ -8908,6 +8897,15 @@ select.form-control {
 .result-actions .btn-secondary .icon {
   font-size: 18px;
 }
+@media (max-width: 768px) {
+  .result-actions .btn-primary,
+  .result-actions .btn-secondary {
+    width: 100%;
+    min-height: 48px;
+    padding: 14px 24px;
+    justify-content: center;
+  }
+}
 .result-actions .btn-primary {
   background: linear-gradient(135deg, #0049b4 0%, #c3dfea 100%);
   color: #FFFFFF;