diff --git a/client/src/components/Logins/EmailLogin.tsx b/client/src/components/Logins/EmailLogin.tsx
index df5e4bed..549b24cc 100644
--- a/client/src/components/Logins/EmailLogin.tsx
+++ b/client/src/components/Logins/EmailLogin.tsx
@@ -99,6 +99,7 @@ const ModalBackground = styled.div`
 `;
 
 const ModalContainer = styled.div`
+  z-index:4000;
   position: relative;
   background-color: white;
   padding: 20px;
diff --git a/client/src/components/Logins/LoginConfirmatationModal.tsx b/client/src/components/Logins/LoginConfirmatationModal.tsx
index 38b263e1..f4675ee5 100644
--- a/client/src/components/Logins/LoginConfirmatationModal.tsx
+++ b/client/src/components/Logins/LoginConfirmatationModal.tsx
@@ -37,6 +37,7 @@ const ModalBackground = styled.div`
 `;
 
 const ModalContainer = styled.div`
+  z-index:4000;
   position: relative;
   background-color: white;
   padding: 20px;
diff --git a/client/src/components/Logins/OAuthLogin.tsx b/client/src/components/Logins/OAuthLogin.tsx
index 40a63266..7a3aa809 100644
--- a/client/src/components/Logins/OAuthLogin.tsx
+++ b/client/src/components/Logins/OAuthLogin.tsx
@@ -64,6 +64,7 @@ const ModalBackground = styled.div`
 `;
 
 const ModalContainer = styled.div`
+    z-index:4000;
     position: relative;
     background-color: white;
     padding: 20px;
diff --git a/client/src/components/Signups/EmailCertify.tsx b/client/src/components/Signups/EmailCertify.tsx
index 327e449d..d2a7f218 100644
--- a/client/src/components/Signups/EmailCertify.tsx
+++ b/client/src/components/Signups/EmailCertify.tsx
@@ -122,7 +122,8 @@ const ModalBackground = styled.div`
 
 // 모달의 컨테이너 스타일
 const ModalContainer = styled.div`
-position: relative;
+  z-index:4000;
+  position: relative;
   background-color: white;
   padding: 20px;
   width: 400px;
diff --git a/client/src/components/Signups/EmailSignup.tsx b/client/src/components/Signups/EmailSignup.tsx
index 16a9aa9d..ed986ea0 100644
--- a/client/src/components/Signups/EmailSignup.tsx
+++ b/client/src/components/Signups/EmailSignup.tsx
@@ -108,6 +108,7 @@ const ModalBackground = styled.div`
 
 //모달 컨테이너
 const ModalContainer = styled.div`
+  z-index:4000;
   position: relative;
   background-color: white;
   padding: 20px;
diff --git a/client/src/components/Signups/Password.tsx b/client/src/components/Signups/Password.tsx
index 01c13aa0..25ec5b01 100644
--- a/client/src/components/Signups/Password.tsx
+++ b/client/src/components/Signups/Password.tsx
@@ -147,6 +147,7 @@ const ModalBackground = styled.div`
 
 // 모달 컨테이너 스타일
 const ModalContainer = styled.div`
+  z-index:4000;
   position: relative;
   background-color: white;
   padding: 20px;
diff --git a/client/src/components/Signups/Welcome.tsx b/client/src/components/Signups/Welcome.tsx
index 057c9b37..a20ca6f2 100644
--- a/client/src/components/Signups/Welcome.tsx
+++ b/client/src/components/Signups/Welcome.tsx
@@ -58,6 +58,7 @@ const ModalBackground = styled.div`
 `;
 
 const ModalContainer = styled.div`
+  z-index:4000;
   position: relative;
   background-color: white;
   padding: 20px;