diff --git a/hwe/scss/bootstrap5.scss b/hwe/scss/common/bootstrap5.scss
similarity index 85%
rename from hwe/scss/bootstrap5.scss
rename to hwe/scss/common/bootstrap5.scss
index e7b4bb2f..1802b74b 100644
--- a/hwe/scss/bootstrap5.scss
+++ b/hwe/scss/common/bootstrap5.scss
@@ -9,7 +9,7 @@ $input-color: #303030;
 
 @import "./variables.scss";
 @import "./bootswatch_custom_variables.scss";
-@import "../../node_modules/bootstrap/scss/bootstrap.scss";
+@import "/node_modules/bootstrap/scss/bootstrap.scss";
 @import "./bootswatch_custom.scss";
 @import "./bootstrap_sammo.scss";
 @import "./vue-multiselect.scss";
\ No newline at end of file
diff --git a/hwe/scss/bootstrap_sammo.scss b/hwe/scss/common/bootstrap_sammo.scss
similarity index 100%
rename from hwe/scss/bootstrap_sammo.scss
rename to hwe/scss/common/bootstrap_sammo.scss
diff --git a/hwe/scss/bootswatch_custom.scss b/hwe/scss/common/bootswatch_custom.scss
similarity index 100%
rename from hwe/scss/bootswatch_custom.scss
rename to hwe/scss/common/bootswatch_custom.scss
diff --git a/hwe/scss/bootswatch_custom_variables.scss b/hwe/scss/common/bootswatch_custom_variables.scss
similarity index 100%
rename from hwe/scss/bootswatch_custom_variables.scss
rename to hwe/scss/common/bootswatch_custom_variables.scss
diff --git a/hwe/scss/break_500px.scss b/hwe/scss/common/break_500px.scss
similarity index 100%
rename from hwe/scss/break_500px.scss
rename to hwe/scss/common/break_500px.scss
diff --git a/hwe/scss/pretendard.scss b/hwe/scss/common/pretendard.scss
similarity index 100%
rename from hwe/scss/pretendard.scss
rename to hwe/scss/common/pretendard.scss
diff --git a/hwe/scss/variables.scss b/hwe/scss/common/variables.scss
similarity index 100%
rename from hwe/scss/variables.scss
rename to hwe/scss/common/variables.scss
diff --git a/hwe/scss/vue-multiselect.scss b/hwe/scss/common/vue-multiselect.scss
similarity index 100%
rename from hwe/scss/vue-multiselect.scss
rename to hwe/scss/common/vue-multiselect.scss
diff --git a/hwe/scss/common_legacy.scss b/hwe/scss/common_legacy.scss
index 3dda215b..1b0efaf5 100644
--- a/hwe/scss/common_legacy.scss
+++ b/hwe/scss/common_legacy.scss
@@ -1,4 +1,4 @@
-@import "./bootstrap5.scss";
+@import "./common/bootstrap5.scss";
 
 html * {
     max-height: 1000000px;
diff --git a/hwe/scss/main.scss b/hwe/scss/main.scss
index 072d4872..bde2517a 100644
--- a/hwe/scss/main.scss
+++ b/hwe/scss/main.scss
@@ -1,5 +1,5 @@
-@import "./break_500px.scss";
-@import "./bootstrap5.scss";
+@import "./common/break_500px.scss";
+@import "./common/bootstrap5.scss";
 
 body {
     color: white;
diff --git a/hwe/ts/Board.vue b/hwe/ts/Board.vue
index b33ba3f5..e3aa5e12 100644
--- a/hwe/ts/Board.vue
+++ b/hwe/ts/Board.vue
@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts">
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import "../scss/game_bg.scss";
 import "../../css/config.css";
 
diff --git a/hwe/ts/Join.vue b/hwe/ts/Join.vue
index 22e52064..e7c84089 100644
--- a/hwe/ts/Join.vue
+++ b/hwe/ts/Join.vue
@@ -294,7 +294,7 @@
   </div>
 </template>
 <script lang="ts">
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import "../scss/game_bg.scss";
 
 import { defineComponent } from "vue";
diff --git a/hwe/ts/NPCControl.vue b/hwe/ts/NPCControl.vue
index 45cc570b..1229d813 100644
--- a/hwe/ts/NPCControl.vue
+++ b/hwe/ts/NPCControl.vue
@@ -459,7 +459,7 @@
   </div>
 </template>
 <script lang="ts">
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import "../scss/game_bg.scss";
 
 import { defineComponent } from "vue";
diff --git a/hwe/ts/ReservedCommand.vue b/hwe/ts/ReservedCommand.vue
index 1d735dea..34106d52 100644
--- a/hwe/ts/ReservedCommand.vue
+++ b/hwe/ts/ReservedCommand.vue
@@ -544,9 +544,9 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
-@import "../scss/break_500px.scss";
-@import "../scss/variables.scss";
-@import "../scss/bootswatch_custom_variables.scss";
+@import "../scss/common/break_500px.scss";
+@import "../scss/common/variables.scss";
+@import "../scss/common/bootswatch_custom_variables.scss";
 @import "../../node_modules/bootstrap/scss/bootstrap-utilities.scss";
 
 .commandPad {
diff --git a/hwe/ts/gateway/common.ts b/hwe/ts/gateway/common.ts
index 3cc4ca99..ea3e9efb 100644
--- a/hwe/ts/gateway/common.ts
+++ b/hwe/ts/gateway/common.ts
@@ -1,3 +1,3 @@
 
 import 'bootstrap';
-import "../../scss/bootstrap5.scss";
\ No newline at end of file
+import "../../scss/common/bootstrap5.scss";
\ No newline at end of file
diff --git a/hwe/ts/inheritPoint.vue b/hwe/ts/inheritPoint.vue
index 7ef119df..fa51c893 100644
--- a/hwe/ts/inheritPoint.vue
+++ b/hwe/ts/inheritPoint.vue
@@ -259,7 +259,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import "../scss/game_bg.scss";
 import TopBackBar from "./components/TopBackBar.vue";
 import _ from "lodash";
diff --git a/hwe/ts/v_NPCControl.ts b/hwe/ts/v_NPCControl.ts
index c9b96518..60f560ba 100644
--- a/hwe/ts/v_NPCControl.ts
+++ b/hwe/ts/v_NPCControl.ts
@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 import NPCControl from './NPCControl.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
 
diff --git a/hwe/ts/v_board.ts b/hwe/ts/v_board.ts
index a0ae7a1a..5103f576 100644
--- a/hwe/ts/v_board.ts
+++ b/hwe/ts/v_board.ts
@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 import Board from './Board.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
 
diff --git a/hwe/ts/v_inheritPoint.ts b/hwe/ts/v_inheritPoint.ts
index cb8e5cf9..afc34464 100644
--- a/hwe/ts/v_inheritPoint.ts
+++ b/hwe/ts/v_inheritPoint.ts
@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import InheritPoint from './inheritPoint.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 createApp(InheritPoint).use(BootstrapVue3).mount('#app');
\ No newline at end of file
diff --git a/hwe/ts/v_join.ts b/hwe/ts/v_join.ts
index 9b9c88b6..3a3ce5d4 100644
--- a/hwe/ts/v_join.ts
+++ b/hwe/ts/v_join.ts
@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 import Join from './Join.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 
 createApp(Join).use(BootstrapVue3).mount('#app')
\ No newline at end of file
diff --git a/webpack.config.cjs b/webpack.config.cjs
index dc6be27b..fc8e0432 100644
--- a/webpack.config.cjs
+++ b/webpack.config.cjs
@@ -207,6 +207,13 @@ module.exports = (env, argv) => {
                         name: 'vendors',
                         chunks: 'all',
                     },
+                    default: {
+                        name: 'common_ts',
+                        minChunks: 2,
+                        priority: -20,
+                        chunks: 'all',
+                        reuseExistingChunk: true,
+                    },
                 },
             },
             minimizer: [
@@ -304,6 +311,13 @@ const gateway = {
                     name: 'vendors',
                     chunks: 'all',
                 },
+                default: {
+                    name: 'common_ts',
+                    minChunks: 2,
+                    priority: -20,
+                    chunks: 'all',
+                    reuseExistingChunk: true,
+                },
             },
         },
         minimizer: [