chore: 스타일 코드 디렉토리 및 파일 분리(#120)

src/app/search/page.tsx

@@ -1,10 +1,10 @@
-import SearchBodySection from '@/components/search/SearchBodySection';
-import SearchHeadSection from '@/components/search/SearchHeadSection';
+import SearchBodySection from '@/components/search/searchBodySection/SearchBodySection';
+import SearchHeaderSection from '@/components/search/searchHeaderSection/SearchHeaderSection';
 
 const SearchPage = () => {
 	return (
 		<>
-			<SearchHeadSection />
+			<SearchHeaderSection />
 			<SearchBodySection />
 		</>
 	);

src/components/search/SearchForm.tsx

@@ -1,5 +1,5 @@
-import SearchHeaderForm from './SearchHeaderForm';
-import SearchPageForm from './SearchPageForm';
+import SearchHeaderForm from './searchHeaderForm/SearchHeaderForm';
+import SearchPageForm from './searchPageForm/SearchPageForm';
 
 interface SearchFormProps {
 	type: string;

src/components/search/SearchResult.tsx

@@ -1,8 +1,8 @@
 import { ISearchResult, ISearchResultList } from '@/types/search';
 import React from 'react';
 import Loading from '../common/Loading';
-import SearchFound from './SearchFound';
-import SearchNotFound from './SearchNotFound';
+import SearchFound from './searchFound/SearchFound';
+import SearchNotFound from './searchNotFound/SearchNotFound';
 
 interface SearchResultProps {
 	searchResult: ISearchResult | ISearchResultList | undefined;

src/components/search/autoCompleteContainer/AutoCompleteContainer.styled.ts

@@ -0,0 +1,27 @@
+import styled from 'styled-components';
+
+export const BoxWrapper = styled.div`
+	display: flex;
+	flex-direction: column;
+	width: 40vw;
+	background-color: white;
+	margin-left: 2%;
+	gap: 10px;
+	box-shadow: 2px 2px 2px black;
+	z-index: 1;
+`;
+
+export const ItemWrapper = styled.div`
+	padding: 15px;
+	font-size: 1.4rem;
+	cursor: pointer;
+	&:hover {
+		background-color: lightgrey;
+	}
+`;
+
+export const NoResultWrapper = styled.span`
+	padding: 15px;
+	font-size: 1.4rem;
+	box-shadow: 2px 2px 2px black;
+`;