body:has(#mb_login) {
    background: #f7f8f9;
}

#mb_login.mbskin {
    width: min(calc(100% - 36px), 460px);
    min-height: calc(100vh - 150px);
    margin: 0 auto;
    padding: 58px 0 86px;
    text-align: left;
}

#mb_login .login-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-bottom: 30px;
    color: #171717;
    text-decoration: none;
}

#mb_login .login-brand img { width: 46px; height: 46px; }
#mb_login .login-brand span { display: flex; flex-direction: column; }
#mb_login .login-brand small { color: #e51515; font-size: .57rem; font-weight: 700; letter-spacing: .08em; line-height: 1.3; }
#mb_login .login-brand strong { font-size: 1.25rem; font-weight: 800; letter-spacing: .08em; line-height: 1.2; }
#mb_login .member-page-intro { margin-bottom: 21px; text-align: center; }
#mb_login .member-page-intro span { color: #e51515; font-size: .67rem; font-weight: 750; letter-spacing: .15em; }
#mb_login .member-page-intro h2 { margin: 9px 0 8px; font-size: 1.85rem; letter-spacing: -.05em; }
#mb_login .member-page-intro p { margin: 0; color: #777; font-size: .85rem; line-height: 1.6; }
#mb_login .mbskin_box { border: 1px solid #e1e4e7; border-radius: 5px; background: #fff; box-shadow: 0 18px 48px rgba(23,25,29,.08); }
#mb_login #login_fs { padding: 34px 36px 28px; }
#mb_login #login_fs .frm_input { height: 52px!important; margin-bottom: 10px; border-color: #d9dde1!important; border-radius: 3px!important; background: #fff; }
#mb_login #login_fs .frm_input:focus { border-color: #e51515!important; box-shadow: 0 0 0 3px rgba(229,21,21,.1); }
#mb_login #login_fs .btn_submit { height: 52px!important; margin-top: 5px; border-radius: 3px!important; background: #e51515!important; }
#mb_login #login_fs .btn_submit:hover { background: #b90f0f!important; }
#mb_login #login_info { margin-top: 12px; padding-top: 15px; }
#mb_login .member-actions { display: flex; justify-content: center; gap: 0; margin: 0 36px; padding: 0 0 28px; border-bottom: 1px solid #eceeef; }
#mb_login .member-actions a { padding: 0 13px; color: #6f7479; font-size: .78rem; border-left: 1px solid #e5e7e9; }
#mb_login .member-actions a:first-child { border-left: 0; }
#mb_login .member-actions a:hover { color: #e51515; }
#mb_login .login-social-placeholders { padding: 25px 36px 32px; }
#mb_login .login-social-placeholders h2 { margin: 0 0 14px; color: #777; font-size: .75rem; font-weight: 600; text-align: center; }
#mb_login .login-social-buttons { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
#mb_login .login-social-button { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 76px; gap: 4px; border: 1px solid #e2e5e8; border-radius: 3px; background: #fafbfb; color: #383d42; cursor: not-allowed; }
#mb_login .login-social-button strong,#mb_login .login-social-button i { height: 22px; font-size: 1.2rem; font-style: normal; line-height: 22px; }
#mb_login .login-social-button span { font-size: .72rem; }
#mb_login .login-social-button small { color: #a1a5a9; font-size: .58rem; }
#mb_login .login-social-naver strong { color: #03c75a; }
#mb_login .login-social-kakao i { color: #3b1e1e; }
#mb_login .login-social-google strong { color: #4285f4; }

@media (max-width: 767.98px) {
    #mb_login.mbskin { width: min(calc(100% - 28px), 460px); padding-top: 34px; }
    #mb_login #login_fs { padding: 28px 22px 23px; }
    #mb_login .member-actions { margin: 0 22px; }
    #mb_login .login-social-placeholders { padding: 22px 22px 26px; }
}