diff --git a/src/assets/images/icons/ic_Arrow-dash-right.svg b/src/assets/images/icons/ic_Arrow-dash-right.svg
index e352a87..dcc3351 100644
--- a/src/assets/images/icons/ic_Arrow-dash-right.svg
+++ b/src/assets/images/icons/ic_Arrow-dash-right.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.25 12C4.25 11.5858 4.58579 11.25 5 11.25H19C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75H5C4.58579 12.75 4.25 12.4142 4.25 12Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4697 4.46967C11.7626 4.17678 12.2374 4.17678 12.5303 4.46967L19.5303 11.4697C19.8232 11.7626 19.8232 12.2374 19.5303 12.5303L12.5303 19.5303C12.2374 19.8232 11.7626 19.8232 11.4697 19.5303C11.1768 19.2374 11.1768 18.7626 11.4697 18.4697L17.9393 12L11.4697 5.53033C11.1768 5.23744 11.1768 4.76256 11.4697 4.46967Z" fill="black"/>
+<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.25 12C4.25 11.5858 4.58579 11.25 5 11.25H19C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75H5C4.58579 12.75 4.25 12.4142 4.25 12Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4697 4.46967C11.7626 4.17678 12.2374 4.17678 12.5303 4.46967L19.5303 11.4697C19.8232 11.7626 19.8232 12.2374 19.5303 12.5303L12.5303 19.5303C12.2374 19.8232 11.7626 19.8232 11.4697 19.5303C11.1768 19.2374 11.1768 18.7626 11.4697 18.4697L17.9393 12L11.4697 5.53033C11.1768 5.23744 11.1768 4.76256 11.4697 4.46967Z"/>
 </svg>
diff --git a/src/components/ToastHome/index.jsx b/src/components/ToastHome/index.jsx
new file mode 100644
index 0000000..9c03afd
--- /dev/null
+++ b/src/components/ToastHome/index.jsx
@@ -0,0 +1,13 @@
+import { PropTypes } from 'prop-types';
+
+const ToastHome = ({ errorMessage }) => {
+  ToastHome.propTypes = {
+    errorMessage: PropTypes.string.isRequired,
+  };
+  return (
+    <div className='fixed bottom-[100px] md:bottom-[60px] left-1/2 px-5 py-3 bg-black rounded-lg text-sm/[18px] font-medium text-white -translate-x-1/2 shadow-2pt animate-slide-up-fade-delete'>
+      {errorMessage}
+    </div>
+  );
+};
+export default ToastHome;
diff --git a/src/pages/Home/index.jsx b/src/pages/Home/index.jsx
index a75a43c..e47dbd2 100644
--- a/src/pages/Home/index.jsx
+++ b/src/pages/Home/index.jsx
@@ -1,21 +1,31 @@
 import { useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { getSubjectById, postSubject } from 'api/subjects';
+import ToastHome from 'components/ToastHome';
 import imgLogo from 'assets/images/img_Logo.svg';
 import imgBanner from 'assets/images/img_Banner.svg';
-import icArrowDashRight from 'assets/images/icons/ic_Arrow-dash-right.svg';
+import { ReactComponent as IcArrowDashRight } from 'assets/images/icons/ic_Arrow-dash-right.svg';
 import { ReactComponent as IcPerson } from 'assets/images/icons/ic_Person.svg';
 
 const Home = () => {
   const [name, setName] = useState('');
   const [errorMessage, setErrorMessage] = useState('');
+  const [toastHome, setToastHome] = useState(false);
   const navigate = useNavigate();
 
+  const toastTimer = () => {
+    setToastHome(true);
+    setTimeout(() => {
+      setToastHome(false);
+    }, 3000);
+  };
+
   const handleSubmit = async (e) => {
     e.preventDefault();
 
     if (!name.trim()) {
       setErrorMessage('이름을 입력해주세요.');
+      toastTimer();
       return;
     }
 
@@ -28,6 +38,7 @@ const Home = () => {
         navigate(`/post/${storedId}/answer`);
       } else {
         setErrorMessage('이전에 등록했던 이름을 입력해 주세요.');
+        toastTimer();
       }
     } else {
       const newSubject = await postSubject({ name: name.trim() });
@@ -41,14 +52,14 @@ const Home = () => {
 
   return (
     <div className='flex flex-col items-center relative overflow-hidden w-full h-screen bg-gray-20 z-[1]'>
-      <img src={imgLogo} alt='오픈마인드 로고' className='w-[248px] h-auto mt-[80px] mb-[24px] md:w-[456px] md:mt-[160px] z-[1]' />
+      <img src={imgLogo} alt='오픈마인드 로고' className='w-[248px] h-[98px] mt-[80px] mb-[24px] md:w-[456px] md:h-[180px] md:mt-[160px] z-[1]' />
       <div className='w-full flex justify-center md:absolute md:top-[45px] md:right-[50px] md:w-auto xl:right-[130px] z-[1]'>
         <Link
           to='/list'
-          className='flex gap-1 bg-brown-10 border border-brown-40 text-brown-40 py-[8px] px-[12px] rounded-lg transition-colors duration-300 hover:bg-brown-20 md:py-[12px] md:px-[24px]'
+          className='flex flex-row items-center justify-center gap-[4px] bg-brown-10 border-brown-40 border rounded-lg px-3 py-2 text-sm text-brown-40 font-normal whitespace-nowrap w-[127px] h-[34px] md:w-[166px] md:h-[46px] md:gap-[8px] md:text-base transition-colors duration-300 hover:bg-brown-20'
         >
           질문하러 가기
-          <img src={icArrowDashRight} alt='질문하러 가기 버튼' />
+          <IcArrowDashRight alt='질문하러 가기 버튼' className='fill-brown-40 w-[18px] h-[18px]' />
         </Link>
       </div>
 
@@ -64,7 +75,6 @@ const Home = () => {
           value={name}
           onChange={(e) => setName(e.target.value)}
         />
-        {errorMessage && <div className='text-[14px] mt-[8px] font-medium pl-[16px] text-red-50'>{errorMessage}</div>}
         <button
           type='submit'
           className='w-full mt-[16px] bg-brown-40 text-white text-[16px] leading-[22px] py-[12px] px-[24px] rounded-[8px] border-none cursor-pointer transition-colors duration-300 hover:bg-brown-50'
@@ -73,7 +83,9 @@ const Home = () => {
         </button>
       </form>
 
-      <img src={imgBanner} alt='오픈마인드 배너' className='absolute bottom-0 left-0 right-0 w-full z-0' />
+      <object data={imgBanner} type='image/svg+xml' className='absolute bottom-0 left-0 right-0 w-full z-0' aria-label='오픈마인드 배너' />
+
+      {toastHome && <ToastHome errorMessage={errorMessage} />}
     </div>
   );
 };