:root{--ml-green:#58b62b;--ml-dark:#132513;--ml-blue:#1765c1;--ml-soft:#f4f8f1}.ml-loading,.ml-login{background:var(--ml-soft);place-items:center;min-height:100vh;font-family:Arial,Noto Sans KR,sans-serif;display:grid}.ml-login>div{background:#fff;border-radius:26px;width:min(430px,100% - 32px);padding:42px;box-shadow:0 24px 70px #315d1920}.ml-login p,.ml-library p,.ml-quiz aside>p,.ml-hero p{color:var(--ml-green);letter-spacing:.15em;font-size:10px;font-weight:900}.ml-login h1{font-size:38px}.ml-login span{color:#677565}.ml-login form{gap:10px;margin:25px 0;display:grid}.ml-login input,.ml-login button{border:1px solid #dce6d8;border-radius:12px;height:52px;padding:0 15px}.ml-login button{color:#fff;background:var(--ml-green);border:0;font-weight:900}.ml-login em{color:#c34d4d;display:block}.ml-login a{color:#315f22;text-align:center;margin-top:20px;display:block}.ml-shell{min-height:100vh;color:var(--ml-dark);background:#fff;font-family:Arial,Noto Sans KR,sans-serif}.ml-shell>header{border-bottom:1px solid #e9eee6;align-items:center;gap:35px;height:72px;padding:0 max(24px,50vw - 590px);display:flex}.ml-shell>header>a{color:var(--ml-green);font-size:20px;font-weight:900;text-decoration:none}.ml-shell>header>a b{color:var(--ml-dark);margin-left:8px;font-size:13px}.ml-shell nav{gap:25px;display:flex}.ml-shell nav a{color:#53604f;font-size:11px;font-weight:800;text-decoration:none}.ml-shell>header>span{margin-left:auto;font-size:11px;font-weight:900}.ml-hero{background:linear-gradient(135deg,#f7fbf4,#eaf5e4);justify-content:space-between;align-items:center;min-height:500px;padding:75px max(24px,50vw - 590px);display:flex}.ml-hero h1{letter-spacing:-.06em;margin:18px 0;font-size:55px;line-height:1.05}.ml-hero h1 strong{color:var(--ml-green)}.ml-hero>div>span{color:#61705e;line-height:1.7;display:block}.ml-hero a{color:#fff;background:var(--ml-dark);border-radius:30px;margin-top:28px;padding:16px 24px;font-weight:900;text-decoration:none;display:inline-block}.ml-hero-ring{border-radius:50%;place-items:center;width:260px;height:260px;padding:22px;display:grid;box-shadow:0 25px 60px #39721b2b}.ml-hero-ring i{text-align:center;background:#fff;border-radius:50%;place-content:center;width:100%;height:100%;font-style:normal;display:grid}.ml-hero-ring b{font-size:48px}.ml-hero-ring small{color:#6a7866}.ml-library{padding:70px max(24px,50vw - 590px)}.ml-library h2{font-size:32px}.ml-library>div:last-child{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ml-library button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e8dc;border-radius:17px;gap:8px;padding:22px;display:grid}.ml-library button.on{border-color:var(--ml-green);background:#f4fbef}.ml-library em{color:var(--ml-green);font-size:10px;font-style:normal;font-weight:900}.ml-library strong{font-size:15px}.ml-library span,.ml-library small{color:#687665;font-size:10px}.ml-quiz{background:#f4f7fb;grid-template-columns:230px 1fr;gap:18px;padding:60px max(24px,50vw - 590px);display:grid}.ml-quiz aside,.ml-quiz>article{background:#fff;border-radius:20px;padding:24px}.ml-quiz aside>button{text-align:left;cursor:pointer;background:#f1f5ef;border:0;border-radius:10px;width:100%;margin:5px 0;padding:13px;font-weight:800}.ml-quiz aside>button.on{color:#fff;background:var(--ml-green)}.ml-quiz aside>div{text-align:center;background:#eff8eb;border-radius:16px;margin-top:28px;padding:20px}.ml-quiz aside>div b,.ml-quiz aside>div span,.ml-quiz aside>div small{display:block}.ml-quiz aside>div b{color:var(--ml-green);font-size:35px}.ml-quiz>article>header{justify-content:space-between;display:flex}.ml-quiz>article>header span{color:var(--ml-green);font-size:10px;font-weight:900}.ml-quiz>article h2{margin:7px 0;font-size:26px}.ml-listen,.ml-order,.ml-quiz textarea{box-sizing:border-box;border:1px solid #e0e7dc;border-radius:16px;min-height:220px;margin-top:25px;padding:30px}.ml-listen{text-align:center;place-content:center;display:grid}.ml-listen button{color:#fff;background:var(--ml-blue);border:0;border-radius:30px;padding:15px 24px;font-weight:900}.ml-listen p{font-size:18px}.built,.tokens{background:#f4f7fb;border-radius:12px;min-height:70px;padding:12px}.tokens{margin-top:10px}.built button,.tokens button{cursor:pointer;background:#fff;border:1px solid #d9e1eb;border-radius:9px;margin:4px;padding:9px 11px}.ml-quiz textarea{width:100%;font:inherit;font-size:18px}.ml-result{border-radius:12px;margin-top:12px;padding:15px}.ml-result.ok{color:#1b7235;background:#eaf8ed}.ml-result.wrong{color:#a93f3f;background:#fff0f0}.ml-quiz article>footer{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.ml-quiz article>footer button{color:#fff;background:var(--ml-green);border:0;border-radius:10px;padding:13px 18px;font-weight:900}.ml-quiz article>footer button:last-child{background:var(--ml-dark)}.ml-footer{text-align:center;color:#70806c;background:#f5f8f3;padding:35px}@media (max-width:800px){.ml-shell>header nav{display:none}.ml-hero{flex-direction:column;align-items:flex-start;gap:45px;min-height:auto;padding-top:55px}.ml-hero h1{font-size:40px}.ml-hero-ring{align-self:center;width:210px;height:210px}.ml-library>div:last-child{grid-template-columns:1fr 1fr}.ml-quiz{grid-template-columns:1fr}.ml-quiz aside{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.ml-quiz aside>p,.ml-quiz aside>div{grid-column:1/-1}.ml-login>div{padding:28px}}@media (max-width:480px){.ml-library>div:last-child{grid-template-columns:1fr}.ml-quiz{padding:30px 14px}.ml-quiz aside{grid-template-columns:1fr}.ml-hero h1{font-size:34px}}
.ml-login-page{color:#0b1735;background:#fff;min-height:100vh;font-family:Arial,Noto Sans KR,sans-serif}.ml-public-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;gap:25px;height:76px;padding:0 max(20px,50vw - 600px);display:flex;position:sticky;top:0}.ml-public-brand{color:#071a45;flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.ml-public-brand span{color:#fff;background:#1459d9;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.ml-public-brand b{font-size:16px}.ml-public-header nav{align-items:center;gap:28px;display:flex}.ml-public-header nav a{color:#59657a;white-space:nowrap;font-size:13px;font-weight:800;text-decoration:none}.ml-public-header nav .ml-home-link,.ml-public-header nav .ml-admin-login{color:#0c3477;background:#f7faff;border:1px solid #cbdaf1;border-radius:10px;padding:12px 15px}.ml-public-header nav .ml-student-login{color:#fff;background:#1459d9;border-radius:10px;padding:13px 18px}.ml-public-header nav .ml-consult{color:#fff;background:#071a45;border-radius:10px;padding:13px 18px}.ml-login-hero{background:radial-gradient(circle at 82% 18%,#dce9ff 0,#0000 30%),linear-gradient(135deg,#fbfdff,#f2f6fc);grid-template-columns:1.05fr .95fr;align-items:center;gap:85px;min-height:calc(100vh - 76px);padding:75px max(24px,50vw - 570px);display:grid}.ml-login-copy>p,.ml-login-card>p{color:#1459d9;letter-spacing:.15em;font-size:10px;font-weight:900}.ml-login-copy h1{color:#071a45;letter-spacing:-.065em;margin:18px 0;font-size:clamp(46px,5vw,66px);line-height:1.12}.ml-login-copy h1 strong{color:#1459d9}.ml-login-copy>span{color:#68758a;max-width:600px;font-size:15px;line-height:1.8;display:block}.ml-login-features{flex-wrap:wrap;gap:9px;margin-top:34px;display:flex}.ml-login-features i{color:#43516a;background:#fff;border:1px solid #d8e2ef;border-radius:999px;padding:10px 13px;font-size:11px;font-style:normal;font-weight:800}.ml-login-card{background:#fff;border:1px solid #dce5f1;border-radius:24px;padding:38px;box-shadow:0 28px 75px #12366e24}.ml-login-card h2{margin:8px 0 9px;font-size:34px}.ml-login-card>span{color:#707c8e;font-size:12px}.ml-login-card form{gap:14px;margin:27px 0 14px;display:grid}.ml-login-card label{gap:7px;display:grid}.ml-login-card label>b{color:#48566b;font-size:11px}.ml-login-card input{height:52px;font:inherit;border:1px solid #d4deeb;border-radius:11px;outline:0;padding:0 14px}.ml-login-card input:focus{border-color:#1459d9;box-shadow:0 0 0 3px #1459d91a}.ml-login-card form>button{color:#fff;cursor:pointer;background:#1459d9;border:0;border-radius:11px;justify-content:space-between;align-items:center;height:54px;margin-top:4px;padding:0 17px;font-weight:900;display:flex}.ml-login-card em{color:#b63d3d;background:#fff0f0;border-radius:9px;margin-top:10px;padding:10px;font-size:11px;font-style:normal;display:block}.ml-login-card>small{color:#8a94a4;text-align:center;display:block}@media (max-width:1050px){.ml-public-header nav>a:not(.ml-student-login):not(.ml-admin-login){display:none}.ml-public-header nav{gap:8px}}@media (max-width:800px){.ml-login-hero{grid-template-columns:1fr;gap:40px;padding-top:55px}.ml-login-card{padding:28px}}@media (max-width:560px){.ml-public-header{height:66px;padding-inline:14px}.ml-public-brand b{font-size:13px}.ml-public-header nav .ml-admin-login{display:none}.ml-public-header nav .ml-student-login{padding:11px 12px;font-size:11px}.ml-login-hero{padding:48px 16px}.ml-login-copy h1{font-size:39px}}
:root{--ml-green:#72b94a;--ml-dark:#234029;--ml-blue:#63a946;--ml-soft:#f2f9ed}.ml-login-page,.ml-shell{background:#fbfef9}.ml-public-header{background:#fffffff5;border-color:#dcebd4}.ml-public-brand span,.ml-public-header nav .ml-student-login,.ml-login-card form>button{background:#68ad43}.ml-public-header nav .ml-home-link,.ml-public-header nav .ml-admin-login{color:#376827;background:#f7fcf4;border-color:#cfe4c4}.ml-public-header nav .ml-consult{background:#29492d}.ml-login-hero{background:radial-gradient(circle at 82% 18%,#dff1d4 0,#0000 31%),linear-gradient(135deg,#fbfef9,#eff8e9)}.ml-login-copy>p,.ml-login-card>p,.ml-login-copy h1 strong{color:#5b9f39}.ml-login-card{border-color:#d7e8cf;box-shadow:0 28px 75px #345f2721}.ml-login-card input:focus{border-color:#68ad43;box-shadow:0 0 0 3px #68ad431f}.ml-login-tabs{background:#eef6e9;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;margin:-10px 0 24px;padding:5px;display:grid}.ml-login-tabs button{color:#64745f;cursor:pointer;background:0 0;border:0;border-radius:9px;height:42px;font-weight:900}.ml-login-tabs button.on{color:#fff;background:#68ad43;box-shadow:0 7px 18px #467e2b2e}.ml-series-tabs{gap:8px;margin:20px 0;display:flex}.ml-series-tabs button{color:#46613f;cursor:pointer;background:#fff;border:1px solid #cfe0c7;border-radius:999px;padding:11px 18px;font-weight:900}.ml-series-tabs button.on{color:#fff;background:#68ad43;border-color:#68ad43}.ml-write-quiz{background:#fbfef9;border:1px solid #dce9d6;border-radius:16px;min-height:250px;margin-top:25px;padding:28px}.ml-write-quiz>button{color:#fff;cursor:pointer;background:#548f38;border:0;border-radius:999px;padding:13px 19px;font-weight:900}.ml-write-quiz>p{color:#53664e;font-size:16px;line-height:1.7}.ml-write-quiz textarea{background:#fff;min-height:90px!important;margin-top:8px!important}.ml-hero{background:linear-gradient(135deg,#f8fcf5,#eaf6e3)}.ml-library button.on{background:#f3faef;border-color:#68ad43}.ml-quiz{background:#f0f7ec}.ml-quiz aside>button.on,.ml-quiz article>footer button{background:#68ad43}.ml-hero-ring{background:conic-gradient(#72b94a 100%,#e7f0e2 0)!important}@media (max-width:1050px){.ml-public-header nav>a:not(.ml-student-login):not(.ml-admin-login){display:none}}.ml-mixed-choices{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.ml-mixed-choices button{color:#244b2d;cursor:pointer;background:#f8fff5;border:1px solid #bfdab7;border-radius:12px;padding:16px;font-size:16px;font-weight:850}.ml-mixed-choices button.selected{color:#fff;background:#4f9859;border-color:#4f9859}@media (max-width:560px){.ml-mixed-choices{grid-template-columns:1fr}}
.ml-library .ml-series-tabs button.on{color:#fff!important;background:#5b9f39!important;border-color:#5b9f39!important}.ml-public-header nav .ml-quiz-login{color:#fff;background:#78b657;border-radius:10px;padding:13px 16px}.ml-public-header nav .ml-admin-login{color:#2f5f25;background:#eef8e9;border-color:#bcd8ad;padding:13px 16px}.ml-public-header nav a{font-weight:850}@media (max-width:1050px){.ml-public-header nav>a.ml-quiz-login,.ml-public-header nav>a.ml-admin-login,.ml-public-header nav>a.ml-student-login{display:inline-flex}}