/* ============================================================ ACCEL — 사이트 공용 헤더/네비 (모든 페이지 맨 끝에서 로드 → 인라인 스타일 위에 덮어써서 통일) 목적: 페이지 이동 시 헤더 색/크기/간격이 흔들리지 않도록 일관화 ============================================================ */ html{ overflow-y:scroll; overflow-x:hidden; } /* 세로 스크롤바 항상 + 가로 오버플로우 차단 → 페이지 흔들림 방지 */ body{ overflow-x:hidden !important; } /* 어떤 페이지든 가로 스크롤바 안 생기게 (technology 등) */ *{ box-sizing:border-box; } /* 헤더 내부 폰트를 전 페이지 동일 강제 (about/technology 등 페이지 고유 폰트 무시) */ header, header *{ font-family:Arial,"Helvetica Neue","Malgun Gothic","맑은 고딕",sans-serif !important; } /* 헤더가 .header-inner 래퍼를 쓰는 페이지(about 등)도 동일 레이아웃 */ header .header-inner{ display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; max-width:none !important; height:100% !important; margin:0 !important; padding:0 !important; } /* about 등은
래퍼 → .wrap의 max-width/여백 제거해 위치 통일 */ header .wrap{ max-width:none !important; width:100% !important; margin:0 !important; padding:0 !important; } /* 언어 스위치 세로 크기 고정(타원화 방지) */ header .lang-switch a{ line-height:1.15 !important; height:auto !important; } /* ---- 헤더 (전 페이지 동일) ---- */ header{ position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; height:64px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; padding:0 clamp(16px,4vw,44px) !important; background:#16294a !important; border-bottom:none !important; box-shadow:0 2px 12px rgba(0,0,0,.18) !important; backdrop-filter:none !important; z-index:1000 !important; } /* 브랜드 (
와
둘 다 커버) */ /* 브랜드 = 흰색 ACCEL 로고 이미지 (텍스트 ACCEL 대체). 실제 brand 요소만 타겟 (래퍼 제외) */ header .brand, header div[style*="font-weight:900"], header div[style*="font-weight: 900"]{ font-size:0 !important; color:transparent !important; -webkit-text-fill-color:transparent !important; font-weight:800 !important; letter-spacing:normal !important; display:inline-block !important; overflow:hidden !important; line-height:64px !important; width:clamp(140px,15vw,160px) !important; height:64px !important; background:url('../images/accel-logo-white.png') left center / auto 30px no-repeat !important; -webkit-background-clip:border-box !important; user-select:none; } /* 네비 */ header nav{ display:flex !important; align-items:center !important; flex-wrap:nowrap; gap:0 !important; margin-left:auto !important; /* 자식 개수와 무관하게 네비를 항상 우측 정렬 */ background:transparent !important; box-shadow:none !important; position:static !important; padding:0 !important; border:none !important; } header nav a, #siteNav > a{ color:#e8edf4 !important; font-size:14.5px !important; font-weight:600 !important; letter-spacing:normal !important; line-height:1.1 !important; font-family:Arial,"Helvetica Neue","Malgun Gothic","맑은 고딕",sans-serif !important; text-decoration:none !important; margin:0 0 0 20px !important; padding:7px 0 !important; position:relative; white-space:nowrap; display:inline-block; border-bottom:none !important; transition:color .15s; } header nav a:hover, #siteNav > a:hover{ color:#fff !important; } header nav a::after, #siteNav > a::after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:0; background:#00bfff; transition:width .25s; } header nav a:hover::after, #siteNav > a:hover::after{ width:100%; } /* 언어 스위치 */ header .lang-switch{ display:inline-flex !important; gap:3px; margin-left:20px !important; vertical-align:middle; border:1px solid rgba(255,255,255,.28) !important; border-radius:999px !important; padding:3px !important; } header .lang-switch a{ margin:0 !important; padding:4px 11px !important; font-size:12.5px !important; border-radius:999px !important; color:rgba(255,255,255,.72) !important; border:none !important; font-weight:600 !important; } header .lang-switch a::after{ display:none !important; } header .lang-switch a:hover{ color:#fff !important; } header .lang-switch a.active{ background:#00bfff !important; color:#00131c !important; -webkit-text-fill-color:#00131c !important; font-weight:800 !important; } /* 모바일 햄버거 */ header .nav-toggle{ display:none !important; background:none !important; border:0 !important; color:#fff !important; font-size:26px; line-height:1; padding:6px 10px; cursor:pointer; } /* ---- 모바일 ---- */ @media (max-width:900px){ header{ padding:0 16px !important; } header .nav-toggle{ display:inline-block !important; } header nav{ display:none !important; position:absolute !important; top:64px !important; left:0 !important; right:0 !important; flex-direction:column !important; align-items:flex-start !important; background:#16294a !important; padding:8px 16px 16px !important; gap:0 !important; box-shadow:0 12px 24px rgba(0,0,0,.35) !important; border-top:1px solid rgba(255,255,255,.08) !important; } header nav.open{ display:flex !important; } header nav a{ margin:0 !important; padding:12px 2px !important; width:100%; font-size:16px !important; border-bottom:1px solid rgba(255,255,255,.08) !important; } header nav a:last-of-type{ border-bottom:none !important; } header nav a::after{ display:none; } header nav .lang-switch{ margin:12px 0 4px !important; } } /* ---- 풋터 통일 ---- */ footer{ background:#0f1b30 !important; color:#aeb8c6 !important; text-align:center !important; padding:20px 16px !important; font-size:12.5px !important; border-top:none !important; } footer a{ color:#cfe4ff !important; }