From dd7a26582afbde18dbc9e7f07caf129ce7e481d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=8B=AC=EC=9C=A0=EC=A7=84?= <syj11243@naver.com>
Date: Sat, 22 Nov 2025 18:55:21 +0900
Subject: [PATCH] =?UTF-8?q?style:=20z-index=20=EA=B0=92=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/ui/Drawer/Drawer.tsx | 2 +-
 src/shared/ui/Header/Header.tsx | 2 +-
 src/shared/ui/Modal/Modal.tsx   | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/shared/ui/Drawer/Drawer.tsx b/src/shared/ui/Drawer/Drawer.tsx
index da42a373..0987d4ef 100644
--- a/src/shared/ui/Drawer/Drawer.tsx
+++ b/src/shared/ui/Drawer/Drawer.tsx
@@ -33,7 +33,7 @@ export function Drawer({ isOpen, onClose, children }: Props) {
       <motion.div
         key="drawer-backdrop"
         onClick={onClose}
-        className="fixed inset-0 bg-black/50"
+        className="fixed inset-0 z-50 bg-black/50"
         initial={FADE_IN_ANIMATION.initial}
         animate={FADE_IN_ANIMATION.animate}
         exit={FADE_IN_ANIMATION.exit}
diff --git a/src/shared/ui/Header/Header.tsx b/src/shared/ui/Header/Header.tsx
index b0dcfdbc..4c6b37ea 100644
--- a/src/shared/ui/Header/Header.tsx
+++ b/src/shared/ui/Header/Header.tsx
@@ -13,7 +13,7 @@ export function Header({ children, className }: Props) {
   return (
     <header
       className={cn(
-        'fixed top-0 left-0 z-10 w-full border-b border-gray-200 bg-white px-6 md:z-20',
+        'fixed top-0 left-0 z-10 w-full border-b border-gray-200 bg-white px-6',
         className
       )}
     >
diff --git a/src/shared/ui/Modal/Modal.tsx b/src/shared/ui/Modal/Modal.tsx
index 31472a90..486bd912 100644
--- a/src/shared/ui/Modal/Modal.tsx
+++ b/src/shared/ui/Modal/Modal.tsx
@@ -46,7 +46,7 @@ export function Modal({ isOpen, closeModal, children, className }: Props) {
         animate={MODAL_MOTION.animate}
         exit={MODAL_MOTION.exit}
         transition={MODAL_MOTION.transition}
-        className={cn('fixed inset-0 z-30 flex w-full items-center justify-center', className)}
+        className={cn('fixed inset-0 z-50 flex w-full items-center justify-center', className)}
       >
         <div className="absolute inset-0 bg-black/50" onClick={handleOutsideClick} />
         <ModalContent>{children}</ModalContent>
@@ -62,7 +62,7 @@ export function ModalContent({ children }: { children: React.ReactNode }) {
       aria-modal="true"
       justifyContent="center"
       alignItems="center"
-      className="relative z-40 rounded-lg bg-white p-6"
+      className="relative z-50 rounded-lg bg-white p-6"
     >
       {children}
     </Flex>