/* ================= 🔥 전역 공통 스타일 🔥 ================= */
    :root {
        --primary: #0070af; --secondary: #f5822b;
        --text-dark: #0f172a; --text-gray: #64748b; --border-color: #e2e8f0;
        --shadow-sm: 0 4px 12px rgba(0,0,0,0.04);
        --transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }
    * { margin: 0; padding: 0; box-sizing: border-box; color: #333; }
    body { font-family: 'Pretendard', sans-serif; background-color: #f8fafc; line-height: 1.6; }
    a { text-decoration: none; color: inherit; display: block; }
    ul, li { list-style: none; }
    .material-symbols-rounded { font-variation-settings: 'FILL' 0, 'wght' 600; display: inline-flex; align-items: center; justify-content: center; }
    .container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px; }



    /* ================= 🔥 서브 비주얼 (이미지 배너) 🔥 ================= */
    .sub-visual { position: relative; height: 300px; display: flex; align-items: center; justify-content: center; background: #0f172a url('/pohang/img/22621627.jpg') 0 0/cover; text-align: center; color: #fff; padding-top:60px; box-sizing:border-box;}
    .sub-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(15,23,42,0.4), rgba(15,23,42,0.4)); }
    .sub-visual-content { position: relative; z-index: 1; }
    .sub-visual h2 { font-size: 3em; margin-bottom: 5px; color: #fff; letter-spacing: -0.04em;}
    .breadcrumb { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 15px; color: rgba(255,255,255,0.7); }
    .breadcrumb span{color: rgba(255,255,255,0.7); }

    /* ================= 🔥 서브 레이아웃 (긴 텍스트 특화 LNB) 🔥 ================= */
    .sub-container { padding: 60px 0 100px; }
    .layout-vertical { display: flex; gap: 60px; align-items: flex-start; }
    
    /* 🔥 메뉴 영역 너비를 280px로 여유있게 확장 🔥 */
    .lnb-wrap { width: 280px; flex-shrink: 0; position: sticky; top: 120px; }
    .lnb-title { font-size: 24px;color: #fff; background: var(--text-dark); padding: 24px; border-radius: 5px 5px 0 0; text-align: center; letter-spacing: -0.02em;}
    .lnb-list { background: #fff;border-top: none; border-radius: 0 0 5px 5px; overflow: hidden; }
    .lnb-list li { border-bottom: 1px solid var(--border-color); }
    
    /* 🔥 긴 텍스트 맞춤 CSS 🔥 */
    .lnb-list a { 
        padding: 20px 24px; font-size: 16px; font-weight: 600; color: var(--text-gray); 
        display: flex; justify-content: space-between; align-items: flex-start; /* 글씨가 2줄일 때 화살표를 상단에 맞춤 */
        gap: 12px; transition: 0.3s;
        line-height: 1.4; word-break: keep-all; /* 단어 단위로 예쁘게 줄바꿈 */
    }
    .lnb-list a span.text { flex: 1;  } /* 텍스트 영역이 남은 공간 다 차지하게 */
    .lnb-list a .material-symbols-rounded { font-size: 20px; color: #cbd5e1; transition: 0.3s; margin-top: 2px; } /* 첫 줄 높이에 맞춤 */
    
    .lnb-list a.active, .lnb-list a:hover { background: var(--primary); color: #fff; padding-left: 28px;}
    .lnb-list a.active span.text , .lnb-list a:hover span.text{ color: #fff; }
    .lnb-list a.active .material-symbols-rounded, .lnb-list a:hover .material-symbols-rounded { color: #fff; transform: translateX(4px);}

    /* 콘텐츠 영역 */
    .content-area { flex: 1; min-width: 0; }
    .content-title { font-size: 32px; font-weight: 800; color: var(--text-dark); margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid var(--text-dark); letter-spacing:-0.03em; }

    /* 임시 콘텐츠 스타일 (사업소개) */
    .biz-content { background: #fff; border: 1px solid var(--border-color); border-radius: 24px; padding: 60px; text-align: center; color: var(--text-gray); min-height: 500px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
    .biz-content .material-symbols-rounded { font-size: 64px; color: #e2e8f0; margin-bottom: 24px; }
    .biz-content h4 { font-size: 24px; font-weight: 700; color: var(--text-dark); margin-bottom: 12px; }
    .biz-content p { font-size: 16px; line-height: 1.6; word-break: keep-all; }