style: Logo 삽입

@@ -7,7 +7,21 @@ import Input from '../components/common/Input';
 
 
 const Main = styled.div`
 const Main = styled.div`
   display: flex;
   display: flex;
-  height: 100vh;
+  align-items: center;
+  justify-content: center;
+  padding-left: 7%;
+`;
+
+const Container = styled.div`
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+`;
+
+const LogoWrap = styled.div`
+  display: flex;
+  margin-top: 11%;
+  height: 30vh;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
 `;
 `;
@@ -23,10 +37,17 @@ const LoginButtonBlock = styled.div`
   right: 20px;
   right: 20px;
 `;
 `;
 
 
+const SLink = styled(Link)`
+  text-decoration: none !important;
+`;
+
 const HomePage = () => {
 const HomePage = () => {
   return (
   return (
+    <Container>
+      <LogoWrap>
+        <img src="eDrive_logo.png" alt="" />
+      </LogoWrap>
       <Main>
       <Main>
-      <div>logo</div>
         <SearchBlock>
         <SearchBlock>
           <DropDownButton
           <DropDownButton
             fontsize="20px"
             fontsize="20px"
@@ -43,11 +64,12 @@ const HomePage = () => {
 
 
         {/* Todo : 로그인 했을 경우 로그인 버튼 숨기기 */}
         {/* Todo : 로그인 했을 경우 로그인 버튼 숨기기 */}
         <LoginButtonBlock>
         <LoginButtonBlock>
-        <Link to="/login">
+          <SLink to="/login">
             <Button>로그인</Button>
             <Button>로그인</Button>
-        </Link>
+          </SLink>
         </LoginButtonBlock>
         </LoginButtonBlock>
       </Main>
       </Main>
+    </Container>
   );
   );
 };
 };