diff --git a/src/components/EditInformation.vue b/src/components/EditInformation.vue
index d33d9bbb..520f30cf 100644
--- a/src/components/EditInformation.vue
+++ b/src/components/EditInformation.vue
@@ -22,26 +22,48 @@
         class="mt-3"
         :url="previewUrl || info.profileImageUrl"
         :size="96" />
-
-      <label
-        for="fileInput"
-        class="mt-3 text-xs text-primary1 font-bold cursor-pointer"
-        >변경</label
-      >
+      <div class="flex gap-6">
+        <label
+          for="fileInput"
+          class="mt-3 text-xs text-primary1 font-bold cursor-pointer hover:underline"
+          >변경</label
+        >
+        <label
+          for="fileDelete"
+          class="mt-3 text-xs text-red-1 font-bold cursor-pointer hover:underline"
+          >삭제</label
+        >
+      </div>
       <input
         id="fileInput"
         type="file"
         @change="handleFileUpload"
         accept="image/*"
         class="hidden" />
+      <button
+        id="fileDelete"
+        type="button"
+        @click="handleFileDelete"
+        class="hidden" />
     </div>
-
-    <div class="flex flex-col">
+    <div class="flex flex-col relative">
       <p class="text-body text-xs font-bold">이름</p>
+      <span class="absolute top-1 right-2 text-xs text-gray-500"> {{ name.length }} / 10 </span>
       <input
-        class="input-box h-11 mt-2 text-black"
+        :class="[
+          'block w-full px-4 py-4 border rounded focus:outline-none h-11 mt-2 text-black',
+          isInvalid ? 'border-red-1' : 'border-border-1'
+        ]"
         placeholder="이름을 입력해주세요"
-        v-model="name" />
+        v-model="name"
+        maxlength="10"
+        ref="nameInput"
+        @blur="validateName" />
+      <span
+        v-show="isInvalid"
+        class="text-red-1 text-xs font-bold mt-1"
+        >이름에는 특수문자가 포함될 수 없습니다.</span
+      >
     </div>
     <div class="flex flex-col">
       <p class="text-body text-xs font-bold">아이디</p>
@@ -94,7 +116,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watchEffect } from 'vue'
+import { nextTick, ref, watchEffect } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from './ModalView.vue'
 import FormButtonContainer from './common/FormButtonContainer.vue'
@@ -112,10 +134,14 @@ const name = ref(info.value.name)
 const agitCheck = ref(info.value.notificationSettingInfo.agit)
 const emailCheck = ref(info.value.notificationSettingInfo.email)
 const kakaoWorkCheck = ref(info.value.notificationSettingInfo.kakaoWork)
+const imageDelete = ref(info.value.profileImageUrl == null ? true : false)
 
 const selectedFile = ref<File | null>(null)
 const previewUrl = ref<string | null>(null)
 
+const isInvalid = ref(false)
+const nameInput = ref<HTMLInputElement | null>(null)
+
 const isModalVisible = ref(false)
 const isWarnningModalVisible = ref(false)
 
@@ -128,6 +154,16 @@ watchEffect(() => {
   }
 })
 
+const validateName = () => {
+  const regex = /[!@#$%^&*(),.?":{}|<>]/g
+  isInvalid.value = regex.test(name.value)
+
+  if (isInvalid.value) {
+    nextTick(() => {
+      nameInput.value?.focus()
+    })
+  }
+}
 const handleCancel = () => {
   router.back()
 }
@@ -160,31 +196,43 @@ const handleFileUpload = (event: Event) => {
     selectedFile.value = target.files[0]
     previewUrl.value = URL.createObjectURL(selectedFile.value)
   }
+  imageDelete.value = false
 }
 
