diff --git a/client/src/App.tsx b/client/src/App.tsx
index cb4707e..a24b381 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -12,7 +12,6 @@ import TestPage from './pages/TestPage';
 import ComparePage from './pages/ComparePage';
 import TestResultPage from './pages/TestResultPage';
 import MainPage from './pages/MainPage';
-import Footer from './components/common/Footer';
 import ServiceGuidePage from './pages/ServiceGuidePage';
 
 const MainLayout = () => {
@@ -21,7 +20,6 @@ const MainLayout = () => {
       <div className=" min-h-screen flex flex-col">
         <main style={{ minHeight: 'calc(100vh - 50px - 80px)' }}>
           <Outlet />
-          <Footer />
         </main>
       </div>
     </>
diff --git a/client/src/components/common/Modal.tsx b/client/src/components/common/Modal.tsx
index 8991768..83aa8f5 100644
--- a/client/src/components/common/Modal.tsx
+++ b/client/src/components/common/Modal.tsx
@@ -41,7 +41,7 @@ const Modal: React.FC<ModalProps> = ({
       {isOpen && (
         <motion.div
           key="backdrop"
-          className="fixed left-1/2 top-0 bottom-0 -translate-x-1/2 w-full max-w-[600px] bg-black/50 flex justify-center items-center z-50"
+          className="fixed left-1/2 top-0 bottom-0 -translate-x-1/2 w-full max-w-[600px] bg-black/50 flex justify-center items-center z-100"
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           exit={{ opacity: 0 }}