diff --git a/src/components/my-request/MyRequestFilterBar.vue b/src/components/my-request/MyRequestFilterBar.vue
index 4d90dd5e..f8980594 100644
--- a/src/components/my-request/MyRequestFilterBar.vue
+++ b/src/components/my-request/MyRequestFilterBar.vue
@@ -42,14 +42,17 @@ import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
 import FilterInput from '../filters/FilterInput.vue'
 import { useRequestParamsChange } from '../hooks/useRequestParamsChange'
 import { getCategory } from '@/api/common'
+import { useMemberStore } from '@/stores/member'
 
 const store = useRequestParamsStore()
 store.$reset()
 
 const onParamsChange = useRequestParamsChange()
 
+const { isLogined } = useMemberStore()
 const { data } = useQuery({
   queryKey: ['category'],
-  queryFn: getCategory
+  queryFn: getCategory,
+  enabled: !!isLogined
 })
 </script>
diff --git a/src/components/my-request/MyRequestList.vue b/src/components/my-request/MyRequestList.vue
index 8409cfd3..a2f2bc88 100644
--- a/src/components/my-request/MyRequestList.vue
+++ b/src/components/my-request/MyRequestList.vue
@@ -33,6 +33,7 @@ import ListPagination from '../lists/ListPagination.vue'
 import NoContent from '../lists/NoContent.vue'
 import MyRequestListBar from './MyRequestListBar.vue'
 import MyRequestListCard from './MyRequestListCard.vue'
