z-index 작동 조건:

필수 조건 - positioned 요소:
• `position: relative`
• `position: absolute`
• `position: fixed`
• `position: sticky`

작동하지 않는 경우:
• `position: static` (기본값)
• position 속성이 설정되지 않은 요소

추가 작동 조건:
• `display: flex`의 직접 자식 요소 (flex items)
• `display: grid`의 직접 자식 요소 (grid items)

실무 팁:
• z-index가 작동하지 않으면 먼저 position 확인
• 가장 간단한 해결법: `position: relative` 추가
• relative는 위치 변경 없이 positioned 상태만 만듦