.p-auth .authwrap{place-items:center;padding:56px 20px 90px;display:grid}.p-auth .authbox{width:100%;max-width:420px}.p-auth .authbox h1{font-family:var(--font-display);letter-spacing:-.04em;text-align:center;font-size:28px}.p-auth .authbox .lead{text-align:center;color:var(--muted);margin:10px 0 28px;font-size:14.5px}.p-auth .roletab{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px;display:grid}.p-auth .roletab button{border:1px solid var(--line);border-radius:var(--r);color:var(--muted);background:var(--paper);padding:11px 6px;font-size:13.5px;font-weight:700}.p-auth .roletab button.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}.p-auth .sns{gap:8px;margin-top:16px;display:grid}.p-auth .sns button{border-radius:var(--r);border:1px solid var(--line);background:var(--paper);height:46px;font-size:14.5px;font-weight:700}.p-auth .sns .kakao{background:#fee500;border-color:#fee500}.p-auth .sns .naver{color:#fff;background:#03c75a;border-color:#03c75a}.p-auth .authfoot{text-align:center;color:var(--muted);margin-top:22px;font-size:13.5px}.p-auth .authfoot a{color:var(--ink);font-weight:700}.p-auth .orline{color:var(--muted-2);align-items:center;gap:12px;margin:22px 0 4px;font-size:12.5px;display:flex}.p-auth .orline:before,.p-auth .orline:after{content:"";background:var(--line);flex:1;height:1px}.p-auth.p-join .authbox{max-width:760px}.p-auth .jrole{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.p-auth .jrole label{border:1.5px solid var(--line);border-radius:var(--r-lg);cursor:pointer;text-align:left;padding:24px 20px;transition:all .16s;display:block}.p-auth .jrole input{opacity:0;position:absolute}.p-auth .jrole label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.p-auth .jrole strong{letter-spacing:-.02em;font-size:16.5px;display:block}.p-auth .jrole span{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.6;display:block}.p-auth .jrole label:has(input:checked) span{color:var(--brand-ink)}.p-auth .terms{border:1px solid var(--line);border-radius:var(--r);padding:16px;font-size:13.5px}.p-auth .terms label{align-items:center;gap:8px;padding:7px 0;display:flex}.p-auth .terms .all{border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:12px;font-size:14.5px;font-weight:700}.p-auth .terms a{color:var(--muted);margin-left:auto;font-size:12.5px;text-decoration:underline}.p-auth .fieldmsg{margin-top:6px;font-size:12.5px}.p-auth .fieldmsg.ok{color:var(--signal)}.p-auth .fieldmsg.no{color:var(--danger)}