- 모바일 약관 탭 UI 개선 - 스크롤 추가 및 스타일 조정

- 필수 입력 경고 메세지 추가 및 인증 미완료 경고 추가

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

@@ -17822,6 +17822,13 @@ body.commission-print-page .btn-primary:hover {
 @media (max-width: 768px) {
   .terms-tabs {
     padding: 0;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+  }
+  .terms-tabs::-webkit-scrollbar {
+    display: none;
   }
 }
 .terms-tabs .tab-link {
@@ -17843,8 +17850,10 @@ body.commission-print-page .btn-primary:hover {
 }
 @media (max-width: 768px) {
   .terms-tabs .tab-link {
-    padding: 16px 16px;
-    font-size: 16px;
+    flex: 1 0 auto;
+    white-space: nowrap;
+    padding: 8px 16px;
+    font-size: 14px;
     gap: 4px;
   }
 }

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

@@ -86,6 +86,15 @@
 
   @media (max-width: $breakpoint-sm) {
     padding: 0;
+    // 탭이 가로폭을 넘어갈 경우 가로 스크롤 허용
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none; // Firefox
+
+    &::-webkit-scrollbar {
+      display: none; // Chrome/Safari
+    }
   }
 
   .tab-link {
@@ -107,8 +116,11 @@
     border-radius: 12px 12px 0 0;
 
     @media (max-width: $breakpoint-sm) {
-      padding: $spacing-md $spacing-md;
-      font-size: $font-size-base;
+      // 글자 한 줄 유지 + 글자 크기/높이 축소
+      flex: 1 0 auto;
+      white-space: nowrap;
+      padding: $spacing-sm $spacing-md;
+      font-size: $font-size-sm;
       gap: $spacing-xs;
     }