/* 섹션 메인 공용 상단 (유니티 피싱 · 유니티 트래블) — 유니티 레이싱 상단과 같은 구성
 *   [섹션 색 로고] UNITY <b>섹션</b> · 글자 메뉴(UNITY 홈 · 섹션 바로가기) · 오른쪽 로그인
 *   어두운 히어로 위에서는 투명, 스크롤하면 진한 남색 (.solid) — 색은 --sx(로고 바탕) · --sx2(섹션 글자)
 */
.sx-hd{position:fixed;left:0;right:0;top:0;z-index:800;transition:background .2s,box-shadow .2s;color:#fff}
.sx-hd.solid{background:rgba(6,26,58,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.sx-hd .sx-wrap{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:18px;height:64px}
.sx-logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:18px;text-decoration:none;letter-spacing:.5px;white-space:nowrap;color:#fff}
.sx-logo b{color:var(--sx2,#5eead4)}
.sx-logo .mk{width:32px;height:32px;border-radius:10px;background:var(--sx,#0e7490);display:flex;align-items:center;justify-content:center}
.sx-logo .mk svg{width:18px;height:18px;fill:#fff}
.sx-nav{display:flex;gap:4px;flex:1}
.sx-nav a{padding:8px 12px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;color:#fff;opacity:.88;white-space:nowrap}
.sx-nav a:hover{background:rgba(255,255,255,.12);opacity:1}
.sx-act{display:flex;gap:8px;margin-left:auto}
.sx-act .v-btn{height:38px;padding:0 14px;font-size:14px;border-radius:10px}
.sx-act .v-btn.line{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:#fff}
.sx-act .v-btn.pri{background:var(--sx,#0e7490);border-color:var(--sx,#0e7490);color:#fff}
@media (max-width:820px){.sx-nav{display:none}.sx-act .v-btn.line,.sx-act .rc-btn.ghost{display:none}}   /* 휴대폰 — 보조 버튼 숨김 (레이싱과 같음) */
@media (max-width:820px){.sx-act [href^="/account/signup"]{display:none}}   /* 휴대폰 — 오른쪽 위 [회원가입] 없음 (2026-10-14) */
@media (max-width:640px){.sx-hd .sx-wrap{padding:0 16px}}
.sx-hd.sx-pad + section{padding-top:64px}   /* 고정 상단 아래로 히어로 내림 (피싱·트래블) */
/* 지도 바로가기 — 로고 바로 오른쪽, 섹션 색으로 부각 */
.sx-map{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 5px;border-radius:999px;background:var(--sx,#0e7490);color:#fff;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.sx-map i{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center}
.sx-map i svg{width:16px;height:16px;fill:#fff}
.sx-map:hover{filter:brightness(1.08)}
@media (max-width:820px){.sx-map{margin-left:auto}.sx-map ~ .sx-act{margin-left:0}.sx-map ~ .sx-act:not(:has(.v-btn.pri:not([href^="/account/signup"]),.rc-btn:not(.ghost):not([href^="/account/signup"]))){display:none}}   /* 휴대폰 — 지도 버튼(아이콘+이름) 오른쪽 정렬 (2026-10-14) */
html{scroll-padding-top:80px}   /* #바로가기 — 고정 상단(64px) 아래로 여백을 두고 멈춤 */
.sx-nav a.sx-home{margin-left:auto}   /* 섹션 메뉴 다음, 오른쪽 끝에 UNITY 홈 */

/* 휴대폰 — 서비스 안내 페이지 맨 위 여백: 고정 상단(64) 아래 28px 에서 바로 시작 (트래픽·피싱·트래블·에듀·회사·기여자·랭킹, 2026-10-14) */
@media (max-width:640px){
  .fp-hero .in,.tp-hero .in,.ep-hero .in,.ab-hero .in{padding-top:28px !important}
  body.tf .v-hero{padding-top:64px !important}
  body.tf .v-hero .v-wrap{padding-top:28px !important}
}