/* UIV2 W9 (진영 D-1023-24) — 22 들어가기(체험 코드) · 초대 가입. html.ui-v2 일 때만.
   시안 22_enter_code: 왼쪽 연한 인디고 소개 · 오른쪽 흰 바탕 입력. 메뉴·상단 바 없이 화면 전체. */

/* 메뉴·상단 바·바닥글을 감추고 본문이 화면 전체를 쓴다 */
html.ui-v2 body.v2-entry-on .ghead,html.ui-v2 body.v2-entry-on .gfoot,html.ui-v2 body.v2-entry-on #topbar,html.ui-v2 body.v2-entry-on .tabs,html.ui-v2 body.v2-entry-on #flow,html.ui-v2 body.v2-entry-on .v2-make{display:none !important}
html.ui-v2 body.v2-entry-on #v3shell,html.ui-v2 body.v2-entry-on #v3tabs{display:none !important}
html.ui-v2 body.v2-entry-on #view{max-width:none;margin:0;padding:0 !important}
html.ui-v2 body.v2-entry-on .app,html.ui-v2 body.v2-entry-on .body,html.ui-v2 body.v2-entry-on main{margin:0 !important;padding:0 !important;max-width:none !important}

/* v2 는 밝은 화면 전용 — 옛 앱 다크 변수(--surface·--accent 등)가 섞이면 제목이 바탕에 묻힌다. W5 E1 카드(ui-v2-error.css)처럼 이 화면 안에서 밝은 토큰을 고정 */
html.ui-v2 .v2-entry{--surface:#FFFFFF;--surface-2:#F7F8F9;--text-1:#1E2124;--text-2:#464C53;--text-3:#58616A;--border:#E6E8EA;--accent:#4F46E5;--accent-hover:#4338CA;--accent-soft:#EEF0FF;--on-accent:#FFFFFF;--danger:#C0362C;color-scheme:light}
html.ui-v2 .v2-entry{display:grid;grid-template-columns:minmax(0,57fr) minmax(0,43fr);min-height:100vh;min-height:100dvh;background:var(--surface)}
html.ui-v2 .v2-entry-side{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:48px clamp(40px,8.4vw,120px);background:var(--accent-soft);color:var(--text-1)}
html.ui-v2 .v2-entry-logo{display:block;align-self:flex-start;margin:0;height:32px;width:auto}
html.ui-v2 .v2-entry-side h1{margin:0;font-size:32px;line-height:42px;font-weight:700;letter-spacing:-.02em;color:var(--text-1)}
html.ui-v2 .v2-entry-sub{margin:-8px 0 0;font-size:18px;line-height:27px;color:var(--text-2)}
html.ui-v2 .v2-entry-side li b{font-weight:700;color:var(--text-1)}
html.ui-v2 .v2-entry-side ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:20px}
html.ui-v2 .v2-entry-side li{display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:25.5px;color:var(--text-2)}
html.ui-v2 .v2-entry-side li svg{flex:none;width:20px;height:20px;margin-top:3px;color:var(--accent)}

