diff --git a/f_install/install.php b/f_install/install.php
index 58edb450..27c46db6 100644
--- a/f_install/install.php
+++ b/f_install/install.php
@@ -1,201 +1,187 @@
 <?php
+
 namespace sammo;
 
-require(__DIR__.'/../vendor/autoload.php');
+require(__DIR__ . '/../vendor/autoload.php');
 
 ?>
 <!DOCTYPE html>
 <html lang="ko">
+
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>설치</title>
-    <?=WebUtil::printJS('../d_shared/common_path.js') ?>
-    <?=WebUtil::printJS('../dist_js/vendors.js') ?>
-    <?=WebUtil::printJS('dist_js/common_ts.js') ?>
-    <?=WebUtil::printJS('../dist_js/install.js')?>
-    <?=WebUtil::printCSS('../e_lib/bootstrap.min.css')?>
-    <?=WebUtil::printCSS('../css/install.css')?>
+    <?= WebUtil::printJS('../d_shared/common_path.js') ?>
+    <?= WebUtil::printJS('../dist_js/vendors.js') ?>
+    <?= WebUtil::printJS('dist_js/common_ts.js') ?>
+    <?= WebUtil::printJS('../dist_js/install.js') ?>
+    <?= WebUtil::printCSS('../dist_css/vendor.css') ?>
+    <?= WebUtil::printCSS('../dist_css/common_ts.css') ?>
+    <?= WebUtil::printCSS('../css/install.css') ?>
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" />
 </head>
+
 <body>
     <div class="container">
         <h1 class="row justify-content-md-center">삼국지 모의전투 HiDCHe 설치</h1>
         <div class="row justify-content-md-center">
 
-        <div class="col col-12 col-md-10 col-lg-7">
-        <div class="card" id="db_form_card" style="display:none">
-            <h3 class="card-header">
-                설치(DB 설정)
-            </h3>
-            <div class="card-body">
-                <form id="db_form" method="post" action="#">
-                    <div class="form-group row">
-                        <label for="db_host" class="col-sm-4 col-form-label">DB호스트</label>
-                        <div class="col-sm-8">
-                            <input type="text" class="form-control" name="db_host" id="db_host"
-                             placeholder="호스트" value="localhost" />
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="db_port" class="col-sm-4 col-form-label">DB포트</label>
-                        <div class="col-sm-8">
-                            <input type="text" class="form-control" name="db_port" id="db_port"
-                             placeholder="접속 포트" value="3306" />
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="db_id" class="col-sm-4 col-form-label">DB계정명</label>
-                        <div class="col-sm-8">
-                            <input type="text" class="form-control" name="db_id" id="db_id"  placeholder="DB계정"/>
-                        </div>
-                    </div>
-
-
-                    <div class="form-group row">
-                        <label for="db_pw" class="col-sm-4 col-form-label">DB비밀번호</label>
-                        <div class="col-sm-8">
-                            <input type="password" class="form-control" name="db_pw" id="db_pw"
-                             placeholder="DB비밀번호"/>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="db_name" class="col-sm-4 col-form-label">DB명</label>
-                        <div class="col-sm-8">
-                            <input type="text" class="form-control" name="db_name" id="db_name"
-                             placeholder="DB명(예:sammo)"/>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="serv_host" class="col-sm-4 col-form-label">접속 경로</label>
-                        <div class="col-sm-8">
-                            <input type="text" class="form-control" name="serv_host" id="serv_host"
-                            placeholder="접속경로(예:http://www.example.com)"/>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="shared_icon_path" class="col-sm-4 col-form-label">공용 아이콘 주소</label>
-                        <div class="col-sm-8">
-                            <input type="text" class="form-control" name="shared_icon_path" id="shared_icon_path"
-                            placeholder="공용 아이콘 주소(웹 주소, 또는 접속 경로에 따른 상대 주소)"
-                            value="../image/icons" />
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="game_image_path" class="col-sm-4 col-form-label">게임 이미지 주소</label>
-                        <div class="col-sm-8">
-                            <input type="text" class="form-control" name="game_image_path" id="game_image_path"
-                            placeholder="게임 이미지 주소(웹 주소, 또는 접속 경로에 따른 상대 주소)"
-                            value="../image/game" />
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="image_request_key" class="col-sm-4 col-form-label">이미지 갱신 키</label>
-                        <div class="input-group col-sm-8">
-                            <input type="text" class="form-control" name="image_request_key" id="image_request_key"
-                            placeholder="이미지 서버의 hook/HashKey.php의 값과 동일하게"
-                            value="" />
-                            <div class="input-group-append">
-                                <button id="btn_random_generate_key" class="btn btn-secondary" type="button">랜덤 생성</button>
+            <div class="col col-12 col-md-10 col-lg-7">
+                <div class="card" id="db_form_card" style="display:none">
+                    <h3 class="card-header">
+                        설치(DB 설정)
+                    </h3>
+                    <div class="card-body">
+                        <form id="db_form" method="post" action="#">
+                            <div class="form-group row">
+                                <label for="db_host" class="col-sm-4 col-form-label">DB호스트</label>
+                                <div class="col-sm-8">
+                                    <input type="text" class="form-control" name="db_host" id="db_host" placeholder="호스트" value="localhost" />
+                                </div>
                             </div>
-                        </div>
-                    </div>
 
-                    <hr style="width:100%; border-top: 1px solid lightgray;">
+                            <div class="form-group row">
+                                <label for="db_port" class="col-sm-4 col-form-label">DB포트</label>
+                                <div class="col-sm-8">
+                                    <input type="text" class="form-control" name="db_port" id="db_port" placeholder="접속 포트" value="3306" />
+                                </div>
+                            </div>
 
-                    <div class="form-group row">
-                        <label for="kakao_rest_key" class="col-sm-4 col-form-label">카카오 API Rest Key</label>
-                        <div class="col-sm-8">
-                            <input type="text" class="form-control" name="kakao_rest_key" id="kakao_rest_key"
-                            placeholder="카카오톡 API의 Rest Key"
-                            value="" />
-                        </div>
-                    </div>
+                            <div class="form-group row">
+                                <label for="db_id" class="col-sm-4 col-form-label">DB계정명</label>
+                                <div class="col-sm-8">
+                                    <input type="text" class="form-control" name="db_id" id="db_id" placeholder="DB계정" />
+                                </div>
+                            </div>
 
-                    <div class="form-group row">
-                        <label for="kakao_admin_key" class="col-sm-4 col-form-label">카카오 API Admin Key</label>
-                        <div class="col-sm-8">
-                            <input type="text" class="form-control" name="kakao_admin_key" id="kakao_admin_key"
-                            placeholder="카카오톡 API의 Admin Key"
-                            value="" />
-                        </div>
-                    </div>
 
