/* Header & Navigation Layer Fixes */

/* 1. 헤더 고정 시 레이어 순서 최상위로 설정 */
header {
    z-index: 1001 !important;
}

/* 2. 스크롤 시 나타나는 작은 헤더(Sticky) 설정 */
.smaller header {
    position: fixed !important;
    top: 0;
    width: 100%;
    background: #ffffff !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    z-index: 1001 !important;
}

/* 3. 서브페이지 제목 영역(Subheader) 레이어 순서 및 겹침 방지 */
#subheader {
    position: relative !important;
    z-index: 1 !important; /* 헤더보다 낮게 설정 */
    padding: 140px 0 100px !important; /* 상단 여백을 더 늘려 메뉴와 겹침 방지 */
    background-color: #222 !important;
    overflow: hidden;
    margin-top: 0 !important;
}

/* 4. 서브페이지 제목 영역의 배경 이미지 레이어 충돌 방지 */
#subheader .jarallax-img {
    z-index: -1 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 5. 게시판 컨테이너 여백 및 레이어 최적화 */
#container {
    position: relative;
    z-index: 2;
    padding: 60px 0 !important;
    background: #fff;
    margin-top: -1px; /* 서브헤더와의 미세한 틈 제거 */
}

/* 6. 스크롤 시 서브헤더가 메뉴 아래로 들어가는 현상 방지 */
header.header-light + #content #subheader {
    margin-top: 0;
}

/* 모바일 메뉴 레이어 우선순위 */
@media (max-width: 992px) {
    #mainmenu { 
        z-index: 1002 !important;
    }
    #subheader {
        padding: 120px 0 80px !important;
    }
}

/* Gnuboard 기본 요소 레이어 조정 */
#hd, #ft { position: relative; z-index: 10; }
.btn_confirm { position: relative; z-index: 5; }

/* 게시판 제목 가독성 */
.bo_v_tit {
    color: #111 !important;
    line-height: 1.4;
    font-weight: 700;
}