html.ui-v2 .v2-entry-main{display:flex;align-items:center;padding:48px clamp(24px,8.4vw,120px)}
html.ui-v2 .v2-entry-box{width:100%;max-width:400px;display:grid;gap:16px}
html.ui-v2 .v2-entry-box form{display:grid;gap:8px;margin:0;padding:0;background:none;border:0;box-shadow:none}
html.ui-v2 .v2-entry-box form[hidden]{display:none}
html.ui-v2 .v2-entry-box form.auth-card{gap:14px}
html.ui-v2 .v2-entry-box h2{margin:0 0 4px;font-size:22px;line-height:31px;font-weight:700;color:var(--text-1)}
html.ui-v2 .v2-entry-lead{margin:0 0 16px;font-size:15px;line-height:22.5px;color:var(--text-2)}
html.ui-v2 .v2-entry-box .lbl2{display:block;margin:0 0 4px;font-size:13px;line-height:19.5px;font-weight:500;color:var(--text-2)}
html.ui-v2 .v2-entry-box .inp{height:56px;width:100%;box-sizing:border-box;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text-1);font-size:17px;font-weight:500}
html.ui-v2 .v2-entry-box .inp:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
html.ui-v2 .v2-entry-box .pw{position:relative}
html.ui-v2 .v2-entry-box .pw .inp{padding-right:64px}
html.ui-v2 .v2-entry-box .err-t{margin:0;min-height:0;font-size:13px;line-height:19.5px;color:var(--danger)}
html.ui-v2 .v2-entry-box .err-t:empty{display:none}
html.ui-v2 .v2-entry-box .btn.wide{width:100%;height:48px;margin-top:12px;font-size:15px}
html.ui-v2 .v2-entry-box .hint,html.ui-v2 .v2-entry-box .demo-note{margin:0;padding:0;background:none;font-size:13px;line-height:19.5px;color:var(--text-3)}
html.ui-v2 .v2-entry-box .auth-links{margin:0;font-size:13px}
html.ui-v2 .v2-entry-box .auth-links button,html.ui-v2 .v2-entry-box .auth-links a{color:var(--text-2);font-size:13px}

