:root{--primary:#2785f7;--primary-100:#004fb1}body,html{height:100%}.signin-conatainer{align-items:center;justify-content:center;padding:80px 120px}.signin-conatainer,.signin-content{display:flex;height:100%;width:100%}.signin-content{align-items:stretch;background:#fff;border-radius:30px;box-shadow:0 4px 20px #0000001a;justify-content:flex-start;max-width:1200px;overflow:hidden}.signin-banner{background:#2785f7;background:var(--primary);flex-grow:1;padding:50px;text-align:center}.signin-banner .signin-logo{filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1)}.signin-banner p{color:#fff;font-size:24px;font-weight:600;line-height:1.4}.signin-banner>img{width:426px}.signin-form-area{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;padding:50px;width:500px}.signin-logo{margin-bottom:30px;text-align:center}.signin-form{margin:auto 0}.signin-tablist{align-items:stretch;border-bottom:1px solid #eee;display:flex;gap:30px;justify-content:center;margin-bottom:20px}.signin-tablist li{border-bottom:4px solid #fff;color:#999;cursor:pointer;font-size:21px;font-weight:500;padding:15px 8px 12px;text-align:center}.signin-tablist li.active{border-color:#2785f7;border-color:var(--primary);color:#000}.signin-input{align-items:center;border:1px solid #ddd;border-radius:5px;display:flex;font-size:16px;gap:12px;height:58px;justify-content:flex-start;overflow:hidden;padding:0 18px}.signin-input+.signin-input{margin-top:30px}.signin-input input{border:0;height:100%;padding:0;width:100%}.signin-input input:focus{outline:none}.signin-input .input-icons,.signin-input input::placeholder{color:#999}.signin-input .input-icons{font-size:20px}.signin-input:focus-within{border-color:#2785f7;border-color:var(--primary)}.signin-input:focus-within .input-icons{color:#2785f7;color:var(--primary)}.signin-input .fa-eye{color:#000}.signin-input .fa-eye-slash{color:#999}.signin-input button{background:#0000;border:0;cursor:pointer;flex-shrink:0;height:24px;padding:0;text-align:center;width:24px}.signin-input input:not([type=""])~button .fa-eye,.signin-input input:not([type=password])~button .fa-eye-slash{display:none}.signin-tool{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-top:30px}.signin-tool>a{color:#999;text-decoration:none}.signin-tool>a:hover{color:#004fb1;color:var(--primary-100);text-decoration:underline;text-underline-position:under}.signin-tool .checkbox-group{margin-right:auto}.signin-tool .checkbox-group *{cursor:pointer}.signin-tool .checkbox-group input[type=checkbox]{margin-top:0}.signin-form-controls{align-items:center;display:flex;justify-content:flex-start;margin-top:40px}.signin-form-controls button{background:#2785f7;background:var(--primary);border:1px solid #2785f7;border:1px solid var(--primary);border-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:48px;margin-bottom:0;width:100%}.signin-form-controls button:hover{background:#004fb1;background:var(--primary-100)}.signin-form-controls button:active{opacity:.8}.signin-induce{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.signin-induce p{color:#333}.signin-induce a{color:#2785f7;color:var(--primary);text-decoration:none}.signin-induce a:hover{color:#004fb1;color:var(--primary-100);text-decoration:underline;text-underline-position:under}.social-login-api{margin-top:24px}.button-kakaotalk{align-items:center;background:#feea33;border-radius:10px;color:#422920;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:48px;justify-content:center;text-decoration:none;width:100%}@media (max-width:1024px){.signin-conatainer{align-items:flex-start;height:auto;padding:80px}.signin-content{flex-direction:column}.signin-banner{align-items:center;border-bottom:4px solid #f4f6fb;display:flex;flex-grow:inherit;gap:20px;justify-content:space-between;padding:20px 50px}.signin-banner .signin-logo{display:none}.signin-banner p{font-size:19px;text-align:left}.signin-banner>img{width:190px}.signin-form-area{flex-grow:1;width:100%}}@media (max-width:768px){.signin-conatainer{border-radius:0;height:100%;padding:0}.signin-content{border-radius:0;overflow:auto}.signin-banner{border-bottom:0;border-top:4px solid #e5e7ec;order:2;padding:20px;position:relative}.signin-banner h1{margin:10px 0;position:relative;z-index:10}.signin-banner p{font-size:14px}.signin-banner>img{bottom:0;margin:10px;position:absolute;right:0;width:120px;z-index:0}.signin-form-area{padding:50px 20px}.signin-form{align-items:stretch;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start}.signin-tool{margin-bottom:auto}}
/*# sourceMappingURL=main.627537cb.css.map*/