-const handleSubmit = async () => {
-  const formData = new FormData()
-  const memberInfo = {
-    name: name.value,
-    agitNotification: agitCheck.value,
-    emailNotification: emailCheck.value,
-    kakaoWorkNotification: kakaoWorkCheck.value
-  }
-  const jsonMemberInfo = JSON.stringify(memberInfo)
-  const newBlob = new Blob([jsonMemberInfo], { type: 'application/json' })
-
-  formData.append('memberInfo', newBlob)
-
-  if (selectedFile.value) {
-    formData.append('profileImage', selectedFile.value)
-  }
+const handleFileDelete = () => {
+  imageDelete.value = true
+  previewUrl.value = ''
+  info.value.profileImageUrl = ''
+}
 
-  try {
-    await patchEditInfo(formData)
-    isModalVisible.value = true
-    await memberStore.updateMemberInfoWithToken()
-  } catch (error) {
-    console.error('요청 실패:', error)
+const handleSubmit = async () => {
+  if (isInvalid.value == false) {
+    const formData = new FormData()
+    const memberInfo = {
+      name: name.value,
+      isProfileImageDeleted: imageDelete.value,
+      agitNotification: agitCheck.value,
+      emailNotification: emailCheck.value,
+      kakaoWorkNotification: kakaoWorkCheck.value
+    }
+    const jsonMemberInfo = JSON.stringify(memberInfo)
+    const newBlob = new Blob([jsonMemberInfo], { type: 'application/json' })
+
+    formData.append('memberInfo', newBlob)
+
+    if (selectedFile.value && imageDelete.value == false) {
+      formData.append('profileImage', selectedFile.value)
+    } else if (imageDelete.value == true) {
+      selectedFile.value = null
+    }
+
+    try {
+      await patchEditInfo(formData)
+      isModalVisible.value = true
+      await memberStore.updateMemberInfoWithToken()
+    } catch (error) {
+      console.error('요청 실패:', error)
+    }
   }
 }
 </script>
diff --git a/src/constants/iconPath.ts b/src/constants/iconPath.ts
index 6cb8a96f..0533515c 100644
--- a/src/constants/iconPath.ts
+++ b/src/constants/iconPath.ts
@@ -247,3 +247,19 @@ export const menuDotIcon = {
   height: 20,
   fill: '#71717A'
 }
+
+export const offEyeIcon = {
+  path: 'M23.257 10H23.262H23.252H23.257ZM22.552 9.48C22.652 9.798 22.94 9.998 23.257 10C23.327 10 23.404 9.98 23.482 9.96C23.872 9.84 24.092 9.41 23.962 9.02C23.932 8.93 20.932 0 12 0C3.06797 0 0.0669704 8.93 0.0369704 9.02C-0.0930296 9.41 0.12697 9.83 0.51697 9.96C0.91697 10.09 1.33697 9.87 1.46697 9.48L1.46997 9.475C1.60297 9.085 4.20697 1.5 12.01 1.5C19.852 1.5 22.442 9.15 22.552 9.48ZM8.49997 10C8.49997 9.07174 8.86872 8.1815 9.5251 7.52513C10.1815 6.86875 11.0717 6.5 12 6.5C12.9282 6.5 13.8185 6.86875 14.4748 7.52513C15.1312 8.1815 15.5 9.07174 15.5 10C15.5 10.9283 15.1312 11.8185 14.4748 12.4749C13.8185 13.1313 12.9282 13.5 12 13.5C11.0717 13.5 10.1815 13.1313 9.5251 12.4749C8.86872 11.8185 8.49997 10.9283 8.49997 10ZM12 5C10.6739 5 9.40212 5.52678 8.46444 6.46447C7.52675 7.40215 6.99997 8.67392 6.99997 10C6.99997 11.3261 7.52675 12.5979 8.46444 13.5355C9.40212 14.4732 10.6739 15 12 15C13.3261 15 14.5978 14.4732 15.5355 13.5355C16.4732 12.5979 17 11.3261 17 10C17 8.67392 16.4732 7.40215 15.5355 6.46447C14.5978 5.52678 13.3261 5 12 5Z',
+  width: 24,
+  height: 15,
+  fill: 'black'
+}
+export const onEyeIcon = {
+  path: 'M23.257 10H23.262H23.252H23.257ZM22.552 9.48C22.652 9.798 22.94 9.998 23.257 10C23.327 10 23.404 9.98 23.482 9.96C23.872 9.84 24.092 9.41 23.962 9.02C23.932 8.93 20.932 0 12 0C3.06797 0 0.0669704 8.93 0.0369704 9.02C-0.0930296 9.41 0.12697 9.83 0.51697 9.96C0.91697 10.09 1.33697 9.87 1.46697 9.48L1.46997 9.475C1.60297 9.085 4.20697 1.5 12.01 1.5C19.852 1.5 22.442 9.15 22.552 9.48ZM6.99997 10C6.99997 8.67392 7.52675 7.40215 8.46444 6.46447C9.40212 5.52678 10.6739 5 12 5C13.3261 5 14.5978 5.52678 15.5355 6.46447C16.4732 7.40215 17 8.67392 17 10C17 11.3261 16.4732 12.5979 15.5355 13.5355C14.5978 14.4732 13.3261 15 12 15C10.6739 15 9.40212 14.4732 8.46444 13.5355C7.52675 12.5979 6.99997 11.3261 6.99997 10Z',
+  width: 24,
+  height: 15,
+  fill: 'black'
+  // fill: 'none',
+  // Option: {
+  // }
+}
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 16fe12e8..2a687513 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -1,5 +1,12 @@
 <template>
   <div class="max-w-400">
+    <ModalView
+      :is-open="isModalVisible"
+      type="failType"
+      @close="closeModal">
+      <template #header>{{ messageHeader }}</template>
+      <template #body>{{ messageBody }}</template>
+    </ModalView>
     <div class="py-16">
       <TitleContainer
         :title="'TaskFlow\n로그인'"
@@ -34,7 +41,7 @@
     </form>
     <div class="flex w-full justify-center">
       <RouterLink
-        class="text-body font-bold text-[12px] hover:underline"
+        class="text-body font-bold text-[12px]"
         to="/pw-change-email"
         >비밀번호 재설정</RouterLink
       >
@@ -49,6 +56,7 @@ import { postLogin } from '@/api/auth'
 import { useMemberStore } from '@/stores/member'
 import TitleContainer from '@/components/common/TitleContainer.vue'
 import Cookies from 'js-cookie'
+import ModalView from '@/components/ModalView.vue'
 
 const router = useRouter()
 
@@ -56,6 +64,15 @@ const nickname = ref('')
 const password = ref('')
 const memberStore = useMemberStore()
 
+const messageHeader = ref('')
+const messageBody = ref('')
+
+const isModalVisible = ref(false)
+
+const closeModal = () => {
+  isModalVisible.value = false
+}
+
 const handleLogin = async () => {
   try {
     const loginData = {
@@ -83,7 +100,19 @@ const handleLogin = async () => {
       }
     }
   } catch (error) {
-    console.error('로그인 실패:', error)
+    switch (error?.response?.status) {
+      case 401:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '일치하는 정보가 없습니다'
+        messageBody.value = '닉네임과 비밀번호를 다시 확인해 주세요'
+        break
+
+      case 500:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '서버에 문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
+    }
   }
 }
 </script>
diff --git a/src/views/PwChange.vue b/src/views/PwChange.vue
index 9b5ee2a0..ec488f4e 100644
--- a/src/views/PwChange.vue
+++ b/src/views/PwChange.vue
@@ -3,7 +3,7 @@
     <ModalView
       :isOpen="isModalOpen"
       type="successType"
-      @close="pwChange">
+      @close="closeModal">
       <template #header> 비밀번호가 변경 되었습니다 </template>
       <template #body> 다시 로그인 해주세요 </template>
     </ModalView>
@@ -27,16 +27,35 @@
           v-model="newPw"
           placeholder="새 비밀번호를 입력해주세요"
           required
-          class="input-box" />
+          ref="passwordInput"
+          :class="[
+            'block w-full px-4 py-4 border rounded focus:outline-none',
+            isInvalid ? 'border-red-1' : 'border-border-1'
+          ]"
+          @blur="validatePassword" />
+        <p
+          v-show="isInvalid"
+          class="text-red-1 text-xs font-bold mt-1">
+          대문자, 소문자, 숫자, 특수문자 포함 8자-20자 입력해주세요
+        </p>
       </div>
       <div class="mb-8">
         <input
           type="password"
           id="checkPw"
           v-model="checkPw"
+          ref="checkPwInput"
           placeholder="새 비밀번호를 다시 입력해주세요"
           required
-          class="input-box" />
+          :class="[
+            'block w-full px-4 py-4 border rounded focus:outline-none',
+            isDifferent ? 'border-red-1' : 'border-border-1'
+          ]" />
+        <p
+          v-show="isDifferent"
+          class="text-red-1 text-xs font-bold mt-1">
+          비밀번호가 일치하지 않아요
+        </p>
       </div>
       <button
         type="submit"