-                    <div class="form-group row">
-                        <div class="col-sm-4"></div>
-                        <div class="col-sm-8">
-                            <button type="submit"
-                            class="btn btn-primary btn-lg btn-block login-button">설정 파일 생성</button>
-                        </div>
+                            <div class="form-group row">
+                                <label for="db_pw" class="col-sm-4 col-form-label">DB비밀번호</label>
+                                <div class="col-sm-8">
+                                    <input type="password" class="form-control" name="db_pw" id="db_pw" placeholder="DB비밀번호" />
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="db_name" class="col-sm-4 col-form-label">DB명</label>
+                                <div class="col-sm-8">
+                                    <input type="text" class="form-control" name="db_name" id="db_name" placeholder="DB명(예:sammo)" />
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="serv_host" class="col-sm-4 col-form-label">접속 경로</label>
+                                <div class="col-sm-8">
+                                    <input type="text" class="form-control" name="serv_host" id="serv_host" placeholder="접속경로(예:http://www.example.com)" />
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="shared_icon_path" class="col-sm-4 col-form-label">공용 아이콘 주소</label>
+                                <div class="col-sm-8">
+                                    <input type="text" class="form-control" name="shared_icon_path" id="shared_icon_path" placeholder="공용 아이콘 주소(웹 주소, 또는 접속 경로에 따른 상대 주소)" value="../image/icons" />
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="game_image_path" class="col-sm-4 col-form-label">게임 이미지 주소</label>
+                                <div class="col-sm-8">
+                                    <input type="text" class="form-control" name="game_image_path" id="game_image_path" placeholder="게임 이미지 주소(웹 주소, 또는 접속 경로에 따른 상대 주소)" value="../image/game" />
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="image_request_key" class="col-sm-4 col-form-label">이미지 갱신 키</label>
+                                <div class="input-group col-sm-8">
+                                    <input type="text" class="form-control" name="image_request_key" id="image_request_key" placeholder="이미지 서버의 hook/HashKey.php의 값과 동일하게" value="" />
+                                    <div class="input-group-text">
+                                        <button id="btn_random_generate_key" class="btn btn-secondary" type="button">랜덤 생성</button>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <hr style="width:100%; border-top: 1px solid lightgray;">
+
+                            <div class="form-group row">
+                                <label for="kakao_rest_key" class="col-sm-4 col-form-label">카카오 API Rest Key</label>
+                                <div class="col-sm-8">
+                                    <input type="text" class="form-control" name="kakao_rest_key" id="kakao_rest_key" placeholder="카카오톡 API의 Rest Key" value="" />
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="kakao_admin_key" class="col-sm-4 col-form-label">카카오 API Admin Key</label>
+                                <div class="col-sm-8">
+                                    <input type="text" class="form-control" name="kakao_admin_key" id="kakao_admin_key" placeholder="카카오톡 API의 Admin Key" value="" />
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <div class="col-sm-4"></div>
+                                <div class="col-sm-8">
+                                    <button type="submit" class="btn btn-primary btn-lg btn-block login-button">설정 파일 생성</button>
+                                </div>
+                            </div>
+                        </form>
                     </div>
-                </form>
+                </div>
+                <!--DB 폼 끝-->
+
+                <div class="card" id="admin_form_card" style="display:none">
+                    <h3 class="card-header">
+                        설치(관리자 생성)
+                    </h3>
+                    <div class="card-body">
+                        <form id="admin_form" method="post" action="#">
+                            <div class="form-group row">
+                                <label for="username" class="col-sm-3 col-form-label">계정명</label>
+                                <div class="col-sm-9">
+                                    <input type="text" class="form-control" name="username" id="username" placeholder="계정명" />
+                                </div>
+                            </div>
+
+
+                            <div class="form-group row">
+                                <label for="password" class="col-sm-3 col-form-label">비밀번호</label>
+                                <div class="col-sm-9">
+                                    <input type="password" class="form-control" name="password" id="password" placeholder="비밀번호" />
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="confirm_password" class="col-sm-3 col-form-label">비밀번호 확인</label>
+                                <div class="col-sm-9">
+                                    <input type="password" class="form-control" name="confirm_password" id="confirm_password" placeholder="비밀번호 확인" />
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="nickname" class="col-sm-3 col-form-label">닉네임</label>
+                                <div class="col-sm-9">
+                                    <input type="text" class="form-control" name="nickname" id="nickname" placeholder="닉네임" value="운영자" />
+                                </div>
+                            </div>
+
+                            <input type="hidden" id="global_salt" name="global_salt">
+
+                            <div class="form-group row">
+                                <div class="col-sm-3"></div>
+                                <div class="col-sm-9">
+                                    <button type="submit" class="btn btn-primary btn-lg btn-block login-button">관리자 계정 생성</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <!--ADMIN 폼 끝-->
+
+                <!-- TODO: conf_kakao.php -->
+
             </div>
