diff --git a/src/assets/boardDummy.json b/src/assets/boardDummy.json
index 6c00ee2..d1b9532 100644
--- a/src/assets/boardDummy.json
+++ b/src/assets/boardDummy.json
@@ -4,9 +4,10 @@
         "title": "타이틀1",
         "content": "헌법재판소가 윤석열 대통령 탄핵심판 사건의 첫 변론 준비 기일을 27일 오후 2시에 연다고 밝혔다. 헌재는 이번 사건의 주심 배당도 마쳤지만 비공개 원칙에 따라 공개하지 않기로 했다.이진 헌재 공보관은 16일 언론브리핑에서 “(윤 대통령 탄핵 사건을) 변론 준비 절차에 회부하고, 1차 변론 준비 기일을 27일 오후 2시로 지정했다”고 밝혔다. ",
         "date": "2024.12.16 18:01",
-        "img": "https://picsum.photos/id/21/250/250",
+        "img": "https://picsum.photos/id/21/229/229",
         "viewCount": 10,
-        "cmtCount": 2
+        "cmtCount": 2,
+        "type": 1
     },
     {
         "id": 2,
@@ -14,14 +15,16 @@
         "content": "헌법재판소가 윤석열 대통령 탄핵심판 사건의 첫 변론 준비 기일을 27일 오후 2시에 연다고 밝혔다. 헌재는 이번 사건의 주심 배당도 마쳤지만 비공개 원칙에 따라 공개하지 않기로 했다.이진 헌재 공보관은 16일 언론브리핑에서 “(윤 대통령 탄핵 사건을) 변론 준비 절차에 회부하고, 1차 변론 준비 기일을 27일 오후 2시로 지정했다”고 밝혔다. 이어 “변론 준비 기일에서 검찰과 경찰 등의 수사기록을 조기에 확보하기로 했다”고 덧붙였다. 헌법재판관들은 이날 오전 10시에 재판관 회의를 열고 이같은 내용을 결정했다.",
         "date": "2024.12.16 18:02",
         "viewCount": 10,
-        "cmtCount": 2
+        "cmtCount": 2,
+        "type": 2
     },
     {
         "id": 3,
         "title": "타이틀3",
         "content": "헌법재판소가 윤석열 대통령 탄핵심판 사건의 첫 변론 준비 기일을 27일 오후 2시에 연다고 밝혔다. 헌재는 이번 사건의 주심 배당도 마쳤지만 비공개 원칙에 따라 공개하지 않기로 했다.이진 헌재 공보관은 16일 언론브리핑에서 “(윤 대통령 탄핵 사건을) 변론 준비 절차에 회부하고, 1차 변론 준비 기일을 27일 오후 2시로 지정했다”고 밝혔다. 이어 “변론 준비 기일에서 검찰과 경찰 등의 수사기록을 조기에 확보하기로 했다”고 덧붙였다. 헌법재판관들은 이날 오전 10시에 재판관 회의를 열고 이같은 내용을 결정했다.",
         "date": "2024.12.16 18:03",
-        "img": "https://picsum.photos/id/23/250/250"
+        "img": "https://picsum.photos/id/23/250/250",
+        "type": 2
     },
     {
         "id": 4,
@@ -30,42 +33,48 @@
         "date": "2024.12.16 18:04",
         "img": "https://picsum.photos/id/24/250/250",
         "viewCount": 100,
-        "cmtCount": 22
+        "cmtCount": 22,
+        "type": 3
     },
     {
         "id": 5,
         "title": "타이틀5",
         "content": "헌법재판소가 윤석열 대통령 탄핵심판 사건의 첫 변론 준비 기일을 27일 오후 2시에 연다고 밝혔다. 헌재는 이번 사건의 주심 배당도 마쳤지만 비공개 원칙에 따라 공개하지 않기로 했다.이진 헌재 공보관은 16일 언론브리핑에서 “(윤 대통령 탄핵 사건을) 변론 준비 절차에 회부하고, 1차 변론 준비 기일을 27일 오후 2시로 지정했다”고 밝혔다. 이어 “변론 준비 기일에서 검찰과 경찰 등의 수사기록을 조기에 확보하기로 했다”고 덧붙였다. 헌법재판관들은 이날 오전 10시에 재판관 회의를 열고 이같은 내용을 결정했다.",
         "date": "2024.12.16 18:05",
-        "img": "https://picsum.photos/id/25/250/250"
+        "img": "https://picsum.photos/id/25/250/250",
+        "type": 3
     },
     {
         "id": 6,
         "title": "타이틀6",
         "content": "헌법재판소가 윤석열 대통령 탄핵심판 사건의 첫 변론 준비 기일을 27일 오후 2시에 연다고 밝혔다. 헌재는 이번 사건의 주심 배당도 마쳤지만 비공개 원칙에 따라 공개하지 않기로 했다.이진 헌재 공보관은 16일 언론브리핑에서 “(윤 대통령 탄핵 사건을) 변론 준비 절차에 회부하고, 1차 변론 준비 기일을 27일 오후 2시로 지정했다”고 밝혔다. 이어 “변론 준비 기일에서 검찰과 경찰 등의 수사기록을 조기에 확보하기로 했다”고 덧붙였다. 헌법재판관들은 이날 오전 10시에 재판관 회의를 열고 이같은 내용을 결정했다.",
         "date": "2024.12.16 18:06",
-        "img": "https://picsum.photos/id/26/250/250"
+        "img": "https://picsum.photos/id/26/250/250",
+        "type": 2
     },
     {
         "id": 7,
         "title": "타이틀7",
         "content": "헌법재판소가 윤석열 대통령 탄핵심판 사건의 첫 변론 준비 기일을 27일 오후 2시에 연다고 밝혔다. 헌재는 이번 사건의 주심 배당도 마쳤지만 비공개 원칙에 따라 공개하지 않기로 했다.이진 헌재 공보관은 16일 언론브리핑에서 “(윤 대통령 탄핵 사건을) 변론 준비 절차에 회부하고, 1차 변론 준비 기일을 27일 오후 2시로 지정했다”고 밝혔다. 이어 “변론 준비 기일에서 검찰과 경찰 등의 수사기록을 조기에 확보하기로 했다”고 덧붙였다. 헌법재판관들은 이날 오전 10시에 재판관 회의를 열고 이같은 내용을 결정했다.",
         "date": "2024.12.16 18:07",
-        "img": "https://picsum.photos/id/27/250/250"
+        "img": "https://picsum.photos/id/27/250/250",
+        "type": 2
     },
     {
         "id": 8,
         "title": "타이틀8",
         "content": "헌법재판소가 윤석열 대통령 탄핵심판 사건의 첫 변론 준비 기일을 27일 오후 2시에 연다고 밝혔다. 헌재는 이번 사건의 주심 배당도 마쳤지만 비공개 원칙에 따라 공개하지 않기로 했다.이진 헌재 공보관은 16일 언론브리핑에서 “(윤 대통령 탄핵 사건을) 변론 준비 절차에 회부하고, 1차 변론 준비 기일을 27일 오후 2시로 지정했다”고 밝혔다. 이어 “변론 준비 기일에서 검찰과 경찰 등의 수사기록을 조기에 확보하기로 했다”고 덧붙였다. 헌법재판관들은 이날 오전 10시에 재판관 회의를 열고 이같은 내용을 결정했다.",
         "date": "2024.12.16 18:08",
-        "img": "https://picsum.photos/id/28/250/250"
+        "img": "https://picsum.photos/id/28/250/250",
+        "type": 2
     },
     {
         "id": 9,
         "title": "타이틀9",
         "content": "헌법재판소가 윤석열 대통령 탄핵심판 사건의 첫 변론 준비 기일을 27일 오후 2시에 연다고 밝혔다. 헌재는 이번 사건의 주심 배당도 마쳤지만 비공개 원칙에 따라 공개하지 않기로 했다.이진 헌재 공보관은 16일 언론브리핑에서 “(윤 대통령 탄핵 사건을) 변론 준비 절차에 회부하고, 1차 변론 준비 기일을 27일 오후 2시로 지정했다”고 밝혔다. 이어 “변론 준비 기일에서 검찰과 경찰 등의 수사기록을 조기에 확보하기로 했다”고 덧붙였다. 헌법재판관들은 이날 오전 10시에 재판관 회의를 열고 이같은 내용을 결정했다.",
         "date": "2024.12.16 18:09",
-        "img": "https://picsum.photos/id/29/250/250"
+        "img": "https://picsum.photos/id/29/229/229",
+        "type": 2
     },
     {
         "id": 10,
@@ -74,6 +83,7 @@
         "date": "2024.12.16 18:10",
         "img": "https://picsum.photos/id/210/250/250",
         "viewCount": 22,
-        "cmtCount": 33
+        "cmtCount": 33,
+        "type": 3
     }
 ]
