From c22e07bc16afbc2888806b4e0d36606b8ea0d35f Mon Sep 17 00:00:00 2001
From: leedj312 <dlehd467@gmail.com>
Date: Thu, 17 Jul 2025 15:59:22 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EB=94=A9=EB=B0=94=20className?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20z-index=EB=B3=80=EA=B2=BD=ED=95=A0?=
 =?UTF-8?q?=EC=88=98=20=EC=9E=88=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/loadingBar/index.tsx                | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/packages/common/business_components/src/ui/loadingBar/index.tsx b/packages/common/business_components/src/ui/loadingBar/index.tsx
index 4d637dd25..7c6df0114 100644
--- a/packages/common/business_components/src/ui/loadingBar/index.tsx
+++ b/packages/common/business_components/src/ui/loadingBar/index.tsx
@@ -1,20 +1,26 @@
-import { LoadingWithAnimation } from '@common/components/ui/loading';
-import React from 'react';
+import { LoadingWithAnimation } from "@common/components/ui/loading";
+import React from "react";
 
 interface LoadingOverlayProps {
   isLoading: boolean;
+  customZindex?: string;
 }
 
-const LoadingOverlay: React.FC<LoadingOverlayProps> = ({ isLoading }) => {
+const LoadingOverlay: React.FC<LoadingOverlayProps> = ({
+  isLoading,
+  customZindex,
+}) => {
   if (!isLoading) return null;
 
   return (
-    <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
-      <div className="relative w-16 h-16">
+    <div
+      className={`fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 ${customZindex || "z-50"}`}
+    >
+      <div className="relative h-16 w-16">
         <LoadingWithAnimation color="primary" />
       </div>
     </div>
   );
 };
 
-export default LoadingOverlay;
\ No newline at end of file
+export default LoadingOverlay;