diff --git a/hwe/ts/ChiefCenter/BottomItem.vue b/hwe/ts/ChiefCenter/BottomItem.vue
index 8fbf601c..e444904b 100644
--- a/hwe/ts/ChiefCenter/BottomItem.vue
+++ b/hwe/ts/ChiefCenter/BottomItem.vue
@@ -3,7 +3,7 @@
     <div
       class="bg1 nameHeader"
       :style="{
-        color: getNpcColor(officer?.npcType ?? 0),
+        color: getNPCColor(officer?.npcType ?? 0),
         textDecoration: isMe ? 'underline' : undefined,
       }"
     >
@@ -30,7 +30,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 import type { ChiefResponse } from "@/defs/API/NationCommand";
 import { mb_strwidth } from "@/util/mb_strwidth";
 import type { PropType } from "vue";
diff --git a/hwe/ts/ChiefCenter/TopItem.vue b/hwe/ts/ChiefCenter/TopItem.vue
index 1639111c..19158013 100644
--- a/hwe/ts/ChiefCenter/TopItem.vue
+++ b/hwe/ts/ChiefCenter/TopItem.vue
@@ -16,7 +16,7 @@
         <div
           class="col-7 align-self-center"
           :style="{
-            color: getNpcColor(officer?.npcType ?? 0),
+            color: getNPCColor(officer?.npcType ?? 0),
           }"
         >
           {{ officer?.name }}
@@ -64,7 +64,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 import { formatTime } from "@/util/formatTime";
 import { mb_strwidth } from "@/util/mb_strwidth";
 import { parseTime } from "@/util/parseTime";
diff --git a/hwe/ts/PageBattleCenter.vue b/hwe/ts/PageBattleCenter.vue
index 997e089f..261f410a 100644
--- a/hwe/ts/PageBattleCenter.vue
+++ b/hwe/ts/PageBattleCenter.vue
@@ -22,7 +22,7 @@
           <BFormSelectOption v-for="general of orderedGeneralList" :key="general.no" :value="general.no">
             <span
               :style="{
