Fix: bootstrap - login

src/web/module/maestro_section_login.html

@@ -42,45 +42,49 @@ function login() {
 
 
 <div class="container">
+
 	<div>
 		<span id="error_message">
 		</span>
 	</div>
 
 
-	<div class="login">
+	<div class="px-5 py-4 my-3" style="background-color: #99ccff">
 
-		<div>
-			마에스트로 아이디
-			<input type="text" id="maestro_name" name="maestro_name"><br/>
-			암호
-			<input type="password" id="password" name="password"><br/>
-		</div>
+		<h4 class="mb-4">로그인</h4>
 
-		<div class="col alignCenter">
-			<a id="login" class="btn btn-sea width400" onClick="login()">로그인</a>
-		</div>
+		<form class="mx-4">
+			<div class="form-group row">
+				<label for="maestro_name" class="col-sm-2 col-form-label">* 아이디</label>
+				<div class="col-sm-4">
+					<input type="text" class="form-control" id="maestro_name" placeholder="아이디 입력">
+				</div>
+			</div>
 
+			<div class="form-group row">
+				<label for="password" class="col-sm-2 col-form-label">* 암호</label>
+				<div class="col-sm-4">
+					<input type="password" class="form-control" id="password" placeholder="Password">
+				</div>
+			</div>
+
+			<button type="submit" class="btn btn-primary btn-lg" onClick="login()">로그인</button>
+		</form>
 	</div>
 
 
-	<div class="register">
+	<div class="px-5 py-4 my-3" style="background-color: #99ccff">
 
-		<div class="col alignCenter" style="float: center;">
-			<a href="./../main/register.html" id="register" class="btn btn-sea width400">마에스트로<br/>가입</a>
-		</div>
+		<h4 class="mb-4">마에스트로 계정 가입</h4>
 
-		<ol>
-			<li>
-				1만원 : 플레이어 20명
-			</li>
-			<li>
-				2만원 : 플레이어 50명
-			</li>
-			<li>
-				3만원 : 플레이어 100명
-			</li>
-		</ol>
+		<ul>
+			<li>1만원 : 학생 20명</li>
+			<li>2만원 : 학생 30명</li>
+			<li>3만원 : 학생 100명</li>
+		</ul>
+
+		<p><a class="btn btn-primary btn-block btn-lg" role="button" href="./../main/register.html">마에스트로 가입</a>
 
 	</div>
-</div>
+
+</div>