Fix: faq, footer

src/web/module/footer.html

@@ -1,16 +1,16 @@
-<footer class="page-footer bg-dark text-white blue pt-4 pb-2">
+<footer class="page-footer bg-dark text-white p-3">
     <div class="container text-center text-md-left">
       <div class="row">
 
-        <div class="col-md-3 mt-md-0 mt-3 text-left">
+        <div class="col-md-3 pt-1 text-left">
-          <p>Copyright @JINAJU</p>
+          <label>Copyright @JINAJU</label>
         </div>
 
-        <div class="col-md-6 mb-md-0 mb-3 text-center">
+        <div class="col-md-6 pt-1 text-center">
-          <p>문의 : support@jinaju.com</p>
+          <label>문의 : support@jinaju.com</label>
         </div>
 
-        <div class="col-md-3 mb-md-0 mb-3 text-right">
+        <div class="col-md-3 text-right">
           <a class="btn btn-sm btn-primary" href="./../main/faq.html">FAQ</a>
         </div>
 

src/web/module/home_section_faq.html

@@ -1,26 +1,28 @@
 <div class="container">
 
-	<h1>마에스트로 계정</h1>
+	<div class="px-5 py-4 my-3" style="background-color: #99ccff">
-	<ul>
+		<h1>마에스트로 계정</h1>
-		<li>
+		<ul>
-			계정 생성 요청 후, 입금이 확인되면 계정을 활성화시킵니다.
+			<li>
-		</li>
+				계정 생성 요청 후, 입금이 확인되면 계정을 활성화시킵니다.
-		<li>
+			</li>
-			생성된 계정의 마에스트로 혹은 플레이어가 첫 로그인한 날부터 유효기간을 세기 시작합니다.
+			<li>
-		</li>
+				생성된 계정의 마에스트로 혹은 플레이어가 첫 로그인한 날부터 유효기간을 세기 시작합니다.
-		<li>
+			</li>
-			업그레이드가 되면, 기존 사용한 기간은 보너스로 드리고 새로 1년동안 유효합니다.
+			<li>
-		</li>
+				업그레이드가 되면, 기존 사용한 기간은 보너스로 드리고 새로 1년동안 유효합니다.
-	</ul>
+			</li>
+		</ul>
+	</div>
 
-	<hr>
+	<div class="px-5 py-4 my-3" style="background-color: #ffce54">
-
+		<h1>플레이어 관리</h1>
-	<h1>플레이어 관리</h1>
+		<ul>
-	<oull>
+			<li>
-		<li>
+				플레이어의 입장 코드는 숫자로만 입력을 받습니다.
-			플레이어의 입장 코드는 숫자로만 입력을 받습니다.
+				한글/영어 타자에 익숙하지 않은 학생들을 고려하였습니다.
-			한글/영어 타자에 익숙하지 않은 학생들을 고려하였습니다.
+			</li>
-		</li>
+		</ul>
-	</ul>
+	</div>
 
 </div>

src/web/module/maestro_section_register.html

@@ -240,7 +240,7 @@ $('#myTab a').on('click', function (e) {
 						<label for="maestro_name" class="col-sm-2 col-form-label">* 아이디</label>
 						<div class="col-sm-6">
 							<input type="text" class="form-control" id="maestro_name" placeholder="아이디 입력">
-							<small class="form-text text-muted">4~16 글자. 영문, 숫자만 사용 가능합니다.</small>
+							<small class="form-text text-muted">4~20 글자. 영문, 숫자만 사용 가능합니다.</small>
 						</div>
 						<div class="col-sm-4">
 							<input type="button" id="id_ckeck" class="btn btn-outline-dark" value="중복 체크" onClick="checkMaestroID()">
@@ -252,7 +252,7 @@ $('#myTab a').on('click', function (e) {
 						<label for="password" class="col-sm-2 col-form-label">* 암호</label>
 						<div class="col-sm-6">
 							<input type="password" class="form-control" id="password" placeholder="Password">
-							<small class="form-text text-muted">4~10 글자. 영문, 숫자만 사용 가능합니다.</small>
+							<small class="form-text text-muted">4~16 글자. 영문, 숫자만 사용 가능합니다.</small>
 						</div>
 					</div>