diff --git a/src/components/signup.js b/src/components/signup.js
index 98f4b0b..729dbd6 100644
--- a/src/components/signup.js
+++ b/src/components/signup.js
@@ -46,7 +46,6 @@ function SignUp() {
   const onSubmit = useCallback(
     (event) => {
       // event.preventDefault();
-      console.log(email, nickname, password);
       setSignupSuccess(false);
       axios
         .post(
@@ -62,7 +61,6 @@ function SignUp() {
         )
         .then((res) => {
           if (res.data.statusCode === 200) {
-            console.log(res);
             setSignupSuccess(true);
           } else {
             setSignupSuccess(false);
@@ -90,44 +88,34 @@ function SignUp() {
   }, []);
 
   // 이메일 인증 검사(메일 발송)
-  const onClickEmail = useCallback(
-    (event) => {
-      // event.preventDefault();
-      console.log(email);
-      axios
-        .post(process.env.REACT_APP_SERVER_URL + "/emails", {
-          email: email,
-        })
-        .then((res) => {
-          if (res.data.statusCode === 200) {
-            console.log(res.data);
-            setEmailExist(false);
-          } else {
-            setEmailExist(true);
-            setEmailAuthMsg("이미 가입된 이메일입니다");
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          console.log("hi");
+  const onClickEmail = useCallback(() => {
+    axios
+      .post(process.env.REACT_APP_SERVER_URL + "/emails", {
+        email: email,
+      })
+      .then((res) => {
+        if (res.data.statusCode === 200) {
+          setEmailExist(false);
+        } else {
           setEmailExist(true);
           setEmailAuthMsg("이미 가입된 이메일입니다");
-        });
-    },
-    [email]
-  );
+        }
+      })
+      .catch((err) => {
+        setEmailExist(true);
+        setEmailAuthMsg("이미 가입된 이메일입니다");
+      });
+  }, [email]);
 
   // 이메일 인증 코드 검증
   const onClickAuthEmail = useCallback(
     (event) => {
-      console.log(emailAuth);
       axios
         .post(process.env.REACT_APP_SERVER_URL + "/emails/auth", {
           email: email,
           authCode: emailAuth,
         })
         .then((res) => {
-          console.log(res);
           if (res.data.statusCode === 200) {
             setIsEmailAuth(true);
             setEmailMessage("이메일 인증이 완료되었습니다");
@@ -159,7 +147,7 @@ function SignUp() {
           nickname: nicknameCurrent,
         })
         .then((res) => {
-          console.log(res);
+          // console.log(res);
           if (res.data.statusCode === 200) {
             checkExNickname(true);
             setExNicknameMsg("사용 가능한 닉네임입니다");
@@ -167,7 +155,6 @@ function SignUp() {
             setIsNickname(true);
           } else {
             checkExNickname(false);
-            console.log("hi");
             setExNicknameMsg("이미 사용중인 닉네임입니다");
             setIsNickname(false);
           }
diff --git a/src/statics/css/modal.css b/src/statics/css/modal.css
index 94035f3..a324e95 100644
--- a/src/statics/css/modal.css
+++ b/src/statics/css/modal.css
@@ -38,7 +38,7 @@
   text-align: center;
 }
 .modal > section > main .body-heading1 {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 19px;
   color: #434343;
   margin-bottom: 10px;
@@ -87,6 +87,7 @@
   color: white;
   margin-left: 6px;
   margin-bottom: 1.5px;
+  font-size: 12px;
 }
 .modal > section > main .btn-m {
   cursor: pointer;
@@ -97,7 +98,7 @@
   width: 20%;
   border: none;
   background: #6667ab;
-  border-radius: 10px;
+  border-radius: 7px;
 }
 .modal > section > footer {
   padding: 12px 16px;
@@ -117,4 +118,28 @@
   animation: modal-bg-show 0.3s;
 }
 
+.btn-xs {
+  cursor: pointer;
+  height: 32px;
+  width: 15%;
+  border: 1px solid #6667ab;
+  background-color: #6667ab;
+  border-radius: 5px;
+  color: white;
+  margin-left: 6px;
+  margin-bottom: 1.5px;
+}
+
+.btn-m {
+  cursor: pointer;
+  color: white;
+  font-size: 16px;
+  line-height: 17px;
+  height: 36px;
+  width: 20%;
+  border: none;
+  background: #6667ab;
+  border-radius: 7px;
+}
+
 /*# sourceMappingURL=modal.css.map */
diff --git a/src/statics/css/modal.css.map b/src/statics/css/modal.css.map
index ad29615..db90864 100644
--- a/src/statics/css/modal.css.map
+++ b/src/statics/css/modal.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/modal.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,kBD5EI;EC6EJ;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAKR;EACE;EACA;EACA","file":"modal.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/modal.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,kBD5EI;EC6EJ;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAKR;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA,kBDvHU;ECwHV;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"modal.css"}
\ No newline at end of file
diff --git a/src/statics/css/signup.css b/src/statics/css/signup.css
index 0bf3aed..be457cf 100644
--- a/src/statics/css/signup.css
+++ b/src/statics/css/signup.css
@@ -159,6 +159,7 @@
 .signup .signup-feat .signup-feat-box .signup-feat-box-content .input-email .input-email-header .content {
   display: flex;
   justify-content: center;
+  align-items: center;
   padding-bottom: 25px;
 }
 .signup .signup-feat .signup-feat-box .signup-feat-box-content .input-email .input-email-header .content img {
@@ -239,4 +240,29 @@
   color: #6667ab;
 }
 
+.btn-xs {
+  cursor: pointer;
+  height: 32px;
+  width: 15%;
+  border: 1px solid #6667ab;
+  background-color: #6667ab;
+  border-radius: 5px;
+  color: white;
+  margin-left: 6px;
+  margin-bottom: 1.5px;
+  font-size: 12px;
+}
+
+.btn-m {
+  cursor: pointer;
+  color: white;
+  font-size: 16px;
+  line-height: 17px;
+  height: 36px;
+  width: 20%;
+  border: none;
+  background: #6667ab;
+  border-radius: 7px;
+}
+
 /*# sourceMappingURL=signup.css.map */
diff --git a/src/statics/css/signup.css.map b/src/statics/css/signup.css.map
index 5e746c4..9273156 100644
--- a/src/statics/css/signup.css.map
+++ b/src/statics/css/signup.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/signup.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EAsDE,aDrDY;ECsDZ;EACA;EACA;EACA;EACA;;AAzDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAYF;EACE;EACA;;AACA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA,ODlFE;ECmFF;;AAGJ;EACE;EACA;EACA;EACA;EACA,kBD3FI;EC4FJ;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EA0BE;EACA;EACA;EACA;EACA;;AA7BA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEA;EACE,ODhJF;ECiJE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAYN;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EAEA;EACA;;AAMR;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;;AACA;EACE,OD1MN;;AC4MI;EAGE;EACA;;AAOV;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,kBDrOA;ECsOA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA,OD1QE","file":"signup.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/signup.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EAsDE,aDrDY;ECsDZ;EACA;EACA;EACA;EACA;;AAzDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAYF;EACE;EACA;;AACA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA,ODlFE;ECmFF;;AAGJ;EACE;EACA;EACA;EACA;EACA,kBD3FI;EC4FJ;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EA0BE;EACA;EACA;EACA;EACA;;AA7BA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEA;EACE,ODhJF;ECiJE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAYN;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EAEA;EACA;;AAMR;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;;AACA;EACE,OD3MN;;AC6MI;EAGE;EACA;;AAOV;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,kBDtOA;ECuOA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA,OD3QE;;;ACiRZ;EACE;EACA;EACA;EACA;EACA,kBDtRU;ECuRV;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"signup.css"}
\ No newline at end of file
diff --git a/src/statics/scss/modal.scss b/src/statics/scss/modal.scss
index 0602a76..85ae292 100644
--- a/src/statics/scss/modal.scss
+++ b/src/statics/scss/modal.scss
@@ -35,7 +35,7 @@
       padding: 5px 16px 40px 16px;
       text-align: center;
       .body-heading1 {
-        font-size: 20px;
+        font-size: 18px;
         line-height: 19px;
         color: #434343;
         margin-bottom: 10px;
@@ -85,6 +85,7 @@
         color: white;
         margin-left: 6px;
         margin-bottom: 1.5px;
+        font-size: 12px;
       }
       .btn-m {
         cursor: pointer;
@@ -95,7 +96,7 @@
         width: 20%;
         border: none;
         background: #6667ab;
-        border-radius: 10px;
+        border-radius: 7px;
         // margin: 20px;
       }
     }
@@ -117,3 +118,26 @@
   align-items: center;
   animation: modal-bg-show 0.3s;
 }
+.btn-xs {
+  cursor: pointer;
+  height: 32px;
+  width: 15%;
+  border: 1px solid $mainColor;
+  background-color: $mainColor;
+  border-radius: 5px;
+  color: white;
+  margin-left: 6px;
+  margin-bottom: 1.5px;
+}
+.btn-m {
+  cursor: pointer;
+  color: white;
+  font-size: 16px;
+  line-height: 17px;
+  height: 36px;
+  width: 20%;
+  border: none;
+  background: #6667ab;
+  border-radius: 7px;
+  // margin: 20px;
+}
diff --git a/src/statics/scss/signup.scss b/src/statics/scss/signup.scss
index dec9e4e..181dea4 100644
--- a/src/statics/scss/signup.scss
+++ b/src/statics/scss/signup.scss
@@ -179,6 +179,7 @@
             .content {
               display: flex;
               justify-content: center;
+              align-items: center;
               padding-bottom: 25px;
               img {
                 height: 20px;
@@ -276,3 +277,27 @@
     }
   }
 }
+.btn-xs {
+  cursor: pointer;
+  height: 32px;
+  width: 15%;
+  border: 1px solid $mainColor;
+  background-color: $mainColor;
+  border-radius: 5px;
+  color: white;
+  margin-left: 6px;
+  margin-bottom: 1.5px;
+  font-size: 12px;
+}
+.btn-m {
+  cursor: pointer;
+  color: white;
+  font-size: 16px;
+  line-height: 17px;
+  height: 36px;
+  width: 20%;
+  border: none;
+  background: #6667ab;
+  border-radius: 7px;
+  // margin: 20px;
+}