.kr-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:650px;background:#eee7d8;color:#2b3426;max-width:1600px;margin:35px auto 55px;border:1px solid #dbcfb6;border-radius:7px;overflow:hidden}.kr-login__visual{position:relative;min-height:650px;background:#21180f;overflow:hidden}.kr-login__visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:73% center;opacity:.78}.kr-login__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#19190eea,transparent 75%)}.kr-login__story{position:absolute;bottom:55px;left:45px;right:30px;z-index:1;color:#fff4df}.kr-login__story>span,.kr-login__eyebrow{font-size:.62rem;letter-spacing:.2em;font-weight:600;color:#c5a76c}.kr-login__story h2{font-size:clamp(2.7rem,4vw,4.5rem);line-height:1.06;margin:22px 0;font-weight:400;letter-spacing:-.03em}.kr-login__story em{color:#dec18a}.kr-login__story p{font-size:.9rem;line-height:1.8;color:#ddd5bf}.kr-login__story a{display:inline-block;margin-top:24px;padding-bottom:7px;border-bottom:1px solid #a98a50;font-size:.76rem}.kr-login__panel{display:flex;align-items:center;justify-content:center;padding:55px 40px;background:linear-gradient(140deg,#f6f1e5,#e9e0cf)}.kr-login__form{width:100%;max-width:400px}.kr-login__eyebrow{color:#85703d}.kr-login h1{font-size:clamp(2.1rem,3vw,3.2rem);font-weight:400;line-height:1.1;margin:20px 0 15px;letter-spacing:-.03em}.kr-login__lead{color:#666552;font-size:.85rem;line-height:1.8;margin-bottom:30px}.kr-login__field{margin-bottom:20px}.kr-login__field label{display:block;font-size:.76rem;font-weight:550;margin-bottom:8px;color:#50583f}.kr-login__field input{width:100%;min-height:49px;border:1px solid #beae8c;border-radius:4px;background:#faf6ed;color:#2b3426;padding:13px 14px;font:inherit;font-size:.9rem}.kr-login__field input:focus{outline:2px solid #8c986c;outline-offset:2px}.kr-login__password{position:relative}.kr-login__password input{padding-right:75px}.kr-login__password button{position:absolute;right:10px;top:0;bottom:0;color:#78633b;font-size:.72rem;padding:8px}.kr-login__help{text-align:right;margin:-4px 0 24px;font-size:.75rem}.kr-login__submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;background:#35462b;color:#fff5df;padding:13px 20px;border-radius:4px;font-size:.85rem;font-weight:600}.kr-login__submit:hover{background:#485d39}.kr-login__register{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #cfc0a4;margin-top:28px;padding-top:22px;font-size:.77rem}.kr-login__register span{color:#696853}.kr-login__register a{font-weight:600;color:#6b572f}.kr-login__back{display:inline-block;margin-top:28px;color:#6c705b;font-size:.72rem}.kr-login__error{background:#f1d9cc;border:1px solid #b47f65;color:#783d29;padding:13px;font-size:.8rem;line-height:1.6;border-radius:4px;margin:0 0 20px}.kr-login a:focus-visible,.kr-login button:focus-visible{outline:2px solid #af8e4f;outline-offset:3px}@media(max-width:1000px){.kr-login{margin:22px 20px 40px}.kr-login__panel{padding:40px 30px}.kr-login__story{left:28px;bottom:35px}}@media(max-width:700px){.kr-login{display:flex;flex-direction:column;margin:18px 16px 35px;min-height:0}.kr-login__panel{order:0;padding:30px 22px}.kr-login__visual{order:1;min-height:230px}.kr-login__story{bottom:24px;left:24px}.kr-login__story h2{font-size:2.2rem;margin:12px 0}.kr-login__story p,.kr-login__story>a{display:none}.kr-login h1{font-size:2.4rem}.kr-login__field input{font-size:16px}.kr-login__lead{margin-bottom:24px}.kr-login__register{font-size:.74rem}.kr-login__story>span{font-size:.5rem}}

.kr-login__register .kr-login__join{display:block;flex-basis:100%;text-align:center;border:1px solid #9b875c;padding:12px;border-radius:4px;margin-top:5px}.kr-login__join:hover{background:#e5d9bf}