.cj{--cj-ink:#203f60;--cj-muted:#526e85;--cj-line:#c9dce8;max-width:1160px;width:calc(100% - 40px);margin:64px auto;color:var(--cj-ink);scroll-margin-top:100px;font-family:inherit}
.cj *{box-sizing:border-box}.cj [hidden]{display:none!important}.cj h2,.cj h3,.cj p,.cj figure{margin:0}.cj h2{font-size:clamp(27px,3.3vw,42px);line-height:1.25;letter-spacing:-1.3px}.cj h3{font-size:23px;line-height:1.4}.cj p{line-height:1.8}.cj a{color:#205f91;text-underline-offset:4px}.cj-kicker{display:block;font-size:12px;letter-spacing:2px;font-weight:800;color:#536bb0;margin-bottom:12px}.cj-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.cj-head>p{max-width:370px;color:var(--cj-muted);font-size:15px}.cj-release{padding:14px 18px;background:#fff7e5;border:1px solid #e8d6af;border-radius:14px;margin:20px 0;font-size:13px;line-height:1.8}.cj-shell{border:1px solid var(--cj-line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 15px 40px #244c710c}.cj-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:18px;background:linear-gradient(100deg,#edf6ff,#f4efff);border-bottom:1px solid var(--cj-line)}.cj button{font:inherit;cursor:pointer;min-height:44px;box-shadow:none}.cj-tabs button,.cj-jobs button{padding:10px 18px;border:1px solid #bfd1e3;background:#fff;color:var(--cj-ink);font-weight:750;border-radius:12px}.cj button[aria-pressed=true]{background:#2b5682;border-color:#2b5682;color:#fff}.cj-panel{padding:24px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:26px;align-items:start}.cj-panel figure{min-width:0}.cj-image{display:block;position:relative;border:1px solid #bdd2e5;border-radius:14px;overflow:hidden;background:#dfedfb;line-height:0}.cj-image img{display:block;width:100%;height:auto}.cj-image::after{content:'크게 보기 ↗';position:absolute;right:9px;bottom:9px;padding:8px 10px;background:#183951ed;color:#fff;font-size:12px;line-height:1.3;border-radius:7px}.cj figcaption{font-size:12px;line-height:1.7;color:var(--cj-muted);margin-top:10px}.cj-panel h3{margin-bottom:12px}.cj-panel p{font-size:14px;color:var(--cj-muted)}.cj-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:16px;counter-reset:journey}.cj-steps li{counter-increment:journey;display:grid;grid-template-columns:30px 1fr;gap:10px;font-size:14px;line-height:1.8}.cj-steps li::before{content:counter(journey,decimal-leading-zero);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf2fb;color:#355c8b;font-size:12px;font-weight:800}.cj-note{margin-top:20px!important;padding-top:16px;border-top:1px solid var(--cj-line);font-size:13px!important}.cj-footer{padding:18px 24px;background:#f4f9fd;border-top:1px solid var(--cj-line);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;line-height:1.7;font-size:13px}.cj-footer a{font-weight:750}.cj-authority{background:linear-gradient(125deg,#eff7ff,#fff8ef 55%,#f5edff);padding:30px;border:1px solid var(--cj-line);border-radius:26px}.cj-authority-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:center}.cj-authority .cj-image{background:#172b40}.cj-power{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:22px 0}.cj-power>div{padding:17px 8px;text-align:center;border:1px solid #d4d7ed;border-radius:14px;background:#ffffffc4}.cj-power b{display:block;font-size:26px;color:#6a51b5}.cj-power span{display:block;font-size:12px;line-height:1.7;margin-top:4px}.cj-condition{font-size:14px;color:#526b81}.cj-set{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin:25px 0}.cj-set figure{background:#ffffffd9;border:1px solid #cfdaeb;border-radius:12px;padding:10px 5px;text-align:center}.cj-set img{width:100%;height:70px;object-fit:contain}.cj-set figcaption{font-size:12px;margin:6px 0 0}.cj-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid #d5dbea;padding-top:22px}.cj-rules b{display:block;margin-bottom:8px}.cj-rules p{font-size:13px;color:#526b81}.cj-tutorial-intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin:24px 0}.cj-tutorial-intro h3{margin-bottom:12px}.cj-tutorial-intro p{font-size:14px;color:var(--cj-muted)}.cj-road{counter-reset:road;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.cj-road li{counter-increment:road;display:grid;grid-template-columns:42px 1fr;gap:12px;padding:18px;border:1px solid var(--cj-line);border-radius:15px;background:#fff}.cj-road li::before{content:counter(road,decimal-leading-zero);width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e9f2fc;color:#42658e;font-weight:800}.cj-road b{display:block;font-size:15px;margin-bottom:5px}.cj-road p{font-size:13px;color:var(--cj-muted)}.cj-road li:last-child{background:#fff8e5;border-color:#e5cc91}.cj-jobs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.cj-tutorial-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px}.cj-tutorial-pictures h3{font-size:16px;margin-bottom:12px}.cj-tutorial-pictures p{font-size:13px;color:var(--cj-muted);margin:12px 0 0}.cj-resume{padding:20px 24px;border:1px solid #c4dbc8;background:#f1faf4;border-radius:16px;line-height:1.8;font-size:14px;margin:22px 0}.cj-teaser{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;background:#f2f9f6;border:1px solid #c4dbc8;border-radius:20px}.cj-teaser p{color:var(--cj-muted);font-size:14px;margin-top:8px}.cj-teaser>a{padding:13px 20px;border-radius:12px;background:#215e4b;color:#fff;white-space:nowrap;font-weight:750;text-decoration:none}.cj a:focus-visible,.cj button:focus-visible{outline:3px solid #9871d8;outline-offset:4px}.cj-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cj-anchor{display:block;scroll-margin-top:100px}.wrap>.cj{width:100%}
@media(max-width:900px){.cj-panel{grid-template-columns:1fr}.cj-authority-grid{grid-template-columns:1fr}.cj-road{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-tutorial-pictures{grid-template-columns:1fr}.cj-tutorial-intro{grid-template-columns:1fr}.cj-set{grid-template-columns:repeat(4,minmax(0,1fr))}.cj-set img{height:90px}}
@media(max-width:600px){.cj{width:calc(100% - 24px);margin:40px auto}.cj-head{display:block}.cj-head>p{margin-top:15px}.cj-tabs{gap:6px;padding:12px}.cj-tabs button{flex:1 1 28%;font-size:13px;padding:9px 8px}.cj-panel{padding:14px;gap:20px}.cj-authority{padding:16px}.cj-authority-grid{gap:18px}.cj-power b{font-size:24px}.cj-rules{grid-template-columns:1fr}.cj-road{grid-template-columns:1fr}.cj-set{gap:6px}.cj-set img{height:65px}.cj-teaser{display:block}.cj-teaser>a{display:inline-block;margin-top:18px}.cj-jobs button{flex:1;padding:10px;font-size:13px}.cj-footer{padding:15px}.cj-shell{border-radius:18px}.cj-tutorial-pictures{padding:14px}}
