diff --git a/src/components/api-logs/ApiLogsFilterBar.vue b/src/components/api-logs/ApiLogsFilterBar.vue
index bc85525..5107139 100644
--- a/src/components/api-logs/ApiLogsFilterBar.vue
+++ b/src/components/api-logs/ApiLogsFilterBar.vue
@@ -25,14 +25,14 @@
 </template>
 
 <script setup lang="ts">
-import FilterDropdown from '../filters/FilterDropdown.vue'
-import FilterInput from '../filters/FilterInput.vue'
 import { API_LOGS_DIVISION_LIST } from '@/constants/admin'
-import FilterIpAddress from '../filters/FilterIpAddress.vue'
-import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
-import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
 import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
+import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
 import { useLogsParamsStore } from '@/stores/params'
+import FilterDropdown from '../filters/FilterDropdown.vue'
+import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
+import FilterInput from '../filters/FilterInput.vue'
+import FilterIpAddress from '../filters/FilterIpAddress.vue'
 
 const store = useLogsParamsStore()
 store.$reset()
diff --git a/src/components/api-logs/ApiLogsList.vue b/src/components/api-logs/ApiLogsList.vue
index 93e8abd..78e518d 100644
--- a/src/components/api-logs/ApiLogsList.vue
+++ b/src/components/api-logs/ApiLogsList.vue
@@ -22,18 +22,18 @@
 </template>
 
 <script setup lang="ts">
-import ListPagination from '../lists/ListPagination.vue'
-import ListContainer from '../lists/ListContainer.vue'
+import { useMemberStore } from '@/stores/member'
 import { useLogsParamsStore } from '@/stores/params'
-import ApiLogsListBar from './ApiLogsListBar.vue'
-import ApiLogsListCard from './ApiLogsListCard.vue'
+import type { ApiLogsResponse } from '@/types/admin'
 import { axiosInstance } from '@/utils/axios'
 import { useQuery } from '@tanstack/vue-query'
-import type { ApiLogsResponse } from '@/types/admin'
-import { computed } from 'vue'
-import { useMemberStore } from '@/stores/member'
 import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import ListContainer from '../lists/ListContainer.vue'
+import ListPagination from '../lists/ListPagination.vue'
 import NoContent from '../lists/NoContent.vue'
