/* 메인 화면 로그인 박스(hub-outlogin)의 소셜 로그인 버튼 — 학습 화면 사이드바와 같은 모양 */
.side-social-wrap{display:grid;gap:8px;margin:12px 0 4px}
.side-social-or{display:flex;align-items:center;gap:8px;font-size:12px;color:#7c8d81}
.side-social-or:before,.side-social-or:after{content:"";flex:1;height:1px;background:#dbe6de}
.side-social{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 12px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none!important;border:1px solid transparent;transition:filter .15s,transform .15s}
.side-social:hover{filter:brightness(.96);transform:translateY(-1px)}
.side-social:focus-visible{outline:3px solid #b7cfae;outline-offset:2px}
.side-social-dot{width:18px;height:18px;border-radius:50%;flex:none;display:inline-block}
.side-social-naver{background:#03c75a;color:#fff}.side-social-naver .side-social-dot{background:#fff;-webkit-mask:none}
.side-social-kakao{background:#fee500;color:#191600}.side-social-kakao .side-social-dot{background:#191600}
.side-social-google{background:#fff;color:#3c4043;border-color:#dadce0}.side-social-google .side-social-dot{background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)}
.side-social-facebook{background:#1877f2;color:#fff}.side-social-facebook .side-social-dot{background:#fff}
@media(prefers-reduced-motion:reduce){.side-social{transition:none}.side-social:hover{transform:none}}
.hub-outlogin .side-social-wrap{margin:12px 0 6px}
@media(prefers-color-scheme:dark){.hub-outlogin .side-social-or{color:#9fb0a5}.hub-outlogin .side-social-or:before,.hub-outlogin .side-social-or:after{background:#2c362e}}

/* 자동 로그인 체크박스 */
.auto-login{display:flex;align-items:center;gap:7px;margin:2px 2px 8px;font-size:13px;color:#4b5f54;cursor:pointer}.auto-login input{width:16px;height:16px;margin:0;accent-color:#28684c}.auto-login small{color:#7c8d81;font-size:12px}