diff --git a/grass-diary/src/assets/svg/error_outline.svg b/grass-diary/src/assets/svg/error_outline.svg
index bcdaa65..3ebadce 100644
--- a/grass-diary/src/assets/svg/error_outline.svg
+++ b/grass-diary/src/assets/svg/error_outline.svg
@@ -1,3 +1,3 @@
 <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M33 45H39V51H33V45ZM33 21H39V39H33V21ZM35.97 6C19.41 6 6 19.44 6 36C6 52.56 19.41 66 35.97 66C52.56 66 66 52.56 66 36C66 19.44 52.56 6 35.97 6ZM36 60C22.74 60 12 49.26 12 36C12 22.74 22.74 12 36 12C49.26 12 60 22.74 60 36C60 49.26 49.26 60 36 60Z" fill="#5E5E5E" fill-opacity="0.46"/>
+<path d="M33 45H39V51H33V45ZM33 21H39V39H33V21ZM35.97 6C19.41 6 6 19.44 6 36C6 52.56 19.41 66 35.97 66C52.56 66 66 52.56 66 36C66 19.44 52.56 6 35.97 6ZM36 60C22.74 60 12 49.26 12 36C12 22.74 22.74 12 36 12C49.26 12 60 22.74 60 36C60 49.26 49.26 60 36 60Z" fill="#D8A100" fill-opacity="0.46"/>
 </svg>
diff --git a/grass-diary/src/pages/Error/NotFoundPage.tsx b/grass-diary/src/pages/Error/NotFoundPage.tsx
index c7115f1..11147b2 100644
--- a/grass-diary/src/pages/Error/NotFoundPage.tsx
+++ b/grass-diary/src/pages/Error/NotFoundPage.tsx
@@ -1,13 +1,14 @@
 import Footer from '@components/Layout/Footer';
 import Header from '@components/Layout/Header';
+import useIsMobile from '@hooks/useIsMobile';
 import * as S from '@styles/Error/NotFoundPage.style';
 import { semantic } from '@styles/semantic';
-import errorIcon from '@svg/error_outline.svg';
 import { ReactComponent as Arrow } from '@svg/chevron_right.svg';
 import { useNavigate } from 'react-router-dom';
 
 const NotFoundPage = () => {
   const navigate = useNavigate();
+  const isMobile = useIsMobile();
   const linkToMain = () => {
     navigate('/main');
   };
@@ -16,9 +17,11 @@ const NotFoundPage = () => {
       <Header />
       <S.Container>
         <S.ErrorSection>
-          <img src={errorIcon} />
+          <img src="../src/assets/svg/error_outline.svg" alt="error_image" />
           <S.ErrorTextBox>
-            <S.HeaderText>페이지를 찾을 수 없어요</S.HeaderText>
+            <S.HeaderText>
+              페이지를{isMobile ? <br /> : ' '}찾을 수 없어요
+            </S.HeaderText>
             <S.GuideText>
               주소가 잘못 입력되었거나 변경되었을 수 있어요. <br />
               정확한 주소인지 다시 한 번 확인해 주세요!
diff --git a/grass-diary/src/styles/Error/NotFoundPage.style.tsx b/grass-diary/src/styles/Error/NotFoundPage.style.tsx
index 978a06a..d12b134 100644
--- a/grass-diary/src/styles/Error/NotFoundPage.style.tsx
+++ b/grass-diary/src/styles/Error/NotFoundPage.style.tsx
@@ -42,14 +42,20 @@ export const ErrorTextBox = styled.div`
 `;
 
 export const HeaderText = styled.h1`
-  color: ${semantic.light.accent.solid.normal};
+  color: ${semantic.light.object.solid.hero};
 
   ${TYPO.display1}
+  @media screen and (max-width: 60em) {
+    ${TYPO.title3}
+  }
 `;
 
 export const GuideText = styled.span`
   color: ${semantic.light.object.transparent.neutral};
   ${TYPO.body4}
+  @media screen and (max-width: 60em) {
+    ${TYPO.body1}
+  }
 `;
 
 export const ErrorCode = styled.span`