.jj-social-logins{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:480px;margin:0 auto;padding:0;display:grid}.jj-social-logins.jj-social-logins-registration{width:min(480px,100vw - 40px);margin:48px auto 24px}.jj-social-logins>button.jj-social-button{box-sizing:border-box;cursor:pointer;text-align:center;border:1px solid #0000;border-radius:6px;width:100%;height:auto;min-height:48px;margin:0;padding:12px 56px;font:500 14px/1.6 Noto Sans KR,sans-serif;transition:background-color .2s,border-color .2s,box-shadow .2s;display:block;position:relative}.jj-social-logins>button.jj-social-naver{color:#fff;background:#03a94d}.jj-social-logins>button.jj-social-kakao{color:#191919;background:#fee500}.jj-social-logins>button.jj-social-google{color:#333;background:#fff;border-color:#ddd}.jj-social-logins>button.jj-social-button:hover{filter:none;box-shadow:0 2px 6px color-mix(in srgb, var(--jj-dark-black) 7.06%, transparent)}.jj-social-logins>button.jj-social-button:focus-visible{outline:2px solid var(--jj-black);outline-offset:3px}.jj-social-logins>button.jj-social-button:disabled{cursor:wait;opacity:.7}.jj-social-logins .jj-social-message{overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;line-height:1.7}.jj-social-logins .jj-social-logo{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.jj-social-logins .jj-social-naver .jj-social-logo{background-image:url(/img/login/naver.png);width:48px;height:48px;left:6px}.jj-social-logins .jj-social-kakao .jj-social-logo{background-image:url(/img/login/kakao-login-official.png);background-position:-1px;background-size:320px 48px;width:48px;height:48px;left:6px}.jj-social-logins .jj-social-google .jj-social-logo{background-image:url(/img/login/google.png)}@media (max-width:360px){.jj-social-logins>button.jj-social-button{padding-inline:44px;font-size:13px}.jj-social-logins .jj-social-logo{left:14px}.jj-social-logins :is(.jj-social-naver,.jj-social-kakao) .jj-social-logo{left:0}}@media (prefers-reduced-motion:reduce){.jj-social-logins>button.jj-social-button{transition:none}}