/* P09 로그인. 기존 SERVER-EDU PLUGIN_login/css/login.css #Login_nav_wrap(6~10행)·#getStart(189~233행) 값을 따른다. */
.minimal-header { border-bottom:1px solid #f0f0f0; font-size:13px; }
.minimal-header__inner { display:flex; justify-content:space-between; align-items:center; height:35px; padding:0 20px; }
.minimal-header__logo { display:flex; align-items:center; }
.minimal-header__logo img { height:20px; width:auto; }
.minimal-header a:hover { text-decoration:underline; }
.minimal-header__logo:hover { text-decoration:none; }

.login { display:flex; justify-content:center; padding:0 16px; }
.login__wrap { width:328px; max-width:100%; margin:70px 0 50px; text-align:center; }
.login h1 { margin-bottom:12px; font-size:28px; font-weight:700; color:#000; }
.login__lead { font-size:17px; line-height:20px; color:#666; }
.login-notice { margin-top:28px; padding:14px 16px; border-radius:2px; background:#f6f7f9; text-align:left; font-size:14px; line-height:1.6; color:#454545; }
.login-notice--error { background:#fff1ef; color:#c4371b; }
.login-notice a { display:inline-block; margin-top:6px; font-weight:600; color:#242424; text-decoration:underline; }
.login-sns { display:flex; flex-direction:column; gap:8px; padding-top:40px; }
.login-sns__button { position:relative; display:flex; align-items:center; justify-content:center; height:52px; border:1px solid #e0e0e0; border-radius:2px; background:#fff; font-size:16px; font-weight:500; color:#333; }
.login-sns__button img { position:absolute; left:24px; top:50%; margin-top:-10px; }
.login-sns__button--kakao { border-color:#d9c300; background:#fee500; color:#000; }
.login-sns__button:hover { filter:brightness(.97); }
.login__or { margin:20px 0; font-size:13px; color:#999; }
.login-form { display:flex; flex-direction:column; gap:8px; }
.login-form input { width:100%; height:52px; padding:0 24px; border:1px solid #e0e0e0; border-radius:2px; font-size:16px; color:#000; }
.login-form input::placeholder { color:#aaa; }
.login-form input:focus { border-color:#000; outline:none; transition:border-color .3s; }
.login-form input:focus-visible { box-shadow:0 0 0 2px #00000014; }
.login-form input[aria-invalid="true"] { border-color:#e74c3c; }
.login-form__submit { height:52px; border:1px solid #333; border-radius:2px; background:#333; color:#fff; font-size:16px; font-weight:600; cursor:pointer; transition:background-color .3s; }
.login-form__submit:hover { background:#000; border-color:#000; }
.login-form__submit:disabled { background:#f5f5f5; border-color:#d9d9d9; color:rgba(0,0,0,.25); cursor:not-allowed; }
.login-etc { display:flex; justify-content:space-evenly; align-items:center; margin-top:20px; }
.login-etc a { display:flex; align-items:center; gap:8px; font-size:13px; color:#666; }
.login-etc a:hover { color:#333; text-decoration:underline; }
.login-etc__icon { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid #e0e0e0; border-radius:50%; }
.login-account { display:flex; justify-content:space-evenly; align-items:center; margin-top:20px; padding-top:20px; border-top:1px dashed #e0e0e0; }
.login-account p { margin-bottom:6px; color:#b2b1ad; font-size:13px; }
.login-account a { font-size:13px; font-weight:500; color:#666; text-decoration:underline; }
.login-guest { display:flex; flex-direction:column; gap:10px; margin-top:40px; }
.login-guest a { display:block; line-height:52px; border:1px solid #e0e0e0; border-radius:2px; font-size:16px; color:#555; transition:background-color .3s; }
.login-guest a:hover { background:#f2f4f6; color:#000; }
.login-guest .login-guest__order { border-color:#333; color:#333; font-weight:600; }
.login-guest__note { padding:12px; border-radius:2px; background:#f6f7f9; font-size:14px; color:#555; }

/* P23 비회원 주문조회(같은 간소 레이아웃) */
.guest-order-form { margin-top:40px; }
.login-notice + .guest-order-form { margin-top:20px; }
.guest-order-help { margin-top:20px; font-size:13px; }
.guest-order-review { margin-top:16px; color:#999; font-size:12px; }

@media(max-width:767px) {
    .login__wrap { margin:40px 0 50px; }
    .login h1 { font-size:24px; }
    .login__lead { font-size:15px; }
}
