diff --git a/components/Advertisement.tsx b/components/Advertisement.tsx
index bbef10d..01bae0d 100644
--- a/components/Advertisement.tsx
+++ b/components/Advertisement.tsx
@@ -2,7 +2,7 @@ import { useEffect } from 'react'
 
 const Advertisement = (): JSX.Element => {
 	useEffect(() => window.adsbygoogle.push({}), [])
-	return <div className={`my-1 mx-auto py-12 w-full text-center text-white ${process.env.NODE_ENV === 'production' ? '' : 'bg-gray-700'}`}>
+	return <div className={`z-10 my-1 mx-auto py-12 w-full text-center text-white ${process.env.NODE_ENV === 'production' ? '' : 'bg-gray-700'}`}>
 		{
 			process.env.NODE_ENV === 'production' ?  <ins
 				className='adsbygoogle mb-5 w-full'
diff --git a/components/Search.tsx b/components/Search.tsx
index c11373e..e695f81 100644
--- a/components/Search.tsx
+++ b/components/Search.tsx
@@ -26,7 +26,7 @@ const Search = (): JSX.Element => {
 
 	}
 	return <>
-		<div className='relative w-full mt-5 text-black bg-white dark:text-gray-100 dark:bg-very-black flex rounded-lg'>
+		<div className='relative w-full mt-5 text-black bg-white dark:text-gray-100 dark:bg-very-black flex rounded-lg z-30'>
 			<input maxLength={50} onFocus={() => setHidden(false)} onBlur={() => setHidden(true)}  className='bg-transparent flex-grow outline-none border-none shadow border-0 py-3 px-7 pr-20 h-16 text-xl' placeholder='검색...' value={query} onChange={(e)=> {
 				SearchResults(e.target.value)
 			}} />