.beginner-page{background:#f7f5ee}.back-home{margin-left:auto;font-weight:800;font-size:14px}.beginner-hero{background:#112c2c;color:#fff;padding:clamp(70px,9vw,125px) clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.beginner-hero h1{font:500 clamp(55px,7vw,95px)/1.05 Georgia,"Noto Serif KR",serif;letter-spacing:-.05em;margin:0}.beginner-hero h1 em{font-style:normal;color:#dbe76c}.beginner-hero>div>p:last-child{font-size:20px;color:#cad7d3}.first-finish{border:1px solid #ffffff33;padding:35px;border-left:7px solid #ef9a61}.first-finish small{color:#82c8cd;font-weight:800}.first-finish strong{display:block;font:500 clamp(22px,2.5vw,32px)/1.55 Georgia,"Noto Serif KR",serif;margin-top:16px}.readiness{padding:28px clamp(22px,7vw,110px);background:#dbe76c;display:grid;grid-template-columns:1fr 300px;gap:45px;align-items:center}.readiness p{margin:5px 0}.readiness aside>span{font-weight:800}.readiness aside>div{height:10px;background:#ffffff99;margin:7px 0;border-radius:10px;overflow:hidden}.readiness aside i{display:block;width:0;height:100%;background:#112c2c;transition:.25s}.readiness aside small{font-size:12px}.lesson-area{padding:clamp(80px,9vw,125px) clamp(22px,7vw,110px)}.lesson-intro{max-width:750px;margin-bottom:55px}.lesson-intro h2{font:500 clamp(38px,5vw,65px)/1.2 Georgia,"Noto Serif KR",serif;margin:0 0 20px}.lesson-intro>p:last-child{color:#657773}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1250px}.lesson-card{background:#fffdf7;display:grid;grid-template-columns:42% 58%;min-height:340px;border:1px solid #d8ded8}.video-place{background:#173f3a;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;min-height:240px}.video-place>span{width:58px;height:58px;border-radius:50%;border:1px solid #ffffff66;display:grid;place-items:center;padding-left:4px;color:#dbe76c}.video-place small{color:#a9bcb6}.lesson-copy{padding:25px;display:flex;flex-direction:column}.lesson-copy>small{font-size:12px;font-weight:800;color:#a75638}.lesson-copy h3{font:500 24px/1.35 Georgia,"Noto Serif KR",serif;margin:7px 0}.lesson-copy p{color:#667773;font-size:14px}.lesson-copy>div{border-top:1px solid #d8ded8;padding-top:12px;margin-top:auto}.lesson-copy>div b,.lesson-copy>div span{display:block;font-size:13px}.lesson-copy>div span{color:#657773}.lesson-copy label{margin-top:18px;background:#edf1e9;padding:12px;display:flex;align-items:center;gap:9px;font-weight:800;cursor:pointer}.lesson-copy input{width:20px;height:20px;accent-color:#173f3a}.lesson-card.done{border-color:#8caa44;box-shadow:inset 0 -5px #dbe76c}.lesson-card.done .video-place{background:#315b50}.beginner-finish{text-align:center;background:#173f3a;color:#fff;padding:100px 22px}.beginner-finish h2{font:500 clamp(40px,5vw,65px)/1.25 Georgia,"Noto Serif KR",serif;margin:0}.beginner-finish>p:not(.kicker){color:#c4d2ce;margin:25px}.beginner-finish a{display:inline-block;background:#dbe76c;color:#112c2c;padding:16px 22px;font-weight:800}
.lesson-video{padding:14px;box-sizing:border-box}.lesson-video iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}.lesson-video small{font-weight:700}
@media(max-width:900px){.beginner-hero,.readiness{grid-template-columns:1fr}.lesson-grid{grid-template-columns:1fr}.lesson-card{grid-template-columns:38% 62%}.readiness aside{max-width:400px}}
@media(max-width:600px){.beginner-hero{padding-top:60px}.beginner-hero h1{font-size:54px}.first-finish{padding:24px}.lesson-card{grid-template-columns:1fr}.video-place{min-height:200px}.lesson-copy{min-height:300px}.back-home{font-size:12px}.beginner-page .topbar .logo b{display:none}}