/* 호빠톡 메인 첫 진입 및 로그인 전체 화면. */
#mb_login.hbt-entry{box-sizing:border-box;max-width:900px;margin:30px auto 72px;padding:44px 40px 32px;background:#fff;color:#586b87;font-family:'Noto Sans KR','Malgun Gothic',sans-serif}
#mb_login.hbt-entry *,#mb_login.hbt-entry *:before,#mb_login.hbt-entry *:after{box-sizing:border-box}
#mb_login .hbt-entry-brand{margin-bottom:48px;color:#657a98;font-size:30px;font-weight:700;letter-spacing:-1.5px;text-align:center}
#mb_login .hbt-entry-brand span{color:#8d9cb1;font-weight:500}
#mb_login .hbt-entry-notice{display:flex;align-items:center;justify-content:center;gap:32px}
#mb_login .hbt-entry-age{display:flex;flex:0 0 94px;align-items:center;justify-content:center;width:94px;height:94px;border:3px solid #bc6470;border-radius:50%;color:#596c88;font:700 52px/1 Arial,sans-serif;letter-spacing:0}
#mb_login .hbt-entry-age span{display:block;line-height:1;transform:translateY(-.035em)}
#mb_login .hbt-entry-kicker{margin:0 0 9px;color:#6d809b;font-size:13px;letter-spacing:1px}
#mb_login h1{margin:0 0 10px;color:#526682;font-size:27px;font-weight:600;line-height:1.5;letter-spacing:-1px;word-break:keep-all}
#mb_login .hbt-entry-description{margin:0;color:#79869a;font-size:14px;line-height:1.85;word-break:keep-all}
#mb_login .hbt-entry-exit{display:inline-block;margin-top:11px;padding:7px 0 3px;border-bottom:1px solid #c3ccd8;color:#78879d;font-size:12px}
#mb_login .hbt-entry-rule{height:0;margin:39px 0 36px;border:0;border-top:1px solid #e0e6ed}
#mb_login .hbt-entry-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
#mb_login .hbt-entry-social{padding-right:24px;border-right:1px solid #e1e7ef}
#mb_login h2{margin:0 0 21px;color:#596d8c;font-size:18px;font-weight:500;letter-spacing:-.5px}
#mb_login .hbt-entry-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 10px;border:1px solid #d4ddea;border-radius:4px;background:#fff;color:#5a6e8c;font-size:13px;font-weight:500;text-decoration:none}
#mb_login .hbt-entry-button+.hbt-entry-button{margin-top:10px}
#mb_login .hbt-entry-join{border-color:#788da9;background:#788da9;color:#fff}
#mb_login .hbt-entry-join:hover{background:#6b82a0;color:#fff}
#mb_login .hbt-entry-adult:disabled{background:#f3f6fa;border-color:#e0e6ef;opacity:.72;cursor:not-allowed}
#mb_login .hbt-entry-g{display:inline-block;width:20px;color:#586d8b;font:600 19px Arial,sans-serif;text-align:center}
#mb_login .hbt-entry-pending{display:block;margin-top:10px;color:#7b879b;font-size:12px}
#mb_login .hbt-entry-form{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:10px}
#mb_login .hbt-entry-fields{display:grid;gap:9px}
#mb_login .hbt-entry-fields .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#mb_login .hbt-entry-fields input{display:block;width:100%;height:39px;min-width:0;padding:8px 2px;border:0;border-bottom:1px solid #dce3ec;border-radius:0;background:transparent;color:#536783;font-size:16px}
#mb_login .hbt-entry-fields input::placeholder{color:#8b97a9;opacity:1}
#mb_login .hbt-entry-submit{min-height:87px;padding:10px;border:1px solid #788da9;border-radius:4px;background:#788da9;color:#fff;font-size:13px}
#mb_login .hbt-entry-submit:hover{background:#6b82a0}
#mb_login .hbt-entry-remember{display:flex;align-items:center;gap:6px;margin:16px 0 0;color:#79879b;font-size:12px}
#mb_login .hbt-entry-remember input{width:14px;height:14px;margin:0;accent-color:#788da9}
#mb_login .hbt-entry-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:13px}
#mb_login .hbt-entry-links a{padding:8px 0;color:#77869c;font-size:12px}
@media(max-width:640px){#mb_login.hbt-entry{margin:0 auto 40px;padding:30px 20px 24px}#mb_login .hbt-entry-brand{margin-bottom:30px;font-size:26px}#mb_login .hbt-entry-notice{gap:18px;align-items:flex-start}#mb_login .hbt-entry-age{flex-basis:66px;width:66px;height:66px;margin-top:5px;border-width:2px;font-size:36px}#mb_login h1{font-size:22px}#mb_login .hbt-entry-description{font-size:13px}#mb_login .hbt-entry-rule{margin:28px 0}#mb_login .hbt-entry-columns{grid-template-columns:1fr;gap:29px}#mb_login .hbt-entry-social{padding:0 0 25px;border:0;border-bottom:1px solid #e1e7ef}#mb_login h2{margin-bottom:16px}#mb_login .hbt-entry-button{min-height:48px}#mb_login .hbt-entry-remember,#mb_login .hbt-entry-links a,#mb_login .hbt-entry-exit{min-height:44px}}

/* 기존 테마 헤더/푸터 위를 완전히 덮고, 메인 단독 화면에도 동일하게 적용. */
html:has(#mb_login.hbt-entry),body:has(#mb_login.hbt-entry){margin:0;min-height:100%}
body:has(#mb_login.hbt-entry){overflow:hidden}
#mb_login.hbt-entry{position:fixed;inset:0;z-index:2147483000;display:block;width:100%;max-width:none;height:100vh;height:100dvh;margin:0;padding:clamp(42px,9vh,110px) max(20px,calc((100vw - 800px)/2)) 64px;overflow-y:auto;overscroll-behavior:contain;background:#fbfcfe}
#mb_login.hbt-entry > *{width:100%;max-width:800px;margin-left:auto;margin-right:auto}
#mb_login .hbt-entry-rule{margin-top:39px;margin-bottom:36px}
@media(max-width:640px){#mb_login.hbt-entry{padding:32px 20px 54px}#mb_login .hbt-entry-rule{margin-top:28px;margin-bottom:28px}}