diff --git a/src/components/list/BoardCard.vue b/src/components/list/BoardCard.vue
index dffa45a..18b9a8a 100644
--- a/src/components/list/BoardCard.vue
+++ b/src/components/list/BoardCard.vue
@@ -2,13 +2,16 @@
     <div class="" role="button">
         <div class="card">
             <div class="d-flex">
-                <div v-if="img" class="col-3">
-                    <img class="card-img card-img-left" :src="img" alt="" />
+                <div v-if="img" style="max-height: 200px; max-width: 200px">
+                    <img class="card-img card-img-left" :src="img" alt="" style="width: auto; height: 100%; object-fit: scale-down" />
                 </div>
-                <div :class="colSetting">
+                <div>
                     <div class="card-body">
-                        <h5 class="card-title">{{ title }}</h5>
-                        <p class="card-text str_wrap">
+                        <h5 class="card-title align-items-center">
+                            <slot name="badgeType"></slot>
+                            {{ title }}
+                        </h5>
+                        <p class="card-text str_wrap pt-5">
                             {{ content }}
                         </p>
                         <p class="card-text">
diff --git a/src/components/pagination/Pagination.vue b/src/components/pagination/Pagination.vue
index 0ad6601..8d5e3bd 100644
--- a/src/components/pagination/Pagination.vue
+++ b/src/components/pagination/Pagination.vue
@@ -7,13 +7,13 @@
             <!-- <li class="page-item prev">
                 <a class="page-link" href="javascript:void(0);"><i class="tf-icon bx bx-chevron-left bx-sm"></i></a>
             </li> -->
