.login-message i { display:none }.login-link.active{color:#3157ee}.login-page{min-height:calc(100vh - 66px);padding:70px 0 30px;background:radial-gradient(circle at 10% 18%,rgba(116,132,246,.1),transparent 25%),linear-gradient(125deg,#fbfcff,#f8f9ff 60%,#fcfcff)}.login-wrap{width:min(1400px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(490px,.95fr);gap:75px;align-items:start}.login-brand{position:relative;min-height:920px;padding:55px 0 0 27px}.brand-copy{position:relative;z-index:2}.brand-copy h1{margin:0 0 25px;color:#14203c;font-size:39px;line-height:1.35;font-weight:850;letter-spacing:-.055em}.brand-copy>p{margin:0 0 45px;color:#516079;font-size:18px;line-height:1.8}.brand-benefits{display:grid;gap:28px}.brand-benefits article{display:flex;align-items:center;gap:17px}.brand-benefits article>span{width:55px;height:55px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 5px 14px rgba(47,64,107,.06);color:#4969ea}.brand-benefits svg{width:30px;height:30px;stroke-width:1.7}.brand-benefits p{margin:0}.brand-benefits strong,.brand-benefits small{display:block}.brand-benefits strong{margin-bottom:7px;color:#28344b;font-size:16px}.brand-benefits small{color:#667388;font-size:13px;line-height:1.65}.brand-photo{position:absolute;right:0;bottom:0;left:0;height:335px;overflow:hidden;border-radius:50% 50% 10px 10px;background:#eef3fa}.brand-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,250,255,.6),transparent 25%)}.brand-photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 66%}.brand-photo>span{position:absolute;z-index:2;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.88);color:#98a9ed}.brand-photo>span svg{width:31px;height:31px}.decor-bulb{top:24px;right:86px}.decor-cap{top:118px;right:25px}.brand-photo::before{content:"";position:absolute;z-index:2;top:67px;right:60px;width:100px;height:85px;border-top:2px dashed rgba(117,137,221,.25);border-right:2px dashed rgba(117,137,221,.25);border-radius:0 80% 0 0}
.login-card{min-height:760px;padding:54px 62px 45px;border:1px solid #e1e5ed;border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 12px 34px rgba(29,44,77,.075)}.login-card-head h1{margin:0 0 12px;color:#17213a;font-size:32px;font-weight:840;letter-spacing:-.045em}.login-card-head p{margin:0;color:#6a768b;font-size:14px}.login-tabs{height:67px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e0e4ec}.login-tabs button{position:relative;border:0;background:transparent;color:#687489;font-size:15px}.login-tabs button.active{color:#3158e3;font-weight:750}.login-tabs button.active::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:#3157ee}.credential-section{padding-top:31px}.login-error{margin-bottom:13px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1px solid #f1b2b8;border-radius:7px;background:#fff7f7;color:#bd3d4b;font-size:13px}.login-error svg{width:16px;height:16px;flex:0 0 auto}.login-field{height:56px;margin-bottom:15px;padding:0 15px;display:flex;align-items:center;gap:13px;border:1px solid #dce2eb;border-radius:9px;background:#fff;transition:border-color .2s,box-shadow .2s}.login-field:focus-within{border-color:#6b85ed;box-shadow:0 0 0 3px rgba(63,90,218,.08)}.login-field.error{border-color:#e98f99}.login-field>svg{width:21px;height:21px;flex:0 0 auto;color:#8a95a9}.login-field input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#2d394f;font:inherit;font-size:15px}.login-field input::placeholder{color:#a3adbd}.toggle-password{width:30px;height:30px;padding:5px;border:0;background:transparent;color:#8290a7}.toggle-password svg{width:19px;height:19px}.toggle-password.visible .eye-slash{display:none}.field-error{margin:-9px 0 12px;color:#bd3d4b;font-size:13px}.login-options{margin:19px 0 30px;display:flex;align-items:center;justify-content:space-between}.login-options label{display:flex;align-items:center;gap:8px;color:#4f5c72;font-size:14px}.login-options input{width:17px;height:17px;margin:0;accent-color:#3157ee}.login-options a{color:#3157e4;font-size:14px;text-decoration:none}.primary-login{width:100%;height:56px;border:0;border-radius:9px;background:linear-gradient(135deg,#315cf0,#4147e4);box-shadow:0 8px 17px rgba(49,87,238,.2);color:#fff;font-size:19px;font-weight:750;transition:filter .2s,transform .2s}.primary-login:hover{filter:brightness(.95);transform:translateY(-1px)}.login-divider{height:65px;display:flex;align-items:center;gap:17px;color:#717d90;font-size:14px}.login-divider::before,.login-divider::after{content:"";flex:1;height:1px;background:#e1e5ec}.social-logins{display:grid;gap:10px}.social-logins button{position:relative;height:51px;border:1px solid #dce2eb;border-radius:8px;background:#fff;color:#47546b;font-size:15px}.social-logins button:hover{border-color:#b9c5ec;background:#fbfcff}.social-logins button>span{position:absolute;top:11px;left:21px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-weight:850}.social-logins .naver{background:#20b45a;color:#fff;font-size:19px}.social-logins .kakao{background:#fee500;color:#201d17;font-size:13px}.social-logins .google{border:1px solid #e4e7ec;background:#fff;color:#4285f4;font-size:19px}.social-logins .apple{background:#050505;color:#fff;font-size:15px}.social-status{min-height:15px;margin:9px 0 0;color:#7c8798;font-size:13px;text-align:center}.signup-prompt{margin:18px 0 0;color:#647086;font-size:14px;text-align:center}.signup-prompt a{margin-left:6px;color:#3157e5;font-weight:700;text-decoration:none}.social-mode .credential-section{display:none}.social-mode .login-divider{height:38px}.social-mode .login-divider::before,.social-mode .login-divider::after{display:none}.social-mode .login-divider span{margin:auto;font-size:0}.social-mode .login-divider span::after{content:"간편 계정으로 로그인";font-size:15px;font-weight:700;color:#455169}
.login-ease{width:min(1400px,calc(100% - 64px));min-height:270px;margin:50px auto 0;padding:38px 40px;border:1px solid #e2e6ee;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 7px 22px rgba(28,43,75,.04)}.login-ease h2{margin:0 0 34px;color:#17223b;font-size:23px;font-weight:820;text-align:center}.login-ease>div{display:grid;grid-template-columns:repeat(4,1fr)}.login-ease article{position:relative;padding:0 30px;text-align:center}.login-ease article+article::before{content:"";position:absolute;top:5px;bottom:5px;left:0;width:1px;background:#e6e9ef}.login-ease article>span{width:60px;height:60px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:#eef3ff;color:#5170ed}.login-ease article:nth-child(2)>span{background:#f2edff;color:#8559e3}.login-ease article:nth-child(3)>span{background:#eaf9f7;color:#13a0a4}.login-ease article:nth-child(4)>span{background:#fff0f6;color:#e45a9f}.login-ease article svg{width:32px;height:32px;stroke-width:1.7}.login-ease h3{margin:0 0 13px;color:#263249;font-size:15px}.login-ease article p{margin:0;color:#69758a;font-size:13px;line-height:1.7}.login-footer{padding:42px 0 18px;color:#8a94a5;font-size:13px;text-align:center}.login-footer nav{display:flex;align-items:center;justify-content:center;gap:18px}.login-footer a{color:#7b8698;text-decoration:none}.login-footer i{width:1px;height:12px;background:#d6dbe3}.login-footer p{margin:15px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1200px){.login-wrap{width:min(1120px,calc(100% - 40px));grid-template-columns:minmax(0,.85fr) minmax(460px,1fr);gap:35px}.login-brand{padding-left:10px}.brand-copy h1{font-size:34px}.login-card{padding-inline:48px}.login-ease{width:min(1120px,calc(100% - 40px))}}
@media(max-width:780px){.login-page{padding-top:24px}.login-wrap{width:calc(100% - 28px);display:flex;flex-direction:column;gap:25px}.login-card{order:1;width:100%;min-height:auto;padding:34px 22px}.login-brand{order:2;width:100%;min-height:700px;padding:35px 8px 0}.brand-copy h1{font-size:30px}.brand-benefits{gap:18px}.brand-photo{height:280px}.login-ease{width:calc(100% - 28px);margin-top:25px;padding:28px 18px}.login-ease>div{grid-template-columns:1fr 1fr;gap:27px 0}.login-ease article:nth-child(3)::before{display:none}.login-ease article{padding:0 10px}.login-ease article>span{width:50px;height:50px}.login-footer{padding-inline:14px}}