/* Shared social sign-in: provider brand exceptions, registered in the service catalog. */
:root{--bg-social-kakao:#fee500;--bg-social-kakao-text:#191919;--bg-social-naver:#03a94d;--bg-social-label-size:14pt;--bg-social-label-weight:700;--bg-social-radius:var(--bg-radius-surface)}
.bg-social-auth{margin-top:var(--bg-space-8)}
.bg-social-auth .bg-social-auth-title{display:flex;align-items:center;gap:var(--bg-space-4);margin:0 0 var(--bg-space-4);font-size:var(--bg-type-small);font-weight:var(--bg-weight-medium);line-height:1.5;color:var(--bg-secondary);text-align:center}
.bg-social-auth-title:before,.bg-social-auth-title:after{content:"";flex:1;border-top:1px solid var(--bg-border)}
.bg-social-auth-list{display:grid;gap:var(--bg-space-2)}
.bg-social-auth .bg-social-button{display:flex;align-items:center;justify-content:center;gap:var(--bg-space-2);box-sizing:border-box;width:100%;min-width:0;min-height:var(--bg-control-lg);margin:0;padding:var(--bg-space-3) var(--bg-space-5);border:1px solid var(--bg-border);border-radius:var(--bg-social-radius);background:var(--bg-paper);color:var(--bg-ink);font-family:var(--bg-font);font-size:var(--bg-social-label-size);font-weight:var(--bg-social-label-weight);line-height:1.5;letter-spacing:normal;text-decoration:none;text-align:center;cursor:pointer;transition:box-shadow var(--bg-motion-fast) var(--bg-ease)}
.bg-social-auth .bg-social-button--kakao,.bg-social-auth .bg-social-button--naver{display:grid;grid-template-columns:var(--bg-space-6) minmax(0,1fr)}
.bg-social-auth .bg-social-button--kakao{background:var(--bg-social-kakao);color:var(--bg-social-kakao-text);border-color:var(--bg-social-kakao)}
.bg-social-auth .bg-social-button--naver{background:var(--bg-social-naver);color:var(--bg-paper);border-color:var(--bg-social-naver)}
.bg-social-symbol{display:block;flex:0 0 var(--bg-space-6);width:var(--bg-space-6);height:var(--bg-space-6);object-fit:contain}
.bg-social-symbol--naver{background:url('images/social-naver.png') center / 64px 64px no-repeat}
@media(hover:hover){.bg-social-auth .bg-social-button:hover{box-shadow:inset 0 0 0 1px currentColor}}
.bg-social-auth .bg-social-button:focus{outline:2px solid var(--bg-focus);outline-offset:3px}
.bg-social-auth .bg-social-button:focus:not(:focus-visible){outline:none}
.bg-social-auth .bg-social-button:active{box-shadow:inset 0 0 0 1px currentColor}
.bg-social-auth .bg-social-button:disabled,.bg-social-auth .bg-social-button[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}
@media(forced-colors:active){.bg-social-auth .bg-social-button{border:1px solid ButtonText}.bg-social-symbol{forced-color-adjust:none}}

/* Full-width consent pages use an introduction beside the same 440px button stack. */
.bg-social-auth--register{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:var(--bg-space-8);align-items:start}
.bg-social-auth--register .bg-social-auth-copy h2{margin:0 0 var(--bg-space-3);font-size:var(--bg-space-5)}
.bg-social-auth-copy p{margin:0;max-width:var(--bg-reading-width);font-size:var(--bg-type-body);line-height:var(--bg-leading-body);color:var(--bg-secondary);word-break:keep-all;overflow-wrap:anywhere}
.bg-social-auth-list>.frm_info{margin:0;line-height:var(--bg-leading-body)}
@media(max-width:767px){.bg-social-auth--register{grid-template-columns:minmax(0,1fr);gap:var(--bg-space-5)}}

@media(prefers-reduced-motion:reduce){.bg-social-auth .bg-social-button{transition:none}}