diff --git a/src/pages/deleteModal.module.css b/src/pages/deleteModal.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..b27da53f3bec7a657ad3b76595802296a896b1dd
--- /dev/null
+++ b/src/pages/deleteModal.module.css
@@ -0,0 +1,56 @@
+/* deleteModal.css */
+
+.Demodal {
+  display: flex;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5); /* 반투명한 배경 */
+  justify-content: center;
+  align-items: center;
+  z-index: 10000;
+  
+}
+.Demodal .open {
+  display: flex;
+}
+
+
+
+.Demodal_content{
+  background-color: white;
+  padding: 20px;
+  border-radius: 5px;
+  position: relative;
+  width: 300px;
+  padding: 20px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.Demodal_content button{
+  background-color: #8393BE;
+  color: white;
+  height: 40px;
+  width: 300px;
+  padding: 10px 20px;
+  margin: 5px;
+  font-size: 16px;
+  cursor: pointer;
+  border: none;
+  border-radius: 5px;
+  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* 그림자 추가 */
+  transition: background-color 0.3s, color 0.3s, transform 0.3s;
+}
+.method_text{
+  margin-bottom: 5%;
+  font-size: 18px;
+  
+  text-align: center;
+
+}
+