diff --git a/apps/web/src/api-clients/cost-analysis/budget/schema/api-verbs/create.ts b/apps/web/src/api-clients/cost-analysis/budget/schema/api-verbs/create.ts
index fcd2ec3583..1f4083e1ab 100644
--- a/apps/web/src/api-clients/cost-analysis/budget/schema/api-verbs/create.ts
+++ b/apps/web/src/api-clients/cost-analysis/budget/schema/api-verbs/create.ts
@@ -21,5 +21,4 @@ export interface BudgetCreateParameters {
     project_id?: string;
     service_account_id?: string;
     budget_manager_id?: string;
-    budget_year?: string;
 }
diff --git a/apps/web/src/api-clients/cost-analysis/budget/schema/model.ts b/apps/web/src/api-clients/cost-analysis/budget/schema/model.ts
index a1973e32ae..0914af4cf6 100644
--- a/apps/web/src/api-clients/cost-analysis/budget/schema/model.ts
+++ b/apps/web/src/api-clients/cost-analysis/budget/schema/model.ts
@@ -4,6 +4,7 @@ import type { ResourceGroupType } from '@/api-clients/_common/schema/type';
 import type {
     BudgetNotification,
     BudgetPlannedLimit,
+    BudgetState,
     BudgetTimeUnit,
 } from '@/api-clients/cost-analysis/budget/schema/type';
 
@@ -29,7 +30,7 @@ export interface BudgetModel {
   domain_id: string;
   created_at: string;
   updated_at: string;
-  budget_year: string;
   notified_month: string;
   utilization_rate: number;
+  state: BudgetState;
 }
diff --git a/apps/web/src/api-clients/cost-analysis/budget/schema/type.ts b/apps/web/src/api-clients/cost-analysis/budget/schema/type.ts
index 7c2ad9e8ba..ad24146ebc 100644
--- a/apps/web/src/api-clients/cost-analysis/budget/schema/type.ts
+++ b/apps/web/src/api-clients/cost-analysis/budget/schema/type.ts
@@ -1,4 +1,5 @@
 export type BudgetTimeUnit = 'MONTHLY' | 'TOTAL';
+export type BudgetState = 'ACTIVE' | 'SCHEDULED' | 'EXPIRED';
 type BudgetNotificationUnit = 'PERCENT';
 type BudgetNotificationState = 'ENABLED' | 'DISABLED';
 
