Fix: button width

src/web/module/header.html

@@ -8,7 +8,7 @@
 	</span>
 
 	<span class="col alignRight">
-		<a href="./../client/login.html" target="_blank" id="login_player" class="btn btn-rouge">플레이어<br/>로그인</a>
+		<a href="./../client/login.html" target="_blank" id="login_player" class="btn btn-rouge" style="padding: 20px;">학생 연습</a>
 	</span>
 
 </div>

src/web/module/home_section.html

@@ -1,14 +1,42 @@
-<div class="container">
+<style>
+.player_free {
+	background-color: #ff0000;
+	padding: 20px;
+}
+
+.maestro_free {
+	background-color: #0000ff;
+	padding: 20px;
+}
+</style>
+
+
+
+<div class="container">
 	<div class="player_free">
-		<span class="col four" style="float: center;">
+		<div class="col alignCenter">
-			<a href="./../client/menu_app.html" target="_blank" id="player_free_play" class="btn btn-rouge">플레이어<br/>무료체험</a>
+			<a href="./../client/menu_app.html" target="_blank" id="player_free_play" class="btn btn-rouge width400">학생 연습<br/>무료 체험</a>
-		</span>
+		</div>
+
+		<ol>
+			<li>
+				마우스 클릭 연습
+			</li>
+			<li>
+				마우스 더블 클릭 연습
+			</li>
+			<li>
+				한글 키보드 연습
+			</li>
+		</ol>
+
 	</div>
 
 	<div class="maestro_free">
-		<div class="col four" style="float: center;">
+		<div class="col alignCenter">
-			<a href="./../maestro/main_menu.html" id="maestro_free_menu" class="btn btn-sea">마에스트로<br/>관리자 메뉴 체험</a>
+			<a href="./../maestro/main_menu.html" id="maestro_free_menu" class="btn btn-sea width400">마에스트로<br/>관리자 메뉴 체험</a>
 		</div>
+
 		<ol>
 			<li>
 				플레이어 관리
@@ -23,12 +51,11 @@
 				기록
 			</li>
 		</ol>
-		&nbsp;
+
-		&nbsp;
+		<div class="col alignCenter">
-		&nbsp;
+			<a href="./../maestro/register.html" id="maestro_register" class="btn btn-sea width400">마에스트로<br/>가입</a>
-		<div class="col four" style="float: center;">
-			<a href="./../maestro/register.html" id="maestro_register" class="btn btn-sea">마에스트로<br/>가입</a>
 		</div>
+
 		<ol>
 			<li>
 				1만원 : 플레이어 20명
@@ -40,5 +67,6 @@
 				3만원 : 플레이어 100명
 			</li>
 		</ol>
+
 	</div>
 </div>

src/web/module/maestro_section_login.html

@@ -1,5 +1,4 @@
 <style>
-
 .login {
 	background-color: #ff0000;
 	padding: 20px;
@@ -9,9 +8,10 @@
 	background-color: #0000ff;
 	padding: 20px;
 }
-
 </style>
 
+
+
 <div class="container">
 	<div class="login">
 
@@ -30,9 +30,9 @@
 		</form>
 		</div>
 
-			<div class="col alignCenter">
+		<div class="col alignCenter">
-				<a href="./../maestro/main_menu.html" id="faq" class="btn btn-sea width400">로그인</a>
+			<a href="./../maestro/main_menu.html" id="faq" class="btn btn-sea width400">로그인</a>
-			</div>
+		</div>
 
 	</div>
 
@@ -40,10 +40,8 @@
 
 	<div class="register">
 
-		<div>
+		<div class="col alignCenter" style="float: center;">
-			<div class="col alignCenter" style="float: center;">
+			<a href="./../maestro/register.html" id="faq" class="btn btn-sea width400">마에스트로<br/>가입</a>
-				<a href="#" id="faq" class="btn btn-sea width400">마에스트로<br/>가입</a>
-			</div>
 		</div>
 
 		<ol>

src/web/module/maestro_section_main.html

@@ -1,7 +1,7 @@
 <div class="container">
 	<div class="maestro_manager_user">
 
-		<h1>사용자 관리</h1>
+		<h1>학생 관리</h1>
 
 		<h2>추가</h2>
 
@@ -14,7 +14,7 @@
 		</form>
 
 		<textarea>
-사용자 이름 : (한글) 10글자, (영문) 20글자까지 입력 가능
+학생 이름 : (한글) 10글자, (영문) 20글자까지 입력 가능
 입장 코드 : 숫자 1~6자리 수
 		</textarea>
 
@@ -24,15 +24,15 @@
 		<form action="/action_page.php" method="get" id="add_users">
 		<textarea>
 엑셀에서 아래와 같이 셀에 입력한 후에 복사하고 붙여넣기
-사용자 이름 | 입장 코드
+학생 이름 | 입장 코드
-사용자 이름 | 입장 코드
+학생 이름 | 입장 코드
 ...
 		</textarea>
 			<button type="submit" form="add_users">추가</button>
 		</form>
 
 		<textarea>
-사용자 이름 : (한글) 10글자, (영문) 20글자까지 입력 가능
+학생 이름 : (한글) 10글자, (영문) 20글자까지 입력 가능
 입장 코드 : 숫자 1~6자리 수
 		</textarea>
 
@@ -55,7 +55,7 @@
 
 			<h3>검색 결과</h3>
 
-			사용자 이름
+			학생 이름
 			<input type="text" id="result_name"><button>삭제</button><br/>
 			입장 코드
 			<input type="text" id="result_entercode"><button>수정</button>

src/web/module/maestro_section_register.html

@@ -1,4 +1,18 @@
-<div class="container">
+<style>
+.login {
+	background-color: #ff0000;
+	padding: 20px;
+}
+
+.register {
+	background-color: #0000ff;
+	padding: 20px;
+}
+</style>
+
+
+
+<div class="container">
 	<div class="maestro_manager_user">
 
 		<h1>마에스트로 계정 신청</h1>
@@ -8,7 +22,7 @@
 			<button >중복 확인</button><br/>
 			(필수) 암호 : <input type="password" name="password"><br/>
 			(필수) 이메일 : <input type="password" name="email"><br/>
-			(필수) 플레이어 수 : 
+			(필수) 학생 수 : 
 			<select>
 				<option value="1">20명 : (1년) 1만원</option>
 				<option value="1">50명 : (1년) 2만원</option>
@@ -26,7 +40,7 @@
 
 		<p style="text-align: right;">마지막 갱신 : 2018년 6월 26일</p>
 
-		<div class="col four" style="float: center;">
+		<div class="col alignCenter">
 			<a href="#" id="maestro_register" class="btn btn-sea">약관 읽기</a>
 		</div>
 
@@ -48,7 +62,7 @@
 
 		마에스트로 아이디 : <span></span><br/>
 		암호 : <span></span><br/>
-		플레이어 수 : <span></span><br/>
+		학생 수 : <span></span><br/>
 
 		<h3>입금 계좌</h3>
 		<div>
@@ -67,7 +81,7 @@
 
 		<br/>
 
-		<div class="col four" style="float: center;">
+		<div class="col alignCenter">
 			<a href="#" id="send_register" class="btn btn-sea">마에스트로 계정 등록</a>
 		</div>