:root{--surface:#f5f7fc;--raised:#fff;--line:#dce2ef;--line-strong:#7c87a3;--ink:#142046;--muted:#4b5675;--blue:#2b5be8;--blue-deep:#1b3fb0;--blue-soft:#e8eeff;--belt:#ffc72c;--belt-soft:#fff4d1;--sprout:#17a673;--sprout-ink:#0a7048;--sprout-soft:#e3f6ee;--caution-ink:#8a5200;--caution-soft:#fff1d6;--security-ink:#5b3fd0;--security-soft:#efebff;--stop:#e8604f;--error:#b8321f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-card:0 1px 2px #1420460f, 0 8px 24px #1420460f;--sans:"Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display:Jua, "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--surface);color:var(--ink);font:400 17px/1.7 var(--sans);word-break:keep-all;overflow-wrap:anywhere;margin:0}h1,h2,h3,h4,p,ul,ol,figure{margin:0}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(34px,5.2vw,58px);line-height:1.22}h2{font-size:clamp(27px,3.4vw,40px);line-height:1.3}h3{font-size:21px;line-height:1.45}a{color:var(--blue-deep);text-underline-offset:4px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--blue-deep);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;border-radius:var(--radius-md);background:#fff;padding:10px 14px;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.container{max-width:var(--max);margin:0 auto;padding:0 32px}.section{padding:88px 0}.section.tight{padding:56px 0}.section.white{background:var(--raised);border-block:1px solid var(--line)}.stack>*+*{margin-top:16px}.grid{gap:20px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mt48{margin-top:48px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:12px;font-size:13px;font-weight:700}.lead{color:var(--muted);max-width:720px;margin-top:18px;font-size:19px;line-height:1.75}.muted{color:var(--muted)}.small{font-size:15px}.tiny{font-size:13px}.brand-title{font-family:var(--display);letter-spacing:0;font-weight:400}.mark{box-shadow:inset 0 -.42em var(--belt)}.num{font-variant-numeric:tabular-nums;font-weight:700}.btn{border-radius:var(--radius-md);border:1px solid var(--line-strong);min-height:52px;color:var(--ink);text-align:center;background:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:17px;font-weight:700;line-height:1.3;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--blue-soft)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-deep);border-color:var(--blue-deep)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--blue-soft)}.btn.sm{min-height:42px;padding:8px 16px;font-size:15px}.btn.block{width:100%}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.card{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px}.card.flat{box-shadow:none}.card h3+p{color:var(--muted);margin-top:10px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:700;line-height:1.5;display:inline-flex}.pill.blue{background:var(--blue-soft);color:var(--blue-deep)}.pill.sprout{background:var(--sprout-soft);color:var(--sprout-ink)}.pill.caution{background:var(--caution-soft);color:var(--caution-ink)}.pill.security{background:var(--security-soft);color:var(--security-ink)}.pill.belt{background:var(--belt-soft);color:var(--ink)}.pill.gray{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.note{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);color:var(--muted);padding:16px 20px;font-size:15px}.note.info{background:var(--blue-soft);color:var(--ink);border-color:#cbd7ff}.note.warn{background:var(--belt-soft);color:var(--ink);border-color:#f0d586}.note.error{color:var(--error);background:#fdecea;border-color:#f3b8ae}.header{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.header .row{align-items:center;gap:28px;min-height:76px;display:flex}.logo{color:var(--ink);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{width:auto;height:46px}.logo .word{font-family:var(--display);font-size:28px;line-height:1}.logo .sub{font:700 10px/1.6 var(--sans);letter-spacing:.16em;color:var(--muted);display:block}.nav{gap:4px;margin-left:auto;display:flex}.nav a{border-radius:var(--radius-md);color:var(--ink);padding:10px 14px;font-size:16px;font-weight:700;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{background:var(--blue-soft);color:var(--blue-deep)}.head-cta{gap:8px;display:flex}.nav .mobile-only{gap:8px;margin-top:8px;display:none}.nav .mobile-only .btn{flex:1;padding:12px}.header.open .nav a.btn{padding:12px}.menu-btn{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;min-width:44px;min-height:44px;margin-left:auto;display:none}.hero{padding:72px 0 64px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero .slogan{font-family:var(--display);color:var(--blue);margin-bottom:14px;font-size:clamp(24px,2.6vw,32px)}.hero-visual{background:var(--blue-soft);border-radius:32px;justify-content:center;align-items:center;min-height:460px;padding:36px;display:flex;position:relative}.scan{border:0 solid var(--sprout);width:36px;height:36px;position:absolute}.scan.tl{border-top-width:4px;border-left-width:4px;border-top-left-radius:12px;top:18px;left:18px}.scan.tr{border-top-width:4px;border-right-width:4px;border-top-right-radius:12px;top:18px;right:18px}.scan.bl{border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:12px;bottom:18px;left:18px}.scan.br{border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:12px;bottom:18px;right:18px}.facts{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.facts>div{border-right:1px solid var(--line);padding:28px 24px}.facts>div:last-child{border-right:0}.facts .num{color:var(--blue-deep);font-size:40px;line-height:1.1}.facts .num small{margin-left:2px;font-size:18px}.facts p{color:var(--muted);margin-top:8px;font-size:15px}.flow{counter-reset:step;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.flow li{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 18px;list-style:none;position:relative}.flow li:before{counter-increment:step;content:"0" counter(step);color:var(--blue-deep);letter-spacing:.1em;font-size:13px;font-weight:700;display:block}.flow h3{margin-top:8px;font-size:17px}.flow .bom{font-family:var(--display);color:var(--blue);margin-top:8px;font-size:17px;display:inline-block}.flow p{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.6}.flow-wrap{margin:40px 0 0;padding:0}.domains{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.domain{border-radius:var(--radius-lg);background:var(--raised);border:1px solid var(--line);padding:22px}.domain .code{letter-spacing:.08em;font-size:13px;font-weight:700}.domain h3{margin-top:6px;font-size:19px}.domain p{color:var(--muted);margin-top:8px;font-size:14px}.domain.PRIVACY{border-top:5px solid var(--sprout)}.domain.PRIVACY .code{color:var(--sprout-ink)}.domain.RELATIONSHIP{border-top:5px solid var(--blue)}.domain.RELATIONSHIP .code{color:var(--blue-deep)}.domain.SECURITY{border-top:5px solid var(--security-ink)}.domain.SECURITY .code{color:var(--security-ink)}.domain.LITERACY{border-top:5px solid #d99100}.domain.LITERACY .code{color:var(--caution-ink)}.habits{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.habit{border-radius:var(--radius-lg);background:var(--raised);border:1px solid var(--line);padding:30px}.habit .say{font-family:var(--display);font-size:30px;line-height:1.2}.habit.stop .say{color:var(--stop)}.habit.verify .say{color:var(--blue)}.habit.ask .say{color:var(--sprout-ink)}.habit .en{letter-spacing:.14em;color:var(--muted);margin-top:6px;font-size:13px;font-weight:700}.habit p{color:var(--muted);margin-top:14px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--raised);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 18px}tr:last-child td{border-bottom:0}th{background:var(--surface);color:var(--muted);white-space:nowrap;font-size:14px;font-weight:700}td.when{white-space:nowrap;color:var(--blue-deep);font-weight:700}.lesson{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--raised);display:flex;overflow:hidden}.lesson>div{border-right:1px solid var(--line);padding:22px}.lesson>div:last-child{border-right:0}.lesson .min{color:var(--blue-deep);font-size:30px}.lesson h3{margin-top:4px;font-size:18px}.lesson p{color:var(--muted);margin-top:6px;font-size:15px}.pkg{flex-direction:column;display:flex}.pkg .price{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding-top:18px;font-size:15px}.pkg ul{color:var(--muted);margin-top:14px;padding-left:20px}.pkg li+li{margin-top:6px}.pkg.main{border:2px solid var(--blue)}.steps{counter-reset:s;gap:14px;margin-bottom:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:16px;display:flex}.steps li:before{counter-increment:s;content:counter(s);background:var(--blue-soft);width:36px;height:36px;color:var(--blue-deep);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.steps strong{display:block}.cta-band{background:var(--ink);color:#fff;border-radius:28px;justify-content:space-between;align-items:center;gap:32px;padding:52px;display:flex}.cta-band h2{color:#fff}.cta-band p{color:#c9d2ea;margin-top:12px}.cta-band .btn{border-color:#fff}.cta-band .btn.primary{background:var(--belt);border-color:var(--belt);color:var(--ink)}.form{gap:18px;display:grid}.field{gap:6px;display:grid}.field label,.field .label{font-size:16px;font-weight:700}.field .req{color:var(--error);margin-left:2px}.field input,.field select,.field textarea{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#fff;width:100%;min-height:52px;padding:12px 14px;font-size:17px}.field textarea{resize:vertical;min-height:140px}.field .help{color:var(--muted);font-size:14px}.check{color:var(--muted);align-items:flex-start;gap:10px;font-size:15px;display:flex}.check input{flex-shrink:0;width:22px;height:22px;margin-top:2px}.row2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.check-shell{max-width:820px;margin:0 auto}.choice-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.progress{background:var(--line);border-radius:99px;height:10px;overflow:hidden}.progress>span{background:var(--blue);height:100%;transition:width .2s;display:block}.qmeta{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:10px;font-size:15px;display:flex}.scene{background:var(--blue-soft);border-radius:var(--radius-lg);margin-top:18px;padding:24px;font-size:21px;line-height:1.7}.options{gap:12px;margin-top:22px;display:grid}.option{text-align:left;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#fff;align-items:center;gap:14px;width:100%;min-height:64px;padding:16px 18px;font-size:18px;line-height:1.5;display:flex}.option:hover{background:var(--blue-soft)}.option[aria-pressed=true]{border:2px solid var(--blue);background:var(--blue-soft);padding:15px 17px}.option .k{background:var(--surface);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:grid}.option[aria-pressed=true] .k{background:var(--blue);color:#fff}.qnav{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;display:flex}.secondary-choices{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.score-box{background:var(--ink);color:#fff;border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.score-box .big{font-size:64px;line-height:1}.score-box .big small{color:#c9d2ea;font-size:20px;font-weight:400}.score-box p{color:#c9d2ea;margin-top:10px;font-size:15px}.score-box .pill{background:#fff}.bars{gap:14px;display:grid}.bar-row{grid-template-columns:150px 1fr auto;align-items:center;gap:14px;display:grid}.bar-row .name{font-size:16px;font-weight:700}.bar{background:var(--surface);border:1px solid var(--line);border-radius:99px;height:12px;overflow:hidden}.bar>span{border-radius:99px;height:100%;display:block}.bar.s-안전>span{background:var(--sprout)}.bar.s-주의>span{background:#e0a100}.bar.s-교육추천>span{background:var(--blue)}.bar.s-확인>span{background:var(--line-strong)}.path{counter-reset:p;gap:14px;margin-bottom:0;padding:0;display:grid}.path li{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;align-items:flex-start;gap:16px;padding:20px;list-style:none;display:flex}.path li:before{counter-increment:p;content:counter(p);background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.review{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:22px}.review+.review{margin-top:12px}.review .explain{background:var(--sprout-soft);border-radius:var(--radius-md);margin-top:12px;padding:16px;font-size:16px}.practice{margin-top:14px}.practice .options{margin-top:10px}.practice .option{min-height:52px;font-size:16px}.feedback{border-radius:var(--radius-md);margin-top:10px;padding:14px 16px;font-size:15px}.feedback.ok{background:var(--sprout-soft);color:var(--sprout-ink)}.feedback.no{background:var(--belt-soft)}.dash{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.class-list{gap:8px;display:grid}.class-item{text-align:left;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;width:100%;padding:14px 16px}.class-item[aria-current=true]{border:2px solid var(--blue);background:var(--blue-soft);padding:13px 15px}.class-item strong{font-size:17px;display:block}.class-item span{color:var(--muted);font-size:14px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:20px}.kpi .label{color:var(--muted);font-size:14px}.kpi .value{margin-top:4px;font-size:34px;line-height:1.2}.kpi .value small{color:var(--muted);margin-left:2px;font-size:16px;font-weight:400}.kpi.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.kpi.dark .label,.kpi.dark .value small{color:#c9d2ea}.cmp-row{grid-template-columns:130px 1fr 150px;align-items:center;gap:12px;display:grid}.cmp-row+.cmp-row{margin-top:12px}.cmp-bars{gap:4px;display:grid}.cmp-bars .bar{height:10px}.bar.pre>span{background:#b9c8f5}.bar.post>span{background:var(--blue)}.legend{color:var(--muted);gap:16px;font-size:14px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.code-big{letter-spacing:.18em;color:var(--blue-deep);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:30px;font-weight:700}.up{color:var(--sprout-ink)}.down{color:var(--error)}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:12px 16px;font-weight:700}.tabs button[aria-selected=true]{color:var(--blue-deep);border-bottom-color:var(--blue)}.footer{background:var(--ink);color:#c9d2ea;padding:48px 0;font-size:15px}.footer a{color:#fff}.footer .cols{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.footer .links{flex-wrap:wrap;gap:20px;display:flex}.footer .legal{border-top:1px solid #ffffff26;margin-top:28px;padding-top:20px;font-size:13px}@media (max-width:1080px){.flow{grid-template-columns:repeat(3,minmax(0,1fr))}.domains,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.nav a{padding:10px;font-size:15px}.head-cta .btn:not(.primary){display:none}.dash{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.container{padding:0 20px}.section{padding:60px 0}.menu-btn{place-items:center;display:inline-grid}.nav,.head-cta{display:none}.header.open .nav{border-bottom:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;padding:12px 20px 20px;display:flex;position:absolute;top:76px;left:0;right:0}.header.open .nav a{padding:14px;font-size:17px}.header.open .nav .mobile-only{display:flex}.hero{padding:40px 0 48px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-visual{min-height:320px;padding:28px}.g2,.g3,.habits,.choice-cards{grid-template-columns:1fr}.facts{grid-template-columns:repeat(2,1fr)}.facts>div:nth-child(2){border-right:0}.facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson{flex-direction:column}.lesson>div{border-right:0;border-bottom:1px solid var(--line);flex:none!important}.lesson>div:last-child{border-bottom:0}.cta-band{flex-direction:column;align-items:flex-start;padding:32px 24px}.row2{grid-template-columns:1fr}.scene{padding:20px;font-size:19px}.option{font-size:17px}.score-box{flex-direction:column;align-items:flex-start;padding:24px}.bar-row{grid-template-columns:1fr auto}.bar-row .bar{grid-area:2/1/auto/-1}.cmp-row{grid-template-columns:1fr 80px}.cmp-row .cmp-bars{grid-area:2/1/auto/-1}th,td{padding:12px 14px}}@media (max-width:480px){body{font-size:16px}.domains,.flow,.g4,.kpis{grid-template-columns:1fr}.facts .num{font-size:32px}.card{padding:22px}.btn{width:100%}.actions{flex-direction:column}.logo .word{font-size:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{@page{size:A4;margin:14mm}body{background:#fff;font-size:11pt}.header,.footer,.no-print,.qnav,.actions,.practice{display:none!important}.section{padding:0}.card,.review,.path li,.kpi{box-shadow:none;break-inside:avoid}.score-box{color:var(--ink);border:1px solid var(--line);background:#fff}.score-box p,.score-box .big small{color:var(--muted)}.dash{grid-template-columns:1fr}.dash>aside{display:none}.print-only{display:block!important}}.print-only{display:none}.hero-preview{border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-card);background:#fff;padding:24px}.hero-preview .head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.hero-preview .bar-row{grid-template-columns:92px 1fr auto;gap:10px}.hero-preview .bar-row .name{font-size:14px}.hero-preview .bar-row .bar{grid-area:auto}.hero-mascot{width:210px;position:absolute;bottom:-14px;right:-6px}.hero-visual{padding-bottom:120px}.habit-mascot{width:150px;margin:0 auto 8px}.check-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.check-mascot{flex-shrink:0;width:170px}@media (max-width:860px){.hero-mascot{width:150px;bottom:-10px;right:0}.hero-visual{padding-bottom:96px}.check-mascot{width:110px}.logo img{height:40px}}@media (max-width:480px){.check-head{flex-direction:column-reverse;align-items:flex-start}.check-mascot{width:96px}}