/* 명아이랩 공용 틀 (www.myungailab.com · /, /design/, /privacy/ + cs.myungailab.com/ 앤스넥스 랜딩)
   앱 화면용 shell.css 와 별개다. 섞지 않는다.
   헤더·푸터 HTML 은 네 페이지(company·design·privacy·루트 index.html)에 똑같이 복사해 둔다.
   고치면 네 곳 다 고치고 해시로 맞춘다. 링크는 전부 절대 URL(cs 호스트에서도 같은 곳으로 가게). */
:root{
  --site-font:"SF Pro KR","SF Pro Text",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",
              "Helvetica Neue",Helvetica,Arial,sans-serif;
  --site-max:980px;          /* 바깥 폭. 본문은 여기서 좌우 여백을 뺀 936px */
  --site-gutter:22px;
  --site-black:#000;
  --site-ink:#1d1d1f;
  --site-sub:#6e6e73;
  --site-sub-dark:#86868b;
  --site-face:#f5f5f7;
  --site-line:rgba(0,0,0,.08);
  --site-link:#0066cc;       /* 밝은 배경 */
  --site-link-dark:#2997ff;  /* 어두운 배경 */
  --site-accent:#0071e3;
  --site-head-h:44px;
}
body{font-family:var(--site-font)}
html{scroll-padding-top:var(--site-head-h)}
html:has(.site-local){scroll-padding-top:calc(var(--site-head-h) + 52px)}
.site-wrap{max-width:var(--site-max);margin:0 auto;padding:0 var(--site-gutter);width:100%}

/* ── 공용 헤더 ── */
.site-head{position:sticky;top:0;z-index:30;height:var(--site-head-h);
  background:rgba(22,22,23,.86);-webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);font-family:var(--site-font)}
.site-head .site-wrap{height:100%;display:flex;align-items:center;gap:24px}
.site-head .site-logo{font-size:15px;font-weight:600;letter-spacing:-.2px;color:#f5f5f7;text-decoration:none;
  white-space:nowrap;line-height:1}
.site-head .site-sp{flex:1}
.site-head .site-menu{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}
.site-head .site-menu li{margin:0;padding:0;font-size:12px;line-height:1}
/* 글자만 누르면 20×15px 이라 잘 안 눌린다. 헤더 높이만큼 위아래로 넓힌다 */
.site-head .site-menu a{display:block;padding:16px 0;font-size:12px;font-weight:400;line-height:1;color:#f5f5f7;opacity:.8;
  text-decoration:none;white-space:nowrap}
.site-head .site-menu a:hover{opacity:1}
.site-head a:focus-visible{outline:2px solid var(--site-link-dark);outline-offset:3px;border-radius:2px}
/* 지금 보는 페이지 표시. body[data-site] 로 고른다(헤더 HTML 은 그대로 둔다) */
body[data-site="home"] .site-head a[data-nav="home"],
body[data-site="design"] .site-head a[data-nav="design"],
body[data-site="cs"] .site-head a[data-nav="cs"]{opacity:1;font-weight:600}
@media (max-width:600px){
  .site-head .site-wrap{gap:16px}
  .site-head .site-menu{gap:16px}
  .site-head .site-menu a[data-nav="home"]{display:none}
}

/* ── 페이지 전용 두 번째 줄 (앤스넥스 랜딩의 서비스 메뉴·로그인·무료로 시작) ── */
.site-local{position:sticky;top:var(--site-head-h);z-index:25;height:52px;
  background:rgba(0,0,0,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.1);font-family:var(--site-font)}
.site-local .site-wrap{height:100%;display:flex;align-items:center;gap:16px}
.site-local .site-local-title{font-size:17px;font-weight:600;color:#f5f5f7;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;min-width:0}
.site-local .site-sp{flex:1}
.site-local .site-local-link{font-size:12px;color:#f5f5f7;opacity:.8;text-decoration:none;white-space:nowrap}
.site-local .site-local-link:hover{opacity:1}
.site-local .site-local-cta{font-size:12px;line-height:1;padding:7px 12px;border-radius:980px;
  background:var(--site-accent);color:#fff;text-decoration:none;white-space:nowrap}
.site-local .site-local-cta:hover{background:#0077ed}
@media (max-width:600px){ .site-local .site-local-title{font-size:15px} }

/* ── 공용 푸터 ── */
.site-foot{background:var(--site-face);color:var(--site-sub);padding:36px 0 44px;
  font-family:var(--site-font);font-size:12px;line-height:1.7;text-align:left}
.site-foot a{color:var(--site-sub);text-decoration:none}
.site-foot a:hover{color:var(--site-ink);text-decoration:underline}
.site-foot .site-foot-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0 0 14px;
  border-bottom:1px solid var(--site-line)}
.site-foot .site-foot-links a.site-strong{color:var(--site-ink);font-weight:600}
.site-foot .site-biz{margin-top:14px;color:var(--site-sub);line-height:1.8}