모바일 - 이용약관 디자인 적용

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

@@ -16452,6 +16452,11 @@ body.commission-print-page .btn-primary:hover {
   position: relative;
   padding: 20px;
 }
+@media (max-width: 768px) {
+  .terms-container .common-title-bar, .terms-container .register-title-bar, .terms-container .app-list-title-section, .terms-container .user-management-container .table-controls, .user-management-container .terms-container .table-controls {
+    display: none;
+  }
+}
 
 .terms-header {
   background: #f6f9fb;
@@ -16552,12 +16557,9 @@ body.commission-print-page .btn-primary:hover {
 }
 @media (max-width: 768px) {
   .terms-selector {
-    padding: 16px 0;
+    padding: 16px 16px;
   }
 }
-.terms-selector form {
-  max-width: 340px;
-}
 .terms-selector .terms-select {
   width: 340px;
   height: 44px;
@@ -16607,7 +16609,7 @@ body.commission-print-page .btn-primary:hover {
 }
 @media (max-width: 768px) {
   .terms-content {
-    padding: 24px 0;
+    padding: 24px 24px;
     min-height: 300px;
   }
 }

src/main/resources/static/sass/pages/_terms-agreements.scss

@@ -19,6 +19,13 @@
   margin: 0 auto;
   position: relative;
   padding: 20px;
+
+  .common-title-bar {
+
+    @media (max-width: $breakpoint-sm) {
+      display: none;
+    }
+  }
 }
 
 // Page Header - Title Bar (Figma: 타이틀백바)
@@ -126,11 +133,11 @@
   border-bottom: none;
 
   @media (max-width: $breakpoint-sm) {
-    padding: $spacing-md 0;
+    padding: $spacing-md $spacing-md;
   }
 
   form {
-    max-width: 340px;
+    //max-width: 340px;
   }
 
   // Native select styling (Figma: 검색입력창)
@@ -187,7 +194,7 @@
   background-color: #F6F9FB;
 
   @media (max-width: $breakpoint-sm) {
-    padding: $spacing-lg 0;
+    padding: $spacing-lg $spacing-lg;
     min-height: 300px;
   }