diff --git a/hwe/scss/common/break_500px.scss b/hwe/scss/common/break_500px.scss
index 3df2ad52..4297ea35 100644
--- a/hwe/scss/common/break_500px.scss
+++ b/hwe/scss/common/break_500px.scss
@@ -3,7 +3,7 @@
 
 $container-max-widths: (
     md: 500px,
-    lg: 1020px,
+    lg: 1000px,
     xl: 1140px,
     xxl: 1320px
   );
@@ -11,8 +11,8 @@ $container-max-widths: (
 $grid-breakpoints: (
   xs: 0,
   sm: 520px,
-  md: 900px,
-  lg: 992px,
+  md: 760px,
+  lg: 940px,
   xl: 1200px,
   xxl: 1400px
 );
@@ -24,7 +24,7 @@ $grid-breakpoints: (
 }
 
 @mixin media-1000px{
-  @media (min-width: map-get($grid-breakpoints, 'md')) {
+  @media (min-width: map-get($grid-breakpoints, 'lg')) {
     @content;
   }
 
@@ -36,7 +36,7 @@ $grid-breakpoints: (
 }
 
 @mixin media-500px{
-  @media (max-width: calc(map-get($grid-breakpoints, 'md') - .02px)) {
+  @media (max-width: calc(map-get($grid-breakpoints, 'lg') - .02px)) {
     @content;
   }
 }
\ No newline at end of file
diff --git a/hwe/ts/PageBattleCenter.vue b/hwe/ts/PageBattleCenter.vue
index 527636be..99b01476 100644
--- a/hwe/ts/PageBattleCenter.vue
+++ b/hwe/ts/PageBattleCenter.vue
@@ -3,10 +3,10 @@
     <TopBackBar title="감찰부" :reloadable="true" type="close" @reload="reload" />
 
     <div class="row gx-0">
-      <div class="col-2 col-md-1 d-grid">
+      <div class="col-2 col-lg-1 d-grid">
         <BButton @click="changeTargetByOffset(-1)">◀ 이전</BButton>
       </div>
-      <div class="col-3 col-md-4">
+      <div class="col-3 col-lg-4">
         <BFormSelect v-model="orderBy">
           <BFormSelectOption
             v-for="[orderKey, [orderName]] of Object.entries(textMap)"
@@ -17,7 +17,7 @@
           </BFormSelectOption>
         </BFormSelect>
       </div>
-      <div class="col-5 col-md-6">
+      <div class="col-5 col-lg-6">
         <BFormSelect v-model="targetGeneralID">
           <BFormSelectOption v-for="general of orderedGeneralList" :key="general.no" :value="general.no">
             <span
@@ -31,12 +31,12 @@
           </BFormSelectOption>
         </BFormSelect>
       </div>
-      <div class="col-2 col-md-1 d-grid">
+      <div class="col-2 col-lg-1 d-grid">
         <BButton @click="changeTargetByOffset(1)">다음 ▶</BButton>
       </div>
     </div>
     <div v-if="targetGeneral && nationInfo && targetGeneralLogs" class="row gx-0 bg0">
-      <div class="col-12 col-md-6">
+      <div class="col-12 col-lg-6">
         <div class="bg1 header-cell" style="color: skyblue">장수 정보</div>
         <GeneralBasicCard
           :general="targetGeneral"
@@ -46,22 +46,22 @@
         />
         <GeneralSupplementCard :general="targetGeneral" />
       </div>
-      <div class="col-12 col-md-6">
+      <div class="col-12 col-lg-6">
         <div class="bg1 header-cell">장수 열전</div>
         <!-- eslint-disable-next-line vue/no-v-html -->
         <div v-for="[id, log] of targetGeneralLogs.generalHistory" :key="id" v-html="log" />
       </div>
-      <div class="col-12 col-md-6">
+      <div class="col-12 col-lg-6">
         <div class="bg1 header-cell">전투 기록</div>
         <!-- eslint-disable-next-line vue/no-v-html -->
         <div v-for="[id, log] of targetGeneralLogs.battleDetail" :key="id" v-html="log" />
       </div>
-      <div class="col-12 col-md-6">
+      <div class="col-12 col-lg-6">
         <div class="bg1 header-cell">전투 결과</div>
         <!-- eslint-disable-next-line vue/no-v-html -->
         <div v-for="[id, log] of targetGeneralLogs.battleResult" :key="id" v-html="log" />
       </div>
-      <div v-if="targetGeneralLogs.generalAction.size > 0" class="col-12 col-md-6">
+      <div v-if="targetGeneralLogs.generalAction.size > 0" class="col-12 col-lg-6">
         <div class="bg1 header-cell">개인 기록</div>
         <!-- eslint-disable-next-line vue/no-v-html -->
         <div v-for="[id, log] of targetGeneralLogs.generalAction" :key="id" v-html="log" />
diff --git a/hwe/ts/PageBoard.vue b/hwe/ts/PageBoard.vue
index e5ff5da5..8e72a061 100644
--- a/hwe/ts/PageBoard.vue
+++ b/hwe/ts/PageBoard.vue
@@ -5,15 +5,15 @@
     <div id="newArticle" class="bg0">
       <div class="newArticleHeader bg2 center">새 게시물 작성</div>
       <div class="row gx-0">
-        <div class="col-2 col-md-1 articleTitle bg1 center">제목</div>
-        <div class="col-10 col-md-11">
+        <div class="col-2 col-lg-1 articleTitle bg1 center">제목</div>
+        <div class="col-10 col-lg-11">
           <!-- eslint-disable-next-line vue/max-attributes-per-line -->
           <input v-model="newArticle.title" class="titleInput" type="text" maxlength="250" placeholder="제목" />
         </div>
       </div>
       <div class="row gx-0">
-        <div class="col-2 col-md-1 bg1 center">내용</div>
-        <div class="col-10 col-md-11">
+        <div class="col-2 col-lg-1 bg1 center">내용</div>
+        <div class="col-10 col-lg-11">
           <textarea
             ref="newArticleTextForm"
             v-model="newArticle.text"
@@ -24,8 +24,8 @@
         </div>
       </div>
       <div class="row">
-        <div class="col-8 col-md-10" />
-        <div class="col-4 col-md-2 d-grid">
+        <div class="col-8 col-lg-10" />
+        <div class="col-4 col-lg-2 d-grid">
           <b-button id="submitArticle" @click="submitArticle"> 등록 </b-button>
         </div>
       </div>
diff --git a/hwe/ts/PageFront.vue b/hwe/ts/PageFront.vue
index 5a73dbdc..3c45aff2 100644
--- a/hwe/ts/PageFront.vue
+++ b/hwe/ts/PageFront.vue
@@ -107,14 +107,14 @@
             </div>
           </div>
           <div class="RecordZone row gx-0">
-            <div class="PublicRecord col col-12 col-md-6">
+            <div class="PublicRecord col col-12 col-lg-6">
               <div class="bg1 center s-border-tb title">장수 동향</div>
               <template v-for="[idx, rawText] of globalRecords.toArray()" :key="idx">
                 <!-- eslint-disable-next-line vue/no-v-html -->
                 <div :v-data-idx="idx" v-html="formatLog(rawText)" />
               </template>
             </div>
-            <div class="GeneralLog col col-12 col-md-6">
+            <div class="GeneralLog col col-12 col-lg-6">
               <div class="bg1 center s-border-tb title">개인 기록</div>
               <template v-for="[idx, rawText] of generalRecords.toArray()" :key="idx">
                 <!-- eslint-disable-next-line vue/no-v-html -->
diff --git a/hwe/ts/PageHistory.vue b/hwe/ts/PageHistory.vue
index 5ebac491..a0abfc4f 100644
--- a/hwe/ts/PageHistory.vue
+++ b/hwe/ts/PageHistory.vue
@@ -11,12 +11,12 @@
       </BDropdown>
     </TopBackBar>
     <div class="center row mx-0 s-border-tb">
-      <div class="col-md-1 col-2 year-selector text-end align-self-center">연월 선택:</div>
-      <BButton class="col-md-1 col-2" @click="queryYearMonth = unwrap(queryYearMonth) - 1">◀ 이전달</BButton>
-      <div class="col-md-3 col-5 d-grid">
+      <div class="col-lg-1 col-2 year-selector text-end align-self-center">연월 선택:</div>
+      <BButton class="col-lg-1 col-2" @click="queryYearMonth = unwrap(queryYearMonth) - 1">◀ 이전달</BButton>
+      <div class="col-lg-3 col-5 d-grid">
         <BFormSelect v-model="queryYearMonth" :options="generateYearMonthList()" />
       </div>
-      <BButton class="col-md-1 col-2" @click="queryYearMonth = unwrap(queryYearMonth) + 1">다음달 ▶</BButton>
+      <BButton class="col-lg-1 col-2" @click="queryYearMonth = unwrap(queryYearMonth) + 1">다음달 ▶</BButton>
     </div>
     <div v-if="history" id="map_holder" :class="['row', 'gx-0', isNationRankingBottom ? 'isNationRankingBottom' : '']">
       <div class="map_position">
diff --git a/hwe/ts/PageInheritPoint.vue b/hwe/ts/PageInheritPoint.vue
index 2a4a5c01..1090432f 100644
--- a/hwe/ts/PageInheritPoint.vue
+++ b/hwe/ts/PageInheritPoint.vue
@@ -9,10 +9,10 @@
       <template v-for="(text, key) in inheritanceViewText" :key="key">
         <div :id="`inherit_${key}`" class="col col-sm-4 col-12 inherit_item inherit_template_item">
           <div class="row">
-            <label :id="`inherit_${key}_head`" class="inherit_head col col-md-6 col-sm-7 col-6 col-form-label">{{
+            <label :id="`inherit_${key}_head`" class="inherit_head col col-lg-6 col-sm-7 col-6 col-form-label">{{
               text.title
             }}</label>
-            <div class="col col-md-6 col-sm-5 col-6">
+            <div class="col col-lg-6 col-sm-5 col-6">
               <input
                 :id="`inherit_${key}_value`"
                 type="text"
@@ -41,7 +41,7 @@
       </div>
 
       <div class="row">
-        <div class="col offset-md-4 col-md-4 col-sm-6 col-12 py-2">
+        <div class="col offset-lg-4 col-lg-4 col-sm-6 col-12 py-2">
           <div class="row px-4">
             <div class="a-right col-6 align-self-center">다음 전투 특기 선택</div>
             <div class="col-6">
@@ -65,7 +65,7 @@
             <BButton class="col-6 offset-6" variant="primary" @click="setNextSpecialWar"> 구입 </BButton>
           </div>
         </div>
-        <div class="col col-md-4 col-sm-6 col-12 py-2">
+        <div class="col col-lg-4 col-sm-6 col-12 py-2">
           <div class="row px-4">
             <div class="a-right col-6 align-self-center">유니크 경매</div>
             <div class="col-6">
@@ -104,7 +104,7 @@
         <hr :style="{ opacity: 0.5 }" />
       </div>
       <div class="row py-sm-2">
-        <div class="col col-md-4 col-sm-6 col-12 py-2">
+        <div class="col col-lg-4 col-sm-6 col-12 py-2">
           <div class="row px-4">
             <div class="a-right col-6 align-self-center">랜덤 턴 초기화</div>
             <BButton class="col-6" variant="primary" @click="buySimple('ResetTurnTime')"> 구입 </BButton>
@@ -117,7 +117,7 @@
             >
           </div>
         </div>
-        <div class="col col-md-4 col-sm-6 col-12 py-2">
+        <div class="col col-lg-4 col-sm-6 col-12 py-2">
           <div class="row px-4">
             <div class="a-right col-6 align-self-center">랜덤 유니크 획득</div>
             <BButton class="col-6" variant="primary" @click="buySimple('BuyRandomUnique')"> 구입 </BButton>
@@ -130,7 +130,7 @@
             >
           </div>
         </div>
-        <div class="col col-md-4 col-sm-6 col-12 py-2">
+        <div class="col col-lg-4 col-sm-6 col-12 py-2">
           <div class="row px-4">
             <div class="a-right col-6 align-self-center">즉시 전투 특기 초기화</div>
             <BButton class="col-6" variant="primary" @click="buySimple('ResetSpecialWar')"> 구입 </BButton>
@@ -149,7 +149,7 @@
       <hr :style="{ opacity: 0.5 }" />
     </div>
     <div class="row">
-      <div v-for="(info, buffKey) in inheritBuffHelpText" :key="buffKey" class="col col-md-4 col-sm-6 col-12">
+      <div v-for="(info, buffKey) in inheritBuffHelpText" :key="buffKey" class="col col-lg-4 col-sm-6 col-12">
         <div class="row">
           <label class="col col-sm-6 col-form-label" :for="`buff-${buffKey}`">{{ info.title }}</label>
           <div class="col col-sm-6 f_tnum">
@@ -175,11 +175,11 @@
         <div class="row px-4" style="margin-bottom: 1em">
           <BButton
             variant="secondary"
-            class="col col-md-6 col-4 offset-md-0 offset-4"
+            class="col col-lg-6 col-4 offset-lg-0 offset-4"
             @click="inheritBuff[buffKey] = prevInheritBuff[buffKey] ?? 0"
           >
             리셋 </BButton
-          ><BButton variant="primary" class="col col-md-6 col-4" @click="buyInheritBuff(buffKey)"> 구입 </BButton>
+          ><BButton variant="primary" class="col col-lg-6 col-4" @click="buyInheritBuff(buffKey)"> 구입 </BButton>
         </div>
       </div>
     </div>
diff --git a/hwe/ts/PageJoin.vue b/hwe/ts/PageJoin.vue
index f3712ba4..b79a32ee 100644
--- a/hwe/ts/PageJoin.vue
+++ b/hwe/ts/PageJoin.vue
@@ -60,28 +60,28 @@
     </div>
     <div class="forms">
       <div class="row">
-        <div class="col col-md-4 col-3 a-right align-self-center">장수명</div>
-        <div class="col col-md-3 col-9 align-self-center">
+        <div class="col col-lg-4 col-3 a-right align-self-center">장수명</div>
+        <div class="col col-lg-3 col-9 align-self-center">
           <input v-if="!blockCustomGeneralName" v-model="args.name" class="form-control" />
           <span v-else>무작위</span>
         </div>
-        <div class="col col-md-1 col-3 a-right align-self-center">전콘 사용</div>
-        <div class="col col-md-4 col-9 align-self-center">
+        <div class="col col-lg-1 col-3 a-right align-self-center">전콘 사용</div>
+        <div class="col col-lg-4 col-9 align-self-center">
           <img style="height: 64px; width: 64px" :src="iconPath" />
           <label> <input v-model="args.pic" type="checkbox" /> 사용 </label>
         </div>
-        <div class="col col-md-4 col-3 align-self-center a-right">성격</div>
+        <div class="col col-lg-4 col-3 align-self-center a-right">성격</div>
 
-        <div class="col col-md-8 col-9 align-self-center">
+        <div class="col col-lg-8 col-9 align-self-center">
           <div class="row">
-            <div class="col col-md-3 col-4 align-self-center">
+            <div class="col col-lg-3 col-4 align-self-center">
               <select v-model="args.character" class="form-select form-inline" style="max-width: 20ch">
                 <option v-for="(personalityObj, key) in availablePersonality" :key="key" :value="key">
                   {{ personalityObj.name }}
                 </option>
               </select>
             </div>
-            <div class="col col-md-9 col-8 align-self-center">
+            <div class="col col-lg-9 col-8 align-self-center">
               <small class="text-muted">
                 {{ availablePersonality[args.character].info }}
               </small>
@@ -95,24 +95,24 @@
       </div>
       </div>-->
       <div class="row" style="margin-top: 1em">
-        <div class="col col-md-4 col-3 a-right align-self-center">
+        <div class="col col-lg-4 col-3 a-right align-self-center">
           능력치
           <br />
           <small class="text-muted">통/무/지</small>
         </div>
-        <div class="col col-md-2 col-3 align-self-center">
+        <div class="col col-lg-2 col-3 align-self-center">
           <input v-model.number="args.leadership" type="number" class="form-control" />
         </div>
-        <div class="col col-md-2 col-3 align-self-center">
+        <div class="col col-lg-2 col-3 align-self-center">
           <input v-model.number="args.strength" type="number" class="form-control" />
         </div>
-        <div class="col col-md-2 col-3 align-self-center">
+        <div class="col col-lg-2 col-3 align-self-center">
           <input v-model.number="args.intel" type="number" class="form-control" />
         </div>
       </div>
       <div class="row" style="margin-top: 1em">
-        <div class="col col-md-4 col-3 a-right align-self-center">능력치 조절</div>
-        <div class="col col-md-8 col-9">
+        <div class="col col-lg-4 col-3 a-right align-self-center">능력치 조절</div>
+        <div class="col col-lg-8 col-9">
           <b-button variant="secondary" class="stat-btn" @click="randStatRandom"> 랜덤형 </b-button>
           <b-button variant="secondary" class="stat-btn" @click="randStatLeadPow"> 통솔무력형 </b-button>
           <b-button variant="secondary" class="stat-btn" @click="randStatLeadInt"> 통솔지력형 </b-button>
@@ -134,8 +134,8 @@
     </div>
 
     <div class="row bg1">
-      <div class="col col-md-11 col-9 center align-self-center">유산 포인트 사용</div>
-      <div class="col col-md-1 col-3">
+      <div class="col col-lg-11 col-9 center align-self-center">유산 포인트 사용</div>
+      <div class="col col-lg-1 col-3">
         <label>
           <input v-model="displayInherit" type="checkbox" />
           {{ displayInherit ? "숨기기" : "보이기" }}
@@ -153,7 +153,7 @@
       </div>
       <hr />
       <div class="row">
-        <div class="col col-md-6 col-sm-6 col-12 p-2 align-self-center">
+        <div class="col col-lg-6 col-sm-6 col-12 p-2 align-self-center">
           <div class="row">
             <div class="col col-6 a-right align-self-center">천재로 생성</div>
             <div class="col col-6 align-self-center">
@@ -171,7 +171,7 @@
           </div>
         </div>
 
-        <div class="col col-md-6 col-sm-6 col-12 p-2 align-self-center">
+        <div class="col col-lg-6 col-sm-6 col-12 p-2 align-self-center">
           <div class="row">
             <div class="col col-6 a-right align-self-center">도시</div>
             <div class="col col-6 align-self-center">
@@ -185,12 +185,12 @@
           </div>
         </div>
 
-        <div class="col col-md-6 col-sm-6 col-12 p-2 align-self-center">
+        <div class="col col-lg-6 col-sm-6 col-12 p-2 align-self-center">
           <div class="a-center">
             <label> <input v-model="inheritTurnTimeSet" type="checkbox" />턴 시간 고정 </label>
           </div>
           <div class="row turn_time_pad">
-            <div class="col col-md-4 offset-md-3 col-4 offset-3">
+            <div class="col col-lg-4 offset-lg-3 col-4 offset-3">
               <NumberInputWithInfo
                 v-model="inheritTurnTimeMinute"
                 :readonly="!inheritTurnTimeSet"
@@ -200,7 +200,7 @@
                 title="분"
               />
             </div>
-            <div class="col col-md-4 col-4">
+            <div class="col col-lg-4 col-4">
               <NumberInputWithInfo
                 v-model="inheritTurnTimeSecond"
                 :readonly="!inheritTurnTimeSet"
@@ -213,7 +213,7 @@
           </div>
         </div>
 
-        <div class="col col-md-6 col-12 p-2">
+        <div class="col col-lg-6 col-12 p-2">
           <div class="a-center">추가 능력치 고정</div>
           <div class="row">
             <div class="col">
diff --git a/hwe/ts/PageNPCControl.vue b/hwe/ts/PageNPCControl.vue
index 561adb25..418369c2 100644
--- a/hwe/ts/PageNPCControl.vue
+++ b/hwe/ts/PageNPCControl.vue
@@ -14,7 +14,7 @@
         ({{ lastSetters.policy.date ?? "설정 기록 없음" }})
       </small>
     </div>
-    <div class="form_list row row-cols-md-2 row-cols-1">
+    <div class="form_list row row-cols-lg-2 row-cols-1">
       <div class="col">
         <NumberInputWithInfo v-model="nationPolicy.reqNationGold" :step="100" title="국가 권장 금">
           이보다 많으면 포상, 적으면 몰수/헌납합니다.(긴급포상 제외)
@@ -193,7 +193,7 @@
       </div>
       <button type="button" class="btn btn-primary submit_btn" @click="submitPolicy">설정</button>
     </div>
-    <div class="row row-cols-md-2 row-cols-1 g-0">
+    <div class="row row-cols-lg-2 row-cols-1 g-0">
       <div class="col half_section_left">
         <div class="bg1 section_bar">NPC 사령턴 우선순위</div>
         <div class="float-right px-3">
diff --git a/hwe/ts/PageNationStratFinan.vue b/hwe/ts/PageNationStratFinan.vue
index 70be51aa..fb3d636a 100644
--- a/hwe/ts/PageNationStratFinan.vue
+++ b/hwe/ts/PageNationStratFinan.vue
@@ -144,7 +144,7 @@
             <div class="align-self-center">세율 <span class="avoid-wrap">(5 ~ 30%)</span></div>
           </div>
           <div class="col-8 row gx-0">
-            <div class="col-md-6 offset-md-3 align-self-center">
+            <div class="col-lg-6 offset-lg-3 align-self-center">
               <div class="input-group my-0">
                 <input
                   v-model="policy.rate"
@@ -166,7 +166,7 @@
             <div class="align-self-center">지급률 <span class="avoid-wrap">(20 ~ 200%)</span></div>
           </div>
           <div class="col-8 row gx-0">
-            <div class="col-md-6 offset-md-3 align-self-center">
+            <div class="col-lg-6 offset-lg-3 align-self-center">
               <div class="input-group my-0">
                 <input
                   v-model="policy.bill"
@@ -188,7 +188,7 @@
             <div class="align-self-center">기밀 권한 <span class="avoid-wrap">(1 ~ 99년)</span></div>
           </div>
           <div class="col-8 row gx-0">
-            <div class="col-md-6 offset-md-3 align-self-center">
+            <div class="col-lg-6 offset-lg-3 align-self-center">
               <div class="input-group my-0">
                 <input
                   v-model="policy.secretLimit"
@@ -216,16 +216,16 @@
           </div>
         </div>
       </div>
-      <div class="col-3 col-md-4" />
-      <div class="col-3 col-md-2 row gx-0">
-        <div class="col-9 col-md-8 text-end p-2">전쟁 금지</div>
-        <div class="col-3 col-md-4 py-2">
+      <div class="col-3 col-lg-4" />
+      <div class="col-3 col-lg-2 row gx-0">
+        <div class="col-9 col-lg-8 text-end p-2">전쟁 금지</div>
+        <div class="col-3 col-lg-4 py-2">
           <b-form-checkbox v-model="policy.blockWar" switch @change="setBlockWar" />
         </div>
       </div>
-      <div class="col-3 col-md-2 row gx-0">
-        <div class="col-9 col-md-8 text-end p-2">임관 금지</div>
-        <div class="col-3 col-md-4 py-2">
+      <div class="col-3 col-lg-2 row gx-0">
+        <div class="col-9 col-lg-8 text-end p-2">임관 금지</div>
+        <div class="col-3 col-lg-4 py-2">
           <b-form-checkbox v-model="policy.blockScout" switch @change="setBlockScout" />
         </div>
       </div>
diff --git a/hwe/ts/PageTroop.vue b/hwe/ts/PageTroop.vue
index 3536c89a..a0537c85 100644
--- a/hwe/ts/PageTroop.vue
+++ b/hwe/ts/PageTroop.vue
@@ -108,7 +108,7 @@
       </div>
     </div>
     <div v-if="asyncReady && gameConstStore && me" class="row additionalTroopOptions">
-      <div v-if="me.troop == 0" class="col-6 col-md-3">
+      <div v-if="me.troop == 0" class="col-6 col-lg-3">
         <div class="row gx-0 makeNewTroop">
           <div class="bg1 col-12 center" style="font-size: 1.2em">부대 창설</div>
           <div class="troopNameField col-8 d-grid">
diff --git a/hwe/ts/PageVote.vue b/hwe/ts/PageVote.vue
index 606cfa50..c85e9c4e 100644
--- a/hwe/ts/PageVote.vue
+++ b/hwe/ts/PageVote.vue
@@ -95,8 +95,8 @@
             <th>#</th>
             <th>
               <div class="row gx-0">
-                <div class="col-12 col-md-6">국가명</div>
-                <div class="col-12 col-md-6">장수명</div>
+                <div class="col-12 col-lg-6">국가명</div>
+                <div class="col-12 col-lg-6">장수명</div>
               </div>
             </th>
             <th>댓글</th>
@@ -108,8 +108,8 @@
             <td class="comment-idx f_tnum">{{ idx + 1 }}.</td>
             <td class="comment-name">
               <div class="row gx-0">
-                <div class="col-12 col-md-6">{{ comment.nationName }}</div>
-                <div class="col-12 col-md-6">{{ comment.generalName }}</div>
+                <div class="col-12 col-lg-6">{{ comment.nationName }}</div>
+                <div class="col-12 col-lg-6">{{ comment.generalName }}</div>
               </div>
             </td>
             <td>{{ comment.text }}</td>
@@ -121,7 +121,7 @@
           <tr>
             <td></td>
             <td>
-              <div class="offset-md-6 d-grid"><BButton type="submit">댓글 달기</BButton></div>
+              <div class="offset-lg-6 d-grid"><BButton type="submit">댓글 달기</BButton></div>
             </td>
             <td colspan="2"><BFormInput v-model="myComment" /></td>
           </tr>
@@ -142,18 +142,18 @@
       <div class="row"><a href="#" @click.prevent="showNewVote = !showNewVote">새 설문 조사 열기</a></div>
       <template v-if="showNewVote">
         <div class="row gx-0">
-          <div class="col-md-3">설문 제목</div>
-          <div class="col-md-9"><BFormInput v-model="newVoteInfo.title" type="text" /></div>
+          <div class="col-lg-3">설문 제목</div>
+          <div class="col-lg-9"><BFormInput v-model="newVoteInfo.title" type="text" /></div>
         </div>
         <div class="row gx-0">
-          <div class="col-md-3">설문 대상(엔터로 구분) ({{ newVoteInfo.options.length }}건)</div>
-          <div class="col-md-9">
+          <div class="col-lg-3">설문 대상(엔터로 구분) ({{ newVoteInfo.options.length }}건)</div>
+          <div class="col-lg-9">
             <textarea v-model="newVoteOptionsText" class="form-control" :rows="newVoteOptionsLength + 1"></textarea>
           </div>
         </div>
         <div class="row gx-0">
-          <div class="col-md-3">동시 응답 수(0=모두)</div>
-          <div class="col-md-9">
+          <div class="col-lg-3">동시 응답 수(0=모두)</div>
+          <div class="col-lg-9">
             <BFormInput
               v-model.number="newVoteInfo.multipleOptions"
               type="number"
@@ -163,7 +163,7 @@
           </div>
         </div>
         <div class="row gx-0">
-          <div class="offset-8 col-4 offset-md-10 col-md-2 d-grid">
+          <div class="offset-8 col-4 offset-lg-10 col-lg-2 d-grid">
             <BButton @click="submitNewVote">제출</BButton>
           </div>
         </div>
diff --git a/hwe/ts/components/AuctionResource.vue b/hwe/ts/components/AuctionResource.vue
index dfee14b7..7fca7c43 100644
--- a/hwe/ts/components/AuctionResource.vue
+++ b/hwe/ts/components/AuctionResource.vue
@@ -32,10 +32,10 @@
       <div class="closeDate f_tnum">{{ cutDateTime(auction.closeDate) }}</div>
     </div>
     <div v-if="selectedBuyRiceAuction !== undefined" class="row gx-1">
-      <div class="offset-1 col-4 offset-md-3 col-md-2 align-self-center f_tnum text-end">
+      <div class="offset-1 col-4 offset-lg-3 col-lg-2 align-self-center f_tnum text-end">
         {{ selectedBuyRiceAuction.id }}번 쌀 {{ selectedBuyRiceAuction.amount }} 경매에 금
       </div>
-      <div class="col-3 col-md-2">
+      <div class="col-3 col-lg-2">
         <NumberInputWithInfo
           v-model="bidAmountBuyRiceAuction"
           :int="true"
@@ -44,7 +44,7 @@
           :step="10"
         ></NumberInputWithInfo>
       </div>
-      <div class="col-2 col-md-1 d-grid"><BButton @click="bidBuyRiceAuction">입찰</BButton></div>
+      <div class="col-2 col-lg-1 d-grid"><BButton @click="bidBuyRiceAuction">입찰</BButton></div>
     </div>
 
     <div style="background-color: skyblue">쌀 판매</div>
@@ -78,10 +78,10 @@
       <div class="closeDate f_tnum">{{ cutDateTime(auction.closeDate) }}</div>
     </div>
     <div v-if="selectedSellRiceAuction !== undefined" class="row gx-1">
-      <div class="offset-1 col-4 offset-md-3 col-md-2 align-self-center f_tnum text-end">
+      <div class="offset-1 col-4 offset-lg-3 col-lg-2 align-self-center f_tnum text-end">
         {{ selectedSellRiceAuction.id }}번 금 {{ selectedSellRiceAuction.amount }} 경매에 쌀
       </div>
-      <div class="col-3 col-md-2">
+      <div class="col-3 col-lg-2">
         <NumberInputWithInfo
           v-model="bidAmountSellRiceAuction"
           :int="true"
@@ -90,12 +90,12 @@
           :step="10"
         ></NumberInputWithInfo>
       </div>
-      <div class="col-2 col-md-1 d-grid"><BButton @click="bidSellRiceAuction">입찰</BButton></div>
+      <div class="col-2 col-lg-1 d-grid"><BButton @click="bidSellRiceAuction">입찰</BButton></div>
     </div>
 
     <div>경매 등록</div>
     <div class="row gx-1">
-      <div class="col-2 offset-md-2 col-md-1">
+      <div class="col-2 offset-lg-2 col-lg-1">
         매물<br />
         <BButtonGroup>
           <BButton :pressed="openAuctionInfo.type == 'buyRice'" @click="openAuctionInfo.type = 'buyRice'"> 쌀 </BButton>
@@ -105,7 +105,7 @@
         </BButtonGroup>
       </div>
 
-      <div class="col col-md-2">
+      <div class="col col-lg-2">
         수량 ({{ openAuctionInfo.type == "buyRice" ? "쌀" : "금" }})<br />
         <NumberInputWithInfo
           v-model="openAuctionInfo.amount"
@@ -115,7 +115,7 @@
           :step="10"
         ></NumberInputWithInfo>
       </div>
-      <div class="col-2 col-md-1">
+      <div class="col-2 col-lg-1">
         기간(턴)
         <NumberInputWithInfo
           v-model="openAuctionInfo.closeTurnCnt"
@@ -125,7 +125,7 @@
           :step="1"
         ></NumberInputWithInfo>
       </div>
-      <div class="col col-md-2">
+      <div class="col col-lg-2">
         시작가 ({{ openAuctionInfo.type == "buyRice" ? "금" : "쌀" }})
         <NumberInputWithInfo
           v-model="openAuctionInfo.startBidAmount"
@@ -135,7 +135,7 @@
           :step="10"
         ></NumberInputWithInfo>
               </div>
-      <div class="col col-md-2">
+      <div class="col col-lg-2">
         마감가 ({{ openAuctionInfo.type == "buyRice" ? "금" : "쌀" }})
         <NumberInputWithInfo
           v-model="openAuctionInfo.finishBidAmount"
diff --git a/hwe/ts/components/AuctionUniqueItem.vue b/hwe/ts/components/AuctionUniqueItem.vue
index 9db862aa..62b1b3ce 100644
--- a/hwe/ts/components/AuctionUniqueItem.vue
+++ b/hwe/ts/components/AuctionUniqueItem.vue
@@ -6,48 +6,48 @@
     <template v-if="currentAuction !== undefined">
       <div class="bg2">경매 {{ currentAuction.auction.id }}번 상세</div>
       <div class="row gx-0 text-center">
-        <div class="col-2 col-md-1 bg1">경매명</div>
-        <div v-b-tooltip.hover="getItemTooltipText(currentAuction.auction.target)" class="col-4 col-md-2">
+        <div class="col-2 col-lg-1 bg1">경매명</div>
+        <div v-b-tooltip.hover="getItemTooltipText(currentAuction.auction.target)" class="col-4 col-lg-2">
           {{ currentAuction.auction.title }}
         </div>
 
-        <div class="col-2 col-md-1 bg1">주최자(익명)</div>
-        <div :class="['col-4 col-md-2', currentAuction.auction.isCallerHost ? 'isMe' : '']">
+        <div class="col-2 col-lg-1 bg1">주최자(익명)</div>
+        <div :class="['col-4 col-lg-2', currentAuction.auction.isCallerHost ? 'isMe' : '']">
           {{ currentAuction.auction.hostName }}
         </div>
 
-        <div class="col-2 col-md-1 bg1">종료일시</div>
-        <div class="col-4 col-md-2 f_tnum">{{ cutDateTime(currentAuction.auction.closeDate, true) }}</div>
+        <div class="col-2 col-lg-1 bg1">종료일시</div>
+        <div class="col-4 col-lg-2 f_tnum">{{ cutDateTime(currentAuction.auction.closeDate, true) }}</div>
 
-        <div class="col-2 col-md-1 bg1">최대지연</div>
-        <div class="col-4 col-md-2 f_tnum">
+        <div class="col-2 col-lg-1 bg1">최대지연</div>
+        <div class="col-4 col-lg-2 f_tnum">
           {{ cutDateTime(currentAuction.auction.availableLatestBidCloseDate, true) }}
         </div>
       </div>
       <div class="bg1">입찰자 목록</div>
       <div
-        class="row gx-0 px-md-5 text-center"
+        class="row gx-0 px-lg-5 text-center"
         :style="{
           borderBottom: 'solid 1px white',
         }"
       >
-        <div class="col-4 offset-md-2 col-md-3">입찰자</div>
-        <div class="col-4 col-md-2 text-end px-5">입찰포인트</div>
-        <div class="col-4 col-md-3">시각</div>
+        <div class="col-4 offset-lg-2 col-lg-3">입찰자</div>
+        <div class="col-4 col-lg-2 text-end px-5">입찰포인트</div>
+        <div class="col-4 col-lg-3">시각</div>
       </div>
-      <div v-for="bidder of currentAuction.bidList" :key="bidder.amount" class="row gx-0 px-md-5 text-center">
-        <div :class="['col-4 offset-md-2 col-md-3', bidder.isCallerHighestBidder ? 'isMe' : '']">
+      <div v-for="bidder of currentAuction.bidList" :key="bidder.amount" class="row gx-0 px-lg-5 text-center">
+        <div :class="['col-4 offset-lg-2 col-lg-3', bidder.isCallerHighestBidder ? 'isMe' : '']">
           {{ bidder.generalName }}
         </div>
-        <div class="col-4 col-md-2 text-end px-5 f_tnum">{{ bidder.amount.toLocaleString() }}</div>
-        <div class="col-4 col-md-3 f_tnum">{{ cutDateTime(bidder.date) }}</div>
+        <div class="col-4 col-lg-2 text-end px-5 f_tnum">{{ bidder.amount.toLocaleString() }}</div>
+        <div class="col-4 col-lg-3 f_tnum">{{ cutDateTime(bidder.date) }}</div>
       </div>
       <div class="bg1">입찰하기</div>
       <div class="row">
-        <label class="col-5 offset-md-3 col-md-3 col-form-label text-center"
+        <label class="col-5 offset-lg-3 col-lg-3 col-form-label text-center"
           >유산포인트 (잔여: {{ currentAuction.remainPoint.toLocaleString() }}포인트)</label
         >
-        <div class="col-4 col-md-2">
+        <div class="col-4 col-lg-2">
           <NumberInputWithInfo
             v-model="bidAmount"
             :int="true"
@@ -57,7 +57,7 @@
             :step="1"
           ></NumberInputWithInfo>
         </div>
-        <div class="col-3 col-md-1 d-grid"><BButton @click="bidAuction">입찰</BButton></div>
+        <div class="col-3 col-lg-1 d-grid"><BButton @click="bidAuction">입찰</BButton></div>
       </div>
     </template>
 
diff --git a/hwe/ts/components/BettingDetail.vue b/hwe/ts/components/BettingDetail.vue
index fbcc9517..11e11467 100644
--- a/hwe/ts/components/BettingDetail.vue
+++ b/hwe/ts/components/BettingDetail.vue
@@ -11,7 +11,7 @@
     </div>
 
     <div class="row bettingCandidates gx-1 gy-1">
-      <div v-for="(candidate, idx) in info.candidates" :key="idx" class="col-4 col-md-2" @click="toggleCandidate(parseInt(idx))">
+      <div v-for="(candidate, idx) in info.candidates" :key="idx" class="col-4 col-lg-2" @click="toggleCandidate(parseInt(idx))">
         <div
           :class="[
             'bettingCandidate',
@@ -30,18 +30,18 @@
       </div>
     </div>
     <div v-if="!info.finished && (yearMonth ?? 0) <= info.closeYearMonth" class="row gx-0">
-      <div class="col-6 col-md-3 align-self-center">
+      <div class="col-6 col-lg-3 align-self-center">
         잔여 {{ info.reqInheritancePoint ? "포인트" : "금" }} : {{ bettingDetailInfo.remainPoint.toLocaleString() }}
       </div>
-      <div class="col-6 col-md-3 align-self-center">
+      <div class="col-6 col-lg-3 align-self-center">
         사용 포인트: {{ sum(Array.from(myBettings.values())).toLocaleString() }}
       </div>
-      <div class="col-6 col-md-3 align-self-center">대상: {{ getTypeStr(pickedBetTypeKey) }}</div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-6 col-lg-3 align-self-center">대상: {{ getTypeStr(pickedBetTypeKey) }}</div>
+      <div class="col-4 col-lg-2 d-grid">
         <!-- eslint-disable-next-line vue/max-attributes-per-line -->
         <b-form-input v-model.number="betPoint" class="d-grid" type="number" :min="10" :max="1000" :step="10" />
       </div>
-      <div class="col-2 col-md-1 d-grid">
+      <div class="col-2 col-lg-1 d-grid">
         <b-button class="d-grid" @click="submitBet"> 베팅 </b-button>
       </div>
     </div>
diff --git a/hwe/ts/components/BoardArticle.vue b/hwe/ts/components/BoardArticle.vue
index 1a8e11e3..4cb03076 100644
--- a/hwe/ts/components/BoardArticle.vue
+++ b/hwe/ts/components/BoardArticle.vue
@@ -7,12 +7,12 @@
       <div class="col articleTitle center">
         {{ article.title }}
       </div>
-      <div class="col-2 col-md-1 date center">
+      <div class="col-2 col-lg-1 date center">
         {{ article.date.slice(5, 16) }}
       </div>
     </div>
     <div class="row gx-0 s-border-b">
-      <div class="col-2 col-md-1 authorIcon center">
+      <div class="col-2 col-lg-1 authorIcon center">
         <img class="generalIcon" width="64" height="64" :src="article.author_icon" />
       </div>
       <div class="col text">
@@ -36,7 +36,7 @@
           @keyup.enter="submitComment"
         />
       </div>
-      <div class="col-2 col-md-1 d-grid">
+      <div class="col-2 col-lg-1 d-grid">
         <b-button class="submitComment" size="sm" @click="submitComment"> 등록 </b-button>
       </div>
     </div>
diff --git a/hwe/ts/components/BoardComment.vue b/hwe/ts/components/BoardComment.vue
index dee8c685..da870e89 100644
--- a/hwe/ts/components/BoardComment.vue
+++ b/hwe/ts/components/BoardComment.vue
@@ -8,7 +8,7 @@
     <div class="col text">
       {{ comment.text }}
     </div>
-    <div class="col-2 col-md-1 date center d-grid">
+    <div class="col-2 col-lg-1 date center d-grid">
       <div class="align-self-center">
         {{ comment.date.slice(5, 16) }}
       </div>
diff --git a/hwe/ts/components/ChiefReservedCommand.vue b/hwe/ts/components/ChiefReservedCommand.vue
index 895e65d8..7dc5efcd 100644
--- a/hwe/ts/components/ChiefReservedCommand.vue
+++ b/hwe/ts/components/ChiefReservedCommand.vue
@@ -12,7 +12,7 @@
       </div>
     </div>
     <div :class="['row', 'controlPad', props.targetIsMe ? 'targetIsMe' : 'targetIsNotMe']">
-      <div class="col-3 col-md-12 order-md-last">
+      <div class="col-3 col-lg-12 order-lg-last">
         <div class="d-grid mb-1 py-1 only500px bg1 center">
           <div
             :style="{
@@ -25,26 +25,26 @@
           <div>{{ officer.officerLevelText }}</div>
         </div>
         <div class="row gx-1 gy-1 py-1">
-          <div class="col-md-4 mx-0 mb-0 mt-1 d-grid">
+          <div class="col-lg-4 mx-0 mb-0 mt-1 d-grid">
             <div class="alert alert-primary mb-0 center" style="padding: 0.5rem 0">
               <SimpleClock :serverTime="parseTime(props.date)" />
             </div>
           </div>
 
-          <div class="col-md-4 d-grid">
+          <div class="col-lg-4 d-grid">
             <BButton variant="secondary" @click="isEditMode = !isEditMode">
               {{ isEditMode ? "일반 모드" : "고급 모드" }}
             </BButton>
           </div>
 
-          <BDropdown class="col-md-4" text="반복">
+          <BDropdown class="col-lg-4" text="반복">
             <BDropdownItem v-for="turnIdx in maxPushTurn" :key="turnIdx" @click="repeatNationCommand(turnIdx)">
               {{ turnIdx }}턴
             </BDropdownItem>
           </BDropdown>
 
           <template v-if="isEditMode">
-            <BDropdown class="col-md-4" left text="범위">
+            <BDropdown class="col-lg-4" left text="범위">
               <BDropdownItem @click="queryActionHelper.selectTurn()"> 해제 </BDropdownItem>
               <BDropdownItem @click="queryActionHelper.selectAll()"> 모든턴 </BDropdownItem>
               <BDropdownItem @click="queryActionHelper.selectStep(0, 2)"> 홀수턴 </BDropdownItem>
@@ -67,7 +67,7 @@
               </BDropdownText>
             </BDropdown>
 
-            <BDropdown class="col-md-4" left text="보관함">
+            <BDropdown class="col-lg-4" left text="보관함">
               <BDropdownItem
                 v-for="[actionKey, actions] of storedActions"
                 :key="actionKey"
@@ -78,7 +78,7 @@
               </BDropdownItem>
             </BDropdown>
 
-            <div class="col-md-4 d-grid">
+            <div class="col-lg-4 d-grid">
               <BDropdown right text="최근">
                 <BDropdownItem
                   v-for="(action, idx) in Array.from(recentActions.values()).reverse()"
@@ -91,12 +91,12 @@
             </div>
           </template>
 
-          <BDropdown class="col-md-6" split text="당기기" @click="pullNationCommandSingle">
+          <BDropdown class="col-lg-6" split text="당기기" @click="pullNationCommandSingle">
             <BDropdownItem v-for="turnIdx in maxPushTurn" :key="turnIdx" @click="pushNationCommand(-turnIdx)">
               {{ turnIdx }}턴
             </BDropdownItem>
           </BDropdown>
-          <BDropdown class="col-md-6" split text="미루기" @click="pushNationCommandSingle">
+          <BDropdown class="col-lg-6" split text="미루기" @click="pushNationCommandSingle">
             <BDropdownItem v-for="turnIdx in maxPushTurn" :key="turnIdx" @click="pushNationCommand(turnIdx)">
               {{ turnIdx }}턴
             </BDropdownItem>
@@ -217,7 +217,7 @@
           </div>
 
           <div v-if="isEditMode" class="row gx-0">
-            <div class="col-5 col-md-6 d-grid">
+            <div class="col-5 col-lg-6 d-grid">
               <BDropdown left variant="light" :style="{ color: 'black' }" text="선택한 턴을">
                 <BDropdownItem @click="clipboardCut"> <i class="bi bi-scissors" />&nbsp;잘라내기 </BDropdownItem>
                 <BDropdownItem @click="clipboardCopy"> <i class="bi bi-files" />&nbsp;복사하기 </BDropdownItem>
@@ -245,7 +245,7 @@
               </BDropdown>
             </div>
 
-            <div class="col-7 col-md-6 d-grid">
+            <div class="col-7 col-lg-6 d-grid">
               <BButton variant="info" @click="toggleForm($event)"> 명령 선택 ▾ </BButton>
             </div>
           </div>
diff --git a/hwe/ts/components/GameBottomBar.vue b/hwe/ts/components/GameBottomBar.vue
index 3e8f084c..6179b2d4 100644
--- a/hwe/ts/components/GameBottomBar.vue
+++ b/hwe/ts/components/GameBottomBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav class="gameBottomBar navbar-expand navbar-dark bg-dark d-sm-block d-md-none p-0">
+  <nav class="gameBottomBar navbar-expand navbar-dark bg-dark d-sm-block d-lg-none p-0">
     <div class="collapse navbar-collapse">
       <ul class="navbar-nav me-auto mx-auto">
         <li class="nav-item dropup">
diff --git a/hwe/ts/components/GameInfo.vue b/hwe/ts/components/GameInfo.vue
index bcbf4b8c..15e8e33f 100644
--- a/hwe/ts/components/GameInfo.vue
+++ b/hwe/ts/components/GameInfo.vue
@@ -4,39 +4,39 @@
     <span class="avoid-wrap" style="color: cyan">{{ frontInfo?.global.scenarioText }}</span>
   </h3>
   <div v-if="frontInfo" class="gameInfo row gx-0">
-    <div class="s-border-t col py-2 col-8 col-md-4 subScenarioName" style="color: cyan">
+    <div class="s-border-t col py-2 col-8 col-lg-4 subScenarioName" style="color: cyan">
       {{ globalInfo.scenarioText }}
     </div>
-    <div class="s-border-t col py-2 col-4 col-md-2 subNPCType" style="color: cyan">
+    <div class="s-border-t col py-2 col-4 col-lg-2 subNPCType" style="color: cyan">
       NPC 수, 상성:
       {{ globalInfo.extendedGeneral ? "확장" : "표준" }}
       {{ globalInfo.isFiction ? "가상" : "사실" }}
     </div>
-    <div class="s-border-t col py-2 col-4 col-md-2 subNPCMode" style="color: cyan">
+    <div class="s-border-t col py-2 col-4 col-lg-2 subNPCMode" style="color: cyan">
       NPC선택: {{ ["불가능", "가능", "선택 생성"][globalInfo.npcMode] }}
     </div>
-    <div class="s-border-t col py-2 col-4 col-md-2 subTournamentMode" style="color: cyan">
+    <div class="s-border-t col py-2 col-4 col-lg-2 subTournamentMode" style="color: cyan">
       토너먼트: 경기당 {{ calcTournamentTerm(globalInfo.turnterm) }}분
     </div>
-    <div class="s-border-t col py-2 col-4 col-md-2 subOtherSetting" style="color: cyan">
+    <div class="s-border-t col py-2 col-4 col-lg-2 subOtherSetting" style="color: cyan">
       기타 설정:
       <AutorunInfo :autorunMode="globalInfo.autorunUser" />
     </div>
-    <div class="s-border-t col py-2 col-8 col-md-4 subYearMonth">
+    <div class="s-border-t col py-2 col-8 col-lg-4 subYearMonth">
       현재: {{ globalInfo.year }}年 {{ globalInfo.month }}月 ({{ globalInfo.turnterm }}분 턴 서버)
     </div>
-    <div class="s-border-t col py-2 col-4 col-md-2 subOnlineUserCnt">
+    <div class="s-border-t col py-2 col-4 col-lg-2 subOnlineUserCnt">
       전체 접속자 수: {{ (globalInfo.onlineUserCnt ?? 0).toLocaleString() }}명
     </div>
-    <div class="s-border-t col py-2 col-4 col-md-2 subAPILimit">
+    <div class="s-border-t col py-2 col-4 col-lg-2 subAPILimit">
       턴당 갱신횟수: {{ globalInfo.apiLimit.toLocaleString() }}회
     </div>
-    <div class="s-border-t col py-2 col-8 col-md-4 subGeneralCnt">
+    <div class="s-border-t col py-2 col-8 col-lg-4 subGeneralCnt">
       등록 장수: 유저
       {{ createdUserCnt.toLocaleString() }} / {{ globalInfo.generalCntLimit.toLocaleString() }} +
       <span style="color: cyan">NPC {{ createdNPCCnt.toLocaleString() }} 명</span>
     </div>
-    <div class="s-border-t py-2 col col-6 col-md-4 subTournamentState">
+    <div class="s-border-t py-2 col col-6 col-lg-4 subTournamentState">
       <span v-if="frontInfo.global.isTournamentActive">
         <a v-if="tournamentStep.availableJoin" href="b_tournament.php" target="_blank">
           ↑<span style="color: cyan"
@@ -56,18 +56,18 @@
       <span v-else style="color: magenta"> 현재 토너먼트 경기 없음 </span>
     </div>
     <div
-      class="s-border-t py-2 col col-6 col-md-2 subLastExecuted"
+      class="s-border-t py-2 col col-6 col-lg-2 subLastExecuted"
       :style="{ color: serverLocked ? 'magenta' : 'cyan' }"
     >
       동작 시각: {{ formatTime(lastExecuted).substring(5) }}
     </div>
-    <div class="s-border-t py-2 col col-6 col-md-2 subAuctionState">
+    <div class="s-border-t py-2 col col-6 col-lg-2 subAuctionState">
       <a v-if="globalInfo.auctionCount" href="v_auction.php" target="_blank" style="color: cyan">
         {{ globalInfo.auctionCount.toLocaleString() }}건 거래 진행중
       </a>
       <span v-else style="color: magenta">진행중인 거래 없음</span>
     </div>
-    <div class="s-border-t py-2 col col-6 col-md-4 subVoteState">
+    <div class="s-border-t py-2 col col-6 col-lg-4 subVoteState">
       <a v-if="globalInfo.lastVote" href="v_vote.php" target="_blank">
         <span style="color: cyan">설문 진행 중: </span><span>{{ globalInfo.lastVote.title }}</span>
       </a>
diff --git a/hwe/ts/components/MessagePanel.vue b/hwe/ts/components/MessagePanel.vue
index 9d1001d5..7038a964 100644
--- a/hwe/ts/components/MessagePanel.vue
+++ b/hwe/ts/components/MessagePanel.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="MessagePanel">
     <div class="MessageInputForm bg0 row gx-0">
-      <div id="mailbox_list-col" class="col-6 col-md-2 d-grid">
+      <div id="mailbox_list-col" class="col-6 col-lg-2 d-grid">
         <BFormSelect v-model="targetMailbox" class="bg-dark text-white">
           <optgroup
             v-for="group of mailboxList"
@@ -26,10 +26,10 @@
           </optgroup>
         </BFormSelect>
       </div>
-      <div id="msg_input-col" class="col-12 col-md-8 d-grid">
+      <div id="msg_input-col" class="col-12 col-lg-8 d-grid">
         <input v-model="newMessageText" type="text" maxlength="99" class="form-control" @keydown.enter="sendMessage" />
       </div>
-      <div id="msg_submit-col" class="col-6 col-md-2 d-grid">
+      <div id="msg_submit-col" class="col-6 col-lg-2 d-grid">
         <BButton variant="primary" @click="sendMessage">서신전달&amp;갱신</BButton>
       </div>
     </div>
diff --git a/hwe/ts/components/NationBasicCard.vue b/hwe/ts/components/NationBasicCard.vue
index 094aa585..16d62eab 100644
--- a/hwe/ts/components/NationBasicCard.vue
+++ b/hwe/ts/components/NationBasicCard.vue
@@ -63,24 +63,24 @@
         Math.floor(nation.tech).toLocaleString()
       }}</span>
     </div>
-    <div class="strategicCmd-head tb-head bg1">전략</div>
-    <div v-if="!nation.id" class="strategicCmd-body tb-body">해당 없음</div>
+    <div class="strategicClg-head tb-head bg1">전략</div>
+    <div v-if="!nation.id" class="strategicClg-body tb-body">해당 없음</div>
     <div
       v-else-if="impossibleStrategicCommandText"
       v-b-tooltip.hover="impossibleStrategicCommandText"
-      class="strategicCmd-body tb-body"
+      class="strategicClg-body tb-body"
       style="text-decoration: underline dashed red"
     >
       <span v-if="nation.strategicCmdLimit" style="color: red">{{ nation.strategicCmdLimit.toLocaleString() }}턴</span>
       <span v-else style="color: yellow">가능</span>
     </div>
-    <div v-else class="strategicCmd-body tb-body">
+    <div v-else class="strategicClg-body tb-body">
       <span v-if="nation.strategicCmdLimit" style="color: red">{{ nation.strategicCmdLimit.toLocaleString() }}턴</span>
       <span v-else style="color: limegreen">가능</span>
     </div>
-    <div class="diplomaticCmd-head tb-head bg1">외교</div>
-    <div v-if="!nation.id" class="diplomaticCmd-body tb-body">해당 없음</div>
-    <div v-else class="diplomaticCmd-body tb-body">
+    <div class="diplomaticClg-head tb-head bg1">외교</div>
+    <div v-if="!nation.id" class="diplomaticClg-body tb-body">해당 없음</div>
+    <div v-else class="diplomaticClg-body tb-body">
       <span v-if="nation.diplomaticLimit" style="color: red">{{ nation.diplomaticLimit.toLocaleString() }}턴</span>
       <span v-else style="color: limegreen">가능</span>
     </div>
diff --git a/hwe/ts/processing/General/che_건국.vue b/hwe/ts/processing/General/che_건국.vue
index 72339298..a4588002 100644
--- a/hwe/ts/processing/General/che_건국.vue
+++ b/hwe/ts/processing/General/che_건국.vue
@@ -5,25 +5,25 @@
     <div>현재 도시에서 나라를 세웁니다. 중, 소도시에서만 가능합니다.</div>
     <ul>
       <li v-for="nationType in nationTypes" :key="nationType.type" class="row">
-        <div class="col-2 col-md-1">- {{ nationType.name }}</div>
-        <div class="col-4 col-md-2">
+        <div class="col-2 col-lg-1">- {{ nationType.name }}</div>
+        <div class="col-4 col-lg-2">
           : <span style="color: cyan">{{ nationType.pros }}</span
           >,
         </div>
-        <div class="col-4 col-md-2">
+        <div class="col-4 col-lg-2">
           <span style="color: magenta">{{ nationType.cons }}</span>
         </div>
       </li>
     </ul>
     <div class="row">
-      <div class="col-4 col-md-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
-      <div class="col-3 col-md-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
-      <div class="col-3 col-md-2">
+      <div class="col-4 col-lg-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
+      <div class="col-3 col-lg-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
+      <div class="col-3 col-lg-2">
         <label>성향 :</label>
         <b-form-select v-model="selectedNationType" :options="nationTypesOption" />
       </div>
 
-      <div class="col-2 col-md-2 d-grid">
+      <div class="col-2 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/General/che_군량매매.vue b/hwe/ts/processing/General/che_군량매매.vue
index 7d3440b7..f8deb85d 100644
--- a/hwe/ts/processing/General/che_군량매매.vue
+++ b/hwe/ts/processing/General/che_군량매매.vue
@@ -3,18 +3,18 @@
   <div class="bg0">
     <div>자신의 군량을 사거나 팝니다.<br /></div>
     <div class="row">
-      <div class="col-2 col-md-1">
+      <div class="col-2 col-lg-1">
         군량을 :
         <b-button-group>
           <b-button :pressed="buyRice" @click="buyRice = true"> 삼 </b-button>
           <b-button :pressed="!buyRice" @click="buyRice = false"> 팜 </b-button>
         </b-button-group>
       </div>
-      <div class="col-7 col-md-4">
+      <div class="col-7 col-lg-4">
         금액 :
         <SelectAmount v-model="amount" :amountGuide="amountGuide" :maxAmount="maxAmount" :minAmount="minAmount" />
       </div>
-      <div class="col-3 col-md-2 d-grid">
+      <div class="col-3 col-lg-2 d-grid">
         <b-button variant="primary" @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/General/che_등용.vue b/hwe/ts/processing/General/che_등용.vue
index e3647907..43a05de1 100644
--- a/hwe/ts/processing/General/che_등용.vue
+++ b/hwe/ts/processing/General/che_등용.vue
@@ -7,7 +7,7 @@
       등용할 장수를 목록에서 선택하세요.<br />
     </div>
     <div class="row">
-      <div class="col-12 col-md-6">
+      <div class="col-12 col-lg-6">
         장수 :
         <SelectGeneral
           v-model="selectedGeneralID"
@@ -17,7 +17,7 @@
           :searchable="searchable"
         />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button variant="primary" @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/General/che_무작위건국.vue b/hwe/ts/processing/General/che_무작위건국.vue
index 9316f469..dae0cbbf 100644
--- a/hwe/ts/processing/General/che_무작위건국.vue
+++ b/hwe/ts/processing/General/che_무작위건국.vue
@@ -5,25 +5,25 @@
     <div>무작위 공백지 중, 소도시에서 나라를 세웁니다.</div>
     <ul>
       <li v-for="nationType in nationTypes" :key="nationType.type" class="row">
-        <div class="col-2 col-md-1">- {{ nationType.name }}</div>
-        <div class="col-4 col-md-2">
+        <div class="col-2 col-lg-1">- {{ nationType.name }}</div>
+        <div class="col-4 col-lg-2">
           : <span style="color: cyan">{{ nationType.pros }}</span
           >,
         </div>
-        <div class="col-4 col-md-2">
+        <div class="col-4 col-lg-2">
           <span style="color: magenta">{{ nationType.cons }}</span>
         </div>
       </li>
     </ul>
     <div class="row">
-      <div class="col-4 col-md-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
-      <div class="col-3 col-md-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
-      <div class="col-3 col-md-2">
+      <div class="col-4 col-lg-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
+      <div class="col-3 col-lg-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
+      <div class="col-3 col-lg-2">
         <label>성향 :</label>
         <b-form-select v-model="selectedNationType" :options="nationTypesOption" />
       </div>
 
-      <div class="col-2 col-md-2 d-grid">
+      <div class="col-2 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/General/che_선양.vue b/hwe/ts/processing/General/che_선양.vue
index 7539d2b6..b9312898 100644
--- a/hwe/ts/processing/General/che_선양.vue
+++ b/hwe/ts/processing/General/che_선양.vue
@@ -11,7 +11,7 @@
       장수를 선택하세요.<br />
     </div>
     <div class="row">
-      <div class="col-9 col-md-4">
+      <div class="col-9 col-lg-4">
         장수 :
         <SelectGeneral
           v-model="selectedGeneralID"
@@ -20,7 +20,7 @@
           :searchable="searchable"
         />
       </div>
-      <div class="col-3 col-md-2 d-grid">
+      <div class="col-3 col-lg-2 d-grid">
         <b-button variant="primary" @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/General/che_숙련전환.vue b/hwe/ts/processing/General/che_숙련전환.vue
index e31e817d..6ef35819 100644
--- a/hwe/ts/processing/General/che_숙련전환.vue
+++ b/hwe/ts/processing/General/che_숙련전환.vue
@@ -3,7 +3,7 @@
   <div class="bg0">
     <div>본인의 특정 병종 숙련을 40% 줄이고, 줄어든 숙련 중 9/10(90%p)를 다른 병종 숙련으로 전환합니다.</div>
     <div class="row">
-      <div class="col-4 col-md-2">
+      <div class="col-4 col-lg-2">
         감소 대상 숙련 :
         <b-form-select v-model="srcArmTypeID">
           <b-form-select-option v-for="[armType, dexInfo] in dexFullInfo" :key="armType" :value="armType">
@@ -12,7 +12,7 @@
           </b-form-select-option>
         </b-form-select>
       </div>
-      <div class="col-4 col-md-2">
+      <div class="col-4 col-lg-2">
         전환 대상 숙련 :
         <b-form-select v-model="destArmTypeID">
           <b-form-select-option v-for="[armType, dexInfo] in dexFullInfo" :key="armType" :value="armType">
@@ -21,7 +21,7 @@
           </b-form-select-option>
         </b-form-select>
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/General/che_임관.vue b/hwe/ts/processing/General/che_임관.vue
index 83d933a9..ce350517 100644
--- a/hwe/ts/processing/General/che_임관.vue
+++ b/hwe/ts/processing/General/che_임관.vue
@@ -12,11 +12,11 @@
       <br />
     </div>
     <div class="row">
-      <div class="col-6 col-md-3">
+      <div class="col-6 col-lg-3">
         국가 :
         <SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/General/che_장비매매.vue b/hwe/ts/processing/General/che_장비매매.vue
index e133dc1b..c60d3493 100644
--- a/hwe/ts/processing/General/che_장비매매.vue
+++ b/hwe/ts/processing/General/che_장비매매.vue
@@ -11,7 +11,7 @@
       <br />
     </div>
     <div v-if="selectedItemObj" class="row">
-      <div class="col-8 col-md-4">
+      <div class="col-8 col-lg-4">
         장비:
         <Multiselect
           v-model="selectedItemObj"
@@ -57,14 +57,14 @@
           </template>
         </Multiselect>
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
       </div>
     </div>
     <div v-if="selectedItemObj && selectedItemObj.obj.id != NoneValue" class="row">
-      <div class="col-4 col-md-2 align-self-center text-center">
+      <div class="col-4 col-lg-2 align-self-center text-center">
         {{ selectedItemObj.obj.name }}
       </div>
       <div class="col" v-html="selectedItemObj.obj.info" />
diff --git a/hwe/ts/processing/General/che_장수대상임관.vue b/hwe/ts/processing/General/che_장수대상임관.vue
index 6f39e802..86eac8be 100644
--- a/hwe/ts/processing/General/che_장수대상임관.vue
+++ b/hwe/ts/processing/General/che_장수대상임관.vue
@@ -8,7 +8,7 @@
       임관할 국가를 목록에서 선택하세요.<br />
     </div>
     <div class="row">
-      <div class="col-8 col-md-4">
+      <div class="col-8 col-lg-4">
         장수 :
         <SelectGeneral
           v-model="selectedGeneralID"
@@ -18,7 +18,7 @@
           :searchable="searchable"
         />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button variant="primary" @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/General/che_징병.vue b/hwe/ts/processing/General/che_징병.vue
index 1c048c00..432317cc 100644
--- a/hwe/ts/processing/General/che_징병.vue
+++ b/hwe/ts/processing/General/che_징병.vue
@@ -23,7 +23,7 @@
     >
       <div class="listFront">
         <div class="row gx-0 bg0">
-          <div class="col-12 col-md-12 d-flex align-items-center">
+          <div class="col-12 col-lg-12 d-flex align-items-center">
             <div
               v-if="commandName == '모병'"
               class="text-center w-100"
@@ -33,10 +33,10 @@
           </div>
         </div>
         <div class="row text-center bg2 gx-0">
-          <div class="col-4 col-md-2">
+          <div class="col-4 col-lg-2">
             현재 기술력 : {{ techLevel }}등급
           </div>
-          <div class="col-4 col-md-2">
+          <div class="col-4 col-lg-2">
             현재 통솔 :
             <span
               :style="{
@@ -44,16 +44,16 @@
               }"
             >{{ leadership }}</span>
           </div>
-          <div class="col-4 col-md-2">
+          <div class="col-4 col-lg-2">
             최대 통솔 : {{ fullLeadership }}
           </div>
-          <div class="col-4 col-md-2">
+          <div class="col-4 col-lg-2">
             현재 병종 : {{ crewTypeMap?.get(currentCrewType)?.name }}
           </div>
-          <div class="col-4 col-md-2">
+          <div class="col-4 col-lg-2">
             현재 병사 : {{ crew.toLocaleString() }}
           </div>
-          <div class="col-4 col-md-2">
+          <div class="col-4 col-lg-2">
             현재 자금 : {{ gold.toLocaleString() }}
           </div>
         </div>
@@ -178,12 +178,12 @@
         >
           <div class="s-border-b row gx-0">
             <div
-              class="col-7 col-md-10 align-self-center px-3"
+              class="col-7 col-lg-10 align-self-center px-3"
               style="font-size: 1.3em"
             >
               {{ armCrewType.armName }} 계열
             </div>
-            <div class="col-5 col-md-2 d-grid">
+            <div class="col-5 col-lg-2 d-grid">
               <b-button
                 :variant="
                   showNotAvailable.get(armCrewType.armType) ? 'warning' : 'dark'
diff --git a/hwe/ts/processing/General/che_헌납.vue b/hwe/ts/processing/General/che_헌납.vue
index d4a3bb95..50730960 100644
--- a/hwe/ts/processing/General/che_헌납.vue
+++ b/hwe/ts/processing/General/che_헌납.vue
@@ -3,18 +3,18 @@
   <div class="bg0">
     <div>자신의 자금이나 군량을 국가 재산으로 헌납합니다.</div>
     <div class="row">
-      <div class="col-2 col-md-1">
+      <div class="col-2 col-lg-1">
         자원 :
         <b-button-group>
           <b-button :pressed="isGold" @click="isGold = true"> 금 </b-button>
           <b-button :pressed="!isGold" @click="isGold = false"> 쌀 </b-button>
         </b-button-group>
       </div>
-      <div class="col-7 col-md-4">
+      <div class="col-7 col-lg-4">
         금액 :
         <SelectAmount v-model="amount" :amountGuide="amountGuide" :maxAmount="maxAmount" :minAmount="minAmount" />
       </div>
-      <div class="col-3 col-md-2 d-grid">
+      <div class="col-3 col-lg-2 d-grid">
         <b-button variant="primary" @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/General/cr_건국.vue b/hwe/ts/processing/General/cr_건국.vue
index e54c8697..e7179f34 100644
--- a/hwe/ts/processing/General/cr_건국.vue
+++ b/hwe/ts/processing/General/cr_건국.vue
@@ -5,25 +5,25 @@
     <div>현재 도시에서 나라를 세웁니다. 도시 규모의 제한이 없습니다.</div>
     <ul>
       <li v-for="nationType in nationTypes" :key="nationType.type" class="row">
-        <div class="col-2 col-md-1">- {{ nationType.name }}</div>
-        <div class="col-4 col-md-2">
+        <div class="col-2 col-lg-1">- {{ nationType.name }}</div>
+        <div class="col-4 col-lg-2">
           : <span style="color: cyan">{{ nationType.pros }}</span
           >,
         </div>
-        <div class="col-4 col-md-2">
+        <div class="col-4 col-lg-2">
           <span style="color: magenta">{{ nationType.cons }}</span>
         </div>
       </li>
     </ul>
     <div class="row">
-      <div class="col-4 col-md-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
-      <div class="col-3 col-md-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
-      <div class="col-3 col-md-2">
+      <div class="col-4 col-lg-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
+      <div class="col-3 col-lg-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
+      <div class="col-3 col-lg-2">
         <label>성향 :</label>
         <b-form-select v-model="selectedNationType" :options="nationTypesOption" />
       </div>
 
-      <div class="col-2 col-md-2 d-grid">
+      <div class="col-2 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/Nation/che_국기변경.vue b/hwe/ts/processing/Nation/che_국기변경.vue
index 6b313a3f..324511c2 100644
--- a/hwe/ts/processing/Nation/che_국기변경.vue
+++ b/hwe/ts/processing/Nation/che_국기변경.vue
@@ -3,11 +3,11 @@
   <div class="bg0">
     <div>국기를 변경합니다. 단 1회 가능합니다.<br /></div>
     <div class="row">
-      <div class="col-6 col-md-3">
+      <div class="col-6 col-lg-3">
         색상 :
         <ColorSelect v-model="selectedColorID" :colors="colors" />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/Nation/che_국호변경.vue b/hwe/ts/processing/Nation/che_국호변경.vue
index 427ae339..8c6df59d 100644
--- a/hwe/ts/processing/Nation/che_국호변경.vue
+++ b/hwe/ts/processing/Nation/che_국호변경.vue
@@ -3,11 +3,11 @@
   <div class="bg0">
     <div>나라의 이름을 바꿉니다. 황제가 된 후 1회 가능합니다.<br /></div>
     <div class="row">
-      <div class="col-6 col-md-3">
+      <div class="col-6 col-lg-3">
         국명 :
         <b-form-input v-model="destNationName" maxlength="18" />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/Nation/che_물자원조.vue b/hwe/ts/processing/Nation/che_물자원조.vue
index cb7d7515..67352380 100644
--- a/hwe/ts/processing/Nation/che_물자원조.vue
+++ b/hwe/ts/processing/Nation/che_물자원조.vue
@@ -39,12 +39,12 @@
       원조할 국가를 목록에서 선택하세요.<br /><br />
     </div>
     <div class="row">
-      <div class="col-6 col-md-3">
+      <div class="col-6 col-lg-3">
         국가 :
         <SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
       </div>
-      <div class="col-6 col-md-0" />
-      <div class="col-8 col-md-4">
+      <div class="col-6 col-lg-0" />
+      <div class="col-8 col-lg-4">
         금 :
         <SelectAmount
           v-model="goldAmount"
@@ -54,7 +54,7 @@
           :minAmount="minAmount"
         />
       </div>
-      <div class="col-8 col-md-4">
+      <div class="col-8 col-lg-4">
         쌀 :
         <SelectAmount
           v-model="riceAmount"
@@ -64,7 +64,7 @@
           :minAmount="minAmount"
         />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button variant="primary" @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/Nation/che_발령.vue b/hwe/ts/processing/Nation/che_발령.vue
index c9120328..690a650f 100644
--- a/hwe/ts/processing/Nation/che_발령.vue
+++ b/hwe/ts/processing/Nation/che_발령.vue
@@ -20,7 +20,7 @@
       목록을 선택하거나 도시를 클릭하세요.<br />
     </div>
     <div class="row">
-      <div class="col-12 col-md-6">
+      <div class="col-12 col-lg-6">
         장수 :
         <SelectGeneral
           v-model="selectedGeneralID"
@@ -31,11 +31,11 @@
           :searchable="searchable"
         />
       </div>
-      <div class="col-6 col-md-4">
+      <div class="col-6 col-lg-4">
         도시 :
         <SelectCity v-model="selectedCityID" :cities="citiesMap" :searchable="searchable" />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button variant="primary" @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/Nation/che_불가침제의.vue b/hwe/ts/processing/Nation/che_불가침제의.vue
index 5f678d70..0175e6e3 100644
--- a/hwe/ts/processing/Nation/che_불가침제의.vue
+++ b/hwe/ts/processing/Nation/che_불가침제의.vue
@@ -22,11 +22,11 @@
       <span style="color: red">붉은색</span>으로 표시됩니다.<br />
     </div>
     <div class="row">
-      <div class="col-4 col-md-3">
+      <div class="col-4 col-lg-3">
         국가 :
         <SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
       </div>
-      <div class="col-5 col-md-3">
+      <div class="col-5 col-lg-3">
         기간 :
         <div class="input-group">
           <b-form-select v-model="selectedYear" class="text-end selectedYear">
@@ -43,7 +43,7 @@
           <span class="input-group-text px-2">월</span>
         </div>
       </div>
-      <div class="col-3 col-md-2 d-grid">
+      <div class="col-3 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/Nation/che_피장파장.vue b/hwe/ts/processing/Nation/che_피장파장.vue
index 308281fe..ed5a67a9 100644
--- a/hwe/ts/processing/Nation/che_피장파장.vue
+++ b/hwe/ts/processing/Nation/che_피장파장.vue
@@ -24,11 +24,11 @@
       <span style="color: red">붉은색</span>으로 표시됩니다.<br />
     </div>
     <div class="row gx-3">
-      <div class="col-5 col-md-3">
+      <div class="col-5 col-lg-3">
         국가 :
         <SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
       </div>
-      <div class="col-4 col-md-2">
+      <div class="col-4 col-lg-2">
         <label>전략 :</label>
         <select
           v-model="selectedCommandID"
@@ -49,7 +49,7 @@
           </option>
         </select>
       </div>
-      <div class="col-3 col-md-2 d-grid">
+      <div class="col-3 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/Nation/cr_인구이동.vue b/hwe/ts/processing/Nation/cr_인구이동.vue
index 31f2cbf7..d15158eb 100644
--- a/hwe/ts/processing/Nation/cr_인구이동.vue
+++ b/hwe/ts/processing/Nation/cr_인구이동.vue
@@ -18,11 +18,11 @@
       현재 도시의 인구를 인접 도시로 이동합니다.<br />
     </div>
     <div class="row">
-      <div class="col-6 col-md-4">
+      <div class="col-6 col-lg-4">
         도시 :
         <SelectCity v-model="selectedCityID" :cities="citiesMap" :searchable="searchable" />
       </div>
-      <div class="col-6 col-md-4">
+      <div class="col-6 col-lg-4">
         금 :
         <SelectAmount
           v-model="amount"
@@ -32,7 +32,7 @@
           :minAmount="minAmount"
         />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button variant="primary" @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/ProcessCity.vue b/hwe/ts/processing/ProcessCity.vue
index a17079f4..41d90718 100644
--- a/hwe/ts/processing/ProcessCity.vue
+++ b/hwe/ts/processing/ProcessCity.vue
@@ -65,11 +65,11 @@
       목록을 선택하거나 도시를 클릭하세요.<br />
     </div>
     <div class="row">
-      <div class="col-4 col-md-2">
+      <div class="col-4 col-lg-2">
         도시:
         <SelectCity v-model="selectedCityID" :cities="citiesMap" :searchable="searchable" />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/ProcessGeneralAmount.vue b/hwe/ts/processing/ProcessGeneralAmount.vue
index 00443410..483532d6 100644
--- a/hwe/ts/processing/ProcessGeneralAmount.vue
+++ b/hwe/ts/processing/ProcessGeneralAmount.vue
@@ -8,7 +8,7 @@
     <div v-else-if="commandName == '포상'">국고로 장수에게 자금이나 군량을 지급합니다.<br /></div>
     <div v-else-if="commandName == '증여'">자신의 자금이나 군량을 다른 장수에게 증여합니다.<br /></div>
     <div class="row">
-      <div class="col-12 col-md-5">
+      <div class="col-12 col-lg-5">
         장수 :
         <SelectGeneral
           v-model="selectedGeneralID"
@@ -18,18 +18,18 @@
           :searchable="searchable"
         />
       </div>
-      <div class="col-2 col-md-1">
+      <div class="col-2 col-lg-1">
         자원 :
         <b-button-group>
           <b-button :pressed="isGold" @click="isGold = true"> 금 </b-button>
           <b-button :pressed="!isGold" @click="isGold = false"> 쌀 </b-button>
         </b-button-group>
       </div>
-      <div class="col-7 col-md-4">
+      <div class="col-7 col-lg-4">
         금액 :
         <SelectAmount v-model="amount" :amountGuide="amountGuide" :maxAmount="maxAmount" :minAmount="minAmount" />
       </div>
-      <div class="col-3 col-md-2 d-grid">
+      <div class="col-3 col-lg-2 d-grid">
         <b-button variant="primary" @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/processing/ProcessNation.vue b/hwe/ts/processing/ProcessNation.vue
index 9a59da3a..01f071ca 100644
--- a/hwe/ts/processing/ProcessNation.vue
+++ b/hwe/ts/processing/ProcessNation.vue
@@ -55,11 +55,11 @@
       <span style="color: red">붉은색</span>으로 표시됩니다.<br />
     </div>
     <div class="row">
-      <div class="col-6 col-md-3">
+      <div class="col-6 col-lg-3">
         국가 :
         <SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
       </div>
-      <div class="col-4 col-md-2 d-grid">
+      <div class="col-4 col-lg-2 d-grid">
         <b-button @click="submit">
           {{ commandName }}
         </b-button>
diff --git a/hwe/ts/state/is1000pxMode.ts b/hwe/ts/state/is1000pxMode.ts
index 60f932e5..2aa8392b 100644
--- a/hwe/ts/state/is1000pxMode.ts
+++ b/hwe/ts/state/is1000pxMode.ts
@@ -2,7 +2,7 @@ import { useLocalStorage, useMediaQuery } from "@vueuse/core";
 import { keyScreenMode, type ScreenModeType } from "@/defs";
 import { ref, watch } from "vue";
 
-export const is1000pxMode = useMediaQuery('(min-width:900px');
+export const is1000pxMode = useMediaQuery('(min-width:940px');
 export const isFullWidth = ref(true);
 export const widthMode = useLocalStorage<ScreenModeType>(keyScreenMode, "auto")