/* * DevWorld 공용 상단바(GNB) 스타일 — gnb.js 와 한 벌이다. 사용법은 gnb.js 머리말. * * 홈페이지가 Tailwind 로 그리던 상단바를 그대로 옮겼다(높이 80px · blue-600 · lg=1024px). * 다른 레포의 화면에도 얹히므로 Tailwind 에 기대지 않고, 모든 규칙을 .dw-gnb / #dw-gnb 아래에 가둔다. * 글꼴은 홈페이지에서는 서브셋 Noto Sans KR 을 쓰고, 그것이 없는 화면에서는 시스템 글꼴로 내려간다. */ /* 상단바 높이. 자기 화면에 sticky 요소가 있는 서비스는 top: var(--dw-gnb-height, 0px) 로 그 밑에 붙인다 — 이 파일을 못 불러왔을 때는 0 으로 떨어져 빈틈이 생기지 않는다. */ :root { --dw-gnb-height: 80px; } #dw-gnb { height: var(--dw-gnb-height); } #dw-gnb[data-overlay] { height: 0; } .dw-gnb, .dw-gnb *, .dw-gnb *::before, .dw-gnb *::after { box-sizing: border-box; } /* 얹히는 화면의 전역 규칙을 막는다. 앱 문서 styles.css 의 `nav { display: flex; gap: 20px; min-height: 72px }` 가 이