@@ -49,7 +68,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { nextTick, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from '../components/ModalView.vue'
 import { deleteLogout, patchPassword } from '@/api/auth'
@@ -65,22 +84,43 @@ const newPw = ref('')
 const checkPw = ref('')
 const isModalOpen = ref(false)
 const router = useRouter()
+const isDifferent = ref(false)
+const checkPwInput = ref<HTMLInputElement | null>(null)
+const isInvalid = ref(false)
+const passwordInput = ref<HTMLInputElement | null>(null)
 
-const toggleModal = () => {
+const validatePassword = () => {
+  const regex = /^(?=.*[A-Z])(?=.*[a-z])(?=.*\d)(?=.*[!@#$%^&*()_+{}\[\]:;<>,.?/~`-]).{8,20}$/
+  isInvalid.value = !regex.test(newPw.value)
+
+  if (isInvalid.value) {
+    nextTick(() => {
+      passwordInput.value?.focus()
+    })
+  }
+}
+
+const openModal = () => {
+  isModalOpen.value = !isModalOpen.value
+}
+const closeModal = () => {
   isModalOpen.value = !isModalOpen.value
+  router.push('/login')
+  deleteLogout()
 }
 
 const handleChange = () => {
   if (newPw.value === checkPw.value) {
     patchPassword(newPw.value)
-    toggleModal()
+    pwChange()
+    openModal()
   } else {
+    isDifferent.value = true
+    checkPwInput.value?.focus()
   }
 }
 
 const pwChange = () => {
   isLogined.value = false
-  deleteLogout()
-  router.push('/login')
 }
 </script>
diff --git a/src/views/PwChangeEmail.vue b/src/views/PwChangeEmail.vue
index eac7f4f5..0171a3e2 100644
--- a/src/views/PwChangeEmail.vue
+++ b/src/views/PwChangeEmail.vue
@@ -1,12 +1,19 @@
 <template>
   <div class="max-w-400">
     <ModalView
-      :isOpen="isModalOpen"
+      :isOpen="isModalVisible"
       type="successType"
       @close="closeModal">
       <template #header> 인증 번호가 전송되었습니다 </template>
       <template #body> 이메일을 확인해주세요 </template>
     </ModalView>
+    <ModalView
+      :isOpen="isFailModalVisible"
+      type="failType"
+      @close="closeFailModal">
+      <template #header> {{ messageHeader }} </template>
+      <template #body> {{ messageBody }}</template>
+    </ModalView>
     <div class="py-16">
       <TitleContainer
         :title="'비밀번호\n재설정'"
@@ -50,17 +57,46 @@ import ModalView from '../components/ModalView.vue'
 import TitleContainer from '@/components/common/TitleContainer.vue'
 import { postPasswordEmailSend } from '@/api/auth'
 
+const messageHeader = ref('')
+const messageBody = ref('')
+const isModalVisible = ref(false)
+const isFailModalVisible = ref(false)
+
 const name = ref('')
 const email = ref('')
-const isModalOpen = ref(false)
 
 const closeModal = () => {
-  isModalOpen.value = !isModalOpen.value
+  isModalVisible.value = !isModalVisible.value
   router.push('/login')
 }
+const closeFailModal = () => {
+  isFailModalVisible.value = !isFailModalVisible.value
+}
+
+const handleCheck = async () => {
+  try {
+    await postPasswordEmailSend(name.value, email.value)
+    isModalVisible.value = !isModalVisible.value
+  } catch (error) {
+    switch (error?.response?.status) {
+      case 404:
+        isFailModalVisible.value = !isFailModalVisible.value
+        messageHeader.value = '일치하는 정보가 없습니다'
+        messageBody.value = '이메일과 이름을 다시 확인해 주세요'
+        break
+
+      case 500:
+        isFailModalVisible.value = !isFailModalVisible.value
+        messageHeader.value = '서버에 문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
 
-const handleCheck = () => {
-  postPasswordEmailSend(name.value, email.value)
-  isModalOpen.value = !isModalOpen.value
+      default:
+        isFailModalVisible.value = !isFailModalVisible.value
+        messageHeader.value = '문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
+    }
+  }
 }
 </script>
diff --git a/src/views/PwCheck.vue b/src/views/PwCheck.vue
index 4c28c7f2..4fbe03a0 100644
--- a/src/views/PwCheck.vue
+++ b/src/views/PwCheck.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="max-w-400">
     <div class="py-16">
+      <ModalView
+        :is-open="isModalVisible"
+        type="failType"
+        @close="closeModal">
+        <template #header>{{ messageHeader }}</template>
+        <template #body>{{ messageBody }}</template>
+      </ModalView>
       <TitleContainer
         :title="'비밀번호\n재설정'"
         :content="'비밀번호 재설정을 위해\n 현재 비밀번호를 입력해주세요'" />
@@ -34,11 +41,50 @@ import { ref } from 'vue'
 import router from '../router/index'
 import TitleContainer from '@/components/common/TitleContainer.vue'
 import { postPasswordCheck } from '@/api/auth'
+import ModalView from '@/components/ModalView.vue'
+
+const isModalVisible = ref(false)
+
+const messageHeader = ref('')
+const messageBody = ref('')
+
+const closeModal = () => {
+  isModalVisible.value = false
+}
 
 const pw = ref('')
 
-const handleCheck = () => {
-  postPasswordCheck(pw.value)
-  router.push('/pw-change')
+const handleCheck = async () => {
+  try {
+    await postPasswordCheck(pw.value)
+    router.push('/pw-change')
+  } catch (error) {
+    console.log(error?.response?.status)
+    switch (error?.response?.status) {
+      case 400:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '비밀번호가 일치 하지 않습니다'
+        messageBody.value = '다시 확인하여 주세요'
+        break
+
+      case 401:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '비밀번호가 일치 하지 않습니다'
+        messageBody.value = '다시 확인하여 주세요'
+        break
+
+      case 500:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '서버에 문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
+
+      default:
+        isModalVisible.value = !isModalVisible.value
+        messageHeader.value = '문제가 발생했습니다'
+        messageBody.value = '잠시후 다시 이용해주세요'
+        break
+    }
+  }
 }
 </script>