:root{font-family:'Noto Sans KR','Arial',sans-serif;color:#322b3d}*{box-sizing:border-box}body{margin:0;background:#f9f6f0}.login-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.brand{position:relative;overflow:hidden;background:#dcd3ed;padding:48px 8vw;display:flex;flex-direction:column;justify-content:center}.brand:before,.brand:after{content:'';position:absolute;border:1px solid #ffffff82;border-radius:50%;width:700px;height:700px;left:-310px;top:-320px}.brand:after{width:480px;height:480px;left:auto;right:-280px;top:auto;bottom:-220px}.logo{position:absolute;top:44px;left:8vw;font-size:28px;color:#7e5db3;font-weight:900}.logo span{font-size:21px;letter-spacing:-1px;color:#342b42}.orbit{position:relative;align-self:center;width:330px;height:300px;margin:40px 0}.little-face{position:absolute;left:56px;top:48px;width:216px;height:194px;border-radius:49% 49% 46% 46%;background:#f4d8af;box-shadow:0 18px 0 #c9afd9,0 30px 42px #907dac55;z-index:2}.little-face:after{content:'';position:absolute;bottom:-41px;left:17px;background:#aa91cb;width:186px;height:81px;border-radius:80px 80px 10px 10px;z-index:-1}.ear{position:absolute;top:-44px;width:82px;height:105px;background:#f4d8af;border-radius:80% 80% 18% 18%;transform:rotate(-20deg)}.ear.right{right:2px;transform:rotate(20deg)}.ear.left{left:2px}.eyes{position:absolute;top:77px;left:57px;color:#413b49;font-size:38px;letter-spacing:12px}.mouth{position:absolute;top:118px;left:97px;font-size:27px}.cheek{position:absolute;top:116px;background:#f2a8a8;width:32px;height:12px;border-radius:50%}.c1{left:37px}.c2{right:37px}.star{position:absolute;color:#fff8d5;font-size:46px}.s1{left:0;top:44px}.s2{right:0;bottom:23px}.float-note{position:absolute;z-index:3;right:-45px;top:40px;transform:rotate(9deg);border-radius:18px;background:#fff7eb;box-shadow:0 8px 24px #8a70a541;padding:15px;color:#9678ad;font-weight:900;text-align:center;line-height:1.1}.brand h1{font-size:clamp(40px,4vw,61px);letter-spacing:-3px;line-height:1.17;margin:0}.brand h1 em{font-style:normal;color:#7553a9}.brand p{font-size:18px;line-height:1.8;color:#62576f}.sparkle{position:absolute;bottom:40px;color:#8e72b5}.entry{display:flex;align-items:center;justify-content:center;padding:45px}.form-box{width:min(100%,410px)}.tiny{font-size:11px;letter-spacing:2px;font-weight:900;color:#9278ae}.form-box h2{font-size:33px;letter-spacing:-1.7px;margin:16px 0 4px}.sub{color:#8c8792;margin:0 0 39px}.form-box label{display:block;font-size:13px;font-weight:900;margin:22px 0 9px}.form-box input{font:inherit;width:100%;border:1px solid #e5dfe9;background:white;border-radius:14px;padding:15px 17px;outline:none}.form-box input:focus{border-color:#9d79c4;box-shadow:0 0 0 4px #cbb6e452}.form-box input::placeholder{color:#b9b4bc}.form-box button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;border:0;border-radius:14px;background:#7355a4;color:white;font:900 15px 'Noto Sans KR',sans-serif;padding:17px 20px;cursor:pointer}.form-box button:hover{background:#62448f}.form-box button:disabled{opacity:.6}.form-box button span{font-size:21px}.foot{border-top:1px solid #ebe6ea;margin-top:42px;padding-top:20px;color:#a29aa5;font-size:12px;display:flex;justify-content:space-between}#error{color:#cf5361;font-size:13px;min-height:18px;margin:12px 0 0}@media(max-width:780px){.login-wrap{grid-template-columns:1fr}.brand{min-height:330px;padding:90px 8vw 30px}.logo{top:26px}.orbit{width:140px;height:130px;position:absolute;right:20px;top:40px;transform:scale(.48);transform-origin:top left}.brand h1{font-size:35px}.brand p{font-size:14px;margin-bottom:0}.sparkle{display:none}.entry{padding:50px 8vw}}