diff --git a/src/pages/join.css b/src/pages/join.module.css
similarity index 93%
rename from src/pages/join.css
rename to src/pages/join.module.css
index 890b6db472350f4e16ae7d91b9f8b6b0f89ce5e0..a14335722cdeb14e92d53d53bf10592544fad164 100644
--- a/src/pages/join.css
+++ b/src/pages/join.module.css
@@ -33,12 +33,12 @@
     font-family: "Poppins";
 }  
 
-#checkId, #checkNickname{
+.checkId, .checkNickname{
     position: relative;
     top: -22px;
     width: 60px;
     height: 30px;
-    margin-left: 230px;
+    margin-left: 240px;
     margin-top:-100px;
     background-color: #F7F8F8;
     border: 1px solid #7e7c7c;
@@ -53,7 +53,7 @@
     cursor: pointer;
 }
 
-.input-with-img{
+.input_with_img{
     height: 20px;
     width: 300px;
 
@@ -73,7 +73,7 @@
     /*margin-bottom: -18px;*/
 }
 
-.input-with-img input{
+.input_with_img input{
     border: none;
     outline: none; /* 선택 시 나타나는 외곽선 제거 */
     background-color: #F7F8F8;
@@ -84,7 +84,7 @@
 
 }
 
-.input-with-img img{
+.input_with_img img{
     margin-left:-100px;
 }
 
@@ -94,13 +94,13 @@
     align-items: flex-end;
 }
 
-.eye-img{
+.eye_img{
     color:#F7F8F8;
     margin-right: -30px;
     margin-top: -25px;
 }
 
-#register{
+.register{
     height: 60px;
     width: 330px;
   
@@ -160,8 +160,8 @@
     color:red;
 }
 
-.id-el, .password-el, .nickname-el, .email-el, .name-el{
+.id_el, .password_el, .nickname_el, .email_el, .name_el{
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-}
\ No newline at end of file
+}