/*--------------------------------------------------------- HEADER SWITCH POINT — and the second row that makes 1280 possible ## 원본이 실제로 하는 것 The export disagrees with itself. `#header-desktop` is declared `min-width: 1600px` (header.css:35) but is only hidden at `max-width: 1400px` (header.css:112), so every viewport from 1401 to 1599 paints a 1600px-wide bar into a narrower window. Measured on staging, horizontal overflow was exactly `1600 - viewport` at every width in that range: 199px at 1401, 160px at 1440, 50px at 1550, 1px at 1599, and 0 at 1600. That identity is what identifies the cause -- nothing else in the skin is 1600px wide. **그래서 원본의 데스크톱 헤더는 1600 이상짜리 설계입니다.** ujubet 이 1400 랩톱에 제대로 된 바를 준 적은 없습니다 — 199px 넘침을 주고 그 아래는 햄버거였습니다. `min-width: 1600px` 은 저자가 이 구성의 값을 적어 둔 것이고, 그 값은 **원본 자신의 구성**에서 나옵니다. 1920 로그인 실측 (`#header-desktop` 에는 패딩이 없고 자식 셋이 바의 전부입니다): 로고 223 (`img { height: 50px }` + `margin-left: 30px`) main-nav 1014 열 항목의 max-content member-info 485 보유머니 · 포인트 · 새로고침 · 닉네임 합계 1722 열 중 아홉이 side-nav.ejs 의 것이고, **돈 항목 넷도 거기 포함됩니다** — 입금하기(102) · 출금하기(102) · 테더입출금(115) · 포인트전환(115) 은 원본 데스크톱 나브의 `.nav-item` 입니다(side-nav.ejs:81-112). 지갑 옆 회원 띠에 있던 것을 이 포트가 나브로 옮긴 것이 아닙니다. 열째는 이벤트(106) 이고 원본에는 그 기능 자체가 없습니다. 이벤트를 도로 빼면 원본의 바는 1616 — `min-width: 1600px` 이 그 숫자입니다. ## 여기 있던 1850 은 128px 의 과잉이었습니다 앞의 주석은 모든 라벨이 한 줄이 되는 첫 폭이 1850 이고 우리 나브가 원본보다 항목이 많다고 적었습니다. 둘 다 틀렸습니다. 바의 내용은 1722 이고 그 중 어느 것도 뷰포트에 따라 변하지 않으므로, 한 줄이 끊기는 곳은 정확히 `223 + 1014 + 485` 입니다. 1722~1850 에서 옛 규칙은 **들어가는 바를** 숨기고 있었습니다. ## 1280 에는 줄이 하나 더 필요합니다 — 다이어트가 아니라 1280 에서 한 줄이 나브에 줄 수 있는 폭은 `1280 - 223 - 485 = 572` 이고 나브는 1014 를 원합니다. 항목마다 15px 패딩을 0 으로 깎으면 300 을 되찾고, 아이콘을 전부 빼면 200 을 더 되찾습니다 — 둘 다 해도 514 가 572 상자 안에서 서로 붙어 섭니다. 지갑을 통째로 없애도 나브와 로고만으로 1237 이라 1280 의 거의 전부입니다. **한 줄짜리 1280 은 없습니다.** 그래서 1722 아래에서는 바가 접힙니다: 로고와 지갑은 지금 쓰는 70px 줄을 그대로 쓰고, 나브가 그 아래 줄을 통째로 씁니다. 줄어드는 것은 없습니다 — 같은 15px 패딩, 같은 아이콘, 같은 열 라벨이 전부 한 줄로, 1280 에서 266px 을 남기고 섭니다. **이 둘째 줄은 우리 것이고 원본에 대응물이 없습니다.** 위의 숫자가 허락하는 유일한 배치이고, 1280~1721 에서 크롬을 38px 늘리는 대신 같은 폭에서 60px 로비 띠와 그 여백을 걷어 냅니다. 1280 아래는 컴팩트 바, 그대로입니다. Measure this signed in or it will look fine. The guest header shows three small buttons where the member header shows the balance strip, so it is far narrower, and a signed-out sweep reported 1600 as clean. Note also that the string 보유머니 is present in the signed-out off-canvas drawer, so it can never be a sign-in check — use `.btn-logout`. The blocks below the switch point are other subjects in the same file, and they are all here for one reason: the header's own sheet is the export's and stays byte-identical, so anything the chrome needs that the export did not write -- or wrote somewhere we cannot load -- has to be written here. Each block says which of the two it is. In order: · 래퍼가 둘이라 생기는 1px -- our two header components against the export's single `#header_wrap` · 크롬이 물려받는 줄 높이 -- Tailwind's `line-height: 1.5` against the `normal` header.css assumes · app.css 의 `.btn-icon` -- the sheet the export loads and we do not, restated four declarations deep · 드로어 카테고리 머리글의 상자 -- header.css's own `li[ng-bind]` rule, reachable again without the directive · 게스트 헤더의 로그인 · 회원가입 -- side-nav-public.ejs's inline `