/* ── 톤앤매너 시안 «navy» = 제안서 C안 «Electric Navy» (2026-09-11)
   남색 베이스(어두운 면 55%+) + 일렉트릭 블루 밴드 + 코랄 한 점(라벨·CTA) + 밝은 카드.
   시험용이라 홈·회사소개·글로벌·연구소 위주로 맞췄다. 폼·관리자 등은 기본 화면 그대로일 수 있다. ── */
:root{
  --paper:#0b1730; --ground:#0f2352; --mist:#0f2352;
  --navy:#eef3ff; --navy-2:#071127;
  --brand:#4f8cff; --brand-hover:#2f6bff; --accent:#4f8cff; --accent-2:#ff5a4e;
  --ink:#eef3ff; --ink-2:#c3d0e6; --ink-3:#93a5c4;
  --line:rgba(255,255,255,.12); --line-2:rgba(255,255,255,.08);
  --aqua:rgba(79,140,255,.16); --aqua-2:rgba(79,140,255,.1);
  --grad:linear-gradient(90deg,#2f6bff,#4f8cff);
  --shadow-1:0 6px 16px rgba(0,0,0,.25); --shadow-2:0 12px 32px rgba(0,0,0,.3); --shadow-media:0 12px 32px rgba(0,0,0,.35);
}
html,body{background:#0b1730;color:var(--ink-2)}
h1,h2,h3,h4,.main-tit,.sec-head h2,.rnd-h2,.cert-kind h2,.faq-group h2{color:#fff}
.plus-txt,.kicker,.kicker.lat{color:var(--accent-2)}
.main-tit{font-family:var(--disp);font-weight:800;letter-spacing:-.03em}
/* 헤더: 어두운 유리 */
.site-header.over.on-light:not(.solid):not(.menu-open){color:#fff}
.site-header.over.on-light:not(.solid):not(.menu-open) .brand .logo-dark{opacity:0}
.site-header.over.on-light:not(.solid):not(.menu-open) .brand .logo-light{opacity:1}
.site-header.over.on-light:not(.solid):not(.menu-open) .gnb>li>a,.site-header.over.on-light:not(.solid):not(.menu-open) .sitemap-btn,.site-header.over.on-light:not(.solid):not(.menu-open) .lang{color:#fff;border-color:rgba(255,255,255,.5)}
.site-header.over.on-light:not(.solid):not(.menu-open) .sitemap-btn .l1{background:#8fd0ea}
.site-header.solid,.site-header.menu-open,.site-header:has(.nav:hover){background:rgba(11,23,48,.96);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.site-header.solid .brand .logo-dark,.site-header:has(.nav:hover) .brand .logo-dark{opacity:0}
.site-header.solid .brand .logo-light,.site-header:has(.nav:hover) .brand .logo-light{opacity:1}
.site-header.solid .gnb>li>a,.site-header:has(.nav:hover) .gnb>li>a{color:#fff}
.site-header.solid .lang,.site-header:has(.nav:hover) .lang{color:#c3d0e6;border-color:rgba(255,255,255,.4)}
.site-header.solid .sitemap-btn,.site-header:has(.nav:hover) .sitemap-btn{color:#fff}
.mega-bg,.site-header .mega{background:#0f2352;color:#fff}
.gnb .sub a,.gnb>li>ul a{color:#c3d0e6}
.site-header .btn-quote,.site-header.solid .btn-quote,.site-header.menu-open .btn-quote,.site-header:has(.nav:hover) .btn-quote,.btn-primary{background:var(--accent-2);color:#fff;border-color:transparent}
.btn-primary:hover,.site-header .btn-quote:hover{background:#e84a3f}
.btn-navy{background:#fff;color:#0b1730;border-color:#fff}.btn-navy:hover{background:#dbe6ff}
.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}.btn-outline:hover{background:rgba(255,255,255,.1);color:#fff}
/* 히어로: 남색 셰이드 + 흰 헤드라인 + 하늘색 강조 */
.hero-full .slide.light .shade{background:linear-gradient(90deg,rgba(7,17,39,.92) 0%,rgba(7,17,39,.6) 45%,rgba(7,17,39,.1) 80%),linear-gradient(0deg,rgba(7,17,39,.7),transparent 50%)}
.hero-full .slide.light .big{color:#fff}
.hero-full .slide.light .big .bold{color:#8fd0ea}
.hero-full .slide.light .lead{color:rgba(255,255,255,.88)}
.hero-full.light-on .progress button{background:rgba(255,255,255,.3)}.hero-full.light-on .progress button i{background:#fff}
.hero-full.light-on .arrow,.hero-full.light-on .scroll-round{color:#fff;border-color:rgba(255,255,255,.5)}
.hero-full .btn-ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
/* 숫자 밴드: 일렉트릭 블루 + 흰 숫자 (이공이공 밴드) */
.facts{background:linear-gradient(100deg,#1442c8,#2f6bff 60%,#4f8cff)}
.facts::before{background:radial-gradient(circle at 8px 8px,rgba(255,255,255,.18) 1.2px,transparent 1.6px);background-size:22px 22px}
.fact{padding:48px 12px 44px;border-left-color:rgba(255,255,255,.18)}
.fact .ico{stroke:#fff;opacity:.85}
.fact b{color:#fff;font-size:2.625rem}
.fact b i{color:#dbe6ff}
.fact span{color:rgba(255,255,255,.85);font-size:1rem}
/* 밝은 카드는 밝게 유지, 글자는 어둡게 */
.card,.steps-line li,.numbers div,.gnum div,.news-item,.rnd-item,.side-card,.step,.svc div,.terms .card,.reg-grid .card,.moq-tiers .card,.eq-list,.faq-item,.cert{background:#fff;color:#444c55;border-color:transparent}
.card h3,.card h4,.card b,.steps-line li b,.news-item h3,.rnd-item b,.step h3,.svc h3,.cert h3,.numbers b i,.gnum b i,.terms .card b,.reg-grid .card b,.faq-item h3,.faq-item summary{color:#15191f}
.numbers b,.gnum b{color:#1442c8}
.numbers span,.gnum span,.card p,.step p,.svc p,.cert p,.terms li,.reg-grid p,.news-item time,.steps-line li .n{color:#444c55}
.steps-line li .n,.step .n{color:#1442c8}
.card-ico,.step-ico{background:#e3ecff;stroke:#1442c8}
.odm-item{background:#122448}
.odm-item .txt{background:linear-gradient(0deg,rgba(11,23,48,.96),rgba(11,23,48,.8) 55%,transparent)}
.odm-item .txt b{color:#fff}.odm-item .txt span{color:#c3d0e6}
.rnd-item{background:#fff}
.sec-ground{background:#0f2352}
#process.sec-ground{background:linear-gradient(100deg,#1442c8,#2f6bff 70%,#4f8cff)}
#process .main-tit,#process .main-txt{color:#fff}#process .plus-txt{color:#dbe6ff}
#process .btn-navy{background:#fff;color:#1442c8}
.rnd::before{background:linear-gradient(90deg,rgba(7,17,39,.95),rgba(20,66,200,.75) 60%,rgba(79,140,255,.45))}
.contact-hero::before,.contact-band::before{background:linear-gradient(90deg,rgba(7,17,39,.94),rgba(20,66,200,.7))}
.news-item .ncat{color:#1442c8}
/* 서브 페이지 머리·탭 */
.sub-visual{background-color:#071127}
.sub-visual::before{background:linear-gradient(90deg,rgba(7,17,39,.92),rgba(7,17,39,.65) 55%,rgba(7,17,39,.25)),linear-gradient(0deg,rgba(7,17,39,.7),rgba(7,17,39,0) 45%)}
.sub-visual::after{display:none}
.sub-visual h1,.sub-visual .crumbs,.sub-visual .crumbs a{color:#fff}
.sub-visual .plus-txt{color:#8fd0ea}
.sub-tabs-in{background:#122448;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.sub-tabs a{color:#c3d0e6}.sub-tabs a.on,.sub-tabs .on{background:var(--grad);color:#fff}
.cat-tabs button{background:#122448;color:#c3d0e6;border-color:rgba(255,255,255,.15)}
.cat-tabs button[aria-selected="true"]{background:var(--grad);color:#fff}
.flags span{background:#122448;color:#fff;border-color:rgba(255,255,255,.15)}.flags i{background:rgba(79,140,255,.2);color:#8fd0ea}
.wmap{background:#0f2352;border-color:rgba(255,255,255,.1)}
.wmap text{fill:#fff;stroke:#0f2352}.wmap text .cc{fill:#8fd0ea}.wmap .node circle{stroke:#0f2352}.wmap .home .core{fill:#fff;stroke:#0f2352}.wmap .home text{fill:#fff}
.wmap>img{filter:invert(1) hue-rotate(180deg) brightness(.7)}
.prose,.prose p,.overview td,.overview th,.ceo-msg p{color:#c3d0e6}
.overview tr{border-color:rgba(255,255,255,.1)}
table td,table th{border-color:rgba(255,255,255,.1)}
.site-footer{background:#071127;color:#93a5c4}
.quick-bar{background:#071127}
/* 배지 */
.theme-badge{background:rgba(255,90,78,.95)}.theme-badge b{color:#fff}.theme-badge a.on{background:#fff;color:#ff5a4e}
.quick-bar .quick-tel{background:#fff;color:#0b1730!important}
.hero-full .slide img{filter:none}

.news-item b,.news-item h3{color:#15191f}.news-item:hover b{color:#fff}