diff --git a/src/components/main/BoardMain.vue b/src/components/main/BoardMain.vue
index 8451777..c02b99a 100644
--- a/src/components/main/BoardMain.vue
+++ b/src/components/main/BoardMain.vue
@@ -3,16 +3,16 @@
     <div class="card text-center h-100">
         <div class="card-body">
         <!-- 모달 본문 -->
-        <div class="modal-bod mt-3">
+        <div class="modal-bod">
             <!-- 탭 버튼 영역 -->
-            <div class="btn-group mb-3" role="group">
+            <div class="btn-group mb-5" role="group">
                 <button
                     type="button"
                     class="btn"
                     :class="selectedBoard === 'notices' ? 'btn-primary' : 'btn-outline-primary'"
                     @click="changeBoard('notices')"
                 >
-                    공지사항
+                    공지
                 </button>
                 <button
                     type="button"
@@ -20,7 +20,7 @@
                     :class="selectedBoard === 'general' ? 'btn-primary' : 'btn-outline-primary'"
                     @click="changeBoard('general')"
                 >
-                    자유게시판
+                    자유
                 </button>
                 <button
                     type="button"
@@ -28,7 +28,7 @@
                     :class="selectedBoard === 'anonymous' ? 'btn-primary' : 'btn-outline-primary'"
                     @click="changeBoard('anonymous')"
                 >
-                    익명게시판
+                    익명
                 </button>
                 </div>
                 <!-- 게시글 미리보기 테이블 -->
@@ -51,26 +51,26 @@
                     style="cursor: pointer;"
                     @click="goDetail(post.id, selectedBoard)"
                     >
-                    <td class="text-center">
+                    <td class="text-center small">
                         {{ selectedBoard === 'anonymous' ? post.nickname : post.author }}
                     </td>
-                    <td class="text-start">
+                    <td class="text-start fs-6">
                         <div>
                         {{ truncateTitle(post.title) }}
-                        <span v-if="post.commentCount" class="text-danger ml-1">
+                        <span v-if="post.commentCount" class="text-danger ml-1 small">
                             [{{ post.commentCount }}]
                         </span>
-                        <i v-if="post.img" class="bi bi-image mx-1"></i>
+                        <i v-if="post.img" class="bi bi-image mx-1 small"></i>
                         <i
                         v-if="post.hasAttachment.length > 0"
-                        class="bi bi-paperclip ml-1"
+                        class="bi bi-paperclip ml-1 small"
                         ></i>
                         </div>
-                        <div class="text-muted small">
+                        <div class="text-muted small small">
                         {{ post.date }}
                         </div>
                     </td>
-                    <td class="text-center">{{ post.views }}</td>
+                    <td class="text-center small">{{ post.views }}</td>
                     </tr>
                     <tr v-if="currentList.length === 0">
                     <td colspan="3" class="text-center text-muted">게시물이 없습니다.</td>
@@ -133,7 +133,7 @@ return date.isToday() ? date.format('HH:mm') : date.format('YYYY-MM-DD');
 
 // 제목이 14글자 넘어가면 ... 처리하는 함수
 const truncateTitle = title => {
-return title.length > 8 ? title.slice(0, 8) + '...' : title;
+return title.length > 7 ? title.slice(0, 7) + '...' : title;
 };
 
 // 공지사항 데이터 로드 (최대 5개)