.

public/css/custom.css

@@ -805,3 +805,10 @@ 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,6 +78,7 @@
                 </tbody>
                 </table>
             </div>
+        </div>
         <!-- 모달 푸터: 더보기 버튼 오른쪽 정렬 -->
         <div class="modal-foote d-flex">
             <router-link
@@ -89,7 +90,6 @@
         </div>
     </div>
 </div>
-</div>
 </template>
 
 <script setup>
@@ -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>