diff --git a/src/components/main/MainVote.vue b/src/components/main/MainVote.vue
new file mode 100644
index 0000000..ddf77a5
--- /dev/null
+++ b/src/components/main/MainVote.vue
@@ -0,0 +1,53 @@
+<template>
+<div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-6">
+    <div class="card h-100">
+        <div class="card-header d-flex justify-content-between">
+            <div class="card-title mb-0">
+                <h5 class="mb-1 me-2">투표진행</h5>
+            </div>
+        </div>
+    <div class="card-body">
+        <ul class="p-0 m-0">
+            <li class="d-flex align-items-center mb-5">
+                <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
+                    <div class="me-2">
+                        <div class="d-flex flex-wrap align-items-center">
+                        <div class="avatar avatar-sm me-2">
+                            <img src="../../assets/img/avatars/1.png" alt="Avatar" class="rounded-circle"
+                            @error="$event.target.src = '/img/icons/icon.png'">
+                        </div>
+                        <div>
+                            <p class="mb-0 fw-medium">12월 회식투표</p>
+                        </div>
+                        </div>
+                        <small>2025-01-02 11:20~2025-01-02 11:20</small>
+                    </div>
+                    <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
+                        <div class="me-2">
+                            <div class="d-flex flex-wrap align-items-center">
+                                <div class="avatar avatar-sm me-2">
+                                    <img src="../../assets/img/avatars/1.png" alt="Avatar" class="rounded-circle"
+                                    @error="$event.target.src = '/img/icons/icon.png'">
+                                </div>
+                                <div>
+                                    <p class="mb-0 fw-medium">커피타임 장소 투표해요</p>
+                                </div>
+                            </div>
+                            <small>2025-01-02 11:20~2025-01-02 11:20</small>
+                        </div>
+                    </div>
+                </div>
+            </li>
+        </ul>
+    </div>
+    </div>
+</div>
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/main/MainWordDict.vue b/src/components/main/MainWordDict.vue
new file mode 100644
index 0000000..5099379
--- /dev/null
+++ b/src/components/main/MainWordDict.vue
@@ -0,0 +1,45 @@
+<template>
+<div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-6">
+    <div class="card h-100">
+        <div class="card-header d-flex justify-content-between">
+            <div class="card-title mb-0">
+                <h5 class="mb-1 me-2">용어집</h5>
+            </div>
+        </div>
+        <div class="card-body">
+            <ul class="p-0 m-0">
+                <li class="d-flex align-items-center mb-5">
+                    <div class="avatar flex-shrink-0 me-3">
+                        <span class="avatar-initial rounded bg-label-primary"><span class="avatar-initial rounded bg-label-primary"><span class="avatar-initial rounded bg-label-primary">it</span></span></span>
+                    </div>
+                    <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
+                        <div class="me-2">
+                            <h6 class="mb-0">css</h6>
+                            <small>class 주는방법은 ...</small>
+                        </div>
+                    </div>
+                </li>
+                <li class="d-flex align-items-center mb-5">
+                    <div class="avatar flex-shrink-0 me-3">
+                        <span class="avatar-initial rounded bg-label-primary"><span class="avatar-initial rounded bg-label-primary"><span class="avatar-initial rounded bg-label-primary">it</span></span></span>
+                    </div>
+                    <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
+                        <div class="me-2">
+                            <h6 class="mb-0">css</h6>
+                            <small>class 주는방법은 ...</small>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped>
+
+</style>