diff --git a/src/web/module/maestro_section_main.html b/src/web/module/maestro_section_main.html
index 0407a4e..5a8de56 100644
--- a/src/web/module/maestro_section_main.html
+++ b/src/web/module/maestro_section_main.html
@@ -49,12 +49,6 @@ function showEndDate(date) {
 
 
 function onLoadSuccessMaestroInfo() {
-	/*
-	$("#maestro_info_id").html(
-		"<span class='text-secondary'>등록 학생 앱 <span class='font-weight-bold'>바로 실행 URL</span> :</span><br/>"
-		+ "http://www.chocomae.com/login/" + maestroInfo.maestroName
-	);
-	*/
 	showEndDate(maestroInfo.availableActivateDateTime);
 	$("#maestro_info_player_count").val("학생수 : " + maestroInfo.getRegisteredPlayerCount() + " / " + maestroInfo.getMaxPlayerCount());
 
@@ -182,69 +176,55 @@ function deactivateApp(appID) {
 		</div>
 	</div>
 
-	<ul class="nav nav-tabs" id="myTab" role="tablist">
-		<li class="nav-item">
-			<a class="nav-link active" id="add-tab" data-toggle="tab" href="#add" role="tab" aria-controls="add" aria-selected="true">학생 목록</a>
-		</li>
+	<div class="card">
+		<div class="card-header">
+			<ul class="nav nav-tabs card-header-tabs" id="myTab" role="tablist">
+				<li class="nav-item">
+					<a class="nav-link active" id="add-tab" data-toggle="tab" href="#add" role="tab" aria-controls="add" aria-selected="true">학생 목록</a>
+				</li>
 
-		<li class="nav-item">
-			<a class="nav-link" id="search-tab" data-toggle="tab" href="#search" role="tab" aria-controls="search" aria-selected="false">학생 검색</a>
-		</li>
+				<li class="nav-item">
+					<a class="nav-link" id="search-tab" data-toggle="tab" href="#search" role="tab" aria-controls="search" aria-selected="false">학생 검색</a>
+				</li>
 
-		<li class="nav-item">
-			<a class="nav-link" id="app-activation-tab" data-toggle="tab" href="#app-activation" role="tab" aria-controls="activation" aria-selected="false">앱 활성화</a>
-		</li>
+				<li class="nav-item">
+					<a class="nav-link" id="app-activation-tab" data-toggle="tab" href="#app-activation" role="tab" aria-controls="activation" aria-selected="false">앱 활성화</a>
+				</li>
 
-<!--
-		<li class="nav-item">
-			<a class="nav-link" id="mouse-tab" data-toggle="tab" href="#mouse" role="tab" aria-controls="mouse" aria-selected="false">마우스 앱 활성화</a>
-		</li>
+				<li class="nav-item">
+					<a class="nav-link" id="app-setting-tab" data-toggle="tab" href="#app-setting" role="tab" aria-controls="app-setting" aria-selected="false">앱 설정</a>
+				</li>
 
-		<li class="nav-item">
-			<a class="nav-link" id="typing-tab" data-toggle="tab" href="#typing" role="tab" aria-controls="typing" aria-selected="false">타자 앱 활성화</a>
-		</li>
--->
-		<li class="nav-item">
-			<a class="nav-link" id="app-setting-tab" data-toggle="tab" href="#app-setting" role="tab" aria-controls="app-setting" aria-selected="false">앱 설정</a>
-		</li>
+				<li class="nav-item">
+					<a class="nav-link" id="help-tab" data-toggle="tab" href="#help" role="tab" aria-controls="help" aria-selected="false">도움말</a>
+				</li>
+			</ul>	<!-- 탭 -->
+		</div>	<!-- card header -->
 
-		<li class="nav-item">
-			<a class="nav-link" id="help-tab" data-toggle="tab" href="#help" role="tab" aria-controls="help" aria-selected="false">도움말</a>
-		</li>
-	</ul>	<!-- 탭 -->
+		<div class="card-body" id="myTabContent">
+			<div class="tab-content" id="myTabContent">
 
-	<div class="tab-content" id="myTabContent">
+				<div class="tab-pane fade show active mt-3" id="add" role="tabpanel" aria-labelledby="add-tab">
+					<div id="section_add_player"></div>
+				</div>
 
-		<!-- <div class="tab-pane fade show active mt-3" id="add" role="tabpanel" aria-labelledby="add-tab"> -->
-		<div class="tab-pane fade show active mt-3" id="add" role="tabpanel" aria-labelledby="add-tab">
-			<div id="section_add_player"></div>
-		</div>
+				<div class="tab-pane fade mt-3" id="search" role="tabpanel" aria-labelledby="search-tab">
+					<div id="section_search_player"></div>
+				</div>
 
-		<div class="tab-pane fade mt-3" id="search" role="tabpanel" aria-labelledby="search-tab">
-			<div id="section_search_player"></div>
-		</div>
+				<div class="tab-pane fade mt-3" id="app-activation" role="tabpanel" aria-labelledby="app-activation-tab">
+					<div id="section_app_activation"></div>
+				</div>
 
-		<div class="tab-pane fade mt-3" id="app-activation" role="tabpanel" aria-labelledby="app-activation-tab">
-			<div id="section_app_activation"></div>
-		</div>
+				<div class="tab-pane fade mt-3" id="app-setting" role="tabpanel" aria-labelledby="app-setting-tab">
+					<div id="section_app_setting"></div>
+				</div>
 
-<!--
-		<div class="tab-pane fade mt-3" id="mouse" role="tabpanel" aria-labelledby="mouse-tab">
-			<div id="mouse_app_list"></div>
-		</div>
+				<div class="tab-pane fade mt-3" id="help" role="tabpanel" aria-labelledby="help">
+					<div id="section_help"></div>
+				</div>
 
-		<div class="tab-pane fade mt-3" id="typing" role="tabpanel" aria-labelledby="typing-tab">
-			<div id="typing_app_list"></div>
-		</div>
--->
-		<div class="tab-pane fade mt-3" id="app-setting" role="tabpanel" aria-labelledby="app-setting-tab">
-			<div id="section_app_setting"></div>
-		</div>
+			</div>	<!-- tab-content -->
+		</div>	<!-- card-body -->
 
-		<div class="tab-pane fade mt-3" id="help" role="tabpanel" aria-labelledby="help">
-			<div id="section_help"></div>
-		</div>
-
-	</div>
-
- </div> <!-- container -->
\ No newline at end of file
+ </div> <!-- card -->
\ No newline at end of file