-            <li class="page-item">
+            <li class="page-item active">
                 <a class="page-link" href="javascript:void(0);">1</a>
             </li>
             <li class="page-item">
                 <a class="page-link" href="javascript:void(0);">2</a>
             </li>
-            <li class="page-item active">
+            <li class="page-item">
                 <a class="page-link" href="javascript:void(0);">3</a>
             </li>
             <li class="page-item">
diff --git a/src/components/search/SearchBar.vue b/src/components/search/SearchBar.vue
index a0f6f4e..46b81eb 100644
--- a/src/components/search/SearchBar.vue
+++ b/src/components/search/SearchBar.vue
@@ -1,16 +1,7 @@
 <template>
     <div class="input-group mb-3 d-flex">
-        <div class="col-9 d-flex">
-            <input type="text" class="form-control bg-white" placeholder="Search" @change="search" />
-            <button type="button" class="btn btn-primary"><i class="bx bx-search bx-md"></i></button>
-        </div>
-        <!-- <div class="col-3">
-            <select class="form-select">
-                <option>1</option>
-                <option>1</option>
-                <option>1</option>
-            </select>
-        </div> -->
+        <input type="text" class="form-control bg-white" placeholder="Search" @change="search" />
+        <button type="button" class="btn btn-primary"><i class="bx bx-search bx-md"></i></button>
     </div>
 </template>
 
diff --git a/src/views/board/BoardList.vue b/src/views/board/BoardList.vue
index 128c025..734b05a 100644
--- a/src/views/board/BoardList.vue
+++ b/src/views/board/BoardList.vue
@@ -12,13 +12,18 @@
             </div>
             <template v-for="(item, index) in list" :key="item.id">
                 <board-card :title="item.title" :content="item.content" :img="item.img" :date="item.date" @click="goDetail(item.id)">
+                    <template #badgeType>
+                        <span v-if="item.type == 1" class="badge rounded-pill bg-label-danger">공지</span>
+                        <span v-else-if="item.type == 2" class="badge rounded-pill bg-label-primary">자유</span>
+                        <span v-else-if="item.type == 3" class="badge rounded-pill bg-label-success">익명</span>
+                    </template>
                     <template #optInfo>
-                        <span v-show="item.viewCount" style="padding-left: 10px" class="text-muted"
-                            ><i class="fa-regular fa-eye"></i> {{ item.viewCount }}</span
-                        >
-                        <span v-show="item.cmtCount" style="padding-left: 10px" class="text-muted"
+                        <small v-show="item.viewCount" style="padding-left: 10px" class="text-muted"
+                            ><i class="fa-regular fa-eye"></i> {{ item.viewCount }}
+                        </small>
+                        <small v-show="item.cmtCount" style="padding-left: 10px" class="text-muted"
                             ><i class="fa-regular fa-comment-dots"></i> {{ item.cmtCount }}
-                        </span>
+                        </small>
                     </template>
                 </board-card>
             </template>