@charset "UTF-8";

:root {
    /* z-index : s */

    /* 기본 레이아웃 */

    /* 메인 콘텐츠 (슬라이드 등) */
    --z-index-content: 10;
    /* 컨텐츠 부가 요소 (페이지네이션, 좌우 버튼 등) */
    --z-index-content-controls: 20;
    /* 플로팅 배너 */
    --z-index-floating: 30;
    /* 사이드바 (좌/우측 메뉴) */
    --z-index-sidebar: 100;
    /* 상단 헤더 */
    --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-skipnav: 800;

    /* 특수 상황 */
    /* 스크롤할 때 따라오는 헤더 */
    --z-index-sticky-header: 320;
    /* 스크롤할 때 따라오는 배너 */
    --z-index-sticky-banner: 60;
    /* 하단 고정 띠배너 */
    --z-index-bottom-banner: 100;
    /* 스티키 탑 배너  */
    --z-index-sticky-top: 100;
    /* 스티키 탑 배너 1순위 */
    --z-index-sticky-banner-first: 101;
    /* 고정된 버튼 (Top 버튼 등) */
    --z-index-fixed-button: 60;

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

    /* z-index : e */
}