html.ui-v2 .v2-entry-more{margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:15px;line-height:22.5px;color:var(--text-3)}
html.ui-v2 .v2-entry-more i{font-style:normal}
html.ui-v2 .v2-entry-more a,html.ui-v2 .v2-entry-org{padding:0;border:0;background:none;color:var(--text-2);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html.ui-v2 .v2-entry-org[aria-expanded="true"]{color:var(--accent);font-weight:700}
html.ui-v2 .v2-entry-box #lf:not([hidden]){margin-top:8px;padding-top:20px;border-top:1px solid var(--border)}

/* 768px 미만: 위아래로 쌓는다(입력이 먼저 보이게 소개는 짧게) */
@media (max-width:767px){
  html.ui-v2 .v2-entry{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
  html.ui-v2 .v2-entry-side{gap:16px;padding:32px 24px 28px}
  html.ui-v2 .v2-entry-side h1{font-size:22px;line-height:31px}
  html.ui-v2 .v2-entry-sub{margin:-6px 0 0;font-size:15px;line-height:22.5px}
  html.ui-v2 .v2-entry-side ul{gap:8px;margin:0}
  html.ui-v2 .v2-entry-side li{font-size:15px;line-height:22.5px;gap:8px}
  html.ui-v2 .v2-entry-side li svg{width:18px;height:18px;margin-top:2px}
  html.ui-v2 .v2-entry-main{align-items:flex-start;padding:32px 24px 40px}
  html.ui-v2 .v2-entry-box{max-width:none}
}

/* ── 11 지역 고르기 (시안 11_pick_region) ── 첫 사용(지역 없음)은 메뉴 없이 화면 전체, 그 뒤는 공통 틀 안 */
html.ui-v2 .v2-region{max-width:1280px;margin:0 auto;padding:24px 0 48px}
html.ui-v2 body.v2-entry-on .v2-region{padding:56px clamp(24px,8.4vw,120px) 48px;max-width:1440px;box-sizing:border-box}
html.ui-v2 .v2-region-logo{display:block;height:28px;width:auto;margin:0 0 40px}
html.ui-v2 .v2-region h1{margin:0}
html.ui-v2 .v2-region .v2-todo{margin:8px 0 32px}
html.ui-v2 .v2-region-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 32px}
html.ui-v2 .v2-region-chips{display:flex;gap:8px;flex-wrap:wrap}
html.ui-v2 .v2-region-chips .v2-chip{cursor:pointer;font-weight:400}
html.ui-v2 .v2-region-chips .v2-chip svg{width:16px;height:16px;display:none}
html.ui-v2 .v2-region-chips .v2-chip[aria-pressed="true"]{font-weight:700}
html.ui-v2 .v2-region-chips .v2-chip[aria-pressed="true"] svg{display:block}
html.ui-v2 .v2-region-q{position:relative;display:block;width:320px;max-width:100%}
html.ui-v2 .v2-region-q svg{position:absolute;left:14px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--text-2);pointer-events:none}
html.ui-v2 .v2-region-q .inp{width:100%;height:44px;box-sizing:border-box;padding:0 14px 0 44px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);font-size:15px;color:var(--text-1)}
html.ui-v2 .v2-region-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:24px}
html.ui-v2 .v2-region .rgh{margin:8px 0 -8px;font-size:15px;line-height:22.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 .v2-region .rgh span{font-size:13px;font-weight:700;color:var(--text-2);background:var(--surface-2)}
html.ui-v2 .v2-rtile{display:flex;flex-direction:column;gap:4px;padding:12px 12px 16px;background:var(--surface);border:2px solid transparent;border-radius:var(--r-md);box-shadow:var(--shadow-1)}
html.ui-v2 .v2-rtile:hover{border-color:transparent;box-shadow:var(--shadow-2)}
html.ui-v2 .v2-rtile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html.ui-v2 .v2-rtile[aria-pressed="true"]{border-color:var(--accent);box-shadow:var(--shadow-1)}
html.ui-v2 .v2-rtile-ph{position:relative;display:block;aspect-ratio:196/150;margin:0 0 12px;border-radius:var(--r-sm);overflow:hidden;background:var(--photo)}
html.ui-v2 .v2-rtile-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html.ui-v2 .v2-rtile-on{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:var(--r-sm);background:var(--accent);color:var(--on-accent);display:grid;place-items:center}
html.ui-v2 .v2-rtile-on svg{width:18px;height:18px}
html.ui-v2 .v2-rtile b{font-size:17px;line-height:25.5px;font-weight:700;color:var(--text-1);letter-spacing:0}
html.ui-v2 .v2-rtile small{font-size:13px;line-height:19.5px;color:var(--text-2)}
html.ui-v2 .v2-rtile .v2-rtile-cr{color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .v2-rtile .v2-pill{align-self:flex-start;margin-top:4px}
html.ui-v2 .v2-region-bar{display:flex;align-items:center;gap:8px;margin:32px 0 0;padding:16px 24px}
html.ui-v2 .v2-region-bar svg{width:22px;height:22px;color:var(--accent)}
html.ui-v2 .v2-region-bar b{font-size:17px;line-height:25.5px}
html.ui-v2 .v2-region-barstat{font-size:15px;color:var(--text-2)}
html.ui-v2 .v2-region-bar .sp{flex:1}
html.ui-v2 .v2-region-quick{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:16px 24px}
html.ui-v2 .v2-region-quick svg{width:22px;height:22px;color:var(--accent)}
html.ui-v2 .v2-region-quick b{font-size:17px;line-height:25.5px}
html.ui-v2 .v2-region-quick .sp{flex:1}
html.ui-v2 .v2-region-foot{margin:24px 0 0;font-size:15px;color:var(--text-2)}
html.ui-v2 .v2-region .asset-add{margin-top:32px}
@media (max-width:767px){
  html.ui-v2 body.v2-entry-on .v2-region{padding:32px 16px 40px}
  html.ui-v2 .v2-region-logo{margin-bottom:24px}
  html.ui-v2 .v2-region h1{font-size:22px;line-height:31px}
  html.ui-v2 .v2-region .v2-todo{font-size:15px;line-height:22.5px;margin-bottom:20px}
  html.ui-v2 .v2-region-q{width:100%}
  html.ui-v2 .v2-region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html.ui-v2 .v2-rtile b{font-size:15px;line-height:22.5px}
  html.ui-v2 .v2-region-bar{flex-wrap:wrap;padding:16px}
  html.ui-v2 .v2-region-bar .v2-btn-primary{width:100%}
}

/* UIV2 W9 — 06 확인 (시안 06_check). 요약 3칸 · 왼쪽 목록(밑줄 탭) · 오른쪽 자세히 */
html.ui-v2 .v2-review{display:grid;gap:24px;color:var(--text-1)}
html.ui-v2 .v2-review-head h1{margin:0 0 8px;font-size:32px;line-height:42px;font-weight:700;letter-spacing:-.02em;color:var(--text-1)}
html.ui-v2 .v2-review-head p{margin:0;font-size:17px;line-height:25.5px;color:var(--text-2)}
html.ui-v2 .v2-review-status{margin:0;padding:14px 18px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);font-size:17px;line-height:25.5px;font-weight:700}
html.ui-v2 .v2-review-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html.ui-v2 .v2-sum{display:grid;gap:4px;padding:20px}
html.ui-v2 .v2-sum span{font-size:15px;line-height:22.5px;color:var(--text-2)}
html.ui-v2 .v2-sum b{font-size:32px;line-height:42px;font-weight:700;color:var(--text-1)}
html.ui-v2 .v2-sum.is-fix b{color:var(--warning)}
html.ui-v2 .v2-sum.is-ok b{color:var(--success,#1F7A3A)}
html.ui-v2 .v2-sum small{font-size:13px;line-height:19.5px;color:var(--text-3)}
html.ui-v2 .v2-review-body{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;align-items:start}
html.ui-v2 .v2-review-list{padding:16px;display:grid;gap:12px}
html.ui-v2 .v2-utabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:16px;border-bottom:1px solid var(--border)}
html.ui-v2 .v2-utabs button{flex:none;white-space:nowrap;border-radius:0;min-height:44px;padding:0 0 2px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font:inherit;font-size:15px;line-height:22.5px;font-weight:500;color:var(--text-2);cursor:pointer}
html.ui-v2 .v2-utabs button[aria-pressed="true"]{outline:0;box-shadow:none;background:none;border-bottom-color:var(--accent);color:var(--text-1);font-weight:700}
html.ui-v2 .v2-utabs button:focus-visible,html.ui-v2 .v2-qi:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html.ui-v2 .v2-qlist{display:grid;gap:8px}
html.ui-v2 .v2-qi{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid transparent;border-radius:var(--r-md);background:none;font:inherit;text-align:left;color:var(--text-1);cursor:pointer}
html.ui-v2 .v2-qi:hover{background:var(--surface-2)}
html.ui-v2 .v2-qi[aria-current="true"]{border-color:var(--accent);background:var(--accent-soft)}
html.ui-v2 .v2-qthumb{flex:none;width:40px;height:72px;border-radius:var(--r-sm);overflow:hidden;position:relative}
html.ui-v2 .v2-qthumb>*{position:absolute;top:0;left:0;width:360px;height:640px;transform:scale(.1111);transform-origin:0 0;pointer-events:none}
html.ui-v2 .v2-qtext{min-width:0;display:grid;gap:6px}
html.ui-v2 .v2-qtext b{font-size:15px;line-height:22.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.ui-v2 .v2-qtext>span{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html.ui-v2 .v2-qtext small{font-size:13px;line-height:19.5px;color:var(--text-3)}
html.ui-v2 .v2-empty{margin:0;padding:16px 4px;font-size:15px;line-height:22.5px;color:var(--text-3)}
html.ui-v2 .v2-review-detail{padding:24px;min-width:0;overflow-wrap:anywhere}
html.ui-v2 .v2-review-detail .back{display:none}
/* UIV2FIX-06 — 0건 첫 사용 안내 · 자세히 머리 아래 미리보기 + 받은 의견 */
html.ui-v2 .v2-rv-first{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px}
html.ui-v2 .v2-rv-first p{margin:0;flex:1 1 320px;font-size:17px;line-height:25.5px;color:var(--text-2)}
html.ui-v2 .v2-rv-first .v2-btn-primary{text-decoration:none}
html.ui-v2 .v2-rv-top{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin:16px 0 24px}
html.ui-v2 .v2-rv-preview{flex:none;width:200px;height:356px;border-radius:var(--r-md);overflow:hidden;position:relative;background:var(--surface-2)}
html.ui-v2 .v2-rv-preview>div{position:absolute;top:0;left:0;width:360px;height:640px;transform:scale(.5556);transform-origin:0 0;pointer-events:none}
html.ui-v2 .v2-rv-preview>div>*{width:100%;height:100%}
html.ui-v2 .v2-rv-opinions{flex:1 1 240px;min-width:0}
html.ui-v2 .v2-rv-opinions h3{margin:0 0 8px;font-size:15px;line-height:22.5px;font-weight:700;color:var(--text-2)}
html.ui-v2 .v2-rv-opinions ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
html.ui-v2 .v2-rv-opinions li{display:grid;gap:4px;padding:12px 16px;border-radius:var(--r-md);background:var(--warning-soft,#FDF1E0);font-size:15px;line-height:22.5px;color:var(--text-1)}
html.ui-v2 .v2-rv-opinions small{font-size:13px;line-height:19.5px;color:var(--text-3)}

/* 16 확인 받기 창 (시안 16_get_check_link) */
html.ui-v2 .v2-ask-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px}
html.ui-v2 .v2-ask-row span{font-size:13px;line-height:19.5px;color:var(--text-3)}
html.ui-v2 .v2-ask{width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:28px;border:0;border-radius:var(--r-lg);background:var(--surface);color:var(--text-1);box-shadow:0 16px 48px rgba(19,20,22,.18)}
html.ui-v2 .v2-ask::backdrop{background:rgba(19,20,22,.4)}
html.ui-v2 .v2-ask h2{margin:0 0 16px;font-size:22px;line-height:31px;font-weight:700}
html.ui-v2 .v2-ask-lead{margin:0 0 20px;font-size:15px;line-height:22.5px;color:var(--text-2)}
html.ui-v2 .v2-ask-lbl{display:block;margin:0 0 8px;font-size:13px;line-height:19.5px;font-weight:500;color:var(--text-2)}
html.ui-v2 .v2-ask-url{width:100%;box-sizing:border-box;height:52px;padding:0 16px;border:1px solid var(--border-strong,#B1B8BE);border-radius:var(--r-sm);background:var(--surface);color:var(--text-1);font-size:15px}
html.ui-v2 .v2-ask-notes{margin:16px 0 24px;padding-left:20px;display:grid;gap:6px;font-size:15px;line-height:22.5px;color:var(--text-2)}
html.ui-v2 .v2-ask-act{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}

/* 점검 #6 — 없는 주소(E1). 카드 모양은 W5 의 .v2-err 그대로, 제목만 h1 */
html.ui-v2 .v2-lost{margin:48px auto}
html.ui-v2 .v2-lost .v2-btn-primary{text-decoration:none}

@media (max-width:767px){
  html.ui-v2 .v2-review-head h1{font-size:26px;line-height:36px}
  html.ui-v2 .v2-review-sum{grid-template-columns:1fr;gap:12px}
  html.ui-v2 .v2-sum{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;padding:16px}
  html.ui-v2 .v2-sum b{font-size:22px;line-height:31px}
  html.ui-v2 .v2-sum small{grid-column:1/-1}
  html.ui-v2 .v2-review-body{grid-template-columns:minmax(0,1fr)}
  html.ui-v2 .v2-review-body.open .v2-review-list{display:none}
  html.ui-v2 .v2-review-detail{padding:16px}
  html.ui-v2 .v2-review-detail .back{display:inline-flex}
  html.ui-v2 .v2-ask{padding:20px}
  html.ui-v2 .v2-ask-act button{flex:1 1 100%;justify-content:center}
}