feat: 레이아웃만 추가

src/pages/main/Main.tsx

@@ -1,6 +1,7 @@
 import { useState } from "react";
 import * as S from "./Main.styled";
 
+import MainNavigation from "./components/mainNavigation/MainNavigation";
 import Carousel from "./components/carousel/Carousel";
 import Chips from "./components/chips/Chips";
 import Performance from "./components/performance/Performance";
@@ -17,6 +18,7 @@ const Main = () => {
 
   return (
     <S.MainWrapper>
+      <MainNavigation />
       <Carousel promotionList={dummyData.promotionList} />
       <Chips handleGenre={handleGenre} />
       <Performance genre={genre} performanceList={dummyData.performanceList} />

src/pages/main/components/carousel/Carousel.styled.ts

@@ -1,6 +1,7 @@
 import styled from "styled-components";
 
 export const CarouselWarpper = styled.div`
+  position: relative;
   width: 100%;
   overflow: hidden;
 `;

src/pages/main/components/mainNavigation/MainNavigation.styled.ts

@@ -0,0 +1,13 @@
+import styled from "styled-components";
+
+export const MainNavigationWrapper = styled.section`
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 37.5rem;
+  height: 5.6rem;
+
+  color: white;
+`;

src/pages/main/components/mainNavigation/MainNavigation.tsx

@@ -0,0 +1,8 @@
+import React from "react";
+import * as S from "./MainNavigation.styled";
+
+const MainNavigation = () => {
+  return <S.MainNavigationWrapper>테스트테스트테스트</S.MainNavigationWrapper>;
+};
+
+export default MainNavigation;