/* Sample4 로그인 본문 전용 */
.s4-site--sub[data-section="login"] .s4-board{padding-block:70px 90px}
.s4-site--sub[data-section="login"] #mb_login.cc-login-page{padding:0;background:#fff;border:0}
.s4-site--sub[data-section="login"] .cc-login-card{display:grid;grid-template-columns:1fr 1.05fr;width:100%;max-width:1160px;min-height:680px;border:1px solid #dce3e6;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 16px 40px #102b3a08}
.sl-brand{display:flex;flex-direction:column;justify-content:space-between;min-width:0;background:#edf1f2;padding:46px 40px 0;color:#152c38}
.sl-brand-copy .sl-label{font-size:12px;letter-spacing:.03em;color:#4f6878;margin-bottom:25px}
.s4-site--sub #mb_login .sl-brand h2{font-size:clamp(29px,2.6vw,39px);font-weight:500;line-height:1.25;letter-spacing:-.055em;margin:0}
.sl-brand-copy>p:last-child{font-size:16px;line-height:1.85;color:#53636d;margin-top:22px}
.sl-product{display:block;width:calc(100% + 40px);max-width:none;margin:12px -20px;height:300px;object-fit:contain;mix-blend-mode:multiply}
.sl-brand-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #cad4d9;padding-block:22px;font-size:13px;color:#53636d}
.sl-brand-foot a{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:#152c38;font-size:14px}
.s4-site--sub[data-section="login"] .cc-login-form{padding:48px clamp(30px,4vw,62px);min-width:0}
.s4-site--sub[data-section="login"] .cc-login-form__head{margin-bottom:0}
.s4-site--sub[data-section="login"] .cc-login-form__head>span{display:block;font-size:12px;letter-spacing:.025em;font-weight:500;color:#587180;margin-bottom:14px}
.s4-site--sub #mb_login .cc-login-form__head h1{font-size:40px!important;line-height:1.25;letter-spacing:-.045em;font-weight:500;color:#152c38}
.s4-site--sub[data-section="login"] .cc-login-form__head p{font-size:16px;line-height:1.75;color:#53636d;margin-top:13px}
.s4-site--sub[data-section="login"] .cc-login-form form{margin-top:34px}
.s4-site--sub[data-section="login"] .cc-login-field{margin-bottom:22px}
.s4-site--sub[data-section="login"] .cc-login-field label{font-size:14px;font-weight:500;color:#213c4a;margin-bottom:9px}
.s4-site--sub[data-section="login"] #mb_login #login_fs .cc-login-field .frm_input{height:58px;margin:0;padding:0 16px;background:#fff!important;border:1px solid #adbcc5!important;border-radius:6px!important;font-size:16px;color:#152c38;box-shadow:none}
.s4-site--sub[data-section="login"] #mb_login #login_fs .frm_input:focus{border-color:#0867b2!important;outline:2px solid #0867b2;outline-offset:2px}
.s4-site--sub[data-section="login"] #mb_login #login_fs .frm_input::placeholder{color:#73838d}
.sl-password{position:relative}
.s4-site--sub[data-section="login"] #mb_login #login_fs .sl-password:has(.sl-password-toggle:not([hidden])) input{padding-right:113px}
.sl-password-toggle{position:absolute;top:7px;right:8px;min-height:44px;padding:0 8px;background:#edf2f5;border:0;border-radius:4px;color:#24495f;font:inherit;font-size:12px;cursor:pointer}
.sl-password-toggle[hidden]{display:none}.sl-password-toggle:hover{background:#dce8ef}
.s4-site--sub[data-section="login"] #mb_login #login_fs .cc-login-submit{height:58px;background:#12354b!important;border-radius:6px!important;box-shadow:none!important;transform:none;font-size:17px;font-weight:500;margin:8px 0 16px;padding-inline:20px}
.s4-site--sub[data-section="login"] #mb_login #login_fs .cc-login-submit:hover{background:#0867b2!important}
.s4-site--sub[data-section="login"] #login_info{gap:12px;flex-wrap:wrap;font-size:13px;color:#53636d}
.s4-site--sub[data-section="login"] #login_info .login_if_auto{display:flex;align-items:center;min-height:44px}
.s4-site--sub[data-section="login"] #login_info .login_if_lpl a{display:inline-flex;align-items:center;min-height:44px;font-weight:500}
.s4-site--sub[data-section="login"] .cc-login-join{margin-top:28px;padding-top:22px;gap:14px;border-color:#dce3e6;align-items:center}
.s4-site--sub[data-section="login"] .cc-login-join p{font-size:13px;color:#53636d}
.s4-site--sub[data-section="login"] .cc-login-join a{font-size:14px;font-weight:500;min-height:44px;white-space:nowrap}
@media(max-width:1000px){.s4-site--sub[data-section="login"] .cc-login-card{grid-template-columns:.95fr 1.05fr}.sl-brand{padding:36px 28px 0}.s4-site--sub #mb_login .sl-brand h2{font-size:30px}.s4-site--sub[data-section="login"] .cc-login-form{padding:38px 28px}.sl-product{height:265px}.sl-brand-foot{display:block}.sl-brand-foot a{display:flex;justify-content:space-between}.s4-site--sub[data-section="login"] .cc-login-join{flex-direction:column;align-items:start;gap:5px}}
@media(max-width:767px){.s4-site--sub[data-section="login"] .s4-board{padding-block:35px 50px}.s4-site--sub[data-section="login"] .cc-login-card{display:flex;flex-direction:column;max-width:560px;min-height:0;border-radius:10px}.s4-site--sub[data-section="login"] .cc-login-form{order:0;padding:32px 24px}.sl-brand{order:1;padding:30px 24px 0;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:0 10px}.sl-brand-copy .sl-label{font-size:10px;margin-bottom:13px}.s4-site--sub #mb_login .sl-brand h2{font-size:24px}.sl-brand-copy>p:last-child{font-size:14px;margin-top:15px}.sl-product{width:100%;height:185px;margin:0}.sl-brand-foot{grid-column:1/-1;margin-top:20px;padding-block:12px;display:flex;font-size:12px}.sl-brand-foot a{display:inline-flex;gap:14px;font-size:13px}.s4-site--sub #mb_login .cc-login-form__head h1{font-size:34px!important}.s4-site--sub[data-section="login"] .cc-login-form__head p{font-size:15px}.s4-site--sub[data-section="login"] .cc-login-form form{margin-top:28px}.s4-site--sub[data-section="login"] .cc-login-join{margin-top:22px;flex-direction:row;align-items:center}.s4-site--sub[data-section="login"] #login_info{font-size:12px;gap:8px}}
@media(max-width:380px){.s4-site--sub[data-section="login"] .cc-login-form{padding:28px 18px}.s4-site--sub[data-section="login"] .cc-login-join{flex-direction:column;align-items:start}.sl-brand{padding-inline:18px;grid-template-columns:1fr}.sl-product{display:none}.s4-site--sub #mb_login .sl-brand h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.s4-site--sub[data-section="login"] #mb_login button,.s4-site--sub[data-section="login"] #mb_login input{transition:none}}

.s4-site--sub[data-section="login"] #login_info .login_if_auto label{display:inline-flex;align-items:center;min-height:44px;font-size:13px;cursor:pointer}
@media(max-width:767px){.sl-brand{display:block}.sl-product{height:175px;margin-block:10px}.s4-site--sub #mb_login .sl-brand h2{font-size:27px}.sl-brand-foot{margin-top:10px}}