+import { useMemberStore } from '@/stores/member'
 
 const { params } = useRequestParamsStore()
 const onPageChange = (value: number) => {
@@ -46,9 +47,11 @@ const fetchMyRequestList = async () => {
   return response.data
 }
 
+const { isLogined } = useMemberStore()
 const { data } = useQuery<MyRequestResponse>({
   queryKey: ['myRequest', params],
-  queryFn: fetchMyRequestList
+  queryFn: fetchMyRequestList,
+  enabled: !!isLogined
 })
 
 const totalPage = computed(() => {
diff --git a/src/components/my-task/MyTaskList.vue b/src/components/my-task/MyTaskList.vue
index 6e1c03dd..017e3417 100644
--- a/src/components/my-task/MyTaskList.vue
+++ b/src/components/my-task/MyTaskList.vue
@@ -33,6 +33,7 @@ import type { MyTaskResponse } from '@/types/manager'
 import { useQuery } from '@tanstack/vue-query'
 import { computed } from 'vue'
 import NoContent from '../lists/NoContent.vue'
+import { useMemberStore } from '@/stores/member'
 
 const { params } = useRequestParamsStore()
 const onPageChange = (value: number) => {
@@ -46,9 +47,11 @@ const fetchMyTaskList = async () => {
   return response.data
 }
 
+const { isLogined } = useMemberStore()
 const { data } = useQuery<MyTaskResponse>({
   queryKey: ['myTask', params],
-  queryFn: fetchMyTaskList
+  queryFn: fetchMyTaskList,
+  enabled: !!isLogined
 })
 
 const totalPage = computed(() => {
diff --git a/src/components/request-history/RequestHistoryList.vue b/src/components/request-history/RequestHistoryList.vue
index f3ef6028..9acf0b90 100644
--- a/src/components/request-history/RequestHistoryList.vue
+++ b/src/components/request-history/RequestHistoryList.vue
@@ -33,6 +33,7 @@ import { useQuery } from '@tanstack/vue-query'
 import { computed } from 'vue'
 import type { RequestHistoryResponse } from '@/types/manager'
 import NoContent from '../lists/NoContent.vue'
+import { useMemberStore } from '@/stores/member'
 
 const { params } = useRequestParamsStore()
 const onPageChange = (value: number) => {
@@ -46,9 +47,11 @@ const fetchRequestHistoryList = async () => {
   return response.data
 }
 
+const { isLogined } = useMemberStore()
 const { data } = useQuery<RequestHistoryResponse>({
   queryKey: ['requestHistory', params],
-  queryFn: fetchRequestHistoryList
+  queryFn: fetchRequestHistoryList,
+  enabled: !!isLogined
 })
 
 const totalPage = computed(() => {
diff --git a/src/components/request-task/CategoryDropDown.vue b/src/components/request-task/CategoryDropDown.vue
index 5e3a78b9..1950c7f6 100644
--- a/src/components/request-task/CategoryDropDown.vue
+++ b/src/components/request-task/CategoryDropDown.vue
@@ -17,8 +17,8 @@
       ref="htmlRef"
       class="relative flex">
       <div
-        class="flex w-full h-11 items-center rounded p-4 border border-border-1 cursor-pointer text-black"
-        :class="isDisabled ? 'bg-background-2' : 'bg-white'"
+        class="flex w-full h-11 items-center rounded p-4 border border-border-1 text-black"
+        :class="isDisabled ? 'bg-background-2 cursor-default' : 'bg-white cursor-pointer'"
         @click="toggleDropdown">
         <p :class="{ 'text-disabled': !modelValue?.name }">
           {{ modelValue?.name ?? labelName + '를 선택해주세요' }}
diff --git a/src/components/requested/RequestedList.vue b/src/components/requested/RequestedList.vue
index a2defa6f..06f509fa 100644
--- a/src/components/requested/RequestedList.vue
+++ b/src/components/requested/RequestedList.vue
@@ -33,6 +33,7 @@ import { useQuery } from '@tanstack/vue-query'
 import { computed } from 'vue'
 import type { RequestedResponse } from '@/types/manager'
 import NoContent from '../lists/NoContent.vue'
+import { useMemberStore } from '@/stores/member'
 
 const { params } = useRequestParamsStore()
 const onPageChange = (value: number) => {
@@ -46,9 +47,11 @@ const fetchRequestedList = async () => {
   return response.data
 }
 
+const { isLogined } = useMemberStore()
 const { data } = useQuery<RequestedResponse>({
   queryKey: ['requested', params],
-  queryFn: fetchRequestedList
+  queryFn: fetchRequestedList,
+  enabled: !!isLogined
 })
 
 const totalPage = computed(() => {
diff --git a/src/components/requested/RequestedListCard.vue b/src/components/requested/RequestedListCard.vue
index d73509fe..a307ee7b 100644
--- a/src/components/requested/RequestedListCard.vue
+++ b/src/components/requested/RequestedListCard.vue
@@ -30,7 +30,7 @@
 
   <ModalView
     :is-open="isModalVisible.reject"
-    @update:model-value="value => (rejectReason = value)"
+    @update:model-value="value => (rejectReason = value || '')"
     type="inputType"
     @close="closeModal"
     @click="rejectRequest">
diff --git a/src/components/statistics/StatisticsCard.vue b/src/components/statistics/StatisticsCard.vue
index 84f1f439..351b8330 100644
--- a/src/components/statistics/StatisticsCard.vue
+++ b/src/components/statistics/StatisticsCard.vue
@@ -35,6 +35,7 @@ import type { PeriodType } from '@/types/manager'
 import { axiosInstance } from '@/utils/axios'
 import { useQuery } from '@tanstack/vue-query'
 import type { StatisticsData } from '@/types/admin'
+import { useMemberStore } from '@/stores/member'
 
 const { title, statisticsType, chartType } = defineProps<{
   title: string
@@ -64,9 +65,11 @@ const fetchStatistics = async () => {
   return response.data
 }
 
+const { isLogined } = useMemberStore()
 const { data } = useQuery<StatisticsData[]>({
   queryKey: computed(() => [statisticsType, periodType]),
-  queryFn: fetchStatistics
+  queryFn: fetchStatistics,
+  enabled: !!isLogined
 })
 
 const labels = computed(() => {
diff --git a/src/components/statistics/StatisticsCategoryCard.vue b/src/components/statistics/StatisticsCategoryCard.vue
index 371b4641..e99036ff 100644
--- a/src/components/statistics/StatisticsCategoryCard.vue
+++ b/src/components/statistics/StatisticsCategoryCard.vue
@@ -37,6 +37,7 @@ import type { PeriodType } from '@/types/manager'
 import { axiosInstance } from '@/utils/axios'
 import { useQuery } from '@tanstack/vue-query'
 import type { StatisticsData } from '@/types/admin'
+import { useMemberStore } from '@/stores/member'
 
 const periodType = ref<PeriodType>('DAY')
 const changePeriod = (newPeriodType: PeriodType) => {
@@ -56,9 +57,11 @@ const fetchMainStatistics = async () => {
 
   return response.data
 }
+const { isLogined } = useMemberStore()
 const { data: mainData } = useQuery<StatisticsData[]>({
   queryKey: computed(() => ['REQUEST_BY_CATEGORY', periodType]),
-  queryFn: fetchMainStatistics
+  queryFn: fetchMainStatistics,
+  enabled: !!isLogined
 })
 const mainLabels = computed(() => {
   return mainData.value?.map(el => el.key) || []
diff --git a/src/components/task-detail/TaskDetail.vue b/src/components/task-detail/TaskDetail.vue
index 920ec75b..2d37d717 100644
--- a/src/components/task-detail/TaskDetail.vue
+++ b/src/components/task-detail/TaskDetail.vue
@@ -7,7 +7,7 @@
     <div
       v-if="selectedId"
       @click.stop
-      class="flex flex-col overflow-y-auto rounded-lg w-full max-w-[1104px] min-w-[768px] h-[calc(100%-96px)] bg-white shadow-custom p-6 fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50">
+      class="flex flex-col overflow-y-auto rounded-lg w-[calc(100%-96px)] max-w-[1104px] min-w-[768px] h-[calc(100%-96px)] bg-white shadow-custom py-6 fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50">
       <TaskDetailTopBar
         v-if="data"
         :is-approved="isApproved"
@@ -17,8 +17,8 @@
         :isRequestor="data?.requesterNickName === info.nickname" />
       <div
         v-if="data"
-        class="w-full flex gap-6 relative overflow-y-auto">
-        <div class="w-full flex flex-col gap-y-8 overflow-y-auto scrollbar-hide">
+        class="w-full flex relative overflow-y-auto">
+        <div class="w-full flex flex-col gap-y-8 overflow-y-auto scrollbar-hide p-6">
           <TaskDetailLeft :data="data" />
           <div class="w-full h-[1px] bg-border-1 shrink-0"></div>
           <TaskDetailHistory
diff --git a/src/components/task-detail/TaskDetailDropdown.vue b/src/components/task-detail/TaskDetailDropdown.vue
index fb0390b8..5e829141 100644
--- a/src/components/task-detail/TaskDetailDropdown.vue
+++ b/src/components/task-detail/TaskDetailDropdown.vue
@@ -1,43 +1,43 @@
 <template>
-  <div>
-    <div class="relative flex">
+  <div
+    ref="htmlRef"
+    class="relative flex">
+    <div
+      class="task-detail-dropdown"
+      @click="toggleDropdown">
+      <div class="flex gap-2">
+        <div class="w-6 h-6 rounded-full overflow-hidden">
+          <img
+            src="/images/mockProfile.jpg"
+            alt="userProfile" />
+        </div>
+        <p class="text-black">
+          {{ modelValue }}
+        </p>
+      </div>
+      <CommonIcons
+        :name="dropdownIcon"
+        :class="['ml-auto', { 'rotate-180': dropdownOpen }]" />
+    </div>
+    <div
+      v-if="dropdownOpen"
+      class="task-detail-dropdown-option-list">
       <div
-        class="task-detail-dropdown"
-        @click="toggleDropdown">
-        <div class="flex gap-2">
+        v-for="option in options"
+        :key="option"
+        class="task-detail-dropdown-option justify-between"
+        @click="selectOption(option)">
+        <div class="flex gap-2 items-center">
           <div class="w-6 h-6 rounded-full overflow-hidden">
             <img
-              src="/images/mockProfile.jpg"
+              :src="processor.profileUrl"
               alt="userProfile" />
           </div>
-          <p class="text-black">
-            {{ modelValue }}
+          <p class="text-sm">
+            {{ option }}
           </p>
         </div>
-        <CommonIcons
-          :name="dropdownIcon"
-          :class="['ml-auto', { 'rotate-180': dropdownOpen }]" />
-      </div>
-      <div
-        v-if="dropdownOpen"
-        class="task-detail-dropdown-option-list">
-        <div
-          v-for="option in options"
-          :key="option"
-          class="task-detail-dropdown-option justify-between"
-          @click="selectOption(option)">
-          <div class="flex gap-2 items-center">
-            <div class="w-6 h-6 rounded-full overflow-hidden">
-              <img
-                :src="processor.profileUrl"
-                alt="userProfile" />
-            </div>
-            <p class="text-sm">
-              {{ option }}
-            </p>
-          </div>
-          <p class="text-primary1 text-xs">잔여 작업 : {{ 3 }}</p>
-        </div>
+        <p class="text-primary1 text-xs">잔여 작업 : {{ 3 }}</p>
       </div>
     </div>
   </div>
@@ -48,6 +48,7 @@ import { dropdownIcon } from '@/constants/iconPath'
 import type { TaskDetailDropdownProps } from '@/types/user'
 import { ref } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
+import { useOutsideClick } from '../hooks/useOutsideClick'
 
 const { options, modelValue, processor } = defineProps<TaskDetailDropdownProps>()
 const emit = defineEmits(['update:modelValue'])
@@ -61,4 +62,6 @@ const selectOption = (option: string) => {
   emit('update:modelValue', option)
   dropdownOpen.value = false
 }
+
+const { htmlRef } = useOutsideClick(() => dropdownOpen.value && toggleDropdown())
 </script>
diff --git a/src/components/task-detail/TaskDetailLeft.vue b/src/components/task-detail/TaskDetailLeft.vue
index ca4e215d..c7b12d6e 100644
--- a/src/components/task-detail/TaskDetailLeft.vue
+++ b/src/components/task-detail/TaskDetailLeft.vue
@@ -14,11 +14,11 @@
     </div>
     <div>
       <p class="task-detail">부가 설명</p>
-      <p class="px-6 py-4 bg-primary2 rounded-lg font-normal min-h-[120px]">
+      <p class="px-6 py-4 bg-primary2 rounded-lg font-normal min-h-[120px] whitespace-pre-wrap">
         {{ data.description }}
       </p>
     </div>
-    <div>
+    <div v-if="data.attachmentResponses.length !== 0">
       <p class="task-detail">첨부 파일</p>
       <TaskDetailFiles :files="data.attachmentResponses" />
     </div>
diff --git a/src/components/task-detail/TaskDetailManagerDropdown.vue b/src/components/task-detail/TaskDetailManagerDropdown.vue
index 772ded8f..df36a88d 100644
--- a/src/components/task-detail/TaskDetailManagerDropdown.vue
+++ b/src/components/task-detail/TaskDetailManagerDropdown.vue
@@ -1,47 +1,43 @@
 <template>
-  <div>
+  <div
+    ref="htmlRef"
+    class="relative flex">
     <div
-      ref="htmlRef"
-      class="relative flex">
+      class="task-detail-manager-dropdown"
+      @click="toggleDropdown">
+      <div class="flex gap-2 items-center">
+        <div class="w-5 h-5 rounded-full overflow-hidden">
+          <img
+            :src="modelValue?.imageUrl || '/images/mockProfile.jpg'"
+            alt="userProfile" />
+        </div>
+        <p>
+          {{ modelValue?.nickname }}
+        </p>
+      </div>
+      <CommonIcons
+        :name="dropdownIcon"
+        :class="['ml-auto', { 'rotate-180': dropdownOpen }]" />
+    </div>
+    <div
+      v-if="dropdownOpen"
+      class="request-task-dropdown-option-list">
       <div
-        class="task-detail-manager-dropdown"
-        @click="toggleDropdown">
-        <div class="flex gap-2 items-center">
-          <div
-            v-if="modelValue"
-            class="w-5 h-5 rounded-full overflow-hidden">
+        v-for="option in managerArr"
+        :key="option.memberId"
+        class="request-task-dropdown-option justify-between"
+        @click="selectOption(option)">
+        <div class="flex gap-2">
+          <div class="w-5 h-5 rounded-full overflow-hidden">
             <img
-              :src="modelValue?.imageUrl || '/images/mockProfile.jpg'"
+              :src="option.imageUrl || '/images/mockProfile.jpg'"
               alt="userProfile" />
           </div>
           <p>
-            {{ modelValue?.nickname }}
+            {{ option.nickname }}
           </p>
         </div>
-        <CommonIcons
-          :name="dropdownIcon"
-          :class="['ml-auto', { 'rotate-180': dropdownOpen }]" />
-      </div>
-      <div
-        v-if="dropdownOpen"
-        class="request-task-dropdown-option-list">
-        <div
-          v-for="option in managerArr"
-          :key="option.memberId"
-          class="request-task-dropdown-option justify-between"
-          @click="selectOption(option)">
-          <div class="flex gap-2">
-            <div class="w-5 h-5 rounded-full overflow-hidden">
-              <img
-                :src="option.imageUrl || '/images/mockProfile.jpg'"
-                alt="userProfile" />
-            </div>
-            <p>
-              {{ option.nickname }}
-            </p>
-          </div>
-          <p class="text-primary1 text-xs">잔여 작업 : {{ option.remainingTasks }}</p>
-        </div>
+        <p class="text-primary1 text-xs">잔여 작업 : {{ option.remainingTasks }}</p>
       </div>
     </div>
   </div>
diff --git a/src/components/task-detail/TaskDetailRight.vue b/src/components/task-detail/TaskDetailRight.vue
index 3fa2fe92..39ac8724 100644
--- a/src/components/task-detail/TaskDetailRight.vue
+++ b/src/components/task-detail/TaskDetailRight.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="sticky top-0 min-w-60 flex flex-col gap-y-6 pb-6 text-black overflow-y-auto">
+  <div class="sticky top-0 w-[280px] shrink-0 flex flex-col gap-y-6 text-black overflow-y-auto p-6">
     <div>
       <p class="task-detail">고유코드</p>
       <p class="text-sm text-black">{{ data.taskCode || '-' }}</p>
diff --git a/src/components/task-detail/TaskDetailTopBar.vue b/src/components/task-detail/TaskDetailTopBar.vue
index 05ac4c2c..c8069403 100644
--- a/src/components/task-detail/TaskDetailTopBar.vue
+++ b/src/components/task-detail/TaskDetailTopBar.vue
@@ -1,39 +1,40 @@
 <template>
-  <div class="w-full flex justify-between items-center bg-white">
-    <div class="flex gap-4 text-sm font-bold pb-6">
+  <div class="w-full flex justify-between items-center bg-white px-6">
+    <div class="flex gap-2 text-sm font-bold">
       <div
         v-if="isApproved && isRequestor"
         @click="router.push(`/task-request?requestType=re&id=${id}`)"
-        class="flex gap-1 items-center cursor-pointer">
+        class="flex gap-1 items-center cursor-pointer p-1 hover:bg-background-2 rounded">
         <CommonIcons :name="reRequestIcon" />
         <p class="text-body">재요청</p>
       </div>
       <div
         v-if="!isApproved && isRequestor"
         @click="router.push(`/task-request?requestType=edit&id=${id}`)"
-        class="flex gap-1 items-center cursor-pointer">
+        class="flex gap-1 items-center cursor-pointer p-1 hover:bg-background-2 rounded">
         <CommonIcons :name="modificationIcon" />
         <p class="text-primary1">요청 수정</p>
       </div>
       <div
         @click="ApproveTask"
         v-if="isProcessor && !isApproved"
-        class="flex gap-1 items-center cursor-pointer">
+        class="flex gap-1 items-center cursor-pointer p-1 hover:bg-background-2 rounded">
         <CommonIcons :name="approveIcon" />
         <p class="text-primary1">요청 승인</p>
       </div>
       <div
         @click="cancelTask"
         v-if="!isApproved && (isRequestor || isProcessor)"
-        class="flex gap-1 items-center cursor-pointer">
+        class="flex gap-1 items-center cursor-pointer p-1 hover:bg-background-2 rounded">
         <CommonIcons :name="cancelIcon" />
         <p class="text-red-1">요청 취소</p>
       </div>
     </div>
-    <CommonIcons
-      :name="closeIcon"
+    <button
       @click="closeTaskDetail"
-      class="cursor-pointer" />
+      class="hover:bg-background-2 p-[2px] rounded">
+      <CommonIcons :name="closeIcon" />
+    </button>
     <ModalView
       type="inputType"
       :is-open="isModalOpen.cancel"
diff --git a/src/components/task-detail/TaskStatusList.vue b/src/components/task-detail/TaskStatusList.vue
index c6417a1f..e0e1a2a2 100644
--- a/src/components/task-detail/TaskStatusList.vue
+++ b/src/components/task-detail/TaskStatusList.vue
@@ -2,7 +2,7 @@
   <div class="flex flex-wrap items-center gap-2.5">
     <ModalView
       :is-open="isModalVisible.reject"
-      @update:model-value="value => (rejectReason = value)"
+      @update:model-value="value => (rejectReason = value || '')"
       type="inputType"
       @close="closeModal"
       @click="rejectRequest">
@@ -79,13 +79,13 @@ const closeModal = () => {
 }
 
 const textColor = (taskStatus: Status) => {
-  return currentStatus.value === taskStatus ? 'text-white' : `text-${statusAsColor(taskStatus)}-1`
+  return currentStatus.value === taskStatus ? 'text-white' : `text-gray-1`
 }
 
 const bgColor = (taskStatus: Status) => {
   return currentStatus.value === taskStatus
     ? `bg-${statusAsColor(taskStatus)}-1`
-    : `bg-${statusAsColor(taskStatus)}-2`
+    : `bg-gray-2${isProcessor ? ' hover:bg-background-1' : ''}`
 }
 
 const rejectRequest = async () => {
diff --git a/src/components/top-bar/TopBar.vue b/src/components/top-bar/TopBar.vue
index 065ab70a..7afd9e7e 100644
--- a/src/components/top-bar/TopBar.vue
+++ b/src/components/top-bar/TopBar.vue
@@ -86,6 +86,8 @@ onMounted(async () => {
     if (!PERMITTED_URL.ROLE_MANAGER.includes(originUrl)) router.push('/my-task')
   } else if (info.value.role === 'ROLE_ADMIN') {
     if (!PERMITTED_URL.ROLE_ADMIN.includes(originUrl)) router.push('/member-management')
+  } else {
+    if (!PERMITTED_URL.UNKNOWN.includes(originUrl)) router.push('/login')
   }
 })
 
@@ -96,7 +98,6 @@ const isNotifiVisible = ref(false)
 const isProfileVisible = ref(false)
 
 const fetchNotificationCount = async () => {
-  if (!isLogined.value) return
   try {
     const data = await getNotifiCount()
     countNotifi.value = data.count
@@ -118,12 +119,6 @@ const onCloseSide = () => {
   document.body.style.overflow = ''
 }
 
-watch(isLogined, newValue => {
-  if (newValue) {
-    location.reload() // 페이지 새로고침
-  }
-})
-
 watch(
   () => info.value,
   async newInfo => {
diff --git a/src/constants/iconPath.ts b/src/constants/iconPath.ts
index 161d2042..6cb8a96f 100644
--- a/src/constants/iconPath.ts
+++ b/src/constants/iconPath.ts
@@ -120,9 +120,9 @@ export const clockIcon = {
 }
 
 export const closeIcon = {
-  path: 'M7.99997 8.93288L4.7333 12.1995C4.61108 12.3218 4.45553 12.3829 4.26664 12.3829C4.07775 12.3829 3.92219 12.3218 3.79997 12.1995C3.67775 12.0773 3.61664 11.9218 3.61664 11.7329C3.61664 11.544 3.67775 11.3884 3.79997 11.2662L7.06664 7.99954L3.79997 4.73288C3.67775 4.61066 3.61664 4.4551 3.61664 4.26621C3.61664 4.07732 3.67775 3.92177 3.79997 3.79954C3.92219 3.67732 4.07775 3.61621 4.26664 3.61621C4.45553 3.61621 4.61108 3.67732 4.7333 3.79954L7.99997 7.06621L11.2666 3.79954C11.3889 3.67732 11.5444 3.61621 11.7333 3.61621C11.9222 3.61621 12.0777 3.67732 12.2 3.79954C12.3222 3.92177 12.3833 4.07732 12.3833 4.26621C12.3833 4.4551 12.3222 4.61066 12.2 4.73288L8.9333 7.99954L12.2 11.2662C12.3222 11.3884 12.3833 11.544 12.3833 11.7329C12.3833 11.9218 12.3222 12.0773 12.2 12.1995C12.0777 12.3218 11.9222 12.3829 11.7333 12.3829C11.5444 12.3829 11.3889 12.3218 11.2666 12.1995L7.99997 8.93288Z',
-  width: 16,
-  height: 16,
+  path: 'M12 13.3998L7.10005 18.2998C6.91672 18.4831 6.68338 18.5748 6.40005 18.5748C6.11672 18.5748 5.88338 18.4831 5.70005 18.2998C5.51672 18.1165 5.42505 17.8831 5.42505 17.5998C5.42505 17.3165 5.51672 17.0831 5.70005 16.8998L10.6 11.9998L5.70005 7.0998C5.51672 6.91647 5.42505 6.68314 5.42505 6.3998C5.42505 6.11647 5.51672 5.88314 5.70005 5.6998C5.88338 5.51647 6.11672 5.4248 6.40005 5.4248C6.68338 5.4248 6.91672 5.51647 7.10005 5.6998L12 10.5998L16.9 5.6998C17.0834 5.51647 17.3167 5.4248 17.6 5.4248C17.8834 5.4248 18.1167 5.51647 18.3 5.6998C18.4834 5.88314 18.575 6.11647 18.575 6.3998C18.575 6.68314 18.4834 6.91647 18.3 7.0998L13.4 11.9998L18.3 16.8998C18.4834 17.0831 18.575 17.3165 18.575 17.5998C18.575 17.8831 18.4834 18.1165 18.3 18.2998C18.1167 18.4831 17.8834 18.5748 17.6 18.5748C17.3167 18.5748 17.0834 18.4831 16.9 18.2998L12 13.3998Z',
+  width: 24,
+  height: 24,
   fill: '#18181B'
 }
 
diff --git a/src/utils/axios.ts b/src/utils/axios.ts
index de4651c4..afbac70d 100644
--- a/src/utils/axios.ts
+++ b/src/utils/axios.ts
@@ -7,7 +7,6 @@ const getNewAccessToken = async () => {
   console.log('토큰 재발급 시도')
   try {
     const refreshToken = Cookies.get('refreshToken')
-    console.log(refreshToken)
     const response = await axios.post(
       baseURL + '/api/auths/reissuance',
       {},
@@ -17,16 +16,13 @@ const getNewAccessToken = async () => {
     )
     Cookies.set('accessToken', response.data.accessToken)
     Cookies.set('refreshToken', response.data.newRefreshToken)
-    console.log('토큰 발행 성공')
-
-    console.log(response.data)
 
     return response.data.accessToken
   } catch (e) {
     console.error('토큰 발행 실패', e)
     Cookies.remove('accessToken')
     Cookies.remove('refreshToken')
-    window.location.href = '/login'
+    window.location.href = 'login'
   }
 }
 const setInterceptors = (instance: AxiosInstance) => {
@@ -52,25 +48,29 @@ const setInterceptors = (instance: AxiosInstance) => {
         console.log('상태확인 에러메세지:', error.response)
         switch (error.response.status) {
           case 401:
-            console.error('인증 오류: 다시 로그인하세요.')
+            Cookies.remove('accessToken')
+            Cookies.remove('refreshToken')
+            window.location.href = 'login'
             break
           case 403: {
-            console.error('권한 오류: 접근 권한이 없습니다.')
-
-            const originalRequest = error.config
-            if (!originalRequest._retry) {
-              originalRequest._retry = true
+            if (error.response.data !== 'AUTH_002') {
+              Cookies.remove('accessToken')
+              const originalRequest = error.config
+              if (!originalRequest._retry) {
+                originalRequest._retry = true
 
-              try {
-                console.log('토큰이 만료됨')
-                const newAccessToken = await getNewAccessToken()
+                try {
+                  console.log('토큰이 만료됨')
+                  const newAccessToken = await getNewAccessToken()
 
-                originalRequest.headers.Authorization = `Bearer ${newAccessToken}`
-                return instance(originalRequest)
-              } catch (err) {
-                console.error('토큰 갱신 실패:', err)
+                  originalRequest.headers.Authorization = `Bearer ${newAccessToken}`
+                  return instance(originalRequest)
+                } catch (err) {
+                  console.error('토큰 갱신 실패:', err)
+                }
               }
             }
+
             break
           }
           case 404:
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index e332f5ff..cae6d7df 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -34,7 +34,7 @@
     </form>
     <div class="flex w-full justify-center">
       <RouterLink
-        class="text-body font-bold text-[12px]"
+        class="text-body font-bold text-[12px] hover:underline"
         to="/pw-change-email"
         >비밀번호 재설정</RouterLink
       >