diff --git a/src/pages/notfound/index.tsx b/src/pages/notfound/index.tsx
index c6c4185..e4929c5 100644
--- a/src/pages/notfound/index.tsx
+++ b/src/pages/notfound/index.tsx
@@ -2,4 +2,9 @@ import React from 'react';
 
 import * as S from './styled';
 
-export const NotFoundPage: React.FC = () => <S.NotFoundPage>404</S.NotFoundPage>;
+export const NotFoundPage: React.FC = () => (
+  <S.NotFoundPageContainer>
+    <S.NotFoundText>404</S.NotFoundText>
+    <S.NotFoundSubText>Error 404 Not Found</S.NotFoundSubText>
+  </S.NotFoundPageContainer>
+);
diff --git a/src/pages/notfound/styled.ts b/src/pages/notfound/styled.ts
index 36b117a..915a456 100644
--- a/src/pages/notfound/styled.ts
+++ b/src/pages/notfound/styled.ts
@@ -1,3 +1,19 @@
 import styled from '@emotion/styled';
 
-export const NotFoundPage = styled.div``;
+export const NotFoundPageContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+
+export const NotFoundText = styled.div`
+  font-size: 18rem;
+  font-weight: 700;
+  margin: 0.5rem;
+`;
+
+export const NotFoundSubText = styled.div`
+  font-size: 3rem;
+  font-weight: 700;
+  margin: 0.5rem;
+`;