+import ApiLogsListBar from './ApiLogsListBar.vue'
+import ApiLogsListCard from './ApiLogsListCard.vue'
 
 const { params } = useLogsParamsStore()
 const onPageChange = (value: number) => {
diff --git a/src/components/api-logs/ApiLogsListCard.vue b/src/components/api-logs/ApiLogsListCard.vue
index 154a085..197003a 100644
--- a/src/components/api-logs/ApiLogsListCard.vue
+++ b/src/components/api-logs/ApiLogsListCard.vue
@@ -13,11 +13,11 @@
 </template>
 
 <script setup lang="ts">
-import type { ListCardProps } from '@/types/common'
-import ListCardTab from '../lists/ListCardTab.vue'
+import { API_LOGS_DIVISION_LIST } from '@/constants/admin'
 import type { ApiLogsListData } from '@/types/admin'
+import type { ListCardProps } from '@/types/common'
 import { formatFullDateTime } from '@/utils/date'
-import { API_LOGS_DIVISION_LIST } from '@/constants/admin'
+import ListCardTab from '../lists/ListCardTab.vue'
 
 const { info } = defineProps<{ info: ApiLogsListData }>()
 const myRequestTabList: ListCardProps[] = [
diff --git a/src/components/charts/LineChart.vue b/src/components/charts/LineChart.vue
index 3711b13..1acc16f 100644
--- a/src/components/charts/LineChart.vue
+++ b/src/components/charts/LineChart.vue
@@ -9,20 +9,20 @@
 </template>
 
 <script setup lang="ts">
-import { Line } from 'vue-chartjs'
+import type { PeriodType } from '@/types/manager'
 import {
+  CategoryScale,
   Chart as ChartJS,
-  Title,
-  Tooltip,
+  Colors,
+  Filler,
   Legend,
+  LinearScale,
   LineElement,
   PointElement,
-  CategoryScale,
-  LinearScale,
-  Colors,
-  Filler
+  Title,
+  Tooltip
 } from 'chart.js'
-import type { PeriodType } from '@/types/manager'
+import { Line } from 'vue-chartjs'
 import NoContent from '../lists/NoContent.vue'
 
 ChartJS.register(
diff --git a/src/components/charts/PieChart.vue b/src/components/charts/PieChart.vue
index 7604cba..1bf9e9d 100644
--- a/src/components/charts/PieChart.vue
+++ b/src/components/charts/PieChart.vue
@@ -15,18 +15,18 @@
 </template>
 
 <script setup lang="ts">
-import { Pie } from 'vue-chartjs'
+import type { PeriodType } from '@/types/manager'
 import {
+  ArcElement,
   Chart as ChartJS,
+  Colors,
+  Legend,
   Title,
   Tooltip,
-  Legend,
-  ArcElement,
-  Colors,
-  type ChartEvent,
-  type ActiveElement
+  type ActiveElement,
+  type ChartEvent
 } from 'chart.js'
-import type { PeriodType } from '@/types/manager'
+import { Pie } from 'vue-chartjs'
 import NoContent from '../lists/NoContent.vue'
 ChartJS.register(Title, Tooltip, Legend, ArcElement, Colors)
 
diff --git a/src/components/common/EditInformation.vue b/src/components/common/EditInformation.vue
index 2460394..7e4cdd7 100644
--- a/src/components/common/EditInformation.vue
+++ b/src/components/common/EditInformation.vue
@@ -132,6 +132,7 @@
 import { patchEditInfo } from '@/api/common'
 import { ALLOWED_FILE_EXTENSIONS, ALLOWED_FILE_EXTENSIONS_IMAGE } from '@/constants/common'
 import { useMemberStore } from '@/stores/member'
+import DOMPurify from 'dompurify'
 import { storeToRefs } from 'pinia'
 import { nextTick, ref, watchEffect } from 'vue'
 import { useRouter } from 'vue-router'
@@ -139,7 +140,6 @@ import FormButtonContainer from './FormButtonContainer.vue'
 import FormCheckbox from './FormCheckbox.vue'
 import ImageContainer from './ImageContainer.vue'
 import ModalView from './ModalView.vue'
-import DOMPurify from 'dompurify'
 
 const router = useRouter()
 
diff --git a/src/components/common/ModalView.vue b/src/components/common/ModalView.vue
index 5c47159..43fe9f2 100644
--- a/src/components/common/ModalView.vue
+++ b/src/components/common/ModalView.vue
@@ -9,7 +9,7 @@
         v-if="isOpen"
         class="bg-white rounded-lg shadow-lg px-8 py-8 fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-[99]">
         <div class="flex flex-col gap-8 w-[300px]">
-          <div class="flex flex-col gap-6">
+          <div class="flex flex-col gap-6 relative">
             <div class="flex flex-col items-center gap-2">
               <CommonIcons
                 v-if="type == 'successType'"
@@ -40,7 +40,13 @@
                 type === 'terminate' ? '종료 사유를 입력해주세요' : '반려 사유를 입력해주세요'
               "
               :class="{ 'border border-red-1 placeholder-red-500': isEmpty }"
+              maxlength="40"
               class="flex border w-full border-border-1 px-4 py-3 focus:outline-none resize-none h-[120px]" />
+            <p
+              v-if="type == 'inputType' || type === 'terminate'"
+              class="absolute text-xs top-[calc(100%+4px)] w-full flex justify-end text-body">
+              ({{ textValue.length }}/{{ 40 }})
+            </p>
           </div>
 
           <button
@@ -83,10 +89,10 @@
 
 <script setup lang="ts">
 import { failIcon, successIcon, warningIcon } from '@/constants/iconPath'
+import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 import { onUnmounted, ref, watch } from 'vue'
 import CommonIcons from './CommonIcons.vue'
 import LoadingIcon from './LoadingIcon.vue'
-import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 
 const { isOpen, type, modelValue, isEmpty } = defineProps<{
   isOpen: boolean
diff --git a/src/components/common/TaskCard.vue b/src/components/common/TaskCard.vue
index f297913..37ba868 100644
--- a/src/components/common/TaskCard.vue
+++ b/src/components/common/TaskCard.vue
@@ -41,6 +41,7 @@
 
 <script setup lang="ts">
 import { bentoIcon } from '@/constants/iconPath'
+import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 import { useTeamBoardParamsStore } from '@/stores/params'
 import type { Status } from '@/types/common'
 import type { TaskCardProps } from '@/types/manager'
@@ -51,7 +52,6 @@ import TaskDetail from '../task-detail/TaskDetail.vue'
 import CommonIcons from './CommonIcons.vue'
 import ImageContainer from './ImageContainer.vue'
 import TaskLabel from './TaskLabel.vue'
-import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 
 const { data } = defineProps<{ data: TaskCardProps; draggable?: boolean }>()
 const emit = defineEmits(['toggleModal'])
diff --git a/src/components/filters/FilterCategory.vue b/src/components/filters/FilterCategory.vue
index a26881d..6581e25 100644
--- a/src/components/filters/FilterCategory.vue
+++ b/src/components/filters/FilterCategory.vue
@@ -76,10 +76,10 @@
 
 <script setup lang="ts">
 import { dropdownIcon } from '@/constants/iconPath'
+import { useOutsideClick } from '@/hooks/useOutsideClick'
 import type { Category, FilterCategoryProps, SubCategory } from '@/types/common'
 import { computed, ref, watchEffect } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
-import { useOutsideClick } from '@/hooks/useOutsideClick'
 
 const { categoryList = [], main, sub } = defineProps<FilterCategoryProps>()
 const emit = defineEmits(['update:main', 'update:sub'])
diff --git a/src/components/lists/ListCardTab.vue b/src/components/lists/ListCardTab.vue
index 5432cba..b56647b 100644
--- a/src/components/lists/ListCardTab.vue
+++ b/src/components/lists/ListCardTab.vue
@@ -21,8 +21,8 @@
 
 <script setup lang="ts">
 import type { ListCardProps, Status } from '@/types/common'
-import TaskStatus from '../common/TaskStatus.vue'
 import ImageContainer from '../common/ImageContainer.vue'
+import TaskStatus from '../common/TaskStatus.vue'
 
 const { content, width, isTextXs, profileImg, isStatus, isStatusCode, isTextBody } =
   defineProps<ListCardProps>()
diff --git a/src/components/login-logs/LoginLogsFilterBar.vue b/src/components/login-logs/LoginLogsFilterBar.vue
index fabd7c5..e31274f 100644
--- a/src/components/login-logs/LoginLogsFilterBar.vue
+++ b/src/components/login-logs/LoginLogsFilterBar.vue
@@ -20,12 +20,12 @@
 </template>
 
 <script setup lang="ts">
+import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
+import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
+import { useLogsParamsStore } from '@/stores/params'
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { useLogsParamsStore } from '@/stores/params'
-import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
 import FilterIpAddress from '../filters/FilterIpAddress.vue'
-import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
 
 const store = useLogsParamsStore()
 store.$reset()
diff --git a/src/components/login-logs/LoginLogsListBar.vue b/src/components/login-logs/LoginLogsListBar.vue
index de5434d..14288ca 100644
--- a/src/components/login-logs/LoginLogsListBar.vue
+++ b/src/components/login-logs/LoginLogsListBar.vue
@@ -12,11 +12,11 @@
 </template>
 
 <script setup lang="ts">
-import ListBarTab from '../lists/ListBarTab.vue'
-import { useLogsParamsStore } from '@/stores/params'
 import { LOGS_LIST_BAR_TAB } from '@/constants/admin'
-import { computed } from 'vue'
 import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
+import { useLogsParamsStore } from '@/stores/params'
+import { computed } from 'vue'
+import ListBarTab from '../lists/ListBarTab.vue'
 
 const { params } = useLogsParamsStore()
 const orderRequest = computed(() => ({
diff --git a/src/components/login-logs/LoginLogsListCard.vue b/src/components/login-logs/LoginLogsListCard.vue
index cd86697..834cdb0 100644
--- a/src/components/login-logs/LoginLogsListCard.vue
+++ b/src/components/login-logs/LoginLogsListCard.vue
@@ -13,10 +13,10 @@
 </template>
 
 <script setup lang="ts">
-import type { ListCardProps } from '@/types/common'
-import ListCardTab from '../lists/ListCardTab.vue'
 import type { LoginLogsListData } from '@/types/admin'
+import type { ListCardProps } from '@/types/common'
 import { formatFullDateTime } from '@/utils/date'
+import ListCardTab from '../lists/ListCardTab.vue'
 
 const logStatus = {
   LOGIN: '로그인 시도'
diff --git a/src/components/member-management/MemberManagementFilterBar.vue b/src/components/member-management/MemberManagementFilterBar.vue
index cfb892c..b4d0e77 100644
--- a/src/components/member-management/MemberManagementFilterBar.vue
+++ b/src/components/member-management/MemberManagementFilterBar.vue
@@ -31,10 +31,10 @@
 </template>
 
 <script setup lang="ts">
+import { PAGE_SIZE_LIST, ROLE_LIST } from '@/constants/common'
 import { useMemberManagementParamsStore } from '@/stores/params'
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { PAGE_SIZE_LIST, ROLE_LIST } from '@/constants/common'
 
 const { params } = useMemberManagementParamsStore()
 </script>
diff --git a/src/components/member-management/MemberManagementListBar.vue b/src/components/member-management/MemberManagementListBar.vue
index 6c0ee5c..93fc3c9 100644
--- a/src/components/member-management/MemberManagementListBar.vue
+++ b/src/components/member-management/MemberManagementListBar.vue
@@ -14,9 +14,9 @@
 
 <script setup lang="ts">
 import { MEMBER_MANAGEMENT_LIST_BAR_TAB } from '@/constants/admin'
-import ListBarTab from '../lists/ListBarTab.vue'
 import { useMemberManagementParamsStore } from '@/stores/params'
 import { computed } from 'vue'
+import ListBarTab from '../lists/ListBarTab.vue'
 
 const { params } = useMemberManagementParamsStore()
 const orderRequest = computed(() => ({
diff --git a/src/components/my-request/MyRequestFilterBar.vue b/src/components/my-request/MyRequestFilterBar.vue
index b4bf0b7..2544830 100644
--- a/src/components/my-request/MyRequestFilterBar.vue
+++ b/src/components/my-request/MyRequestFilterBar.vue
@@ -33,17 +33,17 @@
 </template>
 
 <script setup lang="ts">
+import { getCategory } from '@/api/common'
 import { PAGE_SIZE_LIST, TASK_STATUS_LIST, TERM_LIST } from '@/constants/common'
+import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import { useMemberStore } from '@/stores/member'
 import { useRequestParamsStore } from '@/stores/params'
 import { useQuery } from '@tanstack/vue-query'
+import { storeToRefs } from 'pinia'
 import FilterCategory from '../filters/FilterCategory.vue'
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { getCategory } from '@/api/common'
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
-import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
 
 const store = useRequestParamsStore()
 store.$reset()
diff --git a/src/components/request-history/RequestHistoryListBar.vue b/src/components/request-history/RequestHistoryListBar.vue
index b96948d..807f722 100644
--- a/src/components/request-history/RequestHistoryListBar.vue
+++ b/src/components/request-history/RequestHistoryListBar.vue
@@ -12,11 +12,11 @@
 </template>
 
 <script setup lang="ts">
-import ListBarTab from '../lists/ListBarTab.vue'
-import { useRequestParamsStore } from '@/stores/params'
 import { REQUEST_HISTORY_LIST_BAR_TAB } from '@/constants/manager'
-import { computed } from 'vue'
 import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import { useRequestParamsStore } from '@/stores/params'
+import { computed } from 'vue'
+import ListBarTab from '../lists/ListBarTab.vue'
 
 const { params } = useRequestParamsStore()
 const orderRequest = computed(() => ({
diff --git a/src/components/requested/RequestedFilterBar.vue b/src/components/requested/RequestedFilterBar.vue
index 14bef28..62f80fd 100644
--- a/src/components/requested/RequestedFilterBar.vue
+++ b/src/components/requested/RequestedFilterBar.vue
@@ -28,16 +28,16 @@
 </template>
 
 <script setup lang="ts">
-import FilterDropdown from '../filters/FilterDropdown.vue'
-import FilterCategory from '../filters/FilterCategory.vue'
-import FilterInput from '../filters/FilterInput.vue'
+import { getCategory } from '@/api/common'
 import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
+import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import { useMemberStore } from '@/stores/member'
 import { useRequestParamsStore } from '@/stores/params'
 import { useQuery } from '@tanstack/vue-query'
-import { getCategory } from '@/api/common'
-import { useMemberStore } from '@/stores/member'
 import { storeToRefs } from 'pinia'
-import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import FilterCategory from '../filters/FilterCategory.vue'
+import FilterDropdown from '../filters/FilterDropdown.vue'
+import FilterInput from '../filters/FilterInput.vue'
 
 const store = useRequestParamsStore()
 store.$reset()
diff --git a/src/components/requested/RequestedList.vue b/src/components/requested/RequestedList.vue
index 4789e31..8b4f0b6 100644
--- a/src/components/requested/RequestedList.vue
+++ b/src/components/requested/RequestedList.vue
@@ -22,6 +22,7 @@
 </template>
 
 <script setup lang="ts">
+import { useParseParams } from '@/hooks/useParseParams'
 import { useMemberStore } from '@/stores/member'
 import { useRequestParamsStore } from '@/stores/params'
 import type { RequestedResponse } from '@/types/manager'
@@ -34,7 +35,6 @@ import ListPagination from '../lists/ListPagination.vue'
 import NoContent from '../lists/NoContent.vue'
 import RequestedListBar from './RequestedListBar.vue'
 import RequestedListCard from './RequestedListCard.vue'
-import { useParseParams } from '@/hooks/useParseParams'
 
 const { params } = useRequestParamsStore()
 const onPageChange = (value: number) => {
diff --git a/src/components/requested/RequestedListBar.vue b/src/components/requested/RequestedListBar.vue
index 9dbd7fc..59523ea 100644
--- a/src/components/requested/RequestedListBar.vue
+++ b/src/components/requested/RequestedListBar.vue
@@ -14,10 +14,10 @@
 
 <script setup lang="ts">
 import { REQUESTED_LIST_BAR_TAB } from '@/constants/manager'
-import ListBarTab from '../lists/ListBarTab.vue'
+import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
 import { useRequestParamsStore } from '@/stores/params'
 import { computed } from 'vue'
-import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import ListBarTab from '../lists/ListBarTab.vue'
 
 const { params } = useRequestParamsStore()
 const orderRequest = computed(() => ({
diff --git a/src/components/requested/RequestedListCard.vue b/src/components/requested/RequestedListCard.vue
index 55d043f..43de504 100644
--- a/src/components/requested/RequestedListCard.vue
+++ b/src/components/requested/RequestedListCard.vue
@@ -60,12 +60,12 @@ import type { RequestedListData } from '@/types/manager'
 import { axiosInstance } from '@/utils/axios'
 import { formatDate } from '@/utils/date'
 import { useQueryClient } from '@tanstack/vue-query'
+import DOMPurify from 'dompurify'
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from '../common/ModalView.vue'
 import ListCardTab from '../lists/ListCardTab.vue'
 import TaskDetail from '../task-detail/TaskDetail.vue'
-import DOMPurify from 'dompurify'
 
 const { info } = defineProps<{ info: RequestedListData }>()
 const requestedTabList: ListCardProps[] = [
@@ -114,6 +114,12 @@ const rejectRequest = async () => {
     backModal.value = true
     return
   }
+  if (rejectReason.value.length > 40) {
+    toggleModal('fail')
+    modalError.value = '40자 이내의 반려 사유를 입력해주세요'
+    backModal.value = true
+    return
+  }
   backModal.value = false
   await axiosInstance.patch(`/api/tasks/${info.taskId}/terminate`, {
     reason: DOMPurify.sanitize(rejectReason.value)
diff --git a/src/components/task-board/TaskBoardFilterBar.vue b/src/components/task-board/TaskBoardFilterBar.vue
index a4c3103..a075360 100644
--- a/src/components/task-board/TaskBoardFilterBar.vue
+++ b/src/components/task-board/TaskBoardFilterBar.vue
@@ -23,16 +23,16 @@
 </template>
 
 <script setup lang="ts">
-import FilterDropdown from '../filters/FilterDropdown.vue'
-import FilterCategory from '../filters/FilterCategory.vue'
-import FilterInput from '../filters/FilterInput.vue'
-import { useTaskBoardParamsStore } from '@/stores/params'
-import { useQuery } from '@tanstack/vue-query'
-import { computed } from 'vue'
-import type { LabelDataTypes } from '@/types/common'
 import { getCategory, getLabels } from '@/api/common'
 import { useMemberStore } from '@/stores/member'
+import { useTaskBoardParamsStore } from '@/stores/params'
+import type { LabelDataTypes } from '@/types/common'
+import { useQuery } from '@tanstack/vue-query'
 import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import FilterCategory from '../filters/FilterCategory.vue'
+import FilterDropdown from '../filters/FilterDropdown.vue'
+import FilterInput from '../filters/FilterInput.vue'
 
 const { params, $reset } = useTaskBoardParamsStore()
 $reset()
diff --git a/src/components/task-detail/TaskDetailHistory.vue b/src/components/task-detail/TaskDetailHistory.vue
index 9b31707..89d570d 100644
--- a/src/components/task-detail/TaskDetailHistory.vue
+++ b/src/components/task-detail/TaskDetailHistory.vue
@@ -25,11 +25,16 @@
             v-if="
               item.taskHistoryType === 'STATUS_SWITCHED' ||
               item.taskHistoryType === 'PROCESSOR_CHANGED' ||
-              item.taskHistoryType === 'PROCESSOR_ASSIGNED'
+              item.taskHistoryType === 'PROCESSOR_ASSIGNED' ||
+              item.taskHistoryType === 'TASK_TERMINATED'
             "
             class="flex w-full gap-1 justify-center text-body text-sm">
-            <p>{{ HistoryMessageBefore[item.taskHistoryType] }}</p>
-            <p class="text-primary1">
+            <p>
+              {{ HistoryMessageBefore[item.taskHistoryType] }}
+            </p>
+            <p
+              v-if="item.taskHistoryType !== 'TASK_TERMINATED'"
+              class="text-primary1">
               {{ item.details.taskDetails?.value }}
             </p>
             <p>{{ HistoryMessageAfter[item.taskHistoryType] }}</p>
diff --git a/src/components/task-detail/TaskDetailHistoryFile.vue b/src/components/task-detail/TaskDetailHistoryFile.vue
index 361975e..1c0e716 100644
--- a/src/components/task-detail/TaskDetailHistoryFile.vue
+++ b/src/components/task-detail/TaskDetailHistoryFile.vue
@@ -71,6 +71,7 @@
 <script setup lang="ts">
 import { deleteComment } from '@/api/user'
 import { fileIcon, menuDotIcon } from '@/constants/iconPath'
+import { useOutsideClick } from '@/hooks/useOutsideClick'
 import { useMemberStore } from '@/stores/member'
 import type { TaskDetailHistoryChatProps } from '@/types/common'
 import { formatTimeShort } from '@/utils/date'
@@ -80,7 +81,6 @@ import { computed, defineProps, ref } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
 import ImageContainer from '../common/ImageContainer.vue'
 import ModalView from '../common/ModalView.vue'
-import { useOutsideClick } from '@/hooks/useOutsideClick'
 
 const { history, requestorName, taskId } = defineProps<TaskDetailHistoryChatProps>()
 
diff --git a/src/components/task-detail/TaskDetailRight.vue b/src/components/task-detail/TaskDetailRight.vue
index e0ac4f7..c71b908 100644
--- a/src/components/task-detail/TaskDetailRight.vue
+++ b/src/components/task-detail/TaskDetailRight.vue
@@ -59,7 +59,7 @@
       <p class="task-detail">마감기한</p>
       <div v-if="data.dueDate">
         <div class="w-full flex justify-between items-center">
-          <p class="text-sm">{{ formatDueDate(data.dueDate)  }}</p>
+          <p class="text-sm">{{ formatDueDate(data.dueDate) }}</p>
         </div>
         <p class="text-red-1 text-xs font-semibold">{{ formatDaysBefore(data.dueDate) }}</p>
       </div>
diff --git a/src/components/task-detail/TaskDetailTopBar.vue b/src/components/task-detail/TaskDetailTopBar.vue
index 6738523..65f1e5f 100644
--- a/src/components/task-detail/TaskDetailTopBar.vue
+++ b/src/components/task-detail/TaskDetailTopBar.vue
@@ -151,6 +151,12 @@ const rejectRequest = async () => {
     backModal.value = true
     return
   }
+  if (rejectReason.value.length > 40) {
+    toggleModal('fail')
+    modalError.value = '40자 이내의 반려 사유를 입력해주세요'
+    backModal.value = true
+    return
+  }
   backModal.value = false
   await terminateTaskUser(id, rejectReason.value)
   modalSuccessMessage.value = '요청이 반려되었습니다'
diff --git a/src/components/task-detail/TaskStatusList.vue b/src/components/task-detail/TaskStatusList.vue
index 1dd7762..f6e3164 100644
--- a/src/components/task-detail/TaskStatusList.vue
+++ b/src/components/task-detail/TaskStatusList.vue
@@ -43,9 +43,9 @@ import type { TaskStatusListProps } from '@/types/user'
 import { axiosInstance } from '@/utils/axios'
 import { statusAsColor } from '@/utils/statusAsColor'
 import { useQueryClient } from '@tanstack/vue-query'
+import DOMPurify from 'dompurify'
 import { ref, watch } from 'vue'
 import ModalView from '../common/ModalView.vue'
-import DOMPurify from 'dompurify'
 
 const { modelValue, isProcessor, taskId } = defineProps<TaskStatusListProps>()
 const modalError = ref('')
@@ -101,6 +101,12 @@ const rejectRequest = async () => {
     backModal.value = true
     return
   }
+  if (rejectReason.value.length > 40) {
+    toggleModal('fail')
+    modalError.value = '40자 이내의 반려 사유를 입력해주세요'
+    backModal.value = true
+    return
+  }
   backModal.value = false
   await axiosInstance.patch(`/api/tasks/${taskId}/terminate`, {
     reason: DOMPurify.sanitize(rejectReason.value)
diff --git a/src/components/task-management/CategoryLine.vue b/src/components/task-management/CategoryLine.vue
index 0de86a2..76de63f 100644
--- a/src/components/task-management/CategoryLine.vue
+++ b/src/components/task-management/CategoryLine.vue
@@ -49,10 +49,10 @@
 <script setup lang="ts">
 import { deleteCategoryAdmin } from '@/api/admin'
 import type { CategoryAllData } from '@/types/admin'
+import { useQueryClient } from '@tanstack/vue-query'
 import { defineProps, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from '../common/ModalView.vue'
-import { useQueryClient } from '@tanstack/vue-query'
 
 const { categories } = defineProps<CategoryAllData>()
 const router = useRouter()
diff --git a/src/components/task-management/CategoryManagement.vue b/src/components/task-management/CategoryManagement.vue
index 826178e..7b2f15b 100644
--- a/src/components/task-management/CategoryManagement.vue
+++ b/src/components/task-management/CategoryManagement.vue
@@ -29,15 +29,15 @@
 </template>
 
 <script setup lang="ts">
+import { getCategory } from '@/api/common'
 import { plusIcon } from '@/constants/iconPath'
+import { useMemberStore } from '@/stores/member'
 import { useQuery } from '@tanstack/vue-query'
+import { storeToRefs } from 'pinia'
 import { useRouter } from 'vue-router'
 import CommonIcons from '../common/CommonIcons.vue'
 import CategoryLine from './CategoryLine.vue'
 import CategoryLineSub from './CategoryLineSub.vue'
-import { getCategory } from '@/api/common'
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
 
 const router = useRouter()
 
diff --git a/src/components/task-management/LabelManagementLine.vue b/src/components/task-management/LabelManagementLine.vue
index e28eef4..12db921 100644
--- a/src/components/task-management/LabelManagementLine.vue
+++ b/src/components/task-management/LabelManagementLine.vue
@@ -2,7 +2,7 @@
   <div class="w-full">
     <div
       v-for="label in labelData"
-      :key="label.labelId"
+      :key="label.labelId ?? -1"
       class="flex w-full flex-col">
       <div class="category-management-line justify-between bg-white">
         <div class="flex w-full gap-7 items-center px-3 relative">
@@ -20,7 +20,7 @@
               )?.fillColor
             }"
             class="w-4 h-4 rounded-full border-2 cursor-pointer pr-3 relative"
-            @click="isEdit && clickColor(label.labelId)"></div>
+            @click="isEdit && clickColor(label.labelId || -1)"></div>
           <ColorSelectModal
             v-if="isColorModalVisible && editValue.labelId === label.labelId"
             :is-open="isColorModalVisible && editValue.labelId === label.labelId"
diff --git a/src/components/team-board/TeamBoardFilterBar.vue b/src/components/team-board/TeamBoardFilterBar.vue
index cb9a6ff..4e7d836 100644
--- a/src/components/team-board/TeamBoardFilterBar.vue
+++ b/src/components/team-board/TeamBoardFilterBar.vue
@@ -22,15 +22,15 @@
 </template>
 
 <script setup lang="ts">
+import { getCategory } from '@/api/common'
+import { useTeamBoardParamsChange } from '@/hooks/useTeamBoardParamsChange'
+import { useMemberStore } from '@/stores/member'
 import { useTeamBoardParamsStore } from '@/stores/params'
 import { useQuery } from '@tanstack/vue-query'
+import { storeToRefs } from 'pinia'
 import FilterCategory from '../filters/FilterCategory.vue'
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { getCategory } from '@/api/common'
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
-import { useTeamBoardParamsChange } from '@/hooks/useTeamBoardParamsChange'
 
 const { params, $reset } = useTeamBoardParamsStore()
 $reset()
diff --git a/src/components/top-bar/NotificationModal.vue b/src/components/top-bar/NotificationModal.vue
index 7083a45..31b1b4d 100644
--- a/src/components/top-bar/NotificationModal.vue
+++ b/src/components/top-bar/NotificationModal.vue
@@ -63,10 +63,10 @@ import { axiosInstance } from '@/utils/axios'
 import InfiniteLoading from 'v3-infinite-loading'
 import 'v3-infinite-loading/lib/style.css'
 import { ref } from 'vue'
-import CommonIcons from '../common/CommonIcons.vue'
-import NotificationMessage from './NotificationMessage.vue'
 import { useRouter } from 'vue-router'
+import CommonIcons from '../common/CommonIcons.vue'
 import NoContent from '../lists/NoContent.vue'
+import NotificationMessage from './NotificationMessage.vue'
 
 const { isOpen } = defineProps<{
   isOpen: boolean
diff --git a/src/components/top-bar/SideBar.vue b/src/components/top-bar/SideBar.vue
index 6bcc695..07b9136 100644
--- a/src/components/top-bar/SideBar.vue
+++ b/src/components/top-bar/SideBar.vue
@@ -67,13 +67,13 @@
 </template>
 
 <script setup lang="ts">
-import { useRoute, useRouter } from 'vue-router'
-import { computed } from 'vue'
-import CommonIcons from '../common/CommonIcons.vue'
 import { hamburgerIcon } from '@/constants/iconPath'
-import { SIDE_USER_MENU, SIDE_MANAGER_MENU, SIDE_ADMIN_MENU } from '@/constants/menu'
+import { SIDE_ADMIN_MENU, SIDE_MANAGER_MENU, SIDE_USER_MENU } from '@/constants/menu'
 import { useMemberStore } from '@/stores/member'
 import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import CommonIcons from '../common/CommonIcons.vue'
 import ImageContainer from '../common/ImageContainer.vue'
 import MainLogo from '../common/MainLogo.vue'
 
diff --git a/src/components/top-bar/TopBar.vue b/src/components/top-bar/TopBar.vue
index d29efb4..ba57c9d 100644
--- a/src/components/top-bar/TopBar.vue
+++ b/src/components/top-bar/TopBar.vue
@@ -62,21 +62,21 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch } from 'vue'
-import CommonIcons from '../common/CommonIcons.vue'
-import SideBar from './SideBar.vue'
-import { hamburgerIcon } from '../../constants/iconPath'
-import NotificationIcon from '../icons/NotificationIcon.vue'
-import { storeToRefs } from 'pinia'
-import { useMemberStore } from '@/stores/member'
-import NotificationModal from './NotificationModal.vue'
-import ProfileModal from './ProfileModal.vue'
 import { getNotifiCount } from '@/api/common'
-import ImageContainer from '../common/ImageContainer.vue'
 import { useOutsideClick } from '@/hooks/useOutsideClick'
-import { useRouter } from 'vue-router'
 import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
+import { useMemberStore } from '@/stores/member'
+import { storeToRefs } from 'pinia'
+import { onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { hamburgerIcon } from '../../constants/iconPath'
+import CommonIcons from '../common/CommonIcons.vue'
+import ImageContainer from '../common/ImageContainer.vue'
 import MainLogo from '../common/MainLogo.vue'
+import NotificationIcon from '../icons/NotificationIcon.vue'
+import NotificationModal from './NotificationModal.vue'
+import ProfileModal from './ProfileModal.vue'
+import SideBar from './SideBar.vue'
 
 const memberStore = useMemberStore()
 const { isLogined, info } = storeToRefs(memberStore)
diff --git a/src/layout/TheView.vue b/src/layout/TheView.vue
index 1b0fc0b..8230a42 100644
--- a/src/layout/TheView.vue
+++ b/src/layout/TheView.vue
@@ -29,8 +29,8 @@
 import { ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
-import TaskDetail from '@/components/task-detail/TaskDetail.vue'
 import ModalView from '@/components/common/ModalView.vue'
+import TaskDetail from '@/components/task-detail/TaskDetail.vue'
 import { useErrorStore } from '@/stores/error'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
diff --git a/src/main.ts b/src/main.ts
index 167014d..8d41d9a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -3,9 +3,9 @@ import './assets/styles.css'
 import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 
+import { VueQueryPlugin } from '@tanstack/vue-query'
 import App from './App.vue'
 import router from './router'
-import { VueQueryPlugin } from '@tanstack/vue-query'
 
 const app = createApp(App)
 
diff --git a/src/router/index.ts b/src/router/index.ts
index db8a5de..20012d2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,8 +1,8 @@
 import { PERMITTED_URL } from '@/constants/common'
 import { useErrorStore } from '@/stores/error'
 import { useMemberStore } from '@/stores/member'
-import { createRouter, createWebHistory } from 'vue-router'
 import Cookies from 'js-cookie'
+import { createRouter, createWebHistory } from 'vue-router'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
diff --git a/src/stores/member.ts b/src/stores/member.ts
index d42572a..86716ea 100644
--- a/src/stores/member.ts
+++ b/src/stores/member.ts
@@ -1,8 +1,8 @@
-import { defineStore } from 'pinia'
-import { axiosInstance } from '@/utils/axios'
-import { ref } from 'vue'
 import type { User } from '@/types/auth'
+import { axiosInstance } from '@/utils/axios'
 import Cookies from 'js-cookie'
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
 
 export const useMemberStore = defineStore('memberInfo', () => {
   const INITIAL_INFO: User = {
diff --git a/src/stores/params.ts b/src/stores/params.ts
index 569f330..444c523 100644
--- a/src/stores/params.ts
+++ b/src/stores/params.ts
@@ -2,8 +2,8 @@ import type {
   LogsParams,
   MemberManagementParams,
   RequestParams,
-  TeamBoardParams,
-  TaskBoardParams
+  TaskBoardParams,
+  TeamBoardParams
 } from '@/types/stores'
 import { defineStore } from 'pinia'
 import { ref, watch } from 'vue'
diff --git a/src/types/admin.ts b/src/types/admin.ts
index dac479a..f278f0c 100644
--- a/src/types/admin.ts
+++ b/src/types/admin.ts
@@ -44,21 +44,10 @@ export interface UserRegistrationProps {
   departmentId?: number
 }
 
-export interface UserInfoForAdmin extends UserRegistrationProps {
-  profileImageUrl: string
-  departmentName: string
-}
-
 export type RoleTypes = '관리자' | '사용자' | '담당자'
 
 export type RoleTypesEnum = 'ROLE_ADMIN' | 'ROLE_USER' | 'ROLE_MANAGER'
 
-export interface CategoryLineProps {
-  name?: string
-  code?: string
-  mainCategoryId?: string
-}
-
 export interface CategoryAllData {
   categories: Category[]
 }
diff --git a/src/types/auth.ts b/src/types/auth.ts
index 97648f1..9e24b08 100644
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -15,8 +15,3 @@ export interface User {
     kakaoWork: boolean
   }
 }
-
-export interface loginDataTypes {
-  nickname: string
-  password: string
-}