.

public/css/custom.css

@@ -804,4 +804,11 @@ input:checked + .slider:before {
 
 .cursor-none{
     cursor: none !important;
+}
+
+.ml-1 {
+    margin-left: 0.25rem !important;
+}
+.mr-1{
+    margin-right: 0.25rem !important;
 }

src/components/main/BoardMain.vue

@@ -78,15 +78,15 @@
                 </tbody>
                 </table>
             </div>
-            <!-- 모달 푸터: 더보기 버튼 오른쪽 정렬 -->
-            <div class="modal-foote d-flex">
-                <router-link
-                :to="{ name: 'BoardList', query: { type: selectedBoard } }"
-                class="btn btn-primary mr-1 pe-1 ps-1 ms-auto my-auto h-50"
-                >
-                more
-                </router-link>
-            </div>
+        </div>
+        <!-- 모달 푸터: 더보기 버튼 오른쪽 정렬 -->
+        <div class="modal-foote d-flex">
+            <router-link
+            :to="{ name: 'BoardList', query: { type: selectedBoard } }"
+            class="btn btn-primary mr-1 pe-1 ps-1 ms-auto my-auto h-50"
+            >
+            more
+            </router-link>
         </div>
     </div>
 </div>
@@ -139,7 +139,7 @@ return title.length > 8 ? title.slice(0, 8) + '...' : title;
 // 공지사항 데이터 로드 (최대 5개)
 const fetchNoticePosts = async () => {
 try {
-    const { data } = await axios.get('board/notices', { params: { size: 5 } });
+    const { data } = await axios.get('board/notices', { params: { size: 8 } });
     if (data?.data) {
     noticeList.value = data.data.map(post => ({
         id: post.id,
@@ -161,7 +161,7 @@ try {
 // board/general 게시글 로드 후 자유게시판과 익명게시판으로 분리 (최대 10개 조회 → 각각 최대 5개)
 const fetchGeneralPosts = async () => {
 try {
-    const { data } = await axios.get('board/general', { params: { size: 10 } });
+    const { data } = await axios.get('board/general', { params: { size: 16 } });
     if (data?.data && data.data.list) {
     const freePosts = [];
     const anonymousPosts = [];
@@ -194,8 +194,8 @@ try {
         });
         }
     });
-    freeList.value = freePosts.slice(0, 5);
-    anonymousList.value = anonymousPosts.slice(0, 5);
+    freeList.value = freePosts.slice(0, 8);
+    anonymousList.value = anonymousPosts.slice(0, 8);
     }
 } catch (error) {
     console.error(error);
@@ -221,10 +221,4 @@ fetchGeneralPosts();
 .table > :not(caption) > * > * {
 padding: 0 !important;
 }
-.ml-1 {
-margin-left: 0.25rem;
-}
-.mr-1{
-margin-right: 0.25rem;
-}
 </style>