diff --git a/components/header/Header.tsx b/components/header/Header.tsx
deleted file mode 100644
index f108d80..0000000
--- a/components/header/Header.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import styled from "styled-components";
-import { HeaderMenu } from "./HeaderMenu";
-import { HeaderTitle } from "./HeaderTitle";
-
-export const Header = () => {
-  return (
-    <Wrapper>
-      <WrapperInner>
-        <HeaderTitle />
-        <HeaderMenu />
-      </WrapperInner>
-    </Wrapper>
-  );
-};
-
-const Wrapper = styled.section`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: center;
-`;
-const WrapperInner = styled.div`
-  display: flex;
-  flex-direction: column;
-  max-width: 1024px;
-`;
diff --git a/components/header/HeaderMenu.tsx b/components/header/HeaderMenu.tsx
deleted file mode 100644
index c7781bc..0000000
--- a/components/header/HeaderMenu.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import styled from "styled-components";
-
-export const HeaderMenu = () => {
-  return <Wrapper>헤더</Wrapper>;
-};
-
-const Wrapper = styled.section`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`;
diff --git a/components/header/HeaderTitle.tsx b/components/header/HeaderTitle.tsx
deleted file mode 100644
index 06b6d94..0000000
--- a/components/header/HeaderTitle.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import styled from "styled-components";
-
-export const HeaderTitle = () => {
-  return <Wrapper></Wrapper>;
-};
-
-const Wrapper = styled.section`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding: 0 12px;
-  height: 40px;
-`;