-                color: getNpcColor(general.npc),
+                color: getNPCColor(general.npc),
               }"
               >{{ general.officerLevel > 4 ? `*${general.name}*` : general.name }}({{ general.turntime.slice(-5) }}){{
                 textMap[orderBy][3](general)
@@ -87,7 +87,7 @@ import type { GeneralListItemP1 } from "./defs/API/Nation";
 import { SammoAPI } from "./SammoAPI";
 import { unwrap } from "@/util/unwrap";
 import { merge2DArrToObjectArr } from "@/util/merge2DArrToObjectArr";
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 import GeneralBasicCard from "./components/GeneralBasicCard.vue";
 import GeneralSupplementCard from "@/components/GeneralSupplementCard.vue";
 import type { NationStaticItem } from "./defs";
diff --git a/hwe/ts/battle_simulator.ts b/hwe/ts/battle_simulator.ts
index 60f046aa..e47df0b0 100644
--- a/hwe/ts/battle_simulator.ts
+++ b/hwe/ts/battle_simulator.ts
@@ -3,7 +3,8 @@ import 'bootstrap';
 import download from 'downloadjs';
 import { unwrap } from "@util/unwrap";
 import { isInteger } from 'lodash-es';
-import { errUnknown, getNpcColor } from '@/common_legacy';
+import { errUnknown } from '@/common_legacy';
+import { getNPCColor } from './utilGame';
 import { combineArray } from "@util/combineArray";
 import { isBrightColor } from "@util/isBrightColor";
 import { numberWithCommas } from "@util/numberWithCommas";
@@ -999,7 +1000,7 @@ $(function ($) {
                 for (const general of generalList) {
                     const $item = $(`<option value="${general.no}">${general.name}</option>`);
                     if (general.npc) {
-                        $item.css('color', unwrap(getNpcColor(general.npc)));
+                        $item.css('color', unwrap(getNPCColor(general.npc)));
                     } else {
                         $item.css('color', 'white');
                     }
diff --git a/hwe/ts/common_legacy.ts b/hwe/ts/common_legacy.ts
index 7514090b..5ddc3b87 100644
--- a/hwe/ts/common_legacy.ts
+++ b/hwe/ts/common_legacy.ts
@@ -79,7 +79,7 @@ function br2nl (text) {
 }
 */
 
-export function getNpcColor(npcType: number): 'skyblue' | 'cyan' | 'deepskyblue' | 'darkcyan' | 'mediumaquamarine' | undefined {
+export function getNPCColor(npcType: number): 'skyblue' | 'cyan' | 'deepskyblue' | 'darkcyan' | 'mediumaquamarine' | undefined {
     if (npcType == 6){
         return 'mediumaquamarine';
     }
diff --git a/hwe/ts/components/ChiefReservedCommand.vue b/hwe/ts/components/ChiefReservedCommand.vue
index 1b9be987..d835e9ec 100644
--- a/hwe/ts/components/ChiefReservedCommand.vue
+++ b/hwe/ts/components/ChiefReservedCommand.vue
@@ -5,7 +5,7 @@
       <div
         class="col-7 align-self-center"
         :style="{
-          color: getNpcColor(officer.npcType ?? 0),
+          color: getNPCColor(officer.npcType ?? 0),
         }"
       >
         {{ officer.name }}
@@ -16,7 +16,7 @@
         <div class="d-grid mb-1 py-1 only500px bg1 center">
           <div
             :style="{
-              color: getNpcColor(officer.npcType ?? 0),
+              color: getNPCColor(officer.npcType ?? 0),
               fontSize: '1.2em',
             }"
           >
@@ -271,7 +271,7 @@ import type { CommandItem, TurnObj } from "@/defs";
 import { QueryActionHelper, type TurnObjWithTime } from "@/util/QueryActionHelper";
 import type { Args } from "@/processing/args";
 import type { StoredActionsHelper } from "@/util/StoredActionsHelper";
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 import { BButton, BDropdownItem, BDropdownText, BButtonGroup, BDropdownDivider, BDropdown } from "bootstrap-vue-3";
 import CommandSelectForm from "@/components/CommandSelectForm.vue";
 import SimpleClock from "@/components/SimpleClock.vue";
diff --git a/hwe/ts/components/GeneralList.vue b/hwe/ts/components/GeneralList.vue
index 2529f2ab..87490117 100644
--- a/hwe/ts/components/GeneralList.vue
+++ b/hwe/ts/components/GeneralList.vue
@@ -94,7 +94,7 @@ import type {
   CellClickedEvent,
 } from "ag-grid-community";
 import { ProvidedColumnGroup } from "ag-grid-community";
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 import type {
   ValueGetterParams,
   ValueFormatterFunc,
@@ -523,7 +523,7 @@ const columnRawDefs = ref<Partial<Record<headerType, GenColDef | GenColGroupDef>
     cellStyle: (val: CellClassParams<GeneralListItem>) => {
       const gen = unwrap(val.data);
       const style: StyleValue = {
-        color: getNpcColor(gen.npc),
+        color: getNPCColor(gen.npc),
       };
       return style as CellStyle;
     },
diff --git a/hwe/ts/extKingdoms.ts b/hwe/ts/extKingdoms.ts
index 86b484b5..3e240ea9 100644
--- a/hwe/ts/extKingdoms.ts
+++ b/hwe/ts/extKingdoms.ts
@@ -2,7 +2,7 @@ import $ from 'jquery';
 import { unwrap } from '@util/unwrap';
 import axios from 'axios';
 import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
-import { getNpcColor } from './common_legacy';
+import { getNPCColor } from '@/utilGame';
 
 declare const killturn: number;
 declare const autorun_user: undefined|null|{
@@ -230,7 +230,7 @@ $(function () {
                             $obj.css('text-decoration', 'line-through');
                             삭턴장수 += 1;
                         }
-                        const colorNPC = getNpcColor(val.NPC);
+                        const colorNPC = getNPCColor(val.NPC);
                         if (colorNPC !== undefined) {
                             $obj.css('color', colorNPC);
                         }
diff --git a/hwe/ts/processing/General/che_등용.vue b/hwe/ts/processing/General/che_등용.vue
index 50971c54..e3647907 100644
--- a/hwe/ts/processing/General/che_등용.vue
+++ b/hwe/ts/processing/General/che_등용.vue
@@ -55,7 +55,7 @@ import {
   type procNationItem,
   type procNationList,
 } from "../processingRes";
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 
 const commandName = staticValues.commandName;
 const searchable = getProcSearchable();
@@ -63,7 +63,7 @@ const generalList = ref<procGeneralList>([]);
 const selectedGeneralID = ref(0);
 
 function textHelpGeneral(gen: procGeneralItem): string {
-  const nameColor = getNpcColor(gen.npc);
+  const nameColor = getNPCColor(gen.npc);
   const name = nameColor ? `<span style="color:${nameColor}">${gen.name}</span>` : gen.name;
   return name;
 }
diff --git a/hwe/ts/processing/General/che_선양.vue b/hwe/ts/processing/General/che_선양.vue
index cb00c2ac..7539d2b6 100644
--- a/hwe/ts/processing/General/che_선양.vue
+++ b/hwe/ts/processing/General/che_선양.vue
@@ -55,7 +55,7 @@ import {
   type procGeneralKey,
   type procGeneralRawItemList,
 } from "../processingRes";
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 
 const commandName = staticValues.commandName;
 const searchable = getProcSearchable();
@@ -64,7 +64,7 @@ const generalList = convertGeneralList(procRes.generalsKey, procRes.generals);
 const selectedGeneralID = ref(generalList[0].no);
 
 function textHelpGeneral(gen: procGeneralItem): string {
-  const nameColor = getNpcColor(gen.npc);
+  const nameColor = getNPCColor(gen.npc);
   const name = nameColor ? `<span style="color:${nameColor}">${gen.name}</span>` : gen.name;
   return `${name} (${gen.leadership}/${gen.strength}/${gen.intel})`;
 }
diff --git a/hwe/ts/processing/General/che_장수대상임관.vue b/hwe/ts/processing/General/che_장수대상임관.vue
index 15ae515c..6f39e802 100644
--- a/hwe/ts/processing/General/che_장수대상임관.vue
+++ b/hwe/ts/processing/General/che_장수대상임관.vue
@@ -94,7 +94,7 @@ import {
   type procNationItem,
   type procNationList,
 } from "../processingRes";
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 import { isBrightColor } from "@/util/isBrightColor";
 
 const commandName = staticValues.commandName;
@@ -106,7 +106,7 @@ const toggleZoom = ref(true);
 const selectedGeneralID = ref(generalList[0].no);
 
 function textHelpGeneral(gen: procGeneralItem): string {
-  const nameColor = getNpcColor(gen.npc);
+  const nameColor = getNPCColor(gen.npc);
   const name = nameColor ? `<span style="color:${nameColor}">${gen.name}</span>` : gen.name;
   return name;
 }
diff --git a/hwe/ts/processing/Nation/che_발령.vue b/hwe/ts/processing/Nation/che_발령.vue
index 99f373da..c9120328 100644
--- a/hwe/ts/processing/Nation/che_발령.vue
+++ b/hwe/ts/processing/Nation/che_발령.vue
@@ -80,7 +80,7 @@ import {
   type procGeneralRawItemList,
   type procTroopList,
 } from "../processingRes";
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 import type { MapResult } from '@/defs';
 import { SammoAPI } from '@/SammoAPI';
 import { getGameConstStore, type GameConstStore } from '@/GameConstStore';
@@ -159,7 +159,7 @@ function textHelpGeneral(gen: procGeneralItem): string {
 
     return `,<span style="text-decoration: underline;">${troopName}</span>`;
   })();
-  const nameColor = getNpcColor(gen.npc);
+  const nameColor = getNPCColor(gen.npc);
   const name = nameColor ? `<span style="color:${nameColor}">${gen.name}</span>` : gen.name;
   return `${name} [${citiesMap.value.get(unwrap(gen.cityID))?.name}${troops}] (${gen.leadership}/${gen.strength}/${
     gen.intel
diff --git a/hwe/ts/processing/ProcessGeneralAmount.vue b/hwe/ts/processing/ProcessGeneralAmount.vue
index 51bd0abf..00443410 100644
--- a/hwe/ts/processing/ProcessGeneralAmount.vue
+++ b/hwe/ts/processing/ProcessGeneralAmount.vue
@@ -70,7 +70,7 @@ import {
   type procGeneralKey,
   type procGeneralRawItemList,
 } from "./processingRes";
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 
 const citiesMap = ref(new Map<
   number,
@@ -90,7 +90,7 @@ const isGold = ref(true);
 const selectedGeneralID = ref(generalList[0].no);
 
 function textHelpGeneral(gen: procGeneralItem): string {
-  const nameColor = getNpcColor(gen.npc);
+  const nameColor = getNPCColor(gen.npc);
   const name = nameColor ? `<span style="color:${nameColor}">${gen.name}</span>` : gen.name;
   return `${name} (금${unwrap(gen.gold).toLocaleString()}/쌀${unwrap(gen.rice).toLocaleString()}) (${gen.leadership}/${
     gen.strength
diff --git a/hwe/ts/processing/SelectGeneral.vue b/hwe/ts/processing/SelectGeneral.vue
index 75e11c9b..cf5157b7 100644
--- a/hwe/ts/processing/SelectGeneral.vue
+++ b/hwe/ts/processing/SelectGeneral.vue
@@ -40,7 +40,7 @@
   </v-multiselect>
 </template>
 <script setup lang="ts">
-import { getNpcColor } from "@/common_legacy";
+import { getNPCColor } from "@/utilGame";
 import { convertSearch초성 } from "@/util/convertSearch초성";
 import { isBrightColor } from "@/util/isBrightColor";
 import { unwrap } from "@/util/unwrap";
@@ -143,7 +143,7 @@ watch(
         }
       }
 
-      const nameColor = getNpcColor(gen.npc);
+      const nameColor = getNPCColor(gen.npc);
       const name = nameColor ? `<span style="color:${nameColor}">${gen.name}</span>` : gen.name;
 
       const searchText = convertSearch초성(gen.name);
diff --git a/hwe/ts/select_npc.ts b/hwe/ts/select_npc.ts
index 3e18a8ec..dd986bbc 100644
--- a/hwe/ts/select_npc.ts
+++ b/hwe/ts/select_npc.ts
@@ -2,7 +2,7 @@ import axios from 'axios';
 import { errUnknown } from '@/common_legacy';
 import { getIconPath } from "@util/getIconPath";
 import { TemplateEngine } from "@util/TemplateEngine";
-import { getNpcColor } from '@/common_legacy';
+import { getNPCColor } from "@/utilGame";
 import type { GeneralListResponse, InvalidResponse, PublicGeneralItem } from '@/defs';
 import { convertFormData } from '@util/convertFormData';
 import { unwrap_any } from '@util/unwrap_any';
@@ -289,7 +289,7 @@ function printGeneralList(value: GeneralListResponse) {
         if (general.reserved == 1) {
             general.userCSS = 'color:violet';
         } else if (general.npc > 0) {
-            general.userCSS = `color:${getNpcColor(general.npc)}`;
+            general.userCSS = `color:${getNPCColor(general.npc)}`;
         }
 
         if (general.ownerName) {
diff --git a/hwe/ts/utilGame/getNPCColor.ts b/hwe/ts/utilGame/getNPCColor.ts
new file mode 100644
index 00000000..1d4c2623
--- /dev/null
+++ b/hwe/ts/utilGame/getNPCColor.ts
@@ -0,0 +1,20 @@
+export function getNPCColor(
+  npcType: number
+): "skyblue" | "cyan" | "deepskyblue" | "darkcyan" | "mediumaquamarine" | undefined {
+  if (npcType == 6) {
+    return "mediumaquamarine";
+  }
+  if (npcType == 5) {
+    return "darkcyan";
+  }
+  if (npcType == 4) {
+    return "deepskyblue";
+  }
+  if (npcType >= 2) {
+    return "cyan";
+  }
+  if (npcType == 1) {
+    return "skyblue";
+  }
+  return undefined;
+}
diff --git a/hwe/ts/utilGame/index.ts b/hwe/ts/utilGame/index.ts
index 949fdc8c..d3b26892 100644
--- a/hwe/ts/utilGame/index.ts
+++ b/hwe/ts/utilGame/index.ts
@@ -9,6 +9,7 @@ export { formatInjury } from './formatInjury';
 export { formatLog } from './formatLog';
 export { formatOfficerLevelText } from './formatOfficerLevelText';
 export { formatVoteColor } from "./formatVoteColor";
+export { getNPCColor } from "./getNPCColor";
 export { isValidObjKey } from "./isValidObjKey";
 export { nextExpLevelRemain } from "./nextExpLevelRemain";
 export { postFilterNationCommandGen } from "./postFilterNationCommandGen";