From 80a3abfee55bcfcddc13810964a0e78fcc330a1b Mon Sep 17 00:00:00 2001
From: solar3070 <>
Date: Fri, 20 Oct 2023 00:33:25 +0900
Subject: [PATCH] =?UTF-8?q?style:=20404=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/sopt_404.png | Bin 2002 -> 0 bytes
 src/pages/404.tsx              |  34 ++++++++++-----------------------
 2 files changed, 10 insertions(+), 24 deletions(-)
 delete mode 100644 src/assets/images/sopt_404.png

diff --git a/src/assets/images/sopt_404.png b/src/assets/images/sopt_404.png
deleted file mode 100644
index cd4b47e308f21602c0d50b2b3c847d1f1341e958..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2002
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

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index a789cab9..cddaba92 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,11 +1,8 @@
 import styled from '@emotion/styled';
-import Image from 'next/image';
 import { useRouter } from 'next/router';
-import Sopt404 from '@src/assets/images/sopt_404.png';
 import { Header } from '@src/components';
 import RoundButton from '@src/components/common/RoundButton';
-import { useIsDesktop } from '@src/hooks/useDevice';
-import { mainColor } from '@src/lib/styles/colors';
+import { colors } from '@src/lib/styles/colors';
 
 function Wrong() {
   const router = useRouter();
@@ -13,21 +10,12 @@ function Wrong() {
   const handleButtonClick = () => {
     router.push('/');
   };
-  const isDesktop = useIsDesktop();
 
   return (
     <>
       <Header />
       <Styled.Root>
-        <Image
-          src={Sopt404.src}
-          width={isDesktop ? 296 : 196}
-          height={isDesktop ? 78 : 52}
-          alt="솝트 공식 로고"
-          blurDataURL={Sopt404.src}
-          placeholder="blur"
-        />
-        <span>잘못된 경로예요!</span>
+        <span>잘못된 경로예요</span>
         <RoundButton onClick={handleButtonClick} isReverse={true}>
           홈으로 가기
         </RoundButton>
@@ -44,20 +32,18 @@ const Styled = {
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    gap: 48px;
+
     width: 100%;
     height: 100vh;
 
     & span {
-      margin-top: 99px;
-      margin-bottom: 99px;
-      line-height: 56px;
-      color: ${mainColor.soptWhite};
-      font-size: 45px;
-      font-weight: 400;
-      font-style: normal;
-      @media (max-width: 769px) {
-        font-size: 24px;
-      }
+      color: ${colors.gray10};
+
+      font-size: 48px;
+      font-weight: 600;
+      line-height: 150%; /* 72px */
+      letter-spacing: -0.96px;
     }
   `,
 };