From 98bfdf9f4cae38287e73a457574906b01ef2fc42 Mon Sep 17 00:00:00 2001
From: CJY <cjy3458@naver.com>
Date: Fri, 1 Mar 2024 03:09:28 +0900
Subject: [PATCH] =?UTF-8?q?Feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EC=8B=A4?=
 =?UTF-8?q?=ED=8C=A8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/login/failed/FailedMessage.tsx |  9 ++++----
 src/pages/login/failed.tsx                    | 21 ++++++++++---------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/components/login/failed/FailedMessage.tsx b/src/components/login/failed/FailedMessage.tsx
index 60ac7666..edb5acc6 100644
--- a/src/components/login/failed/FailedMessage.tsx
+++ b/src/components/login/failed/FailedMessage.tsx
@@ -11,7 +11,7 @@ const FailedMessage = () => {
         <Image src={alert} alt="알림" width="20px" height="20px" />
         <StMessageText>알림</StMessageText>
       </div>
-      <StMessageText>로그인 실패: 등록되지 않은 이메일입니다. 올바른 이메일을 입력해주세요.</StMessageText>
+      <StMessageText>등록되지 않은 이메일입니다. 올바른 이메일을 입력해주세요.</StMessageText>
     </MessageWrapper>
   );
 };
@@ -24,9 +24,9 @@ const MessageWrapper = styled.div`
   justify-content: center;
   align-items: center;
 
-  width: 46rem;
+  width: 54rem;
   height: 12rem;
-  padding: 2rem 0;
+  padding: 3rem 0;
 
   background: #f5f5f5;
   border-radius: 20px;
@@ -35,9 +35,9 @@ const MessageWrapper = styled.div`
     display: flex;
     justify-content: center;
     align-items: center;
-
     div {
       margin-left: 5px;
+      margin-bottom: 1rem;
     }
   }
 `;
@@ -48,4 +48,5 @@ const StMessageText = styled.div`
   font-weight: 500;
   font-size: 17px;
   color: #2d2d2d;
+  margin-top: 1rem;
 `;
diff --git a/src/pages/login/failed.tsx b/src/pages/login/failed.tsx
index a22d5028..b03ff051 100644
--- a/src/pages/login/failed.tsx
+++ b/src/pages/login/failed.tsx
@@ -4,21 +4,22 @@ import FailedMessage from 'src/components/login/failed/FailedMessage';
 import LayoutNoHeight from '@common/layout/LayoutNoHeight';
 
 const LoginFailed = () => {
-    return (
-        <Wrapper>
-            <FailedMessage />
-        </Wrapper>
-    );
+  return (
+    <Wrapper>
+      <FailedMessage />
+    </Wrapper>
+  );
 };
 
 export default LoginFailed;
 
 LoginFailed.getLayout = function getLayout(page: ReactElement) {
-    return <LayoutNoHeight>{page}</LayoutNoHeight>;
+  return <LayoutNoHeight>{page}</LayoutNoHeight>;
 };
 
 const Wrapper = styled.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-`;
\ No newline at end of file
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-top: 12rem;
+`;