diff --git a/apps/web/src/common/modules/user/UserSelectDropdown.vue b/apps/web/src/common/modules/user/UserSelectDropdown.vue
index cb3faf3f51..0abee8f4d3 100644
--- a/apps/web/src/common/modules/user/UserSelectDropdown.vue
+++ b/apps/web/src/common/modules/user/UserSelectDropdown.vue
@@ -54,6 +54,7 @@ const props = withDefaults(defineProps<{
      excludedSelectedIds?: string[];
      size?: 'sm'|'md';
      pageSize?: number;
+     showDeleteAllButton?: boolean;
 }>(), {
     selectedId: undefined,
     selectedIds: undefined,
@@ -75,6 +76,7 @@ const props = withDefaults(defineProps<{
     excludedSelectedIds: undefined,
     size: 'md',
     pageSize: 10,
+    showDeleteAllButton: true,
 });
 
 const emit = defineEmits<{(event: 'update:selected-id', value?: string): void;
@@ -273,7 +275,7 @@ watch([() => props.selectedId, () => props.selectedIds], ([newUserId, newUserIds
     <p-select-dropdown class="user-select-dropdown"
                        show-select-marker
                        is-filterable
-                       show-delete-all-button
+                       :show-delete-all-button="props.showDeleteAllButton"
                        :selected="state.selectedItems"
                        :handler="menuItemsHandler()"
                        :selection-label="props.selectionLabel"
diff --git a/apps/web/src/services/cost-explorer/components/BudgetAlertsModal.vue b/apps/web/src/services/cost-explorer/components/BudgetAlertsModal.vue
index 4fba33b936..8e379444a4 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetAlertsModal.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetAlertsModal.vue
@@ -3,7 +3,7 @@ import { PButtonModal } from '@cloudforet/mirinae';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
 interface Props {
     visible: boolean;
@@ -29,7 +29,7 @@ const setNotification = async () => {
                 ...budgetPageState.budgetData?.notification,
                 state: !props.budgetOnOffValue ? 'ENABLED' : 'DISABLED',
             },
-        });
+        }, 'budgetAlert');
     } catch (error) {
         ErrorHandler.handleError(error);
     }
diff --git a/apps/web/src/services/cost-explorer/components/BudgetCreateManagerSelect.vue b/apps/web/src/services/cost-explorer/components/BudgetCreateManagerSelect.vue
index e91c20342e..1b75cffb2c 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetCreateManagerSelect.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetCreateManagerSelect.vue
@@ -10,7 +10,7 @@ import type { ServiceAccountModel } from '@/api-clients/identity/service-account
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import UserSelectDropdown from '@/common/modules/user/UserSelectDropdown.vue';
 
-import { useBudgetCreatePageStore } from '../stores/budget-create-page-store';
+import { useBudgetCreatePageStore } from '@/services/cost-explorer/stores/budget-create-page-store';
 
 const budgetCreatePageStore = useBudgetCreatePageStore();
 const budgetCreatePageState = budgetCreatePageStore.state;
@@ -53,6 +53,7 @@ watch(() => budgetCreatePageState.scope.serviceAccount, async () => {
             show-user-list
             :show-user-group-list="false"
             :selected-id="budgetCreatePageState.budgetManager"
+            :show-delete-all-button="false"
             @update:selected-id="handleSelectId"
             @formatted-selected-ids="handleFormatBudgetManager"
         />
diff --git a/apps/web/src/services/cost-explorer/components/BudgetCreateScopeSelect.vue b/apps/web/src/services/cost-explorer/components/BudgetCreateScopeSelect.vue
index 5029d4b34f..39e6134bf9 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetCreateScopeSelect.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetCreateScopeSelect.vue
@@ -20,7 +20,7 @@ import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import { useBudgetCreatePageStore } from '../stores/budget-create-page-store';
+import { useBudgetCreatePageStore } from '@/services/cost-explorer/stores/budget-create-page-store';
 
 const allReferenceStore = useAllReferenceStore();
 const budgetCreatePageStore = useBudgetCreatePageStore();
@@ -39,7 +39,6 @@ const state = reactive({
     serviceAccountList: [] as string[],
     existingServiceAccountIds: [],
     refinedServiceAccountList: computed<SelectDropdownMenuItem[]>(() => state.serviceAccountList
-        .filter((serviceAccountId) => state.existingServiceAccountIds?.length > 0 && !state.existingServiceAccountIds.includes(serviceAccountId))
         .map((serviceAccountId) => ({
             name: serviceAccountId,
             label: serviceAccount.value[serviceAccountId].label,
diff --git a/apps/web/src/services/cost-explorer/components/BudgetCreateStep1.vue b/apps/web/src/services/cost-explorer/components/BudgetCreateStep1.vue
index 0a4b6d5361..3b91cc8050 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetCreateStep1.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetCreateStep1.vue
@@ -23,9 +23,9 @@ import type { ProjectReferenceMap } from '@/store/reference/project-reference-st
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import ProjectSelectDropdown from '@/common/modules/project/ProjectSelectDropdown.vue';
 
-import { useBudgetCreatePageStore } from '../stores/budget-create-page-store';
-import BudgetCreateManagerSelect from './BudgetCreateManagerSelect.vue';
-import BudgetCreateScopeSelect from './BudgetCreateScopeSelect.vue';
+import BudgetCreateManagerSelect from '@/services/cost-explorer/components/BudgetCreateManagerSelect.vue';
+import BudgetCreateScopeSelect from '@/services/cost-explorer/components/BudgetCreateScopeSelect.vue';
+import { useBudgetCreatePageStore } from '@/services/cost-explorer/stores/budget-create-page-store';
 
 
 const budgetCreatePageStore = useBudgetCreatePageStore();
@@ -149,22 +149,6 @@ watch(() => budgetCreatePageState.project, async () => {
 watchEffect(async () => {
     await fetchBudget();
 });
-
-watch([
-    () => state.budgetList,
-    () => budgetCreatePageState.project,
-    () => budgetCreatePageState.scope.serviceAccount,
-    () => budgetCreatePageState.scope.type,
-], () => {
-    const filteredList = state.budgetList.filter((result) => {
-        if (budgetCreatePageState.scope.type === 'project') {
-            return result.project_id === budgetCreatePageState.project && !result.service_account_id;
-        }
-        return result.project_id === budgetCreatePageState.project
-               && result.service_account_id === budgetCreatePageState.scope.serviceAccount;
-    });
-    budgetCreatePageState.alreadyExistingBudgetYear = filteredList.map((result) => result.budget_year);
-}, { deep: true, immediate: true });
 </script>
 
 <template>
diff --git a/apps/web/src/services/cost-explorer/components/BudgetCreateStep2.vue b/apps/web/src/services/cost-explorer/components/BudgetCreateStep2.vue
index 82a6d87b6a..f3eb7d7784 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetCreateStep2.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetCreateStep2.vue
@@ -5,11 +5,15 @@ import {
 
 import dayjs from 'dayjs';
 
+import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 import {
-    PFieldGroup, PSelectDropdown, PDatetimePicker, PButton, PStatus,
-    PDivider, PRadioGroup, PRadio, PPaneLayout, PTextInput, PBadge, PToggleButton,
+    PFieldGroup, PSelectDropdown, PDatetimePicker, PButton,
+    PDivider, PRadioGroup, PRadio, PPaneLayout, PTextInput, PBadge,
 } from '@cloudforet/mirinae';
 
+import type { ListResponse } from '@/api-clients/_common/schema/api-verbs/list';
+import type { BudgetUsageListParameters } from '@/api-clients/cost-analysis/budget-usage/schema/api-verbs/list';
+import type { BudgetUsageModel } from '@/api-clients/cost-analysis/budget-usage/schema/model';
 import { i18n } from '@/translations';
 
 import { CURRENCY, CURRENCY_SYMBOL } from '@/store/display/constant';
@@ -18,11 +22,13 @@ import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import type { ProjectReferenceMap } from '@/store/reference/project-reference-store';
 import type { ServiceAccountReferenceMap } from '@/store/reference/service-account-reference-store';
 
+import ErrorHandler from '@/common/composables/error/errorHandler';
+
 import type { UnifiedCostConfig } from '@/services/advanced/types/preferences-type';
+import BudgetLastThreeMonthCostTrendBarChart from '@/services/cost-explorer/components/BudgetLastThreeMonthCostTrendBarChart.vue';
+import { DEFAULT_UNIFIED_COST_CURRENCY, YAHOO_FINANCE_ID } from '@/services/cost-explorer/constants/cost-explorer-constant';
+import { useBudgetCreatePageStore } from '@/services/cost-explorer/stores/budget-create-page-store';
 
-import { DEFAULT_UNIFIED_COST_CURRENCY, YAHOO_FINANCE_ID } from '../constants/cost-explorer-constant';
-import { useBudgetCreatePageStore } from '../stores/budget-create-page-store';
-import BudgetLastThreeMonthCostTrendBarChart from './BudgetLastThreeMonthCostTrendBarChart.vue';
 
 const budgetCreatePageStore = useBudgetCreatePageStore();
 const budgetCreatePageState = budgetCreatePageStore.state;
@@ -60,10 +66,99 @@ const state = reactive({
     analyzedCostData: undefined,
     startSelectedForBudgetYear: false,
     endSelectedForBudgetYear: false,
+    existingBudgetUsageList: [] as BudgetUsageModel[],
 });
 
 const emit = defineEmits<{(e: 'click-next'): void}>();
 
+const isDateInRange = (index: number) => {
+    if (budgetCreatePageState.startMonth.length === 0 || budgetCreatePageState.endMonth.length === 0) return false;
+    const startDate = dayjs.utc(budgetCreatePageState.startMonth[0]);
+    const endDate = dayjs.utc(budgetCreatePageState.endMonth[0]);
+    const currentDate = startDate.add(index, 'month');
+    return currentDate.isSameOrBefore(endDate, 'month');
+};
+
+const handleUpdatgeBudgetEachDate = (value: string, index: number) => {
+    if (!isDateInRange(index)) return;
+    const newBudgetEachDate = [...budgetCreatePageState.budgetEachDate];
+    newBudgetEachDate[index] = value;
+    budgetCreatePageState.budgetEachDate = newBudgetEachDate;
+};
+
+const handlePrevious = () => {
+    budgetCreatePageStore.setCurrentStep(1);
+};
+
+const handleUpdateBudgetAmount = (value) => {
+    if (value === '' || value === null || Number.isNaN(Number(value))) {
+        budgetCreatePageStore.setLimit(undefined);
+    } else {
+        budgetCreatePageStore.setLimit(Number(value));
+    }
+};
+
+const handleUpdateBudgetAppliedSameAmount = (value) => {
+    if (value === '' || value === null || Number.isNaN(Number(value))) {
+        budgetCreatePageStore.setBudgetAppliedSameAmount(undefined);
+    } else {
+        budgetCreatePageStore.setBudgetAppliedSameAmount(Number(value));
+    }
+};
+
+const handleUpdateInitialAmount = (value) => {
+    if (value === '' || value === null || Number.isNaN(Number(value))) {
+        budgetCreatePageStore.setInitialAmount(undefined);
+    } else {
+        budgetCreatePageStore.setInitialAmount(Number(value));
+    }
+};
+
+const handleUpdateMonthlyGrowthRate = (value) => {
+    if (value === '' || value === null || Number.isNaN(Number(value))) {
+        budgetCreatePageStore.setMonthlyGrowthRate(undefined);
+    } else {
+        budgetCreatePageStore.setMonthlyGrowthRate(Number(value));
+    }
+};
+
+const isValidPositiveNumber = (value: any): boolean => {
+    const num = Number(value);
+    return value !== '' && !Number.isNaN(num) && num > 0;
+};
+
+const fetchBudgetUsage = async (params: BudgetUsageListParameters) => {
+    try {
+        const { results } = await SpaceConnector.clientV2.costAnalysis.budgetUsage.list<BudgetUsageListParameters, ListResponse<BudgetUsageModel>>(params);
+        state.existingBudgetUsageList = results ?? [];
+    } catch (error) {
+        ErrorHandler.handleError(error);
+    }
+};
+
+watch([() => budgetCreatePageState.startMonth, () => budgetCreatePageState.endMonth], async () => {
+    if (budgetCreatePageState.startMonth.length > 0 && budgetCreatePageState.endMonth.length > 0) {
+        await fetchBudgetUsage({
+            project_id: budgetCreatePageState.project,
+            service_account_id: budgetCreatePageState.scope.serviceAccount,
+            query: {
+                filter: [
+                    {
+                        k: 'date',
+                        v: dayjs.utc(budgetCreatePageState.startMonth[0]).format('YYYY-MM'),
+                        o: 'gte',
+                    },
+                    {
+                        k: 'date',
+                        v: dayjs.utc(budgetCreatePageState.endMonth[0]).format('YYYY-MM'),
+                        o: 'lte',
+                    },
+                ],
+            },
+        });
+    }
+}, { deep: true, immediate: true });
+
 watch([() => state, () => budgetCreatePageState], () => {
     budgetCreatePageStore.setCurrency(state.selectedCurrency);
     budgetCreatePageStore.setTimeUnit(budgetCreatePageState.time_unit);
@@ -145,14 +240,19 @@ watch(() => [
     budgetCreatePageState.planned_limits,
     budgetCreatePageState.selectedMonthlyBudgetAllocation,
     budgetCreatePageState.budgetAppliedSameAmount,
-    state.initialAmount,
-    state.monthlyGrowthRate,
+    budgetCreatePageState.initialAmount,
+    budgetCreatePageState.monthlyGrowthRate,
     budgetCreatePageState.budgetEachDate,
     state.startSelectedForBudgetYear,
     state.endSelectedForBudgetYear,
     budgetCreatePageState.startMonth,
     budgetCreatePageState.endMonth,
 ], () => {
+    if (state.existingBudgetUsageList.length > 0) {
+        state.isContinueAble = false;
+        return;
+    }
+
     if (budgetCreatePageState.startMonth.length === 0 || budgetCreatePageState.endMonth.length === 0) {
         state.isContinueAble = false;
     }
@@ -173,26 +273,31 @@ watch(() => [
         }
 
         state.isContinueAble = true;
+    } else if (budgetCreatePageState.time_unit === 'TOTAL' && budgetCreatePageState.limit === undefined) {
+        state.isContinueAble = false;
     } else if (budgetCreatePageState.time_unit === 'MONTHLY') {
-        if (budgetCreatePageState.planned_limits && budgetCreatePageState.planned_limits.length > 0) {
-            const isDuplicatedBudgetYear = (
-                budgetCreatePageState.project
-                && budgetCreatePageState.alreadyExistingBudgetYear.length > 0
-                && (
-                    (state.startSelectedForBudgetYear && budgetCreatePageState.alreadyExistingBudgetYear.includes(budgetCreatePageState.budgetYear))
-                    || (state.endSelectedForBudgetYear && budgetCreatePageState.alreadyExistingBudgetYear.includes(budgetCreatePageState.budgetYear))
-                )
-            );
-
-            if (isDuplicatedBudgetYear) {
-                state.isContinueAble = false;
+        if (budgetCreatePageState.selectedMonthlyBudgetAllocation === 'applySameAmount') {
+            if (isValidPositiveNumber(budgetCreatePageState.budgetAppliedSameAmount)) {
+                state.isContinueAble = true;
+                return;
+            }
+        } else if (budgetCreatePageState.selectedMonthlyBudgetAllocation === 'increaseBySpecificPercentage') {
+            const isInitialValid = isValidPositiveNumber(budgetCreatePageState.initialAmount);
+            const isGrowthValid = isValidPositiveNumber(budgetCreatePageState.monthlyGrowthRate);
+            state.isContinueAble = isInitialValid && isGrowthValid;
+            return;
+        } else if (budgetCreatePageState.selectedMonthlyBudgetAllocation === 'enterManually') {
+            const startDate = dayjs.utc(budgetCreatePageState.startMonth[0]);
+            const endDate = dayjs.utc(budgetCreatePageState.endMonth[0]);
+            const length = endDate.diff(startDate, 'month') + 1;
+            const valid = budgetCreatePageState.budgetEachDate.length === length
+                && budgetCreatePageState.budgetEachDate.every((v, idx) => isDateInRange(idx) && isValidPositiveNumber(v));
+            if (valid) {
+                state.isContinueAble = true;
                 return;
             }
-
-            state.isContinueAble = true;
-        } else {
-            state.isContinueAble = false;
         }
+        state.isContinueAble = false;
     }
 }, { deep: true, immediate: true });
 
@@ -220,59 +325,6 @@ watch([() => state.startSelectedForBudgetYear, () => state.endSelectedForBudgetY
 
 }, { deep: true, immediate: true });
 
-const isDateInRange = (index: number) => {
-    if (budgetCreatePageState.startMonth.length === 0 || budgetCreatePageState.endMonth.length === 0) return false;
-    const startDate = dayjs.utc(budgetCreatePageState.startMonth[0]);
-    const endDate = dayjs.utc(budgetCreatePageState.endMonth[0]);
-    const currentDate = startDate.add(index, 'month');
-    return currentDate.isSameOrBefore(endDate, 'month');
-};
-
-const handleUpdatgeBudgetEachDate = (value: string, index: number) => {
-    if (!isDateInRange(index)) return;
-    const newBudgetEachDate = [...budgetCreatePageState.budgetEachDate];
-    newBudgetEachDate[index] = value;
-    budgetCreatePageState.budgetEachDate = newBudgetEachDate;
-};
-
-const handlePrevious = () => {
-    budgetCreatePageStore.setCurrentStep(1);
-};
-
-const handleUpdateBudgetAmount = (value) => {
-    budgetCreatePageStore.setLimit(value);
-};
-
-const handleUpdateBudgetAppliedSameAmount = (value) => {
-    budgetCreatePageStore.setBudgetAppliedSameAmount(value);
-};
-
-const handleUpdateInitialAmount = (value) => {
-    budgetCreatePageStore.setInitialAmount(value);
-};
-
-const handleUpdateMonthlyGrowthRate = (value) => {
-    budgetCreatePageStore.setMonthlyGrowthRate(value);
-};
-
-const handleUpdateStartSelectForBudgetYear = (value: boolean) => {
-    state.startSelectedForBudgetYear = value;
-    if (value) {
-        state.endSelectedForBudgetYear = false;
-    }
-};
-
-const handleUpdateEndSelectForBudgetYear = (value: boolean) => {
-    state.endSelectedForBudgetYear = value;
-    if (value) {
-        state.startSelectedForBudgetYear = false;
-    }
-};
-
-const isValidPositiveNumber = (value: any): boolean => {
-    const num = Number(value);
-    return value !== '' && !Number.isNaN(num) && num > 0;
-};
 watch([
     () => budgetCreatePageState.startMonth,
     () => budgetCreatePageState.endMonth,
@@ -293,6 +345,22 @@ watch([
     }
 }, { immediate: true });
 
+watch(() => budgetCreatePageState.limit, () => {
+    if (budgetCreatePageState.limit === null) {
+        budgetCreatePageState.limit = undefined;
+    }
+}, { immediate: true });
+
+watch(() => state.existingBudgetUsageList, () => {
+    if (state.existingBudgetUsageList.length > 0) {
+        budgetCreatePageState.time_unit = '';
+        budgetCreatePageState.limit = undefined;
+        budgetCreatePageState.budgetAppliedSameAmount = undefined;
+        budgetCreatePageState.initialAmount = undefined;
+        budgetCreatePageState.monthlyGrowthRate = undefined;
+        budgetCreatePageState.budgetEachDate = [];
+    }
+}, { deep: true, immediate: true });
 </script>
 
 <template>
@@ -334,18 +402,22 @@ watch([
         <div class="bottom-section">
             <div class="left-section">
                 <p-divider />
-                <div class="flex gap-6 mt-6">
+                <div class="flex gap-6 mt-6 -mb-4">
                     <p-field-group :label="$t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.START_MONTH')"
+                                   :invalid="state.existingBudgetUsageList.length > 0"
                                    required
+                                   class="flex flex-col "
                     >
                         <p-datetime-picker data-type="yearToMonth"
                                            :selected-dates.sync="budgetCreatePageState.startMonth"
                                            :min-date="budgetCreatePageState.endMonth.length > 0 ? dayjs.utc(budgetCreatePageState.endMonth[0]).subtract(11, 'month').format('YYYY-MM') : ''"
                                            :max-date="budgetCreatePageState.endMonth.length > 0 ? dayjs.utc(budgetCreatePageState.endMonth[0]).format('YYYY-MM'): ''"
                                            :placeholder="$t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.SELECT_MONTH')"
+                                           :invalid="state.existingBudgetUsageList.length > 0"
                         />
                     </p-field-group>
                     <p-field-group :label="$t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.END_MONTH')"
+                                   :invalid="state.existingBudgetUsageList.length > 0"
                                    required
                     >
                         <p-datetime-picker data-type="yearToMonth"
@@ -354,50 +426,24 @@ watch([
                                            :min-date="budgetCreatePageState.startMonth.length > 0
                                                ? dayjs.utc(budgetCreatePageState.startMonth[0]).add(1, 'month').format('YYYY-MM') : ''"
                                            :max-date="budgetCreatePageState.startMonth.length > 0 ? dayjs.utc(budgetCreatePageState.startMonth[0]).add(11, 'month').format('YYYY-MM') : ''"
+                                           :invalid="state.existingBudgetUsageList.length > 0"
                         />
                     </p-field-group>
                 </div>
-                <div class="flex gap-15 mb-6">
-                    <div class="flex gap-1">
-                        <p-toggle-button
-                            :value="state.startSelectedForBudgetYear"
-                            @update:value="handleUpdateStartSelectForBudgetYear"
-                        />
-                        <span class="text-sm font-normal"
-                              :class="{'start-selected': state.startSelectedForBudgetYear, 'end-selected': !state.startSelectedForBudgetYear}"
-                        >{{ $t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.BASE_FOR_PERIOD_FILTER') }}</span>
-                    </div>
-                    <div class="flex gap-1">
-                        <p-toggle-button
-                            :value="state.endSelectedForBudgetYear"
-                            @update:value="handleUpdateEndSelectForBudgetYear"
-                        />
-                        <span class="text-sm font-normal"
-                              :class="{'start-selected': state.endSelectedForBudgetYear, 'end-selected': !state.endSelectedForBudgetYear}"
-                        >{{ $t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.BASE_FOR_PERIOD_FILTER') }}</span>
-                    </div>
-                </div>
-                <p-status v-if="budgetCreatePageState.project
-                              && budgetCreatePageState.alreadyExistingBudgetYear.length > 0
-                              && (
-                                  (state.startSelectedForBudgetYear && budgetCreatePageState.alreadyExistingBudgetYear.includes(budgetCreatePageState.budgetYear))
-                                  ||
-                                  (state.endSelectedForBudgetYear && budgetCreatePageState.alreadyExistingBudgetYear.includes(budgetCreatePageState.budgetYear))
-                              )"
-                          icon="ic_warning-filled"
-                          :text="budgetCreatePageState.scope.type === 'project'
-                              ? $t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.PROJECT_DUPLICATED_WARNING1', {
-                                  project: project[budgetCreatePageState.project].name,
-                                  year_list: budgetCreatePageState.alreadyExistingBudgetYear.join(',').split(' ')
-                              }) : $t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.PROJECT_DUPLICATED_WARNING2', {
-                                  project: project[budgetCreatePageState.project].name,
-                                  serviceAccount: serviceAccount[budgetCreatePageState.scope.serviceAccount ?? ''].name,
-                                  year_list: budgetCreatePageState.alreadyExistingBudgetYear.join(',')
-                              })"
-                          theme="red"
-                          class="text-sm mb-6"
-                />
-                <div class="flex">
+                <span v-if="state.existingBudgetUsageList.length > 0"
+                      class="text-red-500 font-normal text-xs"
+                >
+                    {{ budgetCreatePageState.scope.type === 'project'
+                        ? $t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.PROJECT_DUPLICATED_WARNING1', {
+                            project: project[budgetCreatePageState.project].name,
+                            month_list: state.existingBudgetUsageList.map(d => d.date)
+                        }) : $t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.PROJECT_DUPLICATED_WARNING2', {
+                            project: project[budgetCreatePageState.project].name,
+                            serviceAccount: serviceAccount[budgetCreatePageState.scope.serviceAccount ?? ''].name,
+                            month_list: state.existingBudgetUsageList.map(d => d.date)
+                        }) }}
+                </span>
+                <div class="flex mt-6">
                     <p-field-group
                         :label="$t('BILLING.COST_MANAGEMENT.BUDGET.FORM.CREATE.BUDGET_CYCLE')"
                         :help-text="budgetCreatePageState.startMonth.length === 0 || budgetCreatePageState.endMonth.length === 0
@@ -409,13 +455,7 @@ watch([
                                      :key="`budget-cycle-${idx}`"
                                      v-model="budgetCreatePageState.time_unit"
                                      :value="cycle.name"
-                                     :disabled="(budgetCreatePageState.startMonth.length === 0 || budgetCreatePageState.endMonth.length === 0 || budgetCreatePageState.project
-                                         && budgetCreatePageState.alreadyExistingBudgetYear.length > 0
-                                         && (
-                                             (state.startSelectedForBudgetYear && budgetCreatePageState.alreadyExistingBudgetYear.includes(budgetCreatePageState.budgetYear))
-                                             ||
-                                             (state.endSelectedForBudgetYear && budgetCreatePageState.alreadyExistingBudgetYear.includes(budgetCreatePageState.budgetYear))
-                                         ))"
+                                     :disabled="state.existingBudgetUsageList.length > 0"
                             >
                                 <span>{{ cycle.label }}</span>
                             </p-radio>
@@ -521,9 +561,10 @@ watch([
                                                        :label="date"
                                                        required
                                         >
-                                            <p-text-input :value="state.budgetEachDate[idx]"
+                                            <p-text-input :value="budgetCreatePageState.budgetEachDate[idx]"
                                                           :disabled="!isDateInRange(idx)"
-                                                          :invalid="isDateInRange(idx) && (!state.budgetEachDate[idx] || !isValidPositiveNumber(Number(state.budgetEachDate[idx])))"
+                                                          :invalid="isDateInRange(idx) && (!budgetCreatePageState.budgetEachDate[idx]
+                                                              || !isValidPositiveNumber(Number(budgetCreatePageState.budgetEachDate[idx])))"
                                                           @update:value="(value) => handleUpdatgeBudgetEachDate(value, idx)"
                                             >
                                                 <template #input-right>
diff --git a/apps/web/src/services/cost-explorer/components/BudgetCreateStep3.vue b/apps/web/src/services/cost-explorer/components/BudgetCreateStep3.vue
index 22c2901532..bdc0fc1829 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetCreateStep3.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetCreateStep3.vue
@@ -18,11 +18,10 @@ import { useUserReferenceStore } from '@/store/reference/user-reference-store';
 
 import { showErrorMessage, showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 
-import ErrorHandler from '@/common/composables/error/errorHandler';
 import UserSelectDropdown from '@/common/modules/user/UserSelectDropdown.vue';
 
-import { COST_EXPLORER_ROUTE } from '../routes/route-constant';
-import { useBudgetCreatePageStore } from '../stores/budget-create-page-store';
+import { COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/route-constant';
+import { useBudgetCreatePageStore } from '@/services/cost-explorer/stores/budget-create-page-store';
 
 
 const budgetCreatePageStore = useBudgetCreatePageStore();
@@ -101,7 +100,6 @@ const createBudget = async (type: 'skip' | 'set') => {
             time_unit: budgetCreatePageState.time_unit === 'TOTAL' ? 'TOTAL' : 'MONTHLY',
             start: dayjs.utc(budgetCreatePageState.startMonth[0]).format('YYYY-MM'),
             end: dayjs.utc(budgetCreatePageState.endMonth[0]).format('YYYY-MM'),
-            budget_year: budgetCreatePageState.budgetYear,
             notification: type === 'set' ? {
                 state: budgetCreatePageState.thresholds.filter((threshold) => threshold.value && threshold.value > 0).length > 0
                     ? 'ENABLED' : 'DISABLED',
@@ -127,12 +125,13 @@ const createBudget = async (type: 'skip' | 'set') => {
         router.push({
             name: COST_EXPLORER_ROUTE.BUDGET._NAME,
         });
-        showSuccessMessage('', i18n.t('BILLING.COST_MANAGEMENT.BUDGET.ALT_S_CREATE_BUDGET'));
+        showSuccessMessage(i18n.t('BILLING.COST_MANAGEMENT.BUDGET.ALT_S_CREATE_BUDGET'), '');
+        budgetCreatePageStore.reset();
     } catch (error: any) {
-        ErrorHandler.handleError(error, true);
-        showErrorMessage(error?.code ?? '', i18n.t('BILLING.COST_MANAGEMENT.BUDGET.ALT_E_CREATE_BUDGET'));
+        showErrorMessage(i18n.t('BILLING.COST_MANAGEMENT.BUDGET.ALT_E_CREATE_BUDGET'), error.message);
+        budgetCreatePageState.currentStep = 1;
     } finally {
-        budgetCreatePageStore.reset();
+        budgetCreatePageState.loading = false;
     }
 };
 </script>
diff --git a/apps/web/src/services/cost-explorer/components/BudgetDeleteCheckModal.vue b/apps/web/src/services/cost-explorer/components/BudgetDeleteCheckModal.vue
index 2099604337..55c2043395 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetDeleteCheckModal.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetDeleteCheckModal.vue
@@ -47,7 +47,7 @@ const deleteBudgets = async (budgetIds: string[]) => {
                 budget_id: budgetId,
             });
         }));
-        showSuccessMessage('', i18n.t('BILLING.COST_MANAGEMENT.BUDGET.MAIN.DELETE_SUCCESS'));
+        showSuccessMessage(i18n.t('BILLING.COST_MANAGEMENT.BUDGET.MAIN.DELETE_SUCCESS'), '');
     } catch (error: any) {
         ErrorHandler.handleError(error);
         showErrorMessage(error.code, error.message);
diff --git a/apps/web/src/services/cost-explorer/components/BudgetDetailBaseInformation.vue b/apps/web/src/services/cost-explorer/components/BudgetDetailBaseInformation.vue
index c9914caecc..c80185b3ff 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetDetailBaseInformation.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetDetailBaseInformation.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { computed, reactive, watchEffect } from 'vue';
+import {
+    computed, reactive, watch, watchEffect,
+} from 'vue';
 
 import dayjs from 'dayjs';
 
@@ -21,10 +23,10 @@ import { usePageEditableStatus } from '@/common/composables/page-editable-status
 import ProjectLinkButton from '@/common/modules/project/ProjectLinkButton.vue';
 import UserSelectDropdown from '@/common/modules/user/UserSelectDropdown.vue';
 
+import BudgetAlertsModal from '@/services/cost-explorer/components/BudgetAlertsModal.vue';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
-import BudgetAlertsModal from './BudgetAlertsModal.vue';
 
 const budgetPageStore = useBudgetDetailPageStore();
 const budgetPageState = budgetPageStore.$state;
@@ -74,6 +76,7 @@ const state = reactive({
     selectedBudgetManager: '',
     selectedThresholds: [] as MenuItem[],
     selectedAlertRecipients: [] as string[],
+    budgetManagerEditable: false,
 });
 
 const handleUpdateBudgetAlerts = async (value: boolean) => {
@@ -81,12 +84,12 @@ const handleUpdateBudgetAlerts = async (value: boolean) => {
     await budgetPageStore.getBudgetData(budgetPageState.budgetData?.budget_id ?? '');
 };
 
-const updateBudget = async (updateParams: any) => {
+const updateBudget = async (updateParams: any, type: string) => {
     if (storeState.budgetData?.budget_id) {
         await budgetPageStore.updateBudgetData({
             budgetId: storeState.budgetData?.budget_id,
             updateParams,
-        });
+        }, type);
     }
 };
 
@@ -94,13 +97,7 @@ const updateBudgetInfo = async (type: string, data: any) => {
     try {
         await updateBudget({
             ...data,
-        });
-        showSuccessMessage('', i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BASE_INFORMATION.UPDATE_SUCCESS', {
-            data: type.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()),
-        }));
-    } catch (error: any) {
-        ErrorHandler.handleError(error, true);
-        showErrorMessage(error?.code, error?.message);
+        }, type);
     } finally {
         if (type === 'budgetManager') {
             state.budgetManagerEdit = false;
@@ -136,35 +133,34 @@ const handleUpdateAlertRecipients = async () => {
                     users: state.selectedAlertRecipients,
                 },
             },
-        });
+        }, 'budgetThreshold');
         state.alertRecipientsEdit = false;
-        showSuccessMessage('', i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BASE_INFORMATION.UPDATE_SUCCESS', {
+        showSuccessMessage(i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BASE_INFORMATION.UPDATE_SUCCESS', {
             data: 'alertRecipients'.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()),
-        }));
+        }), '');
     } catch (error: any) {
         ErrorHandler.handleError(error, true);
+        showErrorMessage(error.code, error.message);
     }
 };
 
 const handleUpdateBudgetThresholds = async () => {
-    try {
-        await budgetPageStore.updateBudgetNotifications({
-            budget_id: storeState.budgetData?.budget_id ?? '',
-            notification: {
-                ...storeState.budgetData?.notification,
-                plans: state.selectedThresholds.map((threshold) => ({
-                    unit: 'PERCENT',
-                    threshold: Number(threshold),
-                })),
-            },
-        });
-        state.budgetAlertEdit = false;
-        showSuccessMessage('', i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BASE_INFORMATION.UPDATE_SUCCESS', {
-            data: 'budgetThresholds'.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()),
-        }));
-    } catch (error: any) {
-        ErrorHandler.handleError(error, true);
-        showErrorMessage(error.code, error.message);
+    await budgetPageStore.updateBudgetNotifications({
+        budget_id: storeState.budgetData?.budget_id ?? '',
+        notification: {
+            ...storeState.budgetData?.notification,
+            plans: state.selectedThresholds.map((threshold) => ({
+                unit: 'PERCENT',
+                threshold: Number(threshold),
+            })),
+        },
+    });
+    state.budgetAlertEdit = false;
+};
+
+const handleFormatBudgetManager = (value: Record<string, any>) => {
+    if (Array.isArray(value.USER) && value.USER.length === 0) {
+        state.selectedBudgetManager = '';
     }
 };
 
@@ -177,6 +173,14 @@ watchEffect(() => {
         state.editableBudgetPlan = map;
     }
 });
+
+watch(() => state.selectedBudgetManager, (nv, ov) => {
+    if (state.selectedBudgetManager === '' || nv === ov) {
+        state.budgetManagerEditable = false;
+    } else if (state.selectedBudgetManager !== '' && nv !== ov) {
+        state.budgetManagerEditable = true;
+    }
+}, { deep: true, immediate: true });
 </script>
 
 <template>
@@ -299,8 +303,10 @@ watchEffect(() => {
                         <user-select-dropdown
                             v-else
                             show-user-list
+                            :show-delete-all-button="false"
                             :selected-id="data"
                             :page-size="3"
+                            @formatted-selected-ids="handleFormatBudgetManager"
                             @update:selected-id="handleSelectBudgetManager"
                         />
                         <p-button v-if="!state.budgetManagerEdit && !storeState.isAdminMode && hasReadWriteAccess"
@@ -321,6 +327,7 @@ watchEffect(() => {
                             </p-button>
                             <p-button
                                 size="sm"
+                                :disabled="!state.budgetManagerEditable"
                                 @click="handleUpdateBudgetManager"
                             >
                                 {{ $t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.MODAL.SAVE_CHANGES') }}
@@ -336,6 +343,7 @@ watchEffect(() => {
                             <p-toggle-button :value.sync="state.isBudgetAlertsEnabled"
                                              show-state-text
                                              position="left"
+                                             :disabled="storeState.isAdminMode"
                                              @change-toggle="() => {
                                                  state.updateBudgetAlertsModalVisible = true;
                                              }"
@@ -346,7 +354,7 @@ watchEffect(() => {
                                     <span v-for="(plan, index) in [...data.plans].sort((a, b) => a.threshold - b.threshold)"
                                           :key="`plan-${index}`"
                                     >
-                                        {{ plan.threshold }} {{ plan.unit === 'PERCENT' ? '%' : '' }}
+                                        {{ plan.threshold }}{{ plan.unit === 'PERCENT' ? '%' : '' }}<template v-if="index !== data.plans.length - 1">, </template>
                                     </span>
                                 </p>
                                 <div v-if="state.budgetAlertEdit">
diff --git a/apps/web/src/services/cost-explorer/components/BudgetDetailDeleteModal.vue b/apps/web/src/services/cost-explorer/components/BudgetDetailDeleteModal.vue
index aa939d8852..e7af83959f 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetDetailDeleteModal.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetDetailDeleteModal.vue
@@ -38,7 +38,7 @@ const handleConfirm = async () => {
         });
         emit('update:visible', false);
         emit('confirm');
-        showSuccessMessage('', i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.DELETE_SUCCESS'));
+        showSuccessMessage(i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.DELETE_SUCCESS'), '');
     } catch (e) {
         ErrorHandler.handleError(e);
     }
diff --git a/apps/web/src/services/cost-explorer/components/BudgetLastThreeMonthCostTrendBarChart.vue b/apps/web/src/services/cost-explorer/components/BudgetLastThreeMonthCostTrendBarChart.vue
index f3cd5387be..0dfd038e7c 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetLastThreeMonthCostTrendBarChart.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetLastThreeMonthCostTrendBarChart.vue
@@ -18,7 +18,7 @@ import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import { indigo } from '@/styles/colors';
 
-import { useBudgetCreatePageStore } from '../stores/budget-create-page-store';
+import { useBudgetCreatePageStore } from '@/services/cost-explorer/stores/budget-create-page-store';
 
 const budgetCreatePageStore = useBudgetCreatePageStore();
 const budgetCreatePageState = budgetCreatePageStore.state;
diff --git a/apps/web/src/services/cost-explorer/components/BudgetMainList.vue b/apps/web/src/services/cost-explorer/components/BudgetMainList.vue
index 754405a9cf..f54a7be809 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetMainList.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetMainList.vue
@@ -14,7 +14,7 @@ import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 import { ApiQueryHelper } from '@cloudforet/core-lib/space-connector/helper';
 import type { ApiFilter } from '@cloudforet/core-lib/space-connector/type';
 import {
-    PToolboxTable, PSelectDropdown, PButtonModal, PI, PProgressBar, PStatus, PLink,
+    PToolboxTable, PSelectDropdown, PI, PProgressBar, PStatus, PLink,
 } from '@cloudforet/mirinae';
 import type { MenuItem } from '@cloudforet/mirinae/types/controls/context-menu/type';
 
@@ -27,23 +27,28 @@ import { i18n } from '@/translations';
 import { useAppContextStore } from '@/store/app-context/app-context-store';
 import { CURRENCY_SYMBOL } from '@/store/display/constant';
 import type { Currency } from '@/store/display/type';
+import { useProjectReferenceStore } from '@/store/reference/project-reference-store';
 import { useServiceAccountReferenceStore } from '@/store/reference/service-account-reference-store';
+import { useUserStore } from '@/store/user/user-store';
 
+import { FILE_NAME_PREFIX } from '@/lib/excel-export/constant';
+import { downloadExcel } from '@/lib/helper/file-download-helper';
 import type { ListResponse } from '@/lib/variable-models/_base/types';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import { useQueryTags } from '@/common/composables/query-tags';
 import ProjectLinkButton from '@/common/modules/project/ProjectLinkButton.vue';
 
+import BudgetDeleteCheckModal from '@/services/cost-explorer/components/BudgetDeleteCheckModal.vue';
 import BudgetMainToolset from '@/services/cost-explorer/components/BudgetMainToolset.vue';
+import { BUDGET_SEARCH_HANDLERS } from '@/services/cost-explorer/constants/budget-constant';
+import { BUDGET_EXCEL_FIELDS } from '@/services/cost-explorer/constants/budget-table-constant';
+import { ADMIN_COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/admin/route-constant';
+import { COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/route-constant';
+import { useBudgetCreatePageStore } from '@/services/cost-explorer/stores/budget-create-page-store';
+import type { Period } from '@/services/cost-explorer/types/cost-explorer-query-type';
 import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
-import { BUDGET_SEARCH_HANDLERS } from '../constants/budget-constant';
-import { ADMIN_COST_EXPLORER_ROUTE } from '../routes/admin/route-constant';
-import { COST_EXPLORER_ROUTE } from '../routes/route-constant';
-import { useBudgetCreatePageStore } from '../stores/budget-create-page-store';
-import type { Period } from '../types/cost-explorer-query-type';
-import BudgetDeleteCheckModal from './BudgetDeleteCheckModal.vue';
 
 
 interface Props {
@@ -92,8 +97,12 @@ const appContextStore = useAppContextStore();
 const serviceAccountReferenceStore = useServiceAccountReferenceStore();
 const budgetCreatePageStore = useBudgetCreatePageStore();
 const budgetCreatePageState = budgetCreatePageStore.state;
+const userStore = useUserStore();
+const userState = userStore.state;
+const projectReferenceStore = useProjectReferenceStore();
 
 const isAdminMode = computed<boolean>(() => appContextStore.getters.isAdminMode);
+const timeZone = computed<string>(() => userState.timezone || '');
 
 const state = reactive<BudgetMainListState>({
     budgets: [],
@@ -115,7 +124,7 @@ const state = reactive<BudgetMainListState>({
 });
 
 const tableState = reactive({
-    fields: computed(() => [
+    fields: [
         {
             name: 'name',
             label: 'Name',
@@ -164,9 +173,8 @@ const tableState = reactive({
             name: 'state',
             label: 'State',
             width: '7%',
-            sortable: false,
         },
-    ]),
+    ],
     items: computed(() => (state.budgets || []).map((budget: BudgetModel) => {
         const startDate = dayjs.utc(budget.start, 'YYYY-MM');
         const endDate = dayjs.utc(budget.end, 'YYYY-MM');
@@ -186,9 +194,14 @@ const tableState = reactive({
                 .map((budgetUsage) => budgetUsage.actual_spend)[0] ?? 0
                 : (state.budgetUsages || []).filter((budgetUsage) => budgetUsage.budget_id === budget.budget_id).map((budgetUsage) => budgetUsage.actual_spend).reduce((acc, cur) => acc + cur, 0),
             utilization_rate: budget.utilization_rate ? budget.utilization_rate : 0,
-            remaining: 0,
-            state: dayjs.utc().isSameOrAfter(startDate, 'month') && dayjs.utc().isSameOrBefore(endDate, 'month')
-                ? i18n.t('BILLING.COST_MANAGEMENT.BUDGET.MAIN.ACTIVE_TIL_DATE') : 'EXPIRED',
+            remaining: (budget.limit ?? 0) - (
+                budget.time_unit === 'MONTHLY'
+                    ? state.budgetUsages
+                        .filter((budgetUsage) => budgetUsage.budget_id === budget.budget_id && dayjs.utc().format('YYYY-MM') === dayjs.utc(budgetUsage.date).format('YYYY-MM'))
+                        .map((budgetUsage) => budgetUsage.actual_spend)[0] ?? 0
+                    : (state.budgetUsages || []).filter((budgetUsage) => budgetUsage.budget_id === budget.budget_id).map((budgetUsage) => budgetUsage.actual_spend).reduce((acc, cur) => acc + cur, 0)
+            ),
+            state: budget.state,
         };
     })),
     actionMenus: computed<MenuItem[]>(() => [
@@ -199,6 +212,7 @@ const tableState = reactive({
         name: makeDistinctValueHandler('cost_analysis.Budget', 'name', 'string'),
         time_unit: makeDistinctValueHandler('cost_analysis.Budget', 'time_unit', 'string'),
         budget_manager_id: makeDistinctValueHandler('cost_analysis.Budget', 'budget_manager_id', 'string'),
+        'notification.recipients.users': makeDistinctValueHandler('cost_analysis.Budget', 'notification.recipients.users'),
     })),
 });
 
@@ -249,9 +263,14 @@ const getBudgetFilters = (): ApiFilter[] => {
 
     if (state.query?.year && state.query?.year !== 'all') {
         filters.push({
-            k: 'budget_year',
-            v: state.query?.year,
-            o: 'eq',
+            k: 'start',
+            v: `${state.query.year}-01`,
+            o: 'lte',
+        });
+        filters.push({
+            k: 'end',
+            v: `${state.query.year}-12`,
+            o: 'gte',
         });
     }
 
@@ -363,6 +382,7 @@ const listBudgetUsages = async () => {
     state.more = !!more;
 };
 
+const getProjectName = (projectId: string): string|undefined => projectReferenceStore.getters.projectItems[projectId]?.label;
 const getServiceAccountName = (serviceAccountId: string): string|undefined => serviceAccountReferenceStore.getters.serviceAccountItems[serviceAccountId]?.label;
 
 const handleUpdateSelectIndex = async (indicies: number[]) => {
@@ -402,6 +422,24 @@ const handleChange = async (options: any = {}) => {
     await listBudgetUsages();
 };
 
+const handleExportToExcel = async () => {
+    await downloadExcel({
+        fields: BUDGET_EXCEL_FIELDS,
+        data: tableState.items.map((item, idx) => ({
+            ...item,
+            target: item.target.startsWith('project-') ? `Project: ${getProjectName(item.target)}` : `Service: ${getServiceAccountName(item.target)}`,
+            cycle: item.cycle === 'TOTAL' ? i18n.t('BILLING.COST_MANAGEMENT.BUDGET.MAIN.FIXED_TERM') : i18n.t('BILLING.COST_MANAGEMENT.BUDGET.MAIN.MONTHLY'),
+            limit: `${CURRENCY_SYMBOL[state.budgets[idx].currency]} ${item.limit}`,
+            actualSpend: `${CURRENCY_SYMBOL[state.budgets[idx].currency]} ${Number(item.actualSpend).toFixed(3)}`,
+            utilization_rate: `${item.utilization_rate}%`,
+            remaining: item.remaining < 0 ? `-${CURRENCY_SYMBOL[state.budgets[idx].currency]} ${Math.abs(item.remaining.toFixed(2)).toLocaleString()}`
+                : `${CURRENCY_SYMBOL[state.budgets[idx].currency]} ${item.remaining.toFixed(2).toLocaleString()}`,
+        })),
+        file_name_prefix: FILE_NAME_PREFIX.budget,
+        timezone: timeZone.value,
+    });
+};
+
 /* Watcher */
 watch(() => state.query, async () => {
     state.addRequests = {
@@ -451,6 +489,7 @@ onMounted(async () => {
                              @update:select-index="handleUpdateSelectIndex"
                              @change="handleChange"
                              @refresh="handleChange()"
+                             @export="handleExportToExcel"
             >
                 <template #toolbox-left>
                     <p-select-dropdown placeholder="Action"
@@ -537,14 +576,18 @@ onMounted(async () => {
                         </div>
                     </div>
                 </template>
-                <template #col-remaining-format="{item, rowIndex}">
-                    <p :class="{exceeded: (Number(item.limit) - Number(item.actualSpend)) < 0, expired: dayjs(item.period.split('~')[1]).format('YYYY-MM-DD') < dayjs().format('YYYY-MM-DD') }">
+                <template #col-remaining-format="{item, value, rowIndex}">
+                    <p :class="{exceeded: Number(value) < 0, expired: dayjs(item.period.split('~')[1]).format('YYYY-MM-DD') < dayjs().format('YYYY-MM-DD') }">
                         {{ CURRENCY_SYMBOL[state.budgets[rowIndex].currency] }}
-                        {{ Math.abs(Number((Number(item.limit) - Number(item.actualSpend)).toFixed(2))).toLocaleString() }}
+                        {{ Math.abs(value.toFixed(2)).toLocaleString() }}
                     </p>
                 </template>
-                <template #col-state-format="{item}">
-                    <div v-if="dayjs(item.period.split('~')[1]).format('YYYY-MM-DD') < dayjs().format('YYYY-MM-DD')">
+
+                <template #col-state-format="{value}">
+                    <div v-if="value === 'SCHEDULED'">
+                        {{ $t('BILLING.COST_MANAGEMENT.BUDGET.MAIN.SCHEDULED') }}
+                    </div>
+                    <div v-else-if="value === 'EXPIRED'">
                         {{ $t('BILLING.COST_MANAGEMENT.BUDGET.MAIN.EXPIRED') }}
                     </div>
                     <p-status v-else
@@ -554,7 +597,6 @@ onMounted(async () => {
                 </template>
             </p-toolbox-table>
         </div>
-        <p-button-modal header-title="Do you want to On/Off your Alert?" />
         <budget-delete-check-modal
             :visible="state.modalVisible"
             :selected-indices="state.selectedBudgetIds"
diff --git a/apps/web/src/services/cost-explorer/components/BudgetMainToolset.vue b/apps/web/src/services/cost-explorer/components/BudgetMainToolset.vue
index c6a6a35680..736c43e830 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetMainToolset.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetMainToolset.vue
@@ -11,7 +11,6 @@ import { i18n } from '@/translations';
 import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import type { ProjectReferenceMap } from '@/store/reference/project-reference-store';
 
-import ProjectSelectDropdown from '@/common/modules/project/ProjectSelectDropdown.vue';
 
 const emit = defineEmits<{(e: 'update:select-month-modal-visible', value: boolean): void; (e: 'update:query', value: any): void;}>();
 
@@ -118,7 +117,7 @@ watch(() => state.selectedServiceAccountList, () => {
 watch(() => state, () => {
     emit('update:query', {
         target: state.selectedTarget,
-        projectList: state.selectedProjectList ?? [],
+        projectList: state.selectedProjectList.map((p) => p.name) ?? [],
         serviceAccountList: state.selectedServiceAccountList.map((s) => s.name),
         year: state.selectedYear,
         cycle: state.selectedBudgetCycle,
@@ -126,13 +125,10 @@ watch(() => state, () => {
     });
 }, { deep: true, immediate: true });
 
-const handleProjectList = (projectIds) => {
-    state.selectedProjectList = projectIds;
-};
 </script>
 
 <template>
-    <div class="mt-3 flex gap-2 items-center">
+    <div class="budget-main-toolset">
         <p-select-dropdown selection-label="Target"
                            style-type="rounded"
                            :menu="state.targetList"
@@ -145,15 +141,26 @@ const handleProjectList = (projectIds) => {
             />
             <span class="font-bold text-sm">{{ $t('BILLING.COST_MANAGEMENT.BUDGET.MAIN.FILTER') }}:</span>
         </div>
-        <project-select-dropdown style-type="rounded"
-                                 appearance-type="badge"
-                                 selection-label="Project"
-                                 :project-group-selectable="false"
-                                 multi-selectable
-                                 show-dropdown-left-area
-                                 show-delete-all-button
-                                 @update:selected-project-ids="handleProjectList"
-        />
+        <p-select-dropdown style-type="rounded"
+                           :menu="state.projectList"
+                           :selected.sync="state.selectedProjectList"
+                           selection-label="Project"
+                           appearance-type="badge"
+                           use-fixed-menu-style
+                           show-select-marker
+                           multi-selectable
+                           show-clear-selection
+                           show-delete-all-button
+                           selection-highlight
+                           :page-size="15"
+        >
+            <template #dropdown-left-area>
+                <p-i name="ic_project"
+                     width="1rem"
+                     height="1rem"
+                />
+            </template>
+        </p-select-dropdown>
         <p-select-dropdown style-type="rounded"
                            :menu="state.serviceAccountList"
                            :selected.sync="state.selectedServiceAccountList"
@@ -197,7 +204,13 @@ const handleProjectList = (projectIds) => {
     </div>
 </template>
 
-<style>
+<style scoped lang="postcss">
+.budget-main-toolset {
+    @apply mt-3 flex gap-2 items-center;
+    .p-select-dropdown {
+        min-width: unset;
+    }
+}
 .divider {
     height: 1rem;
     width: 0.0625rem;
diff --git a/apps/web/src/services/cost-explorer/components/BudgetNameEditModal.vue b/apps/web/src/services/cost-explorer/components/BudgetNameEditModal.vue
index 60e9af27c2..b9342dedd8 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetNameEditModal.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetNameEditModal.vue
@@ -15,7 +15,7 @@ import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import { useFormValidator } from '@/common/composables/form-validator';
 
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
 interface Props {
     visible: boolean;
@@ -60,7 +60,7 @@ const updateBudgetName = async (params: BudgetUpdateParameters) => {
     try {
         state.loading = true;
         await SpaceConnector.clientV2.costAnalysis.budget.update<BudgetUpdateParameters, BudgetModel>(params);
-        showSuccessMessage('', i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.NAME_EDIT_SUCCESS'));
+        showSuccessMessage(i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.NAME_EDIT_SUCCESS'), '');
         emit('update:visible', false);
     } catch (error) {
         ErrorHandler.handleError(error, true);
@@ -86,7 +86,7 @@ const handleConfirm = async () => {
 <template>
     <p-button-modal :visible="props.visible"
                     size="sm"
-                    header-title="Update Budget Name"
+                    :header-title="$t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.UPDATE_NAME_TITLE')"
                     :loading="state.loading"
                     :disabled="invalidState.budgetName"
                     @cancel="handleCancel"
diff --git a/apps/web/src/services/cost-explorer/components/BudgetUsageTrend.vue b/apps/web/src/services/cost-explorer/components/BudgetUsageTrend.vue
index 3300b00db1..30de3d5620 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetUsageTrend.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetUsageTrend.vue
@@ -3,7 +3,8 @@ import { computed } from 'vue';
 
 import { PCard } from '@cloudforet/mirinae';
 
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
+
 import BudgetUsageTrendMonthly from './BudgetUsageTrendMonthly.vue';
 import BudgetUsageTrendTotal from './BudgetUsageTrendTotal.vue';
 
diff --git a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthly.vue b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthly.vue
index 22c4d3bfd2..02f3dcdd62 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthly.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthly.vue
@@ -6,9 +6,10 @@ import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
-import BudgetUsageTrendMonthlyChart from './BudgetUsageTrendMonthlyChart.vue';
-import BudgetUsageTrendMonthlyTable from './BudgetUsageTrendMonthlyTable.vue';
+
+import BudgetUsageTrendMonthlyChart from '@/services/cost-explorer/components/BudgetUsageTrendMonthlyChart.vue';
+import BudgetUsageTrendMonthlyTable from '@/services/cost-explorer/components/BudgetUsageTrendMonthlyTable.vue';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
 const budgetPageStore = useBudgetDetailPageStore();
 const budgetPageState = budgetPageStore.$state;
diff --git a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthlyChart.vue b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthlyChart.vue
index 63384c44a0..332327fa13 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthlyChart.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthlyChart.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import {
-    computed, reactive, ref, watch,
+    computed, reactive, ref, watch, onMounted, onBeforeUnmount,
 } from 'vue';
 
 import dayjs from 'dayjs';
@@ -19,7 +19,7 @@ import {
     indigo, red, yellow,
 } from '@/styles/colors';
 
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
 const budgetPageStore = useBudgetDetailPageStore();
 const budgetData = computed(() => budgetPageStore.$state.budgetData);
@@ -46,7 +46,7 @@ const state = reactive({
                 type: 'shadow',
             },
             formatter: (params: any) => {
-                const usageData = params.find((p) => p.seriesName === 'Budget Usage Trend');
+                const usageData = params.find((p) => p.seriesName === 'Actual Spend');
                 if (!usageData) return '';
 
                 const index = usageData.dataIndex;
@@ -73,6 +73,13 @@ const state = reactive({
         },
         legend: {
             show: false,
+            icon: 'circle',
+            data: [
+                { name: 'Planned Budget', itemStyle: { color: indigo[100] } },
+                { name: 'Actual Spend (≤ 90%)', itemStyle: { color: indigo[400] } },
+                { name: 'Actual Spend (90–100%)', itemStyle: { color: yellow[500] } },
+                { name: 'Actual Spend (> 100%)', itemStyle: { color: red[400] } },
+            ],
         },
         xAxis: {
             type: 'category',
@@ -122,7 +129,7 @@ const drawChart = (data: any) => {
 
     state.chartData = [
         {
-            name: 'Budget Background (0~100%)',
+            name: 'Planned Budget',
             type: 'bar',
             data: state.data.map(() => 100),
             barGap: '-100%',
@@ -132,7 +139,7 @@ const drawChart = (data: any) => {
             silent: true,
         },
         {
-            name: 'Budget Usage Trend',
+            name: 'Actual Spend',
             type: 'bar',
             data: state.data.map((item) => Number(((item.budget_usage / item.budget) * 100).toFixed(2))),
             minBarHeight: 4,
@@ -145,8 +152,8 @@ const drawChart = (data: any) => {
             itemStyle: {
                 color: (params: any) => {
                     const value = Number(params.value);
-                    if (value >= 100) return red[400];
-                    if (value >= 90) return yellow[500];
+                    if (value > 100) return red[400];
+                    if (value > 90) return yellow[500];
                     return indigo[400];
                 },
             },
@@ -163,22 +170,56 @@ watch(() => state.data, () => {
 watch(() => budgetData, async () => {
     await fetchBudgetUsageAnalyze();
 }, { deep: true, immediate: true });
+
+const handleResize = () => {
+    state.chart?.resize();
+};
+
+onMounted(() => {
+    window.addEventListener('resize', handleResize);
+});
+
+onBeforeUnmount(() => {
+    window.removeEventListener('resize', handleResize);
+});
 </script>
 
 <template>
-    <div class="chart-wrapper">
-        <div ref="chartContext"
-             class="chart"
-        />
+    <div>
+        <div class="chart-wrapper">
+            <div ref="chartContext"
+                 class="chart"
+            />
+        </div>
+        <div class="legend-custom flex gap-4 mb-6 ml-4 font-normal text-xs text-gray-700">
+            <div class="flex items-center gap-1">
+                <div class="w-3 h-3 rounded-full bg-indigo-100" />
+                <span>{{ $t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.PLANNED_BUDGET') }}</span>
+            </div>
+            <div class="flex items-center gap-1">
+                <div class="w-3 h-3 rounded-full bg-indigo-400" />
+                <span>{{ $t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.ACTUAL_SPEND') }}</span>
+            </div>
+            <div class="flex items-center gap-1">
+                <div class="w-3 h-3 rounded-full bg-yellow-500" />
+                <span> 90% &lt; {{ $t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.ACTUAL_SPEND') }} &gt; 100%</span>
+            </div>
+            <div class="flex items-center gap-1">
+                <div class="w-3 h-3 rounded-full bg-red-400" />
+                <span>{{ $t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.ACTUAL_SPEND') }} &gt; 100%</span>
+            </div>
+        </div>
     </div>
 </template>
 
 <style scoped lang="postcss">
 .chart-wrapper {
     height: 17rem;
+    overflow-x: auto;
+
     .chart {
         height: 100%;
-        width: 100%;
+        min-width: 700px;
     }
 }
 </style>
diff --git a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthlyTable.vue b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthlyTable.vue
index 872926ab6e..d61e7ff762 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthlyTable.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendMonthlyTable.vue
@@ -11,8 +11,8 @@ import { i18n } from '@/translations';
 import { useUserWorkspaceStore } from '@/store/app-context/workspace/user-workspace-store';
 import { CURRENCY_SYMBOL } from '@/store/display/constant';
 
-import { COST_EXPLORER_ROUTE } from '../routes/route-constant';
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
+import { COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/route-constant';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
 interface Props {
     data: any;
@@ -159,7 +159,7 @@ const handleToggleOriginalData = (value: boolean) => {
             <template #col-format="{ value, field, item }">
                 <template v-if="field.name !== 'category'">
                     <span class="block text-right">
-                        <template v-if="item.category !== 'Usage Rate'">
+                        <template v-if="item.category !== i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.USAGE_RATE')">
                             <p>
                                 <span>{{ CURRENCY_SYMBOL[budgetData?.currency ?? 'KRW'] }} </span>
                                 <span :class="{bold: item.category === i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.PLANNED_BUDGET')}">
diff --git a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotal.vue b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotal.vue
index d99fa0ba8a..271b6dae27 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotal.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotal.vue
@@ -5,9 +5,9 @@ import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
-import BudgetUsageTrendTotalChart from './BudgetUsageTrendTotalChart.vue';
-import BudgetUsageTrendTotalTable from './BudgetUsageTrendTotalTable.vue';
+import BudgetUsageTrendTotalChart from '@/services/cost-explorer/components/BudgetUsageTrendTotalChart.vue';
+import BudgetUsageTrendTotalTable from '@/services/cost-explorer/components/BudgetUsageTrendTotalTable.vue';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
 const budgetPageStore = useBudgetDetailPageStore();
 const budgetPageState = budgetPageStore.$state;
diff --git a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotalChart.vue b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotalChart.vue
index 5abf29b1ed..ad0c627ff8 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotalChart.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotalChart.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import {
-    computed, reactive, ref, watch,
+    computed, reactive, ref, watch, onMounted, onBeforeUnmount,
 } from 'vue';
 
 import dayjs from 'dayjs';
@@ -13,10 +13,9 @@ import type { Currency } from '@/store/display/type';
 
 import {
     gray, indigo, peacock, red,
-    white,
 } from '@/styles/colors';
 
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
 const budgetpageStore = useBudgetDetailPageStore();
 const budgetPageState = budgetpageStore.$state;
@@ -55,7 +54,7 @@ const state = reactive({
 
                 params.forEach((param) => {
                     const value = Number(param.data);
-                    const formatted = Number.isNaN(value) ? '-' : value.toLocaleString(undefined, { maximumFractionDigits: 2 });
+                    const formatted = Number.isNaN(value) ? '-' : value.toLocaleString(undefined, { maximumFractionDigits: 3 });
 
                     if (param.seriesName === 'Accumulated Usage (under Planned Budget)' || param.seriesName === 'Accumulated Usage (over Planned Budget)') {
                         if (accumulatedValue === null || value > Number(accumulatedValue.replace(/,/g, ''))) {
@@ -66,6 +65,8 @@ const state = reactive({
                                 accumulatedColor = peacock[400];
                             }
                         }
+                    } else if (param.seriesName === 'Actual Spend') {
+                        tooltipLines.push(`${param.marker} ${param.seriesName}: ${param.data}`);
                     } else {
                         tooltipLines.push(`${param.marker} ${param.seriesName}: ${formatted}`);
                     }
@@ -83,6 +84,7 @@ const state = reactive({
             show: true,
             left: '40px',
             bottom: 0,
+            selectedMode: false,
             formatter: (name) => name,
             textStyle: {
                 rich: {
@@ -120,6 +122,18 @@ const state = reactive({
     })),
 });
 
+const handleResize = () => {
+    state.chart?.resize();
+};
+
+onMounted(() => {
+    window.addEventListener('resize', handleResize);
+});
+
+onBeforeUnmount(() => {
+    window.removeEventListener('resize', handleResize);
+});
+
 const drawChart = (rawData: {
     budget: number;
     budget_usage: number;
@@ -172,7 +186,7 @@ const drawChart = (rawData: {
             label: {
                 show: false,
             },
-            data: data.map((item) => Number(item.budget_usage).toFixed(2)),
+            data: data.map((item) => Number(item.budget_usage).toFixed(3)),
             color: indigo[400],
         },
         {
@@ -195,33 +209,13 @@ const drawChart = (rawData: {
             name: 'Accumulated Usage (under Planned Budget)',
             type: 'line',
             data: accumulatedBelow,
-            lineStyle: {
-                color: peacock[400],
-                width: 3,
-            },
-            itemStyle: {
-                color: white[100],
-                borderColor: peacock[400],
-                borderWidth: 2,
-            },
-            symbol: 'circle',
-            symbolSize: 6,
+            color: peacock[400],
         },
         {
             name: 'Accumulated Usage (over Planned Budget)',
             type: 'line',
             data: accumulatedAbove,
-            lineStyle: {
-                color: red[400],
-                width: 3,
-            },
-            itemStyle: {
-                color: white[100],
-                borderColor: red[400],
-                borderWidth: 2,
-            },
-            symbol: 'circle',
-            symbolSize: 6,
+            color: red[400],
         },
     ];
 
@@ -254,8 +248,11 @@ watch([() => state.data, () => budgetPageState], () => {
 .chart-wrapper {
     @apply mb-6;
     height: 17rem;
+    overflow-x: auto;
+
     .chart {
         height: 100%;
+        min-width: 62.5rem;
         width: 100%;
     }
 }
diff --git a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotalTable.vue b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotalTable.vue
index 6fc5da2983..f1d02bcf28 100644
--- a/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotalTable.vue
+++ b/apps/web/src/services/cost-explorer/components/BudgetUsageTrendTotalTable.vue
@@ -12,9 +12,9 @@ import { i18n } from '@/translations';
 import { useAppContextStore } from '@/store/app-context/app-context-store';
 import { CURRENCY_SYMBOL } from '@/store/display/constant';
 
-import { ADMIN_COST_EXPLORER_ROUTE } from '../routes/admin/route-constant';
-import { COST_EXPLORER_ROUTE } from '../routes/route-constant';
-import { useBudgetDetailPageStore } from '../stores/budget-detail-page-store';
+import { ADMIN_COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/admin/route-constant';
+import { COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/route-constant';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
 interface Props {
     data: any;
@@ -176,23 +176,24 @@ const handleToggleOriginalData = (value: boolean) => {
                 <span />
             </template>
             <template #col-category-format="{value}">
-                <div v-if="value === 'Actual Spend'"
+                <div v-if="value === i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.ACTUAL_SPEND')"
                      class="flex items-center gap-2"
                 >
                     <div class="w-3 h-3 bg-indigo-400 rounded-lg" />
                     <span>{{ value }}</span>
                 </div>
-                <div v-else-if="value === 'Accumulated Usage'"
+                <div v-else-if="value === i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.ACCUMULATED_USAGE')"
                      class="flex items-center gap-2"
                 >
                     <div class="w-3 h-3 bg-peacock-400 rounded-lg" />
                     <span>{{ value }}</span>
                 </div>
-                <div v-else-if="value === 'Usage Rate'"
+                <div v-else-if="value === i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.USAGE_RATE')"
                      class="flex items-center gap-2"
                 >
                     <span>{{ value }}</span>
-                    <p-tooltip contents="Accumulated Usage vs. Planned Budget">
+                    <!-- eslint-disable-next-line max-len -->
+                    <p-tooltip :contents="`${i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.ACCUMULATED_USAGE')} vs. ${i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BUDGET_USAGE_TREND.PLANNED_BUDGET')}`">
                         <template #default>
                             <p-i name="ic_info-circle"
                                  width="1rem"
@@ -247,11 +248,18 @@ const handleToggleOriginalData = (value: boolean) => {
                 </template>
             </template>
         </p-data-table>
-        <p-link :to="{ name: isAdminMode ? ADMIN_COST_EXPLORER_ROUTE.COST_ANALYSIS._NAME
-                    : COST_EXPLORER_ROUTE.COST_ANALYSIS._NAME}"
+
+        <p-link :to="{
+                    name: isAdminMode ? ADMIN_COST_EXPLORER_ROUTE.COST_ANALYSIS._NAME : COST_EXPLORER_ROUTE.COST_ANALYSIS._NAME,
+                    query: {
+                        project: budgetPageState.budgetData?.project_id,
+                        period_start: budgetPageState.budgetData?.start,
+                        period_end: budgetPageState.budgetData?.end,
+                    }
+                }"
                 highlight
                 class="link"
-                action-icon="external-link"
+                action-icon="internal-link"
         >
             {{ $t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.GO_TO_COST_ANALYSIS') }}
         </p-link>
diff --git a/apps/web/src/services/cost-explorer/constants/budget-constant.ts b/apps/web/src/services/cost-explorer/constants/budget-constant.ts
index 95c073a481..39ef92e7f7 100644
--- a/apps/web/src/services/cost-explorer/constants/budget-constant.ts
+++ b/apps/web/src/services/cost-explorer/constants/budget-constant.ts
@@ -7,6 +7,7 @@ export const BUDGET_SEARCH_HANDLERS: KeyItemSet[] = [
             { name: 'name', label: 'Name' },
             { name: 'time_unit', label: 'Cycle' },
             { name: 'budget_manager_id', label: 'Budget Manager' },
+            { name: 'notification.recipients.users', label: 'Alert Recipients' },
         ],
     },
 ];
diff --git a/apps/web/src/services/cost-explorer/constants/budget-table-constant.ts b/apps/web/src/services/cost-explorer/constants/budget-table-constant.ts
new file mode 100644
index 0000000000..acf0505402
--- /dev/null
+++ b/apps/web/src/services/cost-explorer/constants/budget-table-constant.ts
@@ -0,0 +1,13 @@
+import type { ExcelDataField } from '@/lib/helper/file-download-helper/type';
+
+export const BUDGET_EXCEL_FIELDS: ExcelDataField[] = [
+    { key: 'name', name: 'Name' },
+    { key: 'target', name: 'Target (Project | Service Account)' },
+    { key: 'cycle', name: 'Cycle' },
+    { key: 'period', name: 'Period' },
+    { key: 'limit', name: 'Budget' },
+    { key: 'actualSpend', name: 'Actual Spend' },
+    { key: 'utilization_rate', name: 'Utilization' },
+    { key: 'remaining', name: 'Remaining' },
+    { key: 'state', name: 'State' },
+];
diff --git a/apps/web/src/services/cost-explorer/pages/BudgetCreatePage.vue b/apps/web/src/services/cost-explorer/pages/BudgetCreatePage.vue
index d79dfea420..8bfa095cbb 100644
--- a/apps/web/src/services/cost-explorer/pages/BudgetCreatePage.vue
+++ b/apps/web/src/services/cost-explorer/pages/BudgetCreatePage.vue
@@ -15,9 +15,8 @@ import ConfirmBackModal from '@/common/components/modals/ConfirmBackModal.vue';
 import BudgetCreateStep1 from '@/services/cost-explorer/components/BudgetCreateStep1.vue';
 import BudgetCreateStep2 from '@/services/cost-explorer/components/BudgetCreateStep2.vue';
 import BudgetCreateStep3 from '@/services/cost-explorer/components/BudgetCreateStep3.vue';
-
-import { COST_EXPLORER_ROUTE } from '../routes/route-constant';
-import { useBudgetCreatePageStore } from '../stores/budget-create-page-store';
+import { COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/route-constant';
+import { useBudgetCreatePageStore } from '@/services/cost-explorer/stores/budget-create-page-store';
 
 interface BudgetCreateState {
     steps: ComputedRef<{
diff --git a/apps/web/src/services/cost-explorer/pages/BudgetDetailPage.vue b/apps/web/src/services/cost-explorer/pages/BudgetDetailPage.vue
index 3c8644bc8d..f6bf045071 100644
--- a/apps/web/src/services/cost-explorer/pages/BudgetDetailPage.vue
+++ b/apps/web/src/services/cost-explorer/pages/BudgetDetailPage.vue
@@ -14,10 +14,10 @@ import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import BudgetDetailBaseInformation from '@/services/cost-explorer/components/BudgetDetailBaseInformation.vue';
 import BudgetDetailHeading from '@/services/cost-explorer/components/BudgetDetailHeading.vue';
+import BudgetUsageTrend from '@/services/cost-explorer/components/BudgetUsageTrend.vue';
 import { ADMIN_COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/admin/route-constant';
 import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
-import BudgetUsageTrend from '../components/BudgetUsageTrend.vue';
 
 interface Props {
   budgetId: string;
diff --git a/apps/web/src/services/cost-explorer/pages/admin/AdminBudgetDetailPage.vue b/apps/web/src/services/cost-explorer/pages/admin/AdminBudgetDetailPage.vue
index 82acca91e8..08ae986a43 100644
--- a/apps/web/src/services/cost-explorer/pages/admin/AdminBudgetDetailPage.vue
+++ b/apps/web/src/services/cost-explorer/pages/admin/AdminBudgetDetailPage.vue
@@ -5,13 +5,11 @@ import type { BudgetModel } from '@/api-clients/cost-analysis/budget/schema/mode
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
+import BudgetDetailBaseInformation from '@/services/cost-explorer/components/BudgetDetailBaseInformation.vue';
 import BudgetDetailHeading from '@/services/cost-explorer/components/BudgetDetailHeading.vue';
+import BudgetUsageTrend from '@/services/cost-explorer/components/BudgetUsageTrend.vue';
 import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
 
-import BudgetDetailBaseInformation from '../../components/BudgetDetailBaseInformation.vue';
-import BudgetUsageTrend from '../../components/BudgetUsageTrend.vue';
-
-
 interface Props {
     budgetId: string;
 }
diff --git a/apps/web/src/services/cost-explorer/pages/admin/AdminBudgetMainPage.vue b/apps/web/src/services/cost-explorer/pages/admin/AdminBudgetMainPage.vue
index e9a1fb3105..61acca5dcd 100644
--- a/apps/web/src/services/cost-explorer/pages/admin/AdminBudgetMainPage.vue
+++ b/apps/web/src/services/cost-explorer/pages/admin/AdminBudgetMainPage.vue
@@ -1,23 +1,9 @@
 <script setup lang="ts">
-import { useRouter } from 'vue-router/composables';
-
 import {
-    PHeading, PDivider, PButton, PHeadingLayout,
+    PHeading, PDivider, PHeadingLayout,
 } from '@cloudforet/mirinae';
 
-import { usePageEditableStatus } from '@/common/composables/page-editable-status';
-
-
 import BudgetMainList from '@/services/cost-explorer/components/BudgetMainList.vue';
-import { ADMIN_COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/admin/route-constant';
-
-const router = useRouter();
-
-const { hasReadWriteAccess } = usePageEditableStatus();
-
-const handleCreateBudgetSelect = () => {
-    router.push({ name: ADMIN_COST_EXPLORER_ROUTE.BUDGET.CREATE._NAME });
-};
 </script>
 
 <template>
@@ -26,7 +12,7 @@ const handleCreateBudgetSelect = () => {
             <template #heading>
                 <p-heading :title="$t('BILLING.COST_MANAGEMENT.MAIN.BUDGET')" />
             </template>
-            <template v-if="hasReadWriteAccess"
+            <!-- <template v-if="hasReadWriteAccess"
                       #extra
             >
                 <p-button style-type="primary"
@@ -35,7 +21,7 @@ const handleCreateBudgetSelect = () => {
                 >
                     {{ $t('BILLING.COST_MANAGEMENT.BUDGET.MAIN.CREATE') }}
                 </p-button>
-            </template>
+            </template> -->
         </p-heading-layout>
         <p-divider />
         <budget-main-list />
diff --git a/apps/web/src/services/cost-explorer/stores/budget-detail-page-store.ts b/apps/web/src/services/cost-explorer/stores/budget-detail-page-store.ts
index dd2331f8bb..457e755213 100644
--- a/apps/web/src/services/cost-explorer/stores/budget-detail-page-store.ts
+++ b/apps/web/src/services/cost-explorer/stores/budget-detail-page-store.ts
@@ -10,6 +10,9 @@ import type { BudgetGetParameters } from '@/api-clients/cost-analysis/budget/sch
 import type { BudgetSetNotificationParameters } from '@/api-clients/cost-analysis/budget/schema/api-verbs/set-notification';
 import type { BudgetUpdateParameters } from '@/api-clients/cost-analysis/budget/schema/api-verbs/update';
 import type { BudgetModel } from '@/api-clients/cost-analysis/budget/schema/model';
+import { i18n } from '@/translations';
+
+import { showErrorMessage, showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
@@ -33,24 +36,30 @@ export const useBudgetDetailPageStore = defineStore('page-budget-detail', {
                 this.loading = false;
             }
         },
-        async updateBudgetData(params: { budgetId: string; updateParams: any }): Promise<void> {
+        async updateBudgetData(params: { budgetId: string; updateParams: any }, type: string): Promise<void> {
             try {
                 this.budgetData = await SpaceConnector.clientV2.costAnalysis.budget.update<BudgetUpdateParameters, BudgetModel>({
                     ...params.updateParams,
                     budget_id: params.budgetId,
                 });
+                showSuccessMessage('', i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BASE_INFORMATION.UPDATE_SUCCESS', {
+                    data: type.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()),
+                }));
             } catch (e) {
                 ErrorHandler.handleRequestError(e, '');
             }
         },
-        async updateBudgetNotifications(params: BudgetSetNotificationParameters): Promise<void> {
+        async updateBudgetNotifications(params: BudgetSetNotificationParameters, type: string): Promise<void> {
             try {
                 this.budgetData = await SpaceConnector.clientV2.costAnalysis.budget.setNotification<BudgetSetNotificationParameters, BudgetModel>({
                     notification: params.notification,
                     budget_id: params.budget_id,
                 });
-            } catch (e) {
-                ErrorHandler.handleRequestError(e, '');
+                showSuccessMessage(i18n.t('BILLING.COST_MANAGEMENT.BUDGET.DETAIL.BASE_INFORMATION.UPDATE_SUCCESS', {
+                    data: type.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()),
+                }), '');
+            } catch (e: any) {
+                showErrorMessage(e.code, e.message);
             }
         },
         async getBudgetUsageData(budgetId: string): Promise<void> {
diff --git a/apps/web/src/services/service-account/components/ServiceAccountBaseInformationForm.vue b/apps/web/src/services/service-account/components/ServiceAccountBaseInformationForm.vue
index 212cc4898e..a4f52fc993 100644
--- a/apps/web/src/services/service-account/components/ServiceAccountBaseInformationForm.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountBaseInformationForm.vue
@@ -88,6 +88,7 @@ const state = reactive({
     })),
     isSameValueWithOrigin: computed(() => isEqual(state.formData, state.originForm)),
     isAllValid: computed(() => ((invalidState.serviceAccountName === false)
+        && (state.serviceAccountManagerId !== '')
         && !state.isSameValueWithOrigin
         && (serviceAccountPageGetters.isTrustedAccount ? true : (state.isProjectFormValid || state.originForm?.projectForm?.selectedProjectId))
         && state.isTagsValid
@@ -136,6 +137,12 @@ const handleServiceAccountManagerId = (value: string) => {
     state.serviceAccountManagerId = value;
 };
 
+const handleFormatSelectedIds = (value: Record<string, any>) => {
+    if (Array.isArray(value.USER) && value.USER.length === 0) {
+        state.serviceAccountManagerId = '';
+    }
+};
+
 /* Init */
 (async () => {
     await listServiceAccounts();
@@ -182,6 +189,7 @@ watch(() => state.originForm, (originForm) => {
                                   :show-user-group-list="false"
                                   :selected-id="state.serviceAccountManagerId"
                                   :placeholder="$t('IDENTITY.SERVICE_ACCOUNT.ADD.SERVICE_ACCOUNT_MANAGER')"
+                                  @formatted-selected-ids="handleFormatSelectedIds"
                                   @update:selected-id="handleServiceAccountManagerId"
             />
         </p-field-group>
diff --git a/packages/language-pack/console-translation-2.8.babel b/packages/language-pack/console-translation-2.8.babel
index f4e05e5cbe..47d87f1e24 100644
--- a/packages/language-pack/console-translation-2.8.babel
+++ b/packages/language-pack/console-translation-2.8.babel
@@ -10888,11 +10888,11 @@
                                                             </translation>
                                                             <translation>
                                                                 <language>ja-JP</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                             <translation>
                                                                 <language>ko-KR</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                         </translations>
                                                     </concept_node>
@@ -10909,11 +10909,11 @@
                                                             </translation>
                                                             <translation>
                                                                 <language>ja-JP</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                             <translation>
                                                                 <language>ko-KR</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                         </translations>
                                                     </concept_node>
@@ -11161,11 +11161,11 @@
                                                             </translation>
                                                             <translation>
                                                                 <language>ja-JP</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                             <translation>
                                                                 <language>ko-KR</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                         </translations>
                                                     </concept_node>
@@ -11528,6 +11528,27 @@
                                                     </translation>
                                                 </translations>
                                             </concept_node>
+                                            <concept_node>
+                                                <name>UPDATE_NAME_TITLE</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description/>
+                                                <comment/>
+                                                <default_text/>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>true</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>ja-JP</language>
+                                                        <approved>true</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>ko-KR</language>
+                                                        <approved>true</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
                                             <concept_node>
                                                 <name>VIEW_ALL</name>
                                                 <definition_loaded>false</definition_loaded>
@@ -13093,15 +13114,15 @@
                                                         <translations>
                                                             <translation>
                                                                 <language>en-US</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                             <translation>
                                                                 <language>ja-JP</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                             <translation>
                                                                 <language>ko-KR</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                         </translations>
                                                     </concept_node>
@@ -13114,15 +13135,15 @@
                                                         <translations>
                                                             <translation>
                                                                 <language>en-US</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                             <translation>
                                                                 <language>ja-JP</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                             <translation>
                                                                 <language>ko-KR</language>
-                                                                <approved>false</approved>
+                                                                <approved>true</approved>
                                                             </translation>
                                                         </translations>
                                                     </concept_node>
@@ -14519,6 +14540,27 @@
                                                     </translation>
                                                 </translations>
                                             </concept_node>
+                                            <concept_node>
+                                                <name>SCHEDULED</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description/>
+                                                <comment/>
+                                                <default_text/>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>true</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>ja-JP</language>
+                                                        <approved>true</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>ko-KR</language>
+                                                        <approved>true</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
                                             <concept_node>
                                                 <name>SELECT_MONTH</name>
                                                 <definition_loaded>false</definition_loaded>
diff --git a/packages/language-pack/en.json b/packages/language-pack/en.json
index 77c49c2151..2fd0a3e2f7 100644
--- a/packages/language-pack/en.json
+++ b/packages/language-pack/en.json
@@ -607,6 +607,7 @@
 					"TOTAL_AMOUNT": "Total Amount",
 					"TOTAL_BUDGET": "Total Budget",
 					"TOTAL_BUDGETED_AMOUNT": "Total Budgeted Amount (Period)",
+					"UPDATE_NAME_TITLE": "Update Budget Name",
 					"VIEW_ALL": "View All",
 					"VIEW_IN_ADMIN_MODE": "View in Admin Mode"
 				},
@@ -689,8 +690,8 @@
 						"OTHERS": "Others",
 						"PREVIOUS": "Previous",
 						"PROJECT": "Project",
-						"PROJECT_DUPLICATED_WARNING1": "{project} already has Budget Year of {year_list}",
-						"PROJECT_DUPLICATED_WARNING2": "{project} of {serviceAccount} already has Budget Year of {year_list}",
+						"PROJECT_DUPLICATED_WARNING1": "The project {project} already has a budget set for the following month(s): {month_list}",
+						"PROJECT_DUPLICATED_WARNING2": "The service account {serviceAccount} under project {project} already has a budget set for the following month(s): {month_list}",
 						"PROJECT_MEMBER": "Project Member",
 						"PROJECT_VALIDATION": "The project is already in use.",
 						"REQUIRED_NAME": "Please enter name.",
@@ -760,6 +761,7 @@
 					"PROJECT": "Project",
 					"PROVIDER": "Provider",
 					"REMAINED": "remained",
+					"SCHEDULED": "Scheduled",
 					"SELECT_MONTH": "Select Month",
 					"SERVICE_ACCOUNT": "Service Account",
 					"SINGLE_BUDGET": "Single Budget",
diff --git a/packages/language-pack/ja.json b/packages/language-pack/ja.json
index ef679f4eb5..9a773ed934 100644
--- a/packages/language-pack/ja.json
+++ b/packages/language-pack/ja.json
@@ -575,8 +575,8 @@
 						"ACTUAL_COST": "費用",
 						"ADD_CONDITION": "条件追加",
 						"ALL_MEMBER": "サービス内のすべてのメンバー",
-						"BUDGET_ALERT_MODAL_DESC1": "",
-						"BUDGET_ALERT_MODAL_DESC2": "",
+						"BUDGET_ALERT_MODAL_DESC1": "本当に予算アラートをオフにしますか?",
+						"BUDGET_ALERT_MODAL_DESC2": "本当に予算アラートをオンにしますか?",
 						"BUDGET_NAME": "予算名",
 						"BUDGET_NOTI_HELP_TEXT": "次の条件のいずれかが満たされると、通知が送信されます",
 						"BUDGET_USAGE": "予算金額の {symbol} 使用",
@@ -588,7 +588,7 @@
 						"THRESHOLD": "閾値",
 						"TYPE": "タイプ",
 						"UNIT": "ユニット",
-						"UPDATE_BUDGET_ALERT": "",
+						"UPDATE_BUDGET_ALERT": "予算アラートの更新",
 						"USER": "ユーザー",
 						"USER_GROUP": "ユーザーグループ",
 						"WARNING": "警告"
@@ -607,6 +607,7 @@
 					"TOTAL_AMOUNT": "総予算計画",
 					"TOTAL_BUDGET": "総予算",
 					"TOTAL_BUDGETED_AMOUNT": "総予算(期間）合計",
+					"UPDATE_NAME_TITLE": "予算名を更新",
 					"VIEW_ALL": "すべて表示",
 					"VIEW_IN_ADMIN_MODE": "管理者モードで確認"
 				},
@@ -689,8 +690,8 @@
 						"OTHERS": "その他",
 						"PREVIOUS": "前へ",
 						"PROJECT": "プロジェクト",
-						"PROJECT_DUPLICATED_WARNING1": "",
-						"PROJECT_DUPLICATED_WARNING2": "",
+						"PROJECT_DUPLICATED_WARNING1": "プロジェクト「{project}」には、すでに以下の月の予算が設定されています：{month_list}",
+						"PROJECT_DUPLICATED_WARNING2": "プロジェクト「{project}」のサービスアカウント「{serviceAccount}」には、すでに以下の月の予算が設定されています：{month_list}",
 						"PROJECT_MEMBER": "プロジェクトメンバー",
 						"PROJECT_VALIDATION": "",
 						"REQUIRED_NAME": "名前を入力してください",
@@ -760,6 +761,7 @@
 					"PROJECT": "プロジェクト",
 					"PROVIDER": "プロバイダー",
 					"REMAINED": "残り",
+					"SCHEDULED": "予定",
 					"SELECT_MONTH": "月を選択",
 					"SERVICE_ACCOUNT": "サービスアカウント",
 					"SINGLE_BUDGET": "単一予算",
diff --git a/packages/language-pack/ko.json b/packages/language-pack/ko.json
index f1594d06e6..15e849d74b 100644
--- a/packages/language-pack/ko.json
+++ b/packages/language-pack/ko.json
@@ -575,8 +575,8 @@
 						"ACTUAL_COST": "실 사용액",
 						"ADD_CONDITION": "알림 기준 추가",
 						"ALL_MEMBER": "이 서비스의 모든 멤버",
-						"BUDGET_ALERT_MODAL_DESC1": "",
-						"BUDGET_ALERT_MODAL_DESC2": "",
+						"BUDGET_ALERT_MODAL_DESC1": "예산 알림을 끄시겠습니까?",
+						"BUDGET_ALERT_MODAL_DESC2": "예산 알림을 켜시겠습니까?",
 						"BUDGET_NAME": "예산명",
 						"BUDGET_NOTI_HELP_TEXT": "다음 경우에 알림을 발송합니다.",
 						"BUDGET_USAGE": "예산금액의 {symbol} 사용",
@@ -588,7 +588,7 @@
 						"THRESHOLD": "한계값",
 						"TYPE": "알림선택",
 						"UNIT": "기준",
-						"UPDATE_BUDGET_ALERT": "",
+						"UPDATE_BUDGET_ALERT": "예산 알림 업데이트",
 						"USER": "사용자",
 						"USER_GROUP": "사용자 그룹",
 						"WARNING": "경고"
@@ -607,6 +607,7 @@
 					"TOTAL_AMOUNT": "총 예산 계획",
 					"TOTAL_BUDGET": "전체 예산",
 					"TOTAL_BUDGETED_AMOUNT": "전체 예산 금액(기간)",
+					"UPDATE_NAME_TITLE": "예산 이름 수정",
 					"VIEW_ALL": "전체보기",
 					"VIEW_IN_ADMIN_MODE": "Admin 모드에서 확인"
 				},
@@ -689,8 +690,8 @@
 						"OTHERS": "이외 사용자",
 						"PREVIOUS": "뒤로가기",
 						"PROJECT": "프로젝트",
-						"PROJECT_DUPLICATED_WARNING1": "",
-						"PROJECT_DUPLICATED_WARNING2": "",
+						"PROJECT_DUPLICATED_WARNING1": " {project} 프로젝트에는 이미 해당 월에 대한 예산이 설정되어 있습니다: {month_list}",
+						"PROJECT_DUPLICATED_WARNING2": "프로젝트 {project} 의 서비스 어카운트 {serviceAccount} 에는 이미 해당 월(들)에 대한 예산이 설정되어 있습니다: {month_list}",
 						"PROJECT_MEMBER": "프로젝트 멤버",
 						"PROJECT_VALIDATION": "",
 						"REQUIRED_NAME": "이름을 입력하세요.",
@@ -760,6 +761,7 @@
 					"PROJECT": "프로젝트",
 					"PROVIDER": "프로바이더",
 					"REMAINED": "남음",
+					"SCHEDULED": "예정됨",
 					"SELECT_MONTH": "월 선택",
 					"SERVICE_ACCOUNT": "서비스 어카운트",
 					"SINGLE_BUDGET": "단일 예산",