From 21e01bba5aaab45e1ebc7b1c76e65ee940df3a0a Mon Sep 17 00:00:00 2001
From: lucysoo95 <lucysoo95@imcloud.co.kr>
Date: Thu, 14 Apr 2022 16:43:27 +0900
Subject: [PATCH] =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20?=
 =?UTF-8?q?=ED=97=A4=EB=8D=94=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/ftl/m/login/view_join_member_01.ftl | 14 +++++----
 .../m/login/view_join_member_01_confirm.ftl   | 14 +++++----
 .../views/ftl/m/login/view_join_member_02.ftl | 14 +++++----
 .../views/ftl/m/login/view_join_member_03.ftl | 14 +++++----
 src/main/webapp/m/css/style.css               | 29 +++++++++++++++----
 5 files changed, 60 insertions(+), 25 deletions(-)

diff --git a/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_01.ftl b/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_01.ftl
index c624d3e..5da26fe 100644
--- a/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_01.ftl
+++ b/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_01.ftl
@@ -4,13 +4,17 @@
 <!-- wrap -->
 <div class="wrap" id="view_sign_up">
 
-    <!-- header_sub -->
-    <header class="header_wrapper">
+   <div>
+      <header class="header_wrapper">
         <a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
         <h1 class="header_title">회원가입</h1>
-    </header>
-    <progress max="100" value="35"></progress>
-    <!-- //header_sub -->
+      </header>
+      <div class="progress_cont">
+        <div class="active"></div>
+        <div></div>
+        <div></div>
+      </div>
+    </div>
 
     <!-- search_id -->
     <form id="frmJoinMember" name="frmJoinMember" method="post" action="authComplete.do" enctype="multipart/form-data">
diff --git a/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_01_confirm.ftl b/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_01_confirm.ftl
index 69b834a..90edfda 100644
--- a/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_01_confirm.ftl
+++ b/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_01_confirm.ftl
@@ -4,13 +4,17 @@
 <!-- wrap -->
 <div class="wrap" id="view_sign_up">
 
-    <!-- header_sub -->
-    <header class="header_wrapper">
+   <div>
+      <header class="header_wrapper">
         <a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
         <h1 class="header_title">회원가입</h1>
-    </header>
-    <progress max="100" value="35"></progress>
-    <!-- //header_sub -->
+      </header>
+      <div class="progress_cont">
+        <div class="active"></div>
+        <div></div>
+        <div></div>
+      </div>
+    </div>
 
     <!-- search_id -->
     <form id="frmJoinMember" name="frmJoinMember" method="post" action="authComplete.do" enctype="multipart/form-data">
diff --git a/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_02.ftl b/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_02.ftl
index 49de09d..4b79630 100644
--- a/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_02.ftl
+++ b/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_02.ftl
@@ -4,13 +4,17 @@
 <!-- wrap -->
 <div class="wrap" id="view_sign_up">
 
-    <!-- header_sub -->
-    <header class="header_wrapper">
+   <div>
+      <header class="header_wrapper">
         <a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
         <h1 class="header_title">회원가입</h1>
-    </header>
-    <progress max="100" value="60"></progress>
-    <!-- //header_sub -->
+      </header>
+      <div class="progress_cont">
+        <div class="active"></div>
+        <div class="active"></div>
+        <div></div>
+      </div>
+    </div>
 
     <!-- search_id -->
     <form id="frmJoinMember" name="frmJoinMember" method="post" action="accountJoin.do" enctype="multipart/form-data">
diff --git a/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_03.ftl b/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_03.ftl
index 92a7ea2..22ef2bb 100644
--- a/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_03.ftl
+++ b/src/main/webapp/WEB-INF/views/ftl/m/login/view_join_member_03.ftl
@@ -4,13 +4,17 @@
 <!-- wrap -->
 <div class="wrap" id="view_sign_up">
 
-    <!-- header_sub -->
-    <header class="header_wrapper">
+   <div>
+      <header class="header_wrapper">
         <a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
         <h1 class="header_title">회원가입</h1>
-    </header>
-    <progress max="100" value="100"></progress>
-    <!-- //header_sub -->
+      </header>
+      <div class="progress_cont">
+        <div class="active"></div>
+        <div class="active"></div>
+        <div class="active"></div>
+      </div>
+    </div>
 
     <!-- search_id -->
     <div class="sign_up_account account">
diff --git a/src/main/webapp/m/css/style.css b/src/main/webapp/m/css/style.css
index 2b9cc35..3a405bc 100644
--- a/src/main/webapp/m/css/style.css
+++ b/src/main/webapp/m/css/style.css
@@ -16525,10 +16525,25 @@ main.sona_cont_measurement {
 
 /*4. 회원가입*/
 
+.progress_cont {
+  width: 100%;
+  height: 0.5rem;
+  background-color: #707070;
+  display: flex;
+}
+
+.progress_cont div {
+  flex-grow: 1;
+}
+
+.progress_cont .active {
+  background-color: #FF9C01;
+}
+
 #view_sign_up{
   height: 100%;
   margin: 0 auto;
-  padding-top: 40px;
+  padding-top: 50px;
   padding-bottom: 0.001rem;
   background-color : #FFFFFF;
 }
@@ -16550,7 +16565,6 @@ progress::-webkit-progress-value {
 }
 
 .sign_up .sign_up_chk{
-  padding: 34px;
   padding-top: 41px;
   margin-bottom: 200px;
 }
@@ -16620,6 +16634,11 @@ progress::-webkit-progress-value {
   color: #232323;
   padding: 17px;
 }
+
+.sign_up .sign_up_chk .input_email p {
+  padding-top: 10px;
+  color: #232323CF;
+}
 .sign_up .sign_up_chk p{
   font-size: smaller;
   padding-bottom: 18px;
@@ -16849,7 +16868,7 @@ progress::-webkit-progress-value {
 
 .sign_up_compl .sign_up_end .login_header img{
   display: block;
-  width: 23%;
+  width: 50%;
   height: auto;
   max-width: 350px;
   margin: 0 auto;
@@ -16858,7 +16877,7 @@ progress::-webkit-progress-value {
 .sign_up_compl .sign_up_end .welcome p{
   text-align: center;
   color: #707070;
-  font-size: x-large;
+  font-size: larger;
   margin-top:2rem;
   margin-bottom: 0;
 }
@@ -16866,7 +16885,7 @@ progress::-webkit-progress-value {
 .sign_up_compl .sign_up_end .together p{
   text-align: center;
   color:#707070;
-  font-size: x-large;
+  font-size: larger;
 }
 
 .sign_up_compl .sign_up_end .end_btn a {