@charset "UTF-8";
:root {
	/* z-index : s */

	/* 기본 레이아웃 */
	--z-index-content: 10; /* 메인 콘텐츠 (슬라이드 등) */
	--z-index-content-controls: 20; /* 컨텐츠 부가 요소 (페이지네이션, 좌우 버튼 등) */
	--z-index-floating: 30; /* 플로팅 배너 */
	--z-index-sidebar: 50; /* 사이드바 (좌/우측 메뉴) */
	--z-index-header: 220; /* 상단 헤더 */

	/* UI 컴포넌트 */
	--z-index-tooltip: 30; /* 툴팁 */
	--z-index-popup: 200; /* 팝업 (이벤트 배너 등) */
	--z-index-popup2: 300; /* 팝업 (알림, 경고창 같은 독립 팝업) */
	--z-index-popup3: 310; /* 팝업 (기타) */
	--z-index-toast: 500; /* 토스트 팝업 */
	--z-index-dimmed: 700; /* 모달 뒤의 딤드 배경 */
	--z-index-modal: 710; /* 모달 (팝업 레이어, 로그인 창 등) */
	--z-index-fullmodal: 750; /* 팝업 자동화 풀사이즈팝업 */
	--z-index-dropdown: 800; /* 드롭다운 */

	/* 특수 상황 */
	--z-index-sticky-header: 320; /* 스크롤할 때 따라오는 헤더 */
	--z-index-sticky-banner: 60; /* 스크롤할 때 따라오는 배너 */
	--z-index-fixed-button: 60; /* 고정된 버튼 (Top 버튼 등) */

	/* 디버그 & 개발 도구 */
	--z-index-dev-overlay: 9999; /* 개발용 오버레이 */

	/* z-index : e */
}