:root{--navy:#13263e;--blue:#1756cf;--light:#f0f6ff;--muted:#56677c;--line:#d7e1ed;--white:#fff;--red:#dc4854;--body:17px;--heading:clamp(29px,4vw,44px);--hero:clamp(32px,5.2vw,64px);--width:1000px;--section-space:100px;--radius:8px;--font:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--navy);font-family:var(--font);font-size:var(--body);line-height:1.65;word-break:keep-all;background:var(--white)}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,p,figure{margin:0}h1,h2{line-height:1.4;letter-spacing:-.055em;font-weight:800}h1{font-size:var(--hero);line-height:1.32}h2{font-size:var(--heading)}strong{font-weight:750}.accent,.description strong{color:var(--blue)}.section{text-align:center;padding:var(--section-space) 24px}.description{margin-top:25px;color:var(--muted);font-size:19px;line-height:1.9}.header{height:92px;max-width:1200px;margin:auto;padding:0 32px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.8px;line-height:1.2}.brand-korean{display:block;font-size:10px;letter-spacing:2px;font-weight:500;margin-top:5px}.brand-mark{font-size:35px;letter-spacing:-7px;color:var(--blue);padding-right:9px}.brand-mark span{color:var(--navy)}.hero{padding-top:38px;padding-bottom:0;background:var(--white)}.hero-candles{display:flex;justify-content:center;gap:8px;height:45px;margin-bottom:24px;align-items:center}.hero-candles i{position:relative;display:block;background:var(--red);width:9px;height:23px}.hero-candles i:before{position:absolute;content:'';width:1px;height:38px;left:4px;top:-8px;background:inherit}.hero-candles i:nth-child(2){background:var(--blue);height:15px;transform:translateY(6px)}.hero-candles i:nth-child(3){height:27px;transform:translateY(-3px)}.hero-offer{margin:31px 0 22px;font-size:18px}.hero-offer strong{color:var(--blue)}.ebook-line{font-size:15px;color:var(--muted);margin-top:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;min-height:60px;padding:16px 30px;color:white;background:var(--blue);border:0;border-radius:var(--radius);font-weight:700;font-size:18px;text-decoration:none;cursor:pointer;transition:background .15s}.button:hover{background:#1045ac}.button span{font-size:23px;font-weight:400}.hero-baseline{height:1px;background:var(--line);max-width:var(--width);margin:76px auto 0}.empathy{padding-top:72px;padding-bottom:68px}.empathy h2{font-size:32px}.conflict-chart{position:relative;width:min(410px,100%);margin:24px auto 17px}.chart svg{width:100%;height:auto;display:block}.conflict-chart .chart{opacity:.8}.bubble{position:absolute;font-size:14px;font-weight:700;padding:7px 17px;border-radius:8px;background:white;box-shadow:0 3px 18px #13263e12;border:1px solid var(--line)}.bubble:after{content:'';position:absolute;width:8px;height:8px;background:inherit;border-right:1px solid var(--line);border-bottom:1px solid var(--line);bottom:-5px;left:20px;transform:rotate(45deg)}.buy{left:19%;top:5%;color:#bc3440}.wait{right:7%;top:25%;color:var(--blue)}.caption{font-size:12px;color:var(--muted);line-height:1.7}.question{font-size:24px;line-height:1.6}.question strong{font-size:28px}.difference{background:var(--light)}.comparison{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;gap:16px;max-width:var(--width);margin:42px auto 0}.comparison figure{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px 12px}.comparison .clear-chart{border-color:#a5bee7}.chart-label{text-align:left;font-size:13px;font-weight:600;margin-bottom:12px;color:var(--muted)}.clear-chart .chart-label{color:var(--blue)}.comparison-arrow{color:var(--blue);font-size:28px}.lesson-layout{max-width:var(--width);margin:44px auto 0;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.asset{background:#f1f4f8;border:1px dashed #b7c4d5;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:var(--muted)}.asset-cross{font-size:26px;color:#8295ad;font-weight:300;margin-bottom:8px}.asset p{font-size:16px}.asset small{font-size:11px;margin-top:7px}.lesson-asset{aspect-ratio:16/9;border-radius:var(--radius)}.asset img{width:100%;height:100%;object-fit:contain}.benefits{background:#f7f9fc}.benefit-copy{margin:27px 0 35px;font-size:22px;line-height:1.6}.benefit-copy strong{color:var(--blue)}.benefit-copy>span{font-size:20px;color:#7b8ba1}.benefit-assets{display:flex;align-items:center;justify-content:center;gap:28px;max-width:680px;margin:0 auto 38px}.screen-mock{width:440px;max-width:68%;background:white;border:1px solid #bccadc;border-radius:9px;overflow:hidden;box-shadow:0 14px 35px #1b365512}.screen-top{height:24px;border-bottom:1px solid var(--line);display:flex;gap:4px;align-items:center;padding:0 11px}.screen-top i{width:4px;height:4px;border-radius:50%;background:#9aacbf}.screen-mock .asset{aspect-ratio:16/9;border:0}.screen-caption{font-size:12px;padding:11px}.screen-caption strong{color:var(--blue)}.book-mock{width:164px;max-width:28%;box-shadow:8px 9px 0 #dce4ee;transform:rotate(4deg)}.book-mock .asset{aspect-ratio:2/3;padding:16px 10px;border:1px solid #9db6dd;background:#e6effe;justify-content:space-between;align-items:flex-start;text-align:left;color:var(--blue);border-left:7px solid #c8d9f5}.book-mock .asset>span{font-size:10px;letter-spacing:-.5px}.book-mock .asset p{font-size:24px;line-height:1.4;font-weight:700}.book-mock .asset small{font-size:10px}.operations{max-width:660px;margin:0 auto;text-align:left;border-top:1px solid var(--line)}.operations>div{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.operations dd{margin:0;color:var(--muted);flex-shrink:0}.application{background:#eaf2ff}.application-offer{margin-top:22px;color:var(--blue);font-size:17px}form{max-width:520px;margin:38px auto 0;text-align:left}.preview-notice{font-size:12px;padding:13px 0;margin-bottom:24px;border-top:1px solid #becde4;border-bottom:1px solid #becde4;color:#405574}.field{margin:0 0 23px;border:0;padding:0;min-width:0}.field>label,.field legend{display:block;font-size:14px;font-weight:650;margin-bottom:9px}.field label span,.field legend span{font-size:11px;color:var(--muted);font-weight:400}.field>input{width:100%;height:54px;background:white;border:1px solid #b8c8de;border-radius:6px;padding:0 15px;font-size:16px;color:var(--navy)}input::placeholder{color:#69798d}.error{color:#ae2536;font-size:12px;margin-top:6px;min-height:0}.error:empty{display:none}input[aria-invalid=true]{border-color:#ae2536}.difficulty{margin-top:30px}.difficulty legend{margin-bottom:14px}.difficulty>label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;min-height:44px;margin:0;cursor:pointer}input[type=radio],input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);margin:0;flex-shrink:0}.consents{padding-top:23px;border-top:1px solid #bdcde5;margin-top:28px}.consent-note{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:15px}.check-label{display:flex;gap:10px;align-items:center;font-size:13px;min-height:44px;cursor:pointer}.consents .caption{padding-left:28px;font-size:11px}form .button{width:100%;margin-top:24px;gap:20px}.form-status:not(:empty){padding:15px;border:1px solid #8eacd9;background:white;color:var(--navy);font-size:14px;margin-top:24px;border-radius:6px}footer{padding:30px 32px;max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.footer-brand{font-size:17px;font-weight:750;color:var(--navy)}.skip-link{position:fixed;top:-100px;left:15px;z-index:5;background:white;padding:10px}.skip-link:focus{top:10px}
@media(min-width:1100px){.hero .button{min-width:330px}.hero{padding-top:48px}.hero-baseline{margin-top:88px}}
@media(max-width:600px){:root{--section-space:65px;--heading:29px}.header{height:72px;padding:0 22px}.brand{font-size:18px}.brand-mark{font-size:31px}.section{padding-left:22px;padding-right:22px}.hero{padding-top:20px;padding-bottom:0}.hero-candles{margin-bottom:19px;height:34px}h1{font-size:32px;letter-spacing:-.065em}.description{font-size:15px;margin-top:22px;line-height:1.85}.hero-offer{font-size:15px;margin-top:26px;margin-bottom:19px}.ebook-line{font-size:13px}.hero .button{width:100%;max-width:340px}.button{font-size:16px;min-height:56px;padding:14px 20px;gap:20px}.hero-baseline{margin-top:49px}.empathy{padding-top:54px;padding-bottom:52px}.empathy h2{font-size:27px}.question{font-size:20px}.question strong{font-size:24px}.conflict-chart{margin-top:20px}.comparison{grid-template-columns:1fr;gap:8px;margin-top:30px;max-width:400px}.comparison figure{padding:15px 17px 6px}.comparison-arrow{transform:rotate(90deg);line-height:1.2;font-size:24px}.chart-label{margin-bottom:0;font-size:12px}.lesson-layout{grid-template-columns:1fr;gap:24px;margin-top:30px}.benefit-copy{font-size:20px;margin:23px 0 29px}.benefit-assets{gap:17px;margin-bottom:30px}.book-mock .asset{padding:12px 6px;border-left-width:4px}.book-mock .asset p{font-size:18px}.book-mock .asset>span{font-size:7px}.book-mock .asset small{font-size:8px}.screen-mock .asset p{font-size:13px}.screen-mock .asset small{font-size:9px}.screen-mock .asset-cross{font-size:20px;margin-bottom:0}.screen-caption{font-size:10px;padding:8px}.operations>div{font-size:11px;gap:10px;padding:15px 0}.application h2{font-size:28px}.application h2 .accent{display:inline-block}.application-offer{font-size:14px;margin-top:18px}form{margin-top:27px}.preview-notice{font-size:11px}.field legend{font-size:13px}.difficulty>label{font-size:13px}.check-label{font-size:12px}footer{padding:26px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.preview{padding-bottom:64px}
@media(max-width:600px){.preview{padding-bottom:40px}}

/* Education preview: editable two-stage curriculum. */
.preview .lesson-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px}
.curriculum{list-style:none;margin:0;padding:0;min-width:0;text-align:left}
.curriculum li+li{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.course-label{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:8px}
.curriculum h3{font-size:20px;line-height:1.5;letter-spacing:-.045em;font-weight:750;margin:0 0 10px;word-break:keep-all}
.course-description{font-size:14px;line-height:1.9;color:var(--muted);word-break:keep-all;overflow-wrap:break-word}
@media(max-width:800px){
  .preview .lesson-layout{grid-template-columns:minmax(0,1fr);gap:28px;max-width:560px}
}
@media(max-width:600px){
  .curriculum h3{font-size:19px}
  .course-description{font-size:14px;letter-spacing:-.025em}
  .curriculum li+li{margin-top:22px;padding-top:22px}
}
/* Original lecture video: no cropping, centered at every screen size. */
.lecture-player{width:100%;max-width:var(--width);margin:32px auto 0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--navy)}
.lecture-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.lecture-player video:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
@media(max-width:600px){.lecture-player{margin-top:24px}.preview .description{font-size:15px}}
/* Section 04: supplied artwork stays intact; all headline copy is live text.
   Its upper 40% is empty. Overlap only that area, never the laptop or book.
   On small screens the text block grows before the complete image. */
.benefits.section{padding:0 0 56px;background:#edf4fc}
.benefit-artwork{container-type:inline-size;max-width:1100px;margin:0 auto;isolation:isolate}
.benefit-heading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40cqw;padding:clamp(32px,4cqw,48px) 20px 26px}

.benefit-heading h2{font-size:clamp(28px,4.3cqw,48px);line-height:1.35;letter-spacing:-.055em}
.benefit-heading .benefit-copy{font-size:clamp(17px,2.2cqw,24px);line-height:1.5;margin:20px 0 0}
.benefit-heading .benefit-copy>span{display:block;font-size:18px;line-height:1.4;color:var(--navy)}
.benefit-original{display:block;width:100%;height:auto;margin-top:-40cqw;position:relative;z-index:0}
.benefits .operations{width:calc(100% - 44px);margin:30px auto 0}
@media(max-width:600px){
  .benefits.section{padding-bottom:40px}
  .benefit-heading{padding:36px 20px 24px}
  
  .benefit-heading .benefit-copy{margin-top:18px}
  .benefits .operations{margin-top:22px}
}
/* Application fields and full-width selectable concerns. */
select,textarea{font:inherit;color:var(--navy)}
.field>select,.field textarea{display:block;width:100%;max-width:100%;border:1px solid #b8c8de;border-radius:6px;background:var(--white);padding:13px 15px;font-size:16px}
.field>select{min-height:54px}
.field textarea{resize:vertical;min-height:112px;margin-top:10px;line-height:1.6}
select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ae2536}
.difficulty>label{padding:12px;margin:8px 0;border:1px solid #b8c8de;border-radius:6px;background:#fff;align-items:flex-start;line-height:1.65;min-height:48px}
.difficulty>label>input{margin-top:3px}
.difficulty>label>span{font-size:14px;color:var(--navy);font-weight:400;min-width:0;overflow-wrap:anywhere}
.difficulty>label:has(input:checked){border-color:var(--blue);background:#e0ebff;box-shadow:inset 0 0 0 1px var(--blue)}
.difficulty>label:has(input:checked)>span{font-weight:650}
.other-field{padding:10px 0 0;margin-bottom:12px}
.other-field[hidden]{display:none}
#other-count{text-align:right;margin-top:6px}
.button:disabled{opacity:.65;cursor:wait}
.site-footer{max-width:none;display:block;background:#f7f9fc;text-align:center;padding:28px 22px;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.site-footer p{margin:8px auto;max-width:900px}
.site-footer a{color:var(--muted);text-underline-offset:3px}
.policy-notice{max-width:760px;margin:auto;padding:48px 24px}
.policy-notice h1{font-size:30px;margin:28px 0}
.policy-notice p{margin:18px 0}
@media(max-width:600px){.difficulty>label{padding:12px 10px}.difficulty>label>span{font-size:14px}.site-footer{font-size:11px}}
/* Form guidance shares the input width and has no forced line breaks. */
.form-guidance{width:100%;margin:28px 0 0;text-align:left;color:var(--muted);font-size:14px;line-height:1.6}
.form-guidance .preview-notice{width:100%;margin:0 0 20px;padding:0;border:0;text-align:left;font-size:14px;line-height:1.6;color:var(--muted);word-break:normal;overflow-wrap:anywhere}
.form-guidance .consents{width:100%;margin:0;padding:20px 0 0;text-align:left;border-top:1px solid #bdcde5}
.form-guidance .consent-note{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--muted);word-break:normal;overflow-wrap:anywhere}
.form-guidance .consent-note a{text-underline-offset:3px}
.form-guidance .check-label{padding:8px 0;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;color:var(--muted);cursor:default;word-break:normal;overflow-wrap:anywhere}
.form-guidance .check-label input{margin-top:2px}
[hidden]{display:none!important}
.consent-approved{white-space:pre-wrap;text-align:left;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.application-success{padding:20px;margin-top:20px;border:1px solid #92b7a8;background:#f0faf5;border-radius:8px;font-size:15px;line-height:1.7}
.application-success p{margin-top:8px}
/* Confirmed monthly selection and post-education delivery conditions. */
.benefit-heading .selection-note{font-size:clamp(14px,1.6cqw,17px);font-weight:750;color:var(--blue);margin-bottom:8px}
.benefit-heading .benefit-ebook{font-size:clamp(16px,1.9cqw,21px);overflow-wrap:break-word}
.benefit-heading .benefit-copy{margin-top:18px}
.benefits .operations{max-width:850px}
.operations>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;padding:22px 0;font-size:15px;line-height:1.8}
.operations dt{font-weight:650}
.operations dd{min-width:0;text-align:left;overflow-wrap:break-word}
.application-ebook{display:block;font-size:15px;color:var(--muted);margin-top:5px}
.application-selection{font-size:15px;line-height:1.8;text-align:left;color:var(--muted);margin:0 0 28px;overflow-wrap:break-word}
@media(max-width:600px){
  .operations>div{grid-template-columns:minmax(0,1fr);gap:6px;padding:18px 0;font-size:14px}
  .benefit-heading{padding-bottom:28px}
  .benefit-heading .benefit-copy{margin-top:16px;line-height:1.65}
  .application-ebook,.application-selection{font-size:14px}
}