/* ===== 모바일 강제 적용 스타일 (서브/메인 공통) =====
   기존 header.php·index.php 인라인 <style> 통합 (S2) ===== */
@media (max-width:1024px){
    /* 헤더 - 흰 배경 + 검정 로고 + flex 중앙 정렬 */
    html body #site-header,
    html body #site-header.on{
        background:#fff !important;
        box-shadow:0 1px 0 rgba(0,0,0,.06) !important;
        z-index:200 !important;
        height:60px !important;
    }
    html body #site-header .h-inner{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        height:60px !important;
        padding:0 16px !important;
        gap:0 !important;
    }
    html body #site-header .logo,
    html body #site-header .logo a{
        display:flex !important;
        align-items:center !important;
        height:auto !important;
    }
    html body #site-header .logo a,
    html body #site-header .logo a *{
        color:var(--c-black, #1a1a1a) !important;
    }
    html body #site-header .logo a .logo-ci{
        display:inline-block !important;
        height:40px !important;
        width:auto !important;
        filter:none !important;
    }
    /* 햄버거 메뉴 - 헤더와 동일한 라인에 수직 중앙 정렬 */
    html body .h-sitemap-btn{
        position:fixed !important;
        top:0 !important;
        right:0 !important;
        bottom:auto !important;
        width:60px !important;
        height:60px !important;
        margin:0 !important;
        padding:0 !important;
        transform:none !important;
        z-index:300 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:transparent !important;
        border:0 !important;
    }
    html body .h-sitemap-btn .hamburger-ico{
        position:relative !important;
        width:24px !important;
        height:18px !important;
        margin:0 !important;
        display:block !important;
    }
    html body .h-sitemap-btn .hamburger-ico .line,
    html body #site-header.on ~ .h-sitemap-btn .hamburger-ico .line{
        background:var(--c-black, #1a1a1a) !important;
        height:2px !important;
    }
    /* GNB 메가메뉴 모바일 강제 숨김 */
    html body #site-header .gnb-wrap,
    html body #site-header .gnb-mega,
    html body #site-header .h-mega-menu{display:none !important;}

    /* === Quickmenu - PC 스타일 세로형 (우측 중앙 정렬) === */
    html body .quickmenu{
        position:fixed !important;
        right:0 !important;
        left:auto !important;
        top:50% !important;
        bottom:auto !important;
        transform:translateY(-50%) !important;
        -webkit-transform:translateY(-50%) !important;
        display:flex !important;
        flex-direction:column !important;
        gap:8px !important;
        z-index:95 !important;
    }
    html body .quickmenu .quick-list{
        display:flex !important;
        flex-direction:column !important;
        border-radius:6px 0 0 6px !important;
        background:rgba(20,20,20,.95) !important;
        overflow:hidden !important;
        box-shadow:-2px 0 12px rgba(0,0,0,.15) !important;
    }
    html body .quickmenu .quick-list > li > a{
        width:46px !important;
        height:46px !important;
        border-bottom:1px solid rgba(255,255,255,.06) !important;
        border-right:0 !important;
    }
    html body .quickmenu .quick-list > li:last-child > a{
        border-bottom:0 !important;
    }
    html body .quickmenu .top-btn{
        width:46px !important;
        height:46px !important;
        border-radius:6px 0 0 6px !important;
    }
    html body .quickmenu .quick-list > li > a span,
    html body .quickmenu .top-btn span{display:none !important;}
    html body .quickmenu .quick-list > li > a i,
    html body .quickmenu .top-btn i{font-size:14px !important;}

    /* === Sitemap 활성화 시 - 헤더/햄버거/퀵메뉴 숨김 === */
    body.hidden #site-header,
    body.hidden .h-sitemap-btn,
    body.hidden .quickmenu{display:none !important;}

    /* Sitemap 자체 z-index + 패딩 조정 */
    html body .sitemap-wrap{z-index:250 !important;}
    html body .sitemap-wrap .sitemap-inner{
        padding:80px 24px 40px !important;
    }
    /* 닫기 버튼 - 헤더 위로 올리기 + 항상 표시 보장 */
    html body .sitemap-close{
        position:fixed !important;
        top:14px !important;
        right:14px !important;
        width:44px !important;
        height:44px !important;
        z-index:350 !important;
        background:#fff !important;
        color:var(--c-black, #1a1a1a) !important;
        border:1px solid var(--c-gray4, #e5e5e5) !important;
        border-radius:50% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }
    html body .sitemap-wrap.active ~ .sitemap-close,
    html body .sitemap-close.active,
    html body .sitemap-wrap.active .sitemap-close{
        opacity:1 !important;
        visibility:visible !important;
    }
}

@media (max-width:767px){
    :root{--hd-height:60px;}
    html body #site-header .logo a .logo-ci{height:38px !important;}
    html body .sitemap-wrap .sitemap-inner{padding:70px 20px 30px !important;}
    html body .sitemap-content{
        grid-template-columns:1fr !important;
        gap:30px !important;
    }
}

@media (max-width:480px){
    html body .quickmenu .quick-list > li > a,
    html body .quickmenu .top-btn{
        width:42px !important;
        height:42px !important;
    }
    html body .quickmenu .quick-list > li > a i,
    html body .quickmenu .top-btn i{font-size:13px !important;}
}