From 22f68d27f54ef24ddd080cd8937d43473d2acbbf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=A4=80=ED=9D=AC?= <dev.junhui@gmail.com>
Date: Thu, 22 Feb 2024 23:30:43 +0900
Subject: [PATCH] =?UTF-8?q?Footer=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Common/Footer.tsx | 47 ++++++++++++++++++++++++++++++++++++++++++-
 src/GlobalStyle.ts    |  2 +-
 src/MainPage/List.tsx |  2 +-
 3 files changed, 48 insertions(+), 3 deletions(-)

diff --git a/src/Common/Footer.tsx b/src/Common/Footer.tsx
index c2afd71b8..2e5e30365 100644
--- a/src/Common/Footer.tsx
+++ b/src/Common/Footer.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
 
+import logo from '../Assets/img/ground.png';
+
 const Background = styled.div`
   width: 100.5%;
   margin-left: -4px;
@@ -13,8 +15,51 @@ const Background = styled.div`
   background-color: #363636;
 `;
 
+const FooterWrap = styled.div`
+  width: 70%;
+  height: 6rem;
+  display: flex;
+  justify-content: left;
+  margin-left: 2rem;
+  flex-wrap: wrap;
+  overflow: visible;
+  position: relative;
+  margin-top: 5rem;
+`;
+
+const FooterTitle = styled.div`
+  width: 100%;
+  height: 2rem;
+  position: relative;
+  color: #3ea88f;
+  line-height: 1rem;
+  font-weight: 2000;
+  font-size: 2.4rem;
+  text-align: left;
+  overflow: visible;
+  font-family: 'ESAM';
+`;
+
+const FooterText = styled.div`
+  width: 100%;
+  position: relative;
+  color: #6a6a6a;
+  font-weight: 2000;
+  font-size: 1rem;
+  text-align: left;
+  overflow: visible;
+`;
+
 const Footer: React.FC = () => {
-  return <Background></Background>;
+  return (
+    <Background>
+      <FooterWrap>
+        <FooterTitle>킥오프</FooterTitle>
+        <FooterText>Copyright © 2024. KICK OFF All Rights Reserved.</FooterText>
+        <FooterText>dev.junhui@gmail.com</FooterText>
+      </FooterWrap>
+    </Background>
+  );
 };
 
 export default Footer;
diff --git a/src/GlobalStyle.ts b/src/GlobalStyle.ts
index 1925c7339..6f7e797e8 100644
--- a/src/GlobalStyle.ts
+++ b/src/GlobalStyle.ts
@@ -18,7 +18,7 @@ const GlobalStyle = createGlobalStyle`
 
     body{
     background-color: #2f2f2f;
-    height: 140rem;
+    height: 100%;
   }
 
 `;
diff --git a/src/MainPage/List.tsx b/src/MainPage/List.tsx
index a0bd0ca8a..55b614f01 100644
--- a/src/MainPage/List.tsx
+++ b/src/MainPage/List.tsx
@@ -142,7 +142,7 @@ const PostImage = styled.img`
 
   @media (max-width: 600px) {
     width: 100%;
-    height: 20rem;
+    height: 10rem;
   }
 `;