-        </div><!--DB 폼 끝-->
-
-        <div class="card" id="admin_form_card" style="display:none">
-            <h3 class="card-header">
-                설치(관리자 생성)
-            </h3>
-            <div class="card-body">
-                <form id="admin_form" method="post" action="#">
-                    <div class="form-group row">
-                        <label for="username" class="col-sm-3 col-form-label">계정명</label>
-                        <div class="col-sm-9">
-                            <input type="text" class="form-control" name="username" id="username"
-                              placeholder="계정명"/>
-                        </div>
-                    </div>
-
-
-                    <div class="form-group row">
-                        <label for="password" class="col-sm-3 col-form-label">비밀번호</label>
-                        <div class="col-sm-9">
-                            <input type="password" class="form-control" name="password" id="password"
-                             placeholder="비밀번호"/>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="confirm_password" class="col-sm-3 col-form-label">비밀번호 확인</label>
-                        <div class="col-sm-9">
-                            <input type="password" class="form-control" name="confirm_password" id="confirm_password"
-                             placeholder="비밀번호 확인"/>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="nickname" class="col-sm-3 col-form-label">닉네임</label>
-                        <div class="col-sm-9">
-                            <input type="text" class="form-control" name="nickname" id="nickname"
-                             placeholder="닉네임" value="운영자"/>
-                        </div>
-                    </div>
-
-                    <input type="hidden" id="global_salt" name="global_salt">
-
-                    <div class="form-group row">
-                        <div class="col-sm-3"></div>
-                        <div class="col-sm-9">
-                            <button type="submit"
-                             class="btn btn-primary btn-lg btn-block login-button">관리자 계정 생성</button>
-                        </div>
-                    </div>
-                </form>
-            </div>
-        </div><!--ADMIN 폼 끝-->
-
-        <!-- TODO: conf_kakao.php -->
-
-        </div>
         </div>
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/hwe/battle_simulator.php b/hwe/battle_simulator.php
index 8c332572..96d6addd 100644
--- a/hwe/battle_simulator.php
+++ b/hwe/battle_simulator.php
@@ -71,34 +71,28 @@ if ($nationID) {
                     <div class="col-sm-6">
                         <div class="input-group">
                             <input type="number" class="form-control" aria-describedby="text_year" value="<?= $startYear ?>" disabled>
-                            <div class="input-group-append">
-                                <span class="input-group-text">년 시작</span>
-                            </div>
+                            <div class="input-group-text"> 년 시작 </div>
                             <input type="number" class="form-control" id="year" value="<?= $year ?>" min="<?= $startYear ?>">
-                            <div class="input-group-append">
-                                <span class="input-group-text">년</span>
-                            </div>
+                            <div class="input-group-text"> 년 </div>
                             <input type="number" class="form-control" id="month" value="1" min="1" max="12">
-                            <div class="input-group-append">
-                                <span class="input-group-text">월</span>
-                            </div>
+                            <div class="input-group-text"> 월 </div>
                         </div>
                     </div>
                     <div class="col-sm-6">
                         <div class="btn-toolbar" role="toolbar">
-                            <div class="input-group mr-2" role="group">
-                                <div class="input-group-prepend">
-                                    <span class="input-group-text">반복 횟수</span>
+                            <div class="input-group me-2" role="group">
+                                <div class="input-group-text">
+                                    반복 횟수
                                 </div>
-                                <select class="custom-select" id="repeat_cnt">
+                                <select class="form-select" id="repeat_cnt">
                                     <option value="1">1회 (로그 표기)</option>
                                     <option value="1000">1000회 (요약 표기)</option>
                                 </select>
                             </div>
-                            <div class="btn-group mr-2" role="group">
+                            <div class="btn-group me-2" role="group">
                                 <button type="button" class="btn btn-danger btn-begin_battle">전투</button>
                             </div>
-                            <div class="btn-group mr-2" role="group">
+                            <div class="btn-group me-2" role="group">
                                 <button type="button" class="btn btn-info btn-battle-save">모두 저장</button>
                                 <input type="file" class="form_load_battle_file" accept=".json" style="display: none;" />
                                 <button type="button" class="btn btn-primary btn-battle-load">모두 불러오기</button>
@@ -116,44 +110,35 @@ if ($nationID) {
                     </div>
                     <div class="card-body nation_detail dragpad_battle">
                         <div class="input-group mb-1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">국가 성향</span>
+                            <div class="input-group-text">국가 성향
                             </div>
-                            <select class="custom-select form_nation_type" style="width:25ch;">
+                            <select class="form-select form_nation_type" style="width:25ch;">
                                 <?php foreach (GameConst::$availableNationType as $typeID) : ?>
                                     <?php $nationTypeClass = buildNationTypeClass($typeID) ?>
                                     <option value="<?= $typeID ?>"><?= $nationTypeClass->getName() ?> (<?= $nationTypeClass::$pros ?>, <?= $nationTypeClass::$cons ?>)</option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">기술</span>
-                            </div>
+                            <div class="input-group-text">기술 </div>
                             <input type="number" class="form-control form_tech" value="1" min="0" max="12">
-                            <div class="input-group-append">
-                                <span class="input-group-text">등급</span>
-                            </div>
+                            <div class="input-group-text">등급 </div>
                         </div>
                         <div class="input-group mb-3">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">국가 규모</span>
-                            </div>
-                            <select class="custom-select form_nation_level">
+                            <div class="input-group-text">국가 규모 </div>
+                            <select class="form-select form_nation_level">
                                 <?php foreach (getNationLevelList() as $nationLevel => [$name, $chiefCnt, $cityCnt]) : ?>
                                     <option value="<?= $nationLevel ?>"><?= $name ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">도시 규모</span>
+                            <div class="input-group-text">도시 규모
                             </div>
-                            <select class="custom-select form_city_level">
+                            <select class="form-select form_city_level">
                                 <?php foreach (getCityLevelList() as $levelID => $name) : ?>
                                     <option value="<?= $levelID ?>"><?= $name ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">수도</span>
+                            <div class="input-group-text">수도
                             </div>
-                            <div class="input-group-append btn-group btn-group-toggle" data-toggle="buttons">
+                            <div class="input-group-text btn-group btn-group-toggle" data-toggle="buttons">
                                 <label class="btn btn-secondary">
                                     <input type="radio" name="is_attacker_capital" class="form_is_capital" value="1" autocomplete="off">Y
                                 </label>
@@ -170,12 +155,12 @@ if ($nationID) {
                 </div>
                 <div class="card mb-2 attacker_form general_form" data-general_no='1'>
                     <div class="card-header">
-                        <div class="float-sm-left" style="line-height:25px;">출병자 설정</div>
-                        <div class="float-sm-right btn-toolbar" role="toolbar">
-                            <div class="btn-group btn-group-sm mr-2" role="group">
+                        <div class="float-sm-start" style="line-height:25px;">출병자 설정</div>
+                        <div class="float-sm-end btn-toolbar" role="toolbar">
+                            <div class="btn-group btn-group-sm me-2" role="group">
                                 <button type="button" class="btn btn-success btn-general-import-server">서버에서 가져오기</button>
                             </div>
-                            <div class="btn-group btn-group-sm mr-2" role="group">
+                            <div class="btn-group btn-group-sm me-2" role="group">
                                 <button type="button" class="btn btn-info btn-general-save">저장</button>
                                 <input type="file" class="form_load_general_file" accept=".json" style="display: none;" />
                                 <button type="button" class="btn btn-primary btn-general-load">불러오기</button>
@@ -191,44 +176,38 @@ if ($nationID) {
                     </div>
                     <div class="card-body dragpad_battle">
                         <div class="input-group mb-1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">국가 성향</span>
+                            <div class="input-group-text">국가 성향
                             </div>
-                            <select class="custom-select form_nation_type" style="width:25ch;">
+                            <select class="form-select form_nation_type" style="width:25ch;">
                                 <?php foreach (GameConst::$availableNationType as $typeID) : ?>
                                     <?php $nationTypeObj = buildNationTypeClass($typeID) ?>
                                     <option value="<?= $typeID ?>"><?= $nationTypeObj->getName() ?> (<?= $nationTypeObj::$pros ?>, <?= $nationTypeObj::$cons ?>)</option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">기술</span>
+                            <div class="input-group-text">기술
                             </div>
                             <input type="number" class="form-control form_tech" value="1" min="0" max="12">
-                            <div class="input-group-append">
-                                <span class="input-group-text">등급</span>
+                            <div class="input-group-text">등급
                             </div>
                         </div>
                         <div class="input-group mb-3">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">국가 규모</span>
+                            <div class="input-group-text">국가 규모
                             </div>
-                            <select class="custom-select form_nation_level">
+                            <select class="form-select form_nation_level">
                                 <?php foreach (getNationLevelList() as $nationLevel => [$name, $chiefCnt, $cityCnt]) : ?>
                                     <option value="<?= $nationLevel ?>"><?= $name ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">도시 규모</span>
+                            <div class="input-group-text">도시 규모
                             </div>
-                            <select class="custom-select form_city_level">
+                            <select class="form-select form_city_level">
                                 <?php foreach (getCityLevelList() as $levelID => $name) : ?>
                                     <option value="<?= $levelID ?>"><?= $name ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">수도</span>
+                            <div class="input-group-text">수도
                             </div>
-                            <div class="input-group-append btn-group btn-group-toggle" data-toggle="buttons">
+                            <div class="input-group-text btn-group btn-group-toggle" data-toggle="buttons">
                                 <label class="btn btn-secondary">
                                     <input type="radio" name="is_defender_capital" class="form_is_capital" value="1" autocomplete="off">Y
                                 </label>
@@ -238,12 +217,10 @@ if ($nationID) {
                             </div>
                         </div>
                         <div class="input-group mb-1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">수비</span>
+                            <div class="input-group-text">수비
                             </div>
                             <input type="number" class="form-control form_def" id="city_def" value="1000" min="10" step="10">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">성벽</span>
+                            <div class="input-group-text">성벽
                             </div>
                             <input type="number" class="form-control form_wall" id="city_wall" value="1000" min="0" step="10">
                         </div>
@@ -251,9 +228,9 @@ if ($nationID) {
                 </div>
                 <div class="card mb-2 defender_add_form">
                     <div class="card-header">
-                        <div class="float-sm-left" style="line-height:25px;">수비자 설정</div>
-                        <div class="float-sm-right btn-toolbar" role="toolbar">
-                            <div class="btn-group btn-group-sm mr-2" role="group">
+                        <div class="float-sm-start" style="line-height:25px;">수비자 설정</div>
+                        <div class="float-sm-end btn-toolbar" role="toolbar">
+                            <div class="btn-group btn-group-sm me-2" role="group">
                                 <button type="button" class="btn btn-dark btn-reorder_defender">수비 순서대로 정렬</button>
                             </div>
                             <div class="btn-group btn-group-sm" role="group">
@@ -264,12 +241,12 @@ if ($nationID) {
                 </div>
                 <div class="card mb-2 form_sample">
                     <div class="card-header">
-                        <div class="float-sm-left" style="line-height:25px;">수비자 설정</div>
-                        <div class="float-sm-right btn-toolbar" role="toolbar">
-                            <div class="btn-group btn-group-sm mr-2" role="group">
+                        <div class="float-sm-start" style="line-height:25px;">수비자 설정</div>
+                        <div class="float-sm-end btn-toolbar" role="toolbar">
+                            <div class="btn-group btn-group-sm me-2" role="group">
                                 <button type="button" class="btn btn-success btn-general-import-server">서버에서 가져오기</button>
                             </div>
-                            <div class="btn-group btn-group-sm mr-2" role="group">
+                            <div class="btn-group btn-group-sm me-2" role="group">
                                 <button type="button" class="btn btn-info btn-general-save">저장</button>
                                 <input type="file" class="form_load_general_file" accept=".json" style="display: none;" />
                                 <button type="button" class="btn btn-primary btn-general-load">불러오기</button>
@@ -282,14 +259,12 @@ if ($nationID) {
                     </div>
                     <div class="card-body general_detail">
                         <div class="input-group mb-3">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">이름</span>
+                            <div class="input-group-text">이름
                             </div>
                             <input type="text" class="form-control form_general_name" value="무명" style="width:15ch;">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">직위</span>
+                            <div class="input-group-text">직위
                             </div>
-                            <select class="custom-select form_officer_level" style="width:8ch;">
+                            <select class="form-select form_officer_level" style="width:8ch;">
                                 <option value="1">일반</option>
                                 <option value="4">태수</option>
                                 <option value="3">군사</option>
@@ -299,49 +274,42 @@ if ($nationID) {
                                 <option value="11">참모</option>
                                 <option value="12">군주</option>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">Level</span>
+                            <div class="input-group-text">Level
                             </div>
                             <input type="number" class="form-control form_exp_level" value="20" min="0" max="300" step="1">
 
                         </div>
                         <div class="input-group mb-1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">통솔</span>
+                            <div class="input-group-text">통솔
                             </div>
                             <input type="number" class="form-control form_leadership" value="50" min="1" max="300" step="1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">무력</span>
+                            <div class="input-group-text">무력
                             </div>
                             <input type="number" class="form-control form_strength" value="50" min="1" max="300" step="1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">지력</span>
+                            <div class="input-group-text">지력
                             </div>
                             <input type="number" class="form-control form_intel" value="50" min="1" max="300" step="1">
                         </div>
                         <div class="input-group mb-1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">명마</span>
+                            <div class="input-group-text">명마
                             </div>
-                            <select class="custom-select form_general_horse">
+                            <select class="form-select form_general_horse">
                                 <option value='None'>-</option>
                                 <?php foreach (GameConst::$allItems['horse'] as $horseID => $cnt) : ?>
                                     <option value="<?= $horseID ?>"><?= getItemName($horseID) ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">무기</span>
+                            <div class="input-group-text">무기
                             </div>
-                            <select class="custom-select form_general_weap">
+                            <select class="form-select form_general_weap">
                                 <option value='None'>-</option>
                                 <?php foreach (GameConst::$allItems['weapon'] as $weaponID => $cnt) : ?>
                                     <option value="<?= $weaponID ?>"><?= getItemName($weaponID) ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">서적</span>
+                            <div class="input-group-text">서적
                             </div>
-                            <select class="custom-select form_general_book">
+                            <select class="form-select form_general_book">
                                 <option value='None'>-</option>
                                 <?php foreach (GameConst::$allItems['book'] as $bookID => $cnt) : ?>
                                     <option value="<?= $bookID ?>"><?= getItemName($bookID) ?></option>
@@ -349,21 +317,17 @@ if ($nationID) {
                             </select>
                         </div>
                         <div class="input-group mb-3">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">부상</span>
+                            <div class="input-group-text">부상
                             </div>
                             <input type="number" class="form-control form_injury" value="0" min="0" max="80" step="1">
-                            <div class="input-group-append">
-                                <span class="input-group-text">%(<span class="injury_helptext">건강</span>)</span>
+                            <div class="input-group-text">%(<span class="injury_helptext">건강</span>)
                             </div>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">군량</span>
+                            <div class="input-group-text">군량
                             </div>
                             <input type="number" class="form-control form_rice" value="5000" min="50" max="40000" step="50">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">도구</span>
+                            <div class="input-group-text">도구
                             </div>
-                            <select class="custom-select form_general_item">
+                            <select class="form-select form_general_item">
                                 <option value='None'>-</option>
                                 <?php foreach (GameConst::$allItems['item'] as $itemID => $cnt) : ?>
                                     <option value="<?= $itemID ?>"><?= getItemName($itemID) ?></option>
@@ -371,10 +335,9 @@ if ($nationID) {
                             </select>
                         </div>
                         <div class="input-group mb-1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">병종</span>
+                            <div class="input-group-text">병종
                             </div>
-                            <select class="custom-select form_crewtype">
+                            <select class="form-select form_crewtype">
                                 <?php foreach (GameUnitConst::all() as $crewTypeID => $crewType) : ?>
                                     <?php if ($crewType->armType === GameUnitConst::T_CASTLE) {
                                         continue;
@@ -382,84 +345,73 @@ if ($nationID) {
                                     <option value="<?= $crewTypeID ?>"><?= $crewType->name ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">병사</span>
+                            <div class="input-group-text">병사
                             </div>
                             <input type="number" class="form-control form_crew" value="7000" min="100" step="100">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">성격</span>
+                            <div class="input-group-text">성격
                             </div>
-                            <select class="custom-select form_general_character">
+                            <select class="form-select form_general_character">
                                 <?php foreach (getCharacterList(false) as $characterID => [$name, $info]) : ?>
                                     <option value="<?= $characterID ?>"><?= $name ?></option>
                                 <?php endforeach; ?>
                             </select>
                         </div>
                         <div class="input-group mb-3">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">훈련</span>
+                            <div class="input-group-text">훈련
                             </div>
                             <input type="number" class="form-control form_train" value="100" min="40" max="<?= GameConst::$maxTrainByWar ?>" step="1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">사기</span>
+                            <div class="input-group-text">사기
                             </div>
                             <input type="number" class="form-control form_atmos" value="100" min="40" max="<?= GameConst::$maxAtmosByWar ?>" step="1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">전특</span>
+                            <div class="input-group-text">전특
                             </div>
-                            <select class="custom-select form_general_special_war">
+                            <select class="form-select form_general_special_war">
                                 <?php foreach (SpecialityHelper::getSpecialWarList(false) as $specialWarID => $specialObj) : ?>
                                     <option value="<?= $specialWarID ?>"><?= $specialObj->getName() ?></option>
                                 <?php endforeach; ?>
                             </select>
                         </div>
                         <div class="input-group mb-1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">보병숙련</span>
+                            <div class="input-group-text">보병숙련
                             </div>
-                            <select class="custom-select form_dex1">
+                            <select class="form-select form_dex1">
                                 <?php foreach (getDexLevelList() as $dexLevel => [$dexAmount, $color, $name]) : ?>
                                     <option value="<?= $dexAmount ?>"><?= "{$name} (" . number_format($dexAmount) . ")" ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">궁병숙련</span>
+                            <div class="input-group-text">궁병숙련
                             </div>
-                            <select class="custom-select form_dex2">
+                            <select class="form-select form_dex2">
                                 <?php foreach (getDexLevelList() as $dexLevel => [$dexAmount, $color, $name]) : ?>
                                     <option value="<?= $dexAmount ?>"><?= "{$name} (" . number_format($dexAmount) . ")" ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">기병숙련</span>
+                            <div class="input-group-text">기병숙련
                             </div>
-                            <select class="custom-select form_dex3">
+                            <select class="form-select form_dex3">
                                 <?php foreach (getDexLevelList() as $dexLevel => [$dexAmount, $color, $name]) : ?>
                                     <option value="<?= $dexAmount ?>"><?= "{$name} (" . number_format($dexAmount) . ")" ?></option>
                                 <?php endforeach; ?>
                             </select>
                         </div>
                         <div class="input-group mb-3">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">귀병숙련</span>
+                            <div class="input-group-text">귀병숙련
                             </div>
-                            <select class="custom-select form_dex4">
+                            <select class="form-select form_dex4">
                                 <?php foreach (getDexLevelList() as $dexLevel => [$dexAmount, $color, $name]) : ?>
                                     <option value="<?= $dexAmount ?>"><?= "{$name} (" . number_format($dexAmount) . ")" ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">차병숙련</span>
+                            <div class="input-group-text">차병숙련
                             </div>
-                            <select class="custom-select form_dex5">
+                            <select class="form-select form_dex5">
                                 <?php foreach (getDexLevelList() as $dexLevel => [$dexAmount, $color, $name]) : ?>
                                     <option value="<?= $dexAmount ?>"><?= "{$name} (" . number_format($dexAmount) . ")" ?></option>
                                 <?php endforeach; ?>
                             </select>
-                            <div class="input-group-prepend only_defender">
-                                <span class="input-group-text">수비여부</span>
+                            <div class="input-group-text only_defender">수비여부
                             </div>
-                            <select class="custom-select form_defence_train only_defender">
+                            <select class="form-select form_defence_train only_defender">
                                 <option value="90">훈사 90</option>
                                 <option value="80">훈사 80</option>
                                 <option value="60">훈사 60</option>
@@ -468,16 +420,13 @@ if ($nationID) {
                             </select>
                         </div>
                         <div class="input-group mb-1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">전투 수</span>
+                            <div class="input-group-text">전투 수
                             </div>
                             <input type="number" class="form-control form_warnum" value="0" step="1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">승리 수</span>
+                            <div class="input-group-text">승리 수
                             </div>
                             <input type="number" class="form-control form_killnum" value="0" step="1">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">사살 수</span>
+                            <div class="input-group-text">사살 수
                             </div>
                             <input type="number" class="form-control form_killcrew" value="0" step="1">
                         </div>
diff --git a/hwe/css/install.css b/hwe/css/install.css
index 6be9730e..3670a217 100644
--- a/hwe/css/install.css
+++ b/hwe/css/install.css
@@ -1,2 +1,4 @@
-@charset "UTF-8";
 
+.form-group{
+    margin-bottom: 1em;
+}
\ No newline at end of file
diff --git a/hwe/install.php b/hwe/install.php
index a5821969..1665a749 100644
--- a/hwe/install.php
+++ b/hwe/install.php
@@ -39,7 +39,7 @@ if ($session->userGrade < 5 && !$allowReset) {
 </head>
 
 <body>
-    <div class="container" style="min-width:720px;">
+    <div class="container">
         <h1 class="row justify-content-md-center">삼국지 모의전투 HiDCHe 리셋</h1>
         <div class="row justify-content-md-center">
 
@@ -55,30 +55,14 @@ if ($session->userGrade < 5 && !$allowReset) {
                                 <label for="turnterm" class="col-sm-3 col-form-label">턴 시간(분)</label>
                                 <div class="col-sm-9">
                                     <div id="turnterm" class="btn-group btn-group-toggle" data-toggle="buttons">
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="turnterm" value="120">120
-                                        </label>
-                                        <label class="btn btn-secondary active">
-                                            <input type="radio" name="turnterm" value="60" checked>60
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="turnterm" value="30">30
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="turnterm" value="20">20
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="turnterm" value="10">10
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="turnterm" value="5">5
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="turnterm" value="2">2
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="turnterm" value="1">1
-                                        </label>
+                                        <input type="radio" class="btn-check" name="turnterm" id="turnterm_120" value="120"><label for="turnterm_120" class="btn btn-secondary">120</label>
+                                        <input type="radio" class="btn-check" name="turnterm" id="turnterm_60" value="60" checked><label for="turnterm_60" class="btn btn-secondary">60</label>
+                                        <input type="radio" class="btn-check" name="turnterm" id="turnterm_30" value="30"><label for="turnterm_30" class="btn btn-secondary">30</label>
+                                        <input type="radio" class="btn-check" name="turnterm" id="turnterm_20" value="20"><label for="turnterm_20" class="btn btn-secondary">20</label>
+                                        <input type="radio" class="btn-check" name="turnterm" id="turnterm_10" value="10"><label for="turnterm_10" class="btn btn-secondary">10</label>
+                                        <input type="radio" class="btn-check" name="turnterm" id="turnterm_5" value="5"><label for="turnterm_5" class="btn btn-secondary">5</label>
+                                        <input type="radio" class="btn-check" name="turnterm" id="turnterm_2" value="2"><label for="turnterm_2" class="btn btn-secondary">2</label>
+                                        <input type="radio" class="btn-check" name="turnterm" id="turnterm_1" value="1"><label for="turnterm_1" class="btn btn-secondary">1</label>
                                     </div>
                                 </div>
                             </div>
@@ -88,16 +72,12 @@ if ($session->userGrade < 5 && !$allowReset) {
                                 <label for="sync" class="col-sm-3 col-form-label">시간 동기화</label>
                                 <div class="col-sm-9" style="display: inline-flex;">
                                     <div id="sync" class="btn-group btn-group-toggle" data-toggle="buttons">
-                                        <label class="btn btn-secondary active">
-                                            <input type="radio" name="sync" value="1" checked>Y
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="sync" value="0">N
-                                        </label>
+                                        <input class="btn-check" id="sync_1" type="radio" name="sync" value="1" checked><label class="btn btn-secondary" for="sync_1">Y</label>
+                                        <input class="btn-check" id="sync_0" type="radio" name="sync" value="0"><label class="btn btn-secondary" for="sync_0">N</label>
 
                                     </div>
                                     <small class="text-muted">
-                                        시간 단위에 맞게 년/월이 설정됩니다. <br>예: 120분(오전1시=1월), 60분(오전/오후 1시=1월)
+                                        시간 단위에 맞게 년/월이 설정됩니다.<br>예: 120분(오전1시=1월), 60분(오전/오후 1시=1월)
                                     </small>
                                 </div>
                             </div>
@@ -115,12 +95,8 @@ if ($session->userGrade < 5 && !$allowReset) {
                                 <label for="fiction" class="col-sm-3 col-form-label">NPC 상성</label>
                                 <div class="col-sm-9">
                                     <div id="fiction" class="btn-group btn-group-toggle" data-toggle="buttons">
-                                        <label class="btn btn-secondary active">
-                                            <input type="radio" name="fiction" value="0" checked>연의
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="fiction" value="1">가상
-                                        </label>
+                                        <input type="radio" id="fiction_0" class="btn-check" name="fiction" value="0" checked><label for="fiction_0" class="btn btn-secondary"> 연의 </label>
+                                        <input type="radio" id="fiction_1" class="btn-check" name="fiction" value="1"><label for="fiction_1" class="btn btn-secondary"> 가상 </label>
                                     </div>
                                 </div>
                             </div>
@@ -129,12 +105,8 @@ if ($session->userGrade < 5 && !$allowReset) {
                                 <label for="extend" class="col-sm-3 col-form-label">확장 NPC</label>
                                 <div class="col-sm-9">
                                     <div id="extend" class="btn-group btn-group-toggle" data-toggle="buttons">
-                                        <label class="btn btn-secondary active">
-                                            <input type="radio" name="extend" value="1" checked>포함
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="extend" value="0">미포함
-                                        </label>
+                                        <input type="radio" id="extend_1" class="btn-check" name="extend" value="1" checked><label for="extend_1" class="btn btn-secondary">포함</label>
+                                        <input type="radio" id="extend_0" class="btn-check" name="extend" value="0"><label for="extend_0" class="btn btn-secondary">미포함</label>
                                     </div>
                                 </div>
                             </div>
@@ -143,12 +115,8 @@ if ($session->userGrade < 5 && !$allowReset) {
                                 <label for="block_general_create" class="col-sm-3 col-form-label">장수 임의 생성</label>
                                 <div class="col-sm-9">
                                     <div id="block_general_create" class="btn-group btn-group-toggle" data-toggle="buttons">
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="block_general_create" value="0" checked>가능
-                                        </label>
-                                        <label class="btn btn-secondary active">
-                                            <input type="radio" name="block_general_create" value="1">불가
-                                        </label>
+                                        <input type="radio" class="btn-check" id="block_general_create_0" name="block_general_create" value="0" checked><label for="block_general_create_0" class="btn btn-secondary">가능</label>
+                                        <input type="radio" class="btn-check" id="block_general_create_1" name="block_general_create" value="1"><label for="block_general_create_1" class="btn btn-secondary">불가</label>
                                     </div>
                                 </div>
                             </div>
@@ -157,15 +125,9 @@ if ($session->userGrade < 5 && !$allowReset) {
                                 <label for="npcmode" class="col-sm-3 col-form-label">NPC 빙의</label>
                                 <div class="col-sm-9">
                                     <div id="npcmode" class="btn-group btn-group-toggle" data-toggle="buttons">
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="npcmode" value="1">가능
-                                        </label>
-                                        <label class="btn btn-secondary active">
-                                            <input type="radio" name="npcmode" value="0" checked>불가
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="npcmode" value="2">선택 생성 가능
-                                        </label>
+                                        <input type="radio" id="npcmode_1" class="btn-check" name="npcmode" value="1"><label for="npcmode_1" class="btn btn-secondary"> 가능 </label>
+                                        <input type="radio" id="npcmode_0" class="btn-check" name="npcmode" value="0" checked><label for="npcmode_0" class="btn btn-secondary"> 불가 </label>
+                                        <input type="radio" id="npcmode_2" class="btn-check" name="npcmode" value="2"><label for="npcmode_2" class="btn btn-secondary"> 선택 생성 가능 </label>
                                     </div>
                                 </div>
                             </div>
@@ -174,31 +136,20 @@ if ($session->userGrade < 5 && !$allowReset) {
                                 <label class="col-sm-3 col-form-label" id="autorun_set_label">휴식 턴 시 장수 턴</label>
                                 <div class="col-sm-9">
                                     <div class="input-group">
-                                        <div class="input-group-prepend btn-group btn-group-toggle" data-toggle="buttons">
-                                            <label class="btn btn-secondary">
-                                                <input type="checkbox" class="autorun_user_chk" data-key="develop" name="autorun_user[]" value="develop">내정
-                                            </label>
-                                            <label class="btn btn-secondary">
-                                                <input type="checkbox" class="autorun_user_chk" data-key="warp" name="autorun_user[]" value="warp">순간이동
-                                            </label>
-                                            <label class="btn btn-secondary">
-                                                <input type="checkbox" class="autorun_user_chk" data-key="recruit" name="autorun_user[]" value="recruit">징병
-                                            </label>
-                                            <label class="btn btn-secondary">
-                                                <input type="checkbox" class="autorun_user_chk" data-key="recruit_high" name="autorun_user[]" value="recruit_high">모병
-                                            </label>
-                                            <label class="btn btn-secondary">
-                                                <input type="checkbox" class="autorun_user_chk" data-key="train" name="autorun_user[]" value="train">훈사
-                                            </label>
-                                            <label class="btn btn-secondary">
-                                                <input type="checkbox" class="autorun_user_chk" data-key="battle" name="autorun_user[]" value="battle">출병
-                                            </label>
-                                            <label class="btn btn-secondary">
-                                                <input type="checkbox" class="autorun_user_chk" data-key="chief" name="autorun_user[]" value="chief">기본 사령턴
-                                            </label>
+                                        <div class="btn-group btn-group-toggle" data-toggle="buttons">
+                                            <input type="checkbox" id="autorun_develop" class="autorun_user_chk btn-check" data-key="develop" name="autorun_user[]" value="develop"><label class="btn btn-secondary" for="autorun_develop">내정</label>
+                                            <input type="checkbox" id="autorun_warp" class="autorun_user_chk btn-check" data-key="warp" name="autorun_user[]" value="warp"><label class="btn btn-secondary" for="autorun_warp">순간이동</label>
+                                            <input type="checkbox" id="autorun_recruit" class="autorun_user_chk btn-check" data-key="recruit" name="autorun_user[]" value="recruit"><label class="btn btn-secondary" for="autorun_recruit">징병</label>
+                                            <input type="checkbox" id="autorun_recruit_high" class="autorun_user_chk btn-check" data-key="recruit_high" name="autorun_user[]" value="recruit_high"><label class="btn btn-secondary" for="autorun_recruit_high">모병</label>
+                                            <input type="checkbox" id="autorun_train" class="autorun_user_chk btn-check" data-key="train" name="autorun_user[]" value="train"><label class="btn btn-secondary" for="autorun_train">훈사</label>
+                                            <input type="checkbox" id="autorun_battle" class="autorun_user_chk btn-check" data-key="battle" name="autorun_user[]" value="battle"><label class="btn btn-secondary" for="autorun_battle">출병</label>
+                                            <input type="checkbox" id="autorun_chief" class="autorun_user_chk btn-check" data-key="chief" name="autorun_user[]" value="chief"><label class="btn btn-secondary" for="autorun_chief">기본 사령턴</label>
                                         </div>
-                                        <div class="input-group-append">
-                                            <span class="input-group-text">유효 시간</span>
+                                    </div>
+                                </div>
+                                <div class="col-sm-6 offset-sm-3">
+                                    <div class="input-group">
+                                        <div class="input-group-text">유효 시간
                                         </div>
                                         <select class="custom-select" name="autorun_user_minutes" id="autorun_user_minutes">
                                             <option value="0" selected>꺼짐</option>
@@ -223,61 +174,12 @@ if ($session->userGrade < 5 && !$allowReset) {
                                     </div>
                                 </div>
                             </div>
-
-                            <!--
-                    <div class="form-group row">
-                        <label class="col-sm-3 col-form-label">휴식 턴 시 사령 턴</label>
-                        <div class="col-sm-9">
-                            <div class="input-group">
-                                <div class="input-group-prepend btn-group btn-group-toggle" data-toggle="buttons">
-                                    <label class="btn btn-secondary">
-                                        <input type="radio" name="autorun_chief_reward" id="autorun_chief_reward">포상/몰수
-                                    </label>
-                                    <label class="btn btn-secondary">
-                                        <input type="radio" name="autorun_chief_warp" id="autorun_chief_warp">발령
-                                    </label>
-                                    <label class="btn btn-secondary">
-                                        <input type="radio" name="autorun_chief_declaration" id="autorun_chief_declaration">선포
-                                    </label>
-                                </div>
-                                <div class="input-group-append">
-                                    <span class="input-group-text">유효 시간</span>
-                                </div>
-                                <select class="custom-select" name="autorun_chief_minutes" id="autorun_chief_minutes">
-                                        <option value="0" selected>꺼짐</option>
-                                        <option value="43200">항상</option>
-                                        <option value="10">10분</option>
-                                        <option value="20">20분</option>
-                                        <option value="30">30분</option>
-                                        <option value="60">1시간</option>
-                                        <option value="120">2시간</option>
-                                        <option value="180">3시간</option>
-                                        <option value="240">4시간</option>
-                                        <option value="360">6시간</option>
-                                        <option value="480">8시간</option>
-                                        <option value="600">10시간</option>
-                                        <option value="720">12시간</option>
-                                        <option value="1440">24시간</option>
-                                        <option value="2160">36시간</option>
-                                        <option value="2880">48시간</option>
-                                        <option value="3600">60시간</option>
-                                        <option value="4320">72시간</option>
-                                </select>
-                            </div>
-                        </div>
-                    </div>
-                    -->
-
                             <div class="form-group row">
                                 <label for="join_mode" class="col-sm-3 col-form-label">임관 모드</label>
                                 <div class="col-sm-9">
                                     <div id="join_mode" class="btn-group btn-group-toggle" data-toggle="buttons">
-                                        <label class="btn btn-secondary active">
-                                            <input type="radio" name="join_mode" value="full" checked>일반
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="join_mode" value="onlyRandom">랜덤 임관
-                                        </label>
+                                        <input class="btn-check" id="join_mode_full" type="radio" name="join_mode" value="full" checked><label class="btn btn-secondary" for="join_mode_full">일반</label>
+                                        <input class="btn-check" id="join_mode_onlyRandom" type="radio" name="join_mode" value="onlyRandom"><label class="btn btn-secondary" for="join_mode_onlyRandom">랜덤 임관</label>
                                     </div>
                                 </div>
                             </div>
@@ -286,50 +188,26 @@ if ($session->userGrade < 5 && !$allowReset) {
                                 <label for="show_img_level" class="col-sm-3 col-form-label">이미지 표기</label>
                                 <div class="col-sm-9">
                                     <div id="show_img_level" class="btn-group btn-group-toggle" data-toggle="buttons">
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="show_img_level" value="0">안함
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="show_img_level" value="1">전콘
-                                        </label>
-                                        <label class="btn btn-secondary">
-                                            <input type="radio" name="show_img_level" value="2">전콘, 병종
-                                        </label>
-                                        <label class="btn btn-secondary active">
-                                            <input type="radio" name="show_img_level" value="3" checked>전콘, 병종, NPC
-                                        </label>
+                                        <input type="radio" id="show_img_level_0" class="btn-check" name="show_img_level" value="0"><label for="show_img_level_0" class="btn btn-secondary">안함</label>
+                                        <input type="radio" id="show_img_level_1" class="btn-check" name="show_img_level" value="1"><label for="show_img_level_1" class="btn btn-secondary">전콘</label>
+                                        <input type="radio" id="show_img_level_2" class="btn-check" name="show_img_level" value="2"><label for="show_img_level_2" class="btn btn-secondary">전콘, 병종</label>
+                                        <input type="radio" id="show_img_level_3" class="btn-check" name="show_img_level" value="3" checked><label for="show_img_level_3" class="btn btn-secondary">전콘, 병종, NPC</label>
                                     </div>
                                 </div>
                             </div>
 
                             <div class="form-group row">
-                                <label for="tournament_trig" class="col-sm-3 col-form-label">토너먼트 자동 시작<br>경기 단위</label>
+                                <label for="tournament_trig" class="col-sm-3 col-form-label"><span class="text-nowrap">토너먼트 자동 시작</span> <span class="text-nowrap">경기 단위</span></label>
                                 <div class="col-sm-9" id="tournament_trig">
                                     <div id="tournament_trig" class="btn-group-toggle btn-group flex-wrap" data-toggle="buttons">
-                                        <label class="btn btn-secondary w-25">
-                                            <input type="radio" name="tournament_trig" value="0">안함
-                                        </label>
-                                        <label class="btn btn-secondary w-25">
-                                            <input type="radio" name="tournament_trig" value="1">12분(총 5일)
-                                        </label>
-                                        <label class="btn btn-secondary w-25">
-                                            <input type="radio" name="tournament_trig" value="2">7분(총 10시간)
-                                        </label>
-                                        <label class="btn btn-secondary w-25">
-                                            <input type="radio" name="tournament_trig" value="3">3분(총 4시간)
-                                        </label>
-                                        <label class="btn btn-secondary w-25 active">
-                                            <input type="radio" name="tournament_trig" value="4" checked>1분(총 82분)
-                                        </label>
-                                        <label class="btn btn-secondary w-25">
-                                            <input type="radio" name="tournament_trig" value="5">30초(총 41분)
-                                        </label>
-                                        <label class="btn btn-secondary w-25">
-                                            <input type="radio" name="tournament_trig" value="6">15초(총 21분)
-                                        </label>
-                                        <label class="btn btn-secondary w-25">
-                                            <input type="radio" name="tournament_trig" value="7">5초(총 7분)
-                                        </label>
+                                        <input type="radio" class="btn-check" id="tournament_trig_0" name="tournament_trig" value="0"><label for="tournament_trig_0" class="btn btn-secondary w-25">안함</label>
+                                        <input type="radio" class="btn-check" id="tournament_trig_1" name="tournament_trig" value="1"><label for="tournament_trig_1" class="btn btn-secondary w-25">12분(총 5일)</label>
+                                        <input type="radio" class="btn-check" id="tournament_trig_2" name="tournament_trig" value="2"><label for="tournament_trig_2" class="btn btn-secondary w-25">7분(총 10시간)</label>
+                                        <input type="radio" class="btn-check" id="tournament_trig_3" name="tournament_trig" value="3"><label for="tournament_trig_3" class="btn btn-secondary w-25">3분(총 4시간)</label>
+                                        <input type="radio" class="btn-check" id="tournament_trig_4" name="tournament_trig" value="4" checked><label for="tournament_trig_4" class="btn btn-secondary w-25">1분(총 82분)</label>
+                                        <input type="radio" class="btn-check" id="tournament_trig_5" name="tournament_trig" value="5"><label for="tournament_trig_5" class="btn btn-secondary w-25">30초(총 41분)</label>
+                                        <input type="radio" class="btn-check" id="tournament_trig_6" name="tournament_trig" value="6"><label for="tournament_trig_6" class="btn btn-secondary w-25">15초(총 21분)</label>
+                                        <input type="radio" class="btn-check" id="tournament_trig_7" name="tournament_trig" value="7"><label for="tournament_trig_7" class="btn btn-secondary w-25">5초(총 7분)</label>
                                     </div>
                                 </div>
                             </div>
@@ -350,7 +228,7 @@ if ($session->userGrade < 5 && !$allowReset) {
 
                             <div class="form-group row">
                                 <div class="col-sm-3"></div>
-                                <div class="col-sm-9">
+                                <div class="col-sm-9 d-grid">
                                     <input type="submit" class="btn btn-primary btn-lg btn-block login-button" value="리셋 개시">
                                 </div>
                             </div>
@@ -370,7 +248,8 @@ if ($session->userGrade < 5 && !$allowReset) {
                         <tbody>
                             <tr>
                                 <th>시작 연도</th>
-                                <td><span id="scenario_begin">180년</span><small id="scenario_begin_with_sync"></small></td>
+                                <td><span id="scenario_begin">180년</span><small id="scenario_begin_with_sync"></small>
+                                </td>
                             </tr>
                             <tr>
                                 <th>NPC 수</th>
diff --git a/hwe/ts/battle_simulator.ts b/hwe/ts/battle_simulator.ts
index 5ba8f076..f0abe3f0 100644
--- a/hwe/ts/battle_simulator.ts
+++ b/hwe/ts/battle_simulator.ts
@@ -124,6 +124,8 @@ declare global {
     }
 }
 
+let modalImport: Modal|undefined = undefined;
+
 $(function ($) {
 
 
@@ -223,7 +225,10 @@ $(function ($) {
 
             const $modal = $('#importModal');
             $modal.data('target', $card);
-            new Modal($modal[0]).show();
+            if(!modalImport){
+                modalImport = new Modal($modal[0]);
+            }
+            modalImport.show();
         });
 
         $('.btn-general-save').on('click', function () {
@@ -960,7 +965,9 @@ $(function ($) {
             const $card = $modal.data('target');
             importGeneralInfo($card, data.general);
 
-            new Modal($modal[0]).hide();
+            if(modalImport){
+                modalImport.hide();
+            }
         }, errUnknown);
 
 
@@ -1009,7 +1016,9 @@ $(function ($) {
             }).then(function (data: BasicGeneralListResponse | InvalidResponse) {
                 if (!data.result) {
                     alert(data.reason);
-                    new Modal(unwrap(document.querySelector('#importModal'))).hide();
+                    if(modalImport){
+                        modalImport.hide();
+                    }
                     return false;
                 }
 
diff --git a/hwe/ts/common_legacy.ts b/hwe/ts/common_legacy.ts
index 63343bbd..0a200a16 100644
--- a/hwe/ts/common_legacy.ts
+++ b/hwe/ts/common_legacy.ts
@@ -1,5 +1,6 @@
 import $ from "jquery";
 import { Tooltip } from "bootstrap";
+import { trim } from "lodash";
 
 /**
  * object의 array를 id를 key로 삼는 object로 재 변환
@@ -189,7 +190,7 @@ export function initTooltip($obj?: JQuery<HTMLElement>): void {
 
             const oTooltip = new Tooltip(this, {
                 title: function(){
-                    return $.trim($(this).find('.tooltiptext').html());
+                    return trim(this.querySelector('.tooltiptext')?.innerHTML);
                 },
                 template: template,
                 html: true
diff --git a/hwe/ts/gateway/user_info.ts b/hwe/ts/gateway/user_info.ts
index 7603f51e..c04476e9 100644
--- a/hwe/ts/gateway/user_info.ts
+++ b/hwe/ts/gateway/user_info.ts
@@ -130,13 +130,15 @@ function showAdjustServerModal(serverList: [string, string][]) {
     }
 
     const modalEl = unwrap(document.querySelector('#chooseServer'));
-     new Modal(modalEl, {
+    const modal = new Modal(modalEl, {
         backdrop: 'static'
     });
+
     modalEl.addEventListener('hidden.bs.modal', function () {
         location.reload();
         return;
-    })
+    });
+    modal.show();
 
     $("#modal-apply").off("click").on("click", async function () {
         const events: Promise<unknown>[] = [];
diff --git a/i_entrance/admin_userlist.php b/i_entrance/admin_userlist.php
index d255a46f..3d90d26f 100644
--- a/i_entrance/admin_userlist.php
+++ b/i_entrance/admin_userlist.php
@@ -14,8 +14,9 @@ require(__DIR__ . '/../vendor/autoload.php');
     <title>유저 관리</title>
 
     <!-- 스타일 -->
-    <?= WebUtil::printCSS('../e_lib/bootstrap.min.css') ?>
     <?= WebUtil::printCSS('../d_shared/common.css') ?>
+    <?= WebUtil::printCSS('../dist_css/vendor.css') ?>
+    <?= WebUtil::printCSS('../dist_css/common_ts.css') ?>
     <?= WebUtil::printCSS('../css/admin_member.css') ?>
 
     <?= WebUtil::printJS('../d_shared/common_path.js') ?>
diff --git a/i_entrance/entrance.php b/i_entrance/entrance.php
index f5454a79..fa783d10 100644
--- a/i_entrance/entrance.php
+++ b/i_entrance/entrance.php
@@ -25,8 +25,9 @@ $acl = $session->acl;
     <title>서버목록</title>
 
     <!-- 스타일 -->
-    <?= WebUtil::printCSS('../e_lib/bootstrap.min.css') ?>
     <?= WebUtil::printCSS('../d_shared/common.css') ?>
+    <?= WebUtil::printCSS('../dist_css/vendor.css') ?>
+    <?= WebUtil::printCSS('../dist_css/common_ts.css') ?>
     <?= WebUtil::printCSS('../css/config.css') ?>
     <?= WebUtil::printCSS('../css/entrance.css') ?>
     <?= WebUtil::printCSS('../css/admin_server.css') ?>
diff --git a/i_entrance/user_info.php b/i_entrance/user_info.php
index a71c2d38..ec6194b2 100644
--- a/i_entrance/user_info.php
+++ b/i_entrance/user_info.php
@@ -14,8 +14,9 @@ require(__DIR__ . '/../vendor/autoload.php');
     <title>계정 관리</title>
 
     <!-- 스타일 -->
-    <?= WebUtil::printCSS('../e_lib/bootstrap.min.css') ?>
     <?= WebUtil::printCSS('../d_shared/common.css') ?>
+    <?= WebUtil::printCSS('../dist_css/vendor.css') ?>
+    <?= WebUtil::printCSS('../dist_css/common_ts.css') ?>
     <?= WebUtil::printCSS('../css/config.css') ?>
     <?= WebUtil::printCSS('../css/user_info.css') ?>
 
diff --git a/index.php b/index.php
index 231e3df0..55444445 100644
--- a/index.php
+++ b/index.php
@@ -57,6 +57,7 @@ foreach (ServConfig::getServerList() as $setting) {
     <?= WebUtil::printJS('dist_js/login.js') ?>
 
     <?= WebUtil::printCSS('d_shared/common.css') ?>
+    <?= WebUtil::printCSS('dist_css/vendor.css') ?>
     <?= WebUtil::printCSS('dist_css/common_ts.css') ?>
     <?= WebUtil::printCSS('dist_css/login.css') ?>
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" />
@@ -159,8 +160,8 @@ foreach (ServConfig::getServerList() as $setting) {
                             (별도의 알림[소리, 진동, 숫자]이 발생하지 않습니다.)
                         </div>
                         <div class="input-group mt-4" role="group">
-                            <div class="input-group-prepend">
-                                <span class="input-group-text">인증 코드</span>
+                            <div class="input-group-text">
+                                인증 코드
                             </div>
                             <input type="number" class="form-control" name='otp' id="otp_code" placeholder="인증 코드">
                         </div>
diff --git a/oauth_kakao/join.php b/oauth_kakao/join.php
index 6c497efc..9dfabe59 100644
--- a/oauth_kakao/join.php
+++ b/oauth_kakao/join.php
@@ -33,7 +33,8 @@ if ($canJoin != 'Y') {
     <?= WebUtil::printJS('../dist_js/vendors.js') ?>
     <?= WebUtil::printJS('../dist_js/common_ts.js') ?>
     <?= WebUtil::printJS('../dist_js/join.js') ?>
-    <?= WebUtil::printCSS('../e_lib/bootstrap.min.css') ?>
+    <?= WebUtil::printCSS('../dist_css/vendor.css') ?>
+    <?= WebUtil::printCSS('../dist_css/common_ts.css') ?>
     <?= WebUtil::printCSS('../css/login.css') ?>
 </head>
 
diff --git a/showErrorLog.php b/showErrorLog.php
index cc92ac7f..112683e3 100644
--- a/showErrorLog.php
+++ b/showErrorLog.php
@@ -56,8 +56,9 @@ $err_logs = $fdb->select('err_log', [
     <title>에러 로그</title>
 
     <!-- 스타일 -->
-    <?= WebUtil::printCSS('e_lib/bootstrap.min.css') ?>
     <?= WebUtil::printCSS('d_shared/common.css') ?>
+    <?= WebUtil::printCSS('../dist_css/vendor.css') ?>
+    <?= WebUtil::printCSS('../dist_css/common_ts.css') ?>
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" />
 </head>
 
