@charset "utf-8";
/* 로그인 화면에만 적용합니다. 인증 폼과 처리 주소는 기본 스킨 그대로 사용합니다. */
.lc-login-page{width:100%;max-width:520px;min-width:0;margin:56px auto 64px;padding:0 20px;box-sizing:border-box}
.lc-login-heading{text-align:center;margin-bottom:26px}.lc-login-heading h1{font-size:30px;line-height:1.4;font-weight:800;margin:0 0 9px;color:#222}.lc-login-heading p{font-size:15px;line-height:1.6;color:#777;margin:0}
.lc-login-page #mb_login,.lc-login-page .mbskin{width:100%!important;max-width:480px;min-width:0!important;margin:0 auto!important;padding:0;box-sizing:border-box;font-size:15px}
.lc-login-page .mbskin_box{width:100%;min-width:0;margin:0;border:1px solid #e0e5eb;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #12243a09;box-sizing:border-box}
.lc-login-page .mbskin_box>h1{display:none}.lc-login-page .mb_log_cate{display:flex;width:100%;margin:0;padding:0;border-bottom:1px solid #e7ebef}
.lc-login-page .mb_log_cate>h2,.lc-login-page .mb_log_cate>a{float:none;display:flex;align-items:center;justify-content:center;flex:1;width:50%;height:auto;min-height:54px;line-height:1.5;margin:0;padding:14px 8px;font-size:16px;box-sizing:border-box;text-align:center}
.lc-login-page .mb_log_cate>h2{font-weight:750;background:#fff;color:#222;border-bottom:3px solid var(--lc-accent,#148343)}.lc-login-page .mb_log_cate>a{background:#f6f7f9;color:#777;font-weight:500}
.lc-login-page form[name=flogin]{width:100%;margin:0;padding:0;box-sizing:border-box}.lc-login-page #login_fs{width:100%;min-width:0;padding:28px!important;margin:0;border:0;box-sizing:border-box}
.lc-login-page #login_id,.lc-login-page #login_pw{display:block;width:100%!important;min-width:0;height:52px!important;min-height:52px;padding:12px 14px!important;margin:0 0 13px;border:1px solid #d4dce5;border-radius:6px;background-color:#fff;font-size:16px!important;line-height:1.5;box-sizing:border-box;color:#222}
.lc-login-page #login_id:focus,.lc-login-page #login_pw:focus{outline:2px solid #14834338;outline-offset:1px;border-color:var(--lc-accent,#148343)}
.lc-login-page #login_fs>.btn_submit{width:100%!important;height:auto;min-height:52px;padding:12px 16px;margin:4px 0 18px;border:0;border-radius:6px;background:var(--lc-accent,#148343);color:white;font-size:17px;font-weight:750;line-height:1.5;cursor:pointer;box-sizing:border-box}
.lc-login-page #login_info{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:100%;height:auto;margin:0;font-size:13px;line-height:1.6;box-sizing:border-box}
.lc-login-page #login_info>div{float:none;width:auto;max-width:100%;margin:0}.lc-login-page #login_info a,.lc-login-page #login_info label{font-size:13px;line-height:1.6}.lc-login-page #login_info input[type=checkbox]{width:16px;height:16px;vertical-align:middle}
.lc-login-page #mb_login_notmb,.lc-login-page #mb_login_od_wr{width:100%;min-width:0;box-sizing:border-box;margin-top:24px}.lc-login-page #mb_login_od input{max-width:100%;font-size:16px}.lc-login-page #sns_login{max-width:100%;box-sizing:border-box}
@media(max-width:760px){.lc-login-page{max-width:480px;margin:30px auto 40px;padding:0 4px}.lc-login-heading{margin-bottom:20px}.lc-login-heading h1{font-size:27px}.lc-login-page #login_fs{padding:22px!important}.lc-login-page #login_info{gap:14px 10px}}
@media(max-width:360px){.lc-login-page #login_fs{padding:18px!important}.lc-login-page #login_info{flex-direction:column;align-items:flex-start}.lc-login-page .mb_log_cate>h2,.lc-login-page .mb_log_cate>a{font-size:15px}}
.lc-login-page #login_fs legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

html[data-theme=dark] .lc-login-page .mbskin_box{background:var(--lc-bg);border-color:var(--lc-line)}
html[data-theme=dark] .lc-login-heading h1{color:var(--lc-text)}
html[data-theme=dark] .lc-login-page .mb_log_cate>h2{background:var(--lc-bg);color:var(--lc-text)}
html[data-theme=dark] .lc-login-page .mb_log_cate>a{background:var(--lc-surface);color:var(--lc-muted)}
html[data-theme=dark] .lc-login-page #login_id,html[data-theme=dark] .lc-login-page #login_pw{background:var(--lc-bg);border-color:var(--lc-line);color:var(--lc-text)}
html[data-theme=dark] .lc-login-page #login_fs>.btn_submit{color:#111720}

.lc-login-page{max-width:520px;margin:55px auto 75px} .lc-login-heading h1{font-size:36px} .lc-login-heading p{font-size:16px} #mb_login .frm_input{font-size:16px!important;min-height:52px} #mb_login .btn_submit{min-height:52px;font-size:17px!important}@media(max-width:760px){.lc-login-page{width:100%;margin:35px auto 50px}}