회원가입 헤더 수정

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">

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">

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">

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">

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 {