@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#14263f;--blue:#3166ed;--gray:#748399;--border:#e5eaf2;--soft:#f5f7fc}body{font-family:'Noto Sans KR',system-ui,sans-serif;background:#f7f9fc;color:var(--navy);font-size:15px;-webkit-font-smoothing:antialiased}a{text-underline-offset:4px}h1,h2,h3{letter-spacing:-.7px}p{line-height:1.9}.site-header{background:white;color:var(--navy);padding:23px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:35px;justify-content:space-between;border-bottom:1px solid var(--border)}.brand-logo{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.brand-symbol{width:43px;height:43px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:13px;font-size:17px;font-weight:900;position:relative;letter-spacing:-1px}.brand-symbol>span{position:absolute;right:5px;top:3px;font-size:10px}.brand-logo strong{color:var(--navy);font-size:19px;letter-spacing:-.8px;margin:0}.brand-logo small{display:block;letter-spacing:2px;font-size:8px;color:#8a98ad;margin-top:3px}.site-header nav{display:flex;gap:25px;align-items:center}.site-header nav a{color:#526178;font-size:12px;font-weight:600}.site-header nav a:hover{color:var(--blue)}.header-cta{padding:10px 15px;border:1px solid #dce5f8;border-radius:7px;font-size:11px;color:var(--blue);background:#f8faff;white-space:nowrap}.announcement{padding:10px max(24px,calc((100vw - 1200px)/2));background:#14273f;display:flex;justify-content:space-between;color:#cad5e4;font-size:9px;letter-spacing:.3px}.announcement a{color:#cbd9ee;text-decoration:none}.new-home{background:white}.home-main{overflow:hidden}.new-hero{max-width:1248px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:65px 24px 60px;align-items:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:var(--blue)}.eyebrow>span{width:6px;height:6px;display:inline-block;background:var(--blue);border-radius:50%;margin-right:6px}.hero-copy h1{font-size:46px;line-height:1.45;font-weight:800;letter-spacing:-2px;margin:22px 0 20px}.hero-copy>p{color:var(--gray);font-size:13px;line-height:1.95}.hero-search{margin-top:27px;display:flex;align-items:center;padding:7px 8px 7px 15px;border:1px solid #d8e2f4;border-radius:9px;background:#fff;box-shadow:0 5px 18px #274b8b06;gap:10px}.hero-search>span{font-size:26px;line-height:1;color:#8292ac}.hero-search input{border:0;outline:none;min-width:0;flex:1;font-size:11px;color:var(--navy);background:none}.hero-search button{border:0;background:#edf3ff;color:var(--blue);padding:10px 15px;font-size:11px;border-radius:6px;cursor:pointer}.hero-actions{display:flex;gap:12px;margin-top:16px}.button{display:inline-block;text-decoration:none;padding:13px 18px;border-radius:7px;font-size:11px;font-weight:600;line-height:1.6}.solid{background:var(--blue);color:white}.solid:hover{background:#2454cf}.ghost{color:#5d6d85;background:#f3f6fb}.hero-assurance{display:flex;gap:19px;font-size:9px;color:#8c99ab;margin-top:27px}.hero-scene{position:relative;padding:28px 16px 32px;background:radial-gradient(ellipse,#dfeaff 0,#f1f6ff 58%,transparent 72%);isolation:isolate}.orbit{position:absolute;border:1px solid #e0e9fb;border-radius:50%;z-index:-1}.orbit-one{width:380px;height:380px;inset:8px auto auto 23px}.orbit-two{width:435px;height:435px;inset:-20px auto auto -5px}.review-board{background:#fff;box-shadow:0 20px 60px #264b8b18;border:1px solid #e1e8f4;border-radius:13px;transform:rotate(-2deg);overflow:hidden}.board-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #edf1f7}.board-top>span{display:flex;gap:5px}.board-top i{width:5px;height:5px;background:#d9e1ed;border-radius:50%}.board-top small{color:#a4afbf;font-size:7px;letter-spacing:1.5px}.board-heading{position:relative;padding:23px 26px 12px}.mini-eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--blue);font-weight:700}.board-heading h2{font-size:23px;margin:9px 0 7px;line-height:1.5;letter-spacing:-1px}.board-star{position:absolute;right:27px;top:30px;font-size:40px;line-height:1;color:#a9c3ff;font-weight:400}.check-line{display:flex;align-items:center;gap:13px;margin:0 25px;padding:17px 0;border-bottom:1px solid #edf1f7}.check-icon{color:var(--blue);font-size:9px;background:#edf3ff;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:700}.check-line b{font-size:11px;display:block}.check-line small{font-size:9px;color:#92a0b2;display:block;margin-top:4px}.check-line>span:last-child{margin-left:auto;color:#8ba7df;font-size:18px}.board-bottom{display:flex;justify-content:space-between;padding:17px 25px;background:#f8faff;font-size:10px;color:var(--blue);text-decoration:none;font-weight:600}.floating-label{position:absolute;bottom:0;right:-8px;background:white;border:1px solid #e2e9f5;border-radius:10px;padding:13px 20px 13px 13px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 30px #254d8d12}.floating-icon{background:#e9f7ed;color:#54a179;font-size:24px;line-height:1;width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.floating-label small{display:block;font-size:6px;letter-spacing:1px;color:#8797ab}.floating-label b{font-size:10px;display:block;margin-top:4px}.tool-strip{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 5px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tool-strip>span{font-size:9px;color:#a1adbc}.tool-strip>b{font-size:18px;letter-spacing:-.5px;color:#67748a}.home-section{max-width:1248px;margin:auto;padding:64px 24px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:27px;letter-spacing:-1px;margin:10px 0}.section-heading p{font-size:11px;color:var(--gray);margin:0}.section-more{font-size:10px;font-weight:600;color:#60728e;text-decoration:none;white-space:nowrap}.category-links{display:flex;gap:9px;margin:24px 0}.category-links a{padding:8px 16px;font-size:10px;text-decoration:none;color:#7b899d;border:1px solid var(--border);border-radius:22px;white-space:nowrap}.category-links .active{background:var(--navy);border-color:var(--navy);color:white}.tool-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-tile{border:1px solid var(--border);border-radius:10px;padding:22px;background:white;transition:transform .18s,box-shadow .18s}.tool-tile:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2549760b}.tile-top{display:flex;justify-content:space-between;align-items:center}.tool-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;font-weight:800;font-size:21px}.black{background:#202a3d;color:white}.lime{background:#e3f486;color:#4b5b20}.sky{background:#e7f1ff;color:#4270b3}.purple{background:#eee8fb;color:#8d68c9}.teal{background:#e3f4ee;color:#448f79}.pink{background:#fbe9f0;color:#bb668b}.orange{background:#fff1df;color:#b48648}.blue{background:#e7edff;color:#5972cc}.tile-tag{font-size:8px;color:#99a5b6}.tool-tile h3{font-size:17px;margin:18px 0 5px}.tool-tile p{font-size:10px;color:#8390a3;line-height:1.9;min-height:38px}.tile-links{border-top:1px solid #edf0f6;padding-top:14px;margin-top:17px;display:flex;justify-content:space-between;align-items:center;gap:8px}.tile-links a{font-size:9px;color:var(--blue);text-decoration:none;font-weight:600}.tile-links a:last-child{font-size:8px;color:#94a1b3}.benefit-section{margin:65px auto 0;background:#f0f5ff;padding:45px max(24px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.benefit-copy h2{font-size:29px;line-height:1.6;letter-spacing:-1.2px;margin:12px 0}.benefit-copy p{font-size:11px;color:#7a8aa3;line-height:1.9;margin:15px 0 23px}.benefit-note{background:white;border-radius:12px;border:1px solid #dde7f9;padding:27px 30px}.note-badge{font-size:8px;background:#edf4ff;color:#6281bb;padding:5px 8px;border-radius:4px}.benefit-note h3{font-size:20px;line-height:1.6;margin:15px 0 12px}.benefit-note p{font-size:10px;color:#8896a9;line-height:1.9}.benefit-note>div{display:flex;justify-content:space-between;border-top:1px solid #edf1f7;padding-top:12px;margin-top:12px;font-size:9px;color:#99a4b4}.benefit-note strong{font-weight:500;color:#5875a9}.editorial-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:30px}.featured-guide{background:#f4f7fd;border-radius:11px;padding:30px;text-decoration:none;display:block;border:1px solid #e9eef7}.storyboard{display:flex;align-items:center;justify-content:center;gap:8px;height:125px;margin:0 0 25px;background:linear-gradient(130deg,#e7eefc,#f9fbff);border-radius:8px}.scene-box{position:relative;display:grid;place-items:center;width:70px;height:62px;background:white;border:1px solid #d6e1f5;border-radius:7px;color:#6985bd;font-size:11px;box-shadow:0 5px 10px #577bb30a}.scene-box i{position:absolute;top:5px;left:7px;font-size:6px;color:#a8b6ce;font-style:normal}.scene-arrow{font-size:12px;color:#a4b5d3}.featured-guide>small{font-size:8px;color:#7293ca;letter-spacing:.7px}.featured-guide h3{font-size:23px;line-height:1.6;letter-spacing:-1px;margin:12px 0}.featured-guide p{font-size:10px;color:#8695ab}.feature-link{display:block;margin-top:24px;font-size:10px;color:var(--blue);font-weight:600}.guide-list{display:grid;gap:0}.guide-row{display:flex;gap:17px;align-items:center;padding:20px 5px;border-bottom:1px solid var(--border);text-decoration:none}.guide-row:first-child{padding-top:5px}.guide-row:last-child{border:0}.guide-number{width:40px;height:40px;border:1px solid #e5ebf5;border-radius:9px;background:#f7f9fd;color:#7c95be;font-size:11px;display:grid;place-items:center;flex-shrink:0}.guide-row small{font-size:7px;color:#9aa9be;letter-spacing:1px}.guide-row h3{font-size:15px;margin:5px 0;line-height:1.6}.guide-row p{font-size:9px;color:#99a4b5;margin:0;line-height:1.8}.row-arrow{margin-left:auto;font-size:18px;color:#9baec9}.lab-banner{max-width:1200px;margin:65px auto;border-radius:13px;background:#162b49;color:white;padding:35px 45px;display:flex;justify-content:space-between;align-items:center;gap:25px}.lab-banner>div>span{font-size:8px;letter-spacing:2px;color:#8eabd3}.lab-banner h2{font-size:26px;line-height:1.5;margin:10px 0;letter-spacing:-1px}.lab-banner p{font-size:10px;color:#a5b9d5;line-height:1.9}.lab-banner .button{color:white;border:1px solid #ffffff30;white-space:nowrap}.site-footer{background:#fff;color:var(--navy);max-width:1248px;margin:0 auto;padding:30px 24px;border-top:1px solid var(--border);text-align:left}.footer-top{display:flex;align-items:center;gap:35px}.footer-top>p{font-size:10px;color:#97a3b5;line-height:1.8}.footer-top>div:last-child{margin-left:auto;display:flex;gap:20px}.footer-top>div:last-child a{color:#7e8ea5;font-size:9px;text-decoration:none}.footer-notice{font-size:9px;color:#9aa6b7;line-height:1.9;padding-top:22px;border-top:1px solid var(--border);margin-top:24px}.site-footer>small{font-size:8px;color:#acb6c4}.wrap{max-width:1200px;padding:40px 24px}.wrap.article{max-width:860px;background:white;padding:35px 45px;margin:35px auto;border:1px solid var(--border);border-radius:12px}.wrap.article h1{font-size:34px;line-height:1.5}.wrap.article h2{font-size:23px;color:var(--navy);margin-top:34px}.wrap.article p,.wrap.article li{font-size:14px;color:#5c6d84;line-height:2}.card{border-color:var(--border);box-shadow:none;border-radius:11px;padding:24px}.card h3{font-size:17px;line-height:1.6}.card p{font-size:13px}.card a{text-decoration:none}.note{background:#eff4fc;border:1px solid #e1e9f7;border-left:3px solid #93b1ec;color:#6c7f9c;font-size:12px}.controls{gap:12px}.controls input,.controls select{background:white;border-color:#dce5f2;border-radius:8px;font-size:13px}.toc{border-color:#e0e9f7;background:#f6f9ff}.toc a{font-size:12px}.registry article{border-radius:10px}.btn{background:var(--blue);font-size:12px;padding:12px 17px;border-radius:7px}.table-scroll{border:1px solid var(--border);border-radius:9px}table{font-size:12px}td,th{border:0;border-bottom:1px solid var(--border);padding:15px}th{background:#f1f5fc;color:#6c7c94;font-size:11px}.site-header a:focus-visible,.tool-tile a:focus-visible{outline:3px solid #7ca8ff;outline-offset:5px}.new-home .section-heading h2,.new-home h3,.new-home .hero-copy h1{word-break:keep-all}.new-home a:hover{filter:brightness(.96)}
@media(max-width:1050px){.site-header{gap:20px}.site-header nav{gap:16px}.header-cta{display:none}.hero-copy h1{font-size:38px}.new-hero{gap:25px;padding-top:45px}.hero-assurance{gap:10px;font-size:8px}.tool-tiles{grid-template-columns:repeat(2,1fr)}.benefit-section{gap:35px}.tool-strip{margin:0 24px}.tool-strip b{font-size:15px}.orbit-one{width:300px;height:300px}.orbit-two{width:340px;height:340px}.board-heading h2{font-size:20px}.board-star{font-size:28px}.floating-label{right:0}.footer-top{gap:20px}.footer-top>div:last-child{gap:12px}.lab-banner{margin-left:24px;margin-right:24px}.hero-search{padding-left:10px}.hero-search input{font-size:10px}}
@media(max-width:650px){.announcement{padding:8px 20px;font-size:8px}.announcement>a{display:none}.site-header{padding:18px 20px;gap:20px}.brand-symbol{width:37px;height:37px;border-radius:10px;font-size:15px}.brand-logo strong{font-size:18px}.brand-logo small{font-size:7px}.site-header nav{width:100%;overflow:auto;flex-wrap:nowrap;gap:20px;scrollbar-width:none;padding-bottom:3px}.site-header nav a{font-size:11px;white-space:nowrap}.new-hero{grid-template-columns:1fr;padding:36px 20px 30px;gap:24px}.hero-copy h1{font-size:34px;line-height:1.5;margin:18px 0;letter-spacing:-1.5px}.hero-copy>p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-actions{gap:8px}.button{padding:12px 14px;font-size:10px}.hero-assurance{font-size:8px;gap:13px;margin-top:23px}.hero-scene{padding:18px 16px 25px;max-width:390px;width:100%;margin:auto}.orbit-one{inset:5px auto auto 10px;width:280px;height:280px}.orbit-two{inset:-8px auto auto -5px;width:310px;height:310px}.board-heading{padding:20px 22px 10px}.board-heading h2{font-size:22px}.check-line{padding:14px 0;margin:0 22px}.floating-label{padding:10px 14px;right:0;bottom:0}.tool-strip{padding:20px 0;justify-content:center;flex-wrap:wrap;gap:17px;margin:0 20px}.tool-strip>span{width:100%;text-align:center;font-size:8px}.tool-strip>b{font-size:13px}.home-section{padding:40px 20px 0}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:23px;line-height:1.5}.section-heading p{font-size:10px}.section-more{display:inline-block;font-size:10px;margin-top:15px}.category-links{overflow:auto;margin:18px 0;gap:7px}.category-links a{font-size:9px;padding:8px 12px}.tool-tiles{gap:10px}.tool-tile{padding:16px}.tool-icon{width:34px;height:34px;border-radius:8px;font-size:18px}.tile-tag{font-size:7px}.tool-tile h3{font-size:15px;margin-top:15px}.tool-tile p{font-size:9px;min-height:35px}.tile-links{display:block;margin-top:13px;padding-top:11px}.tile-links a{font-size:9px;display:block}.tile-links a:last-child{margin-top:10px;font-size:8px}.benefit-section{margin-top:40px;grid-template-columns:1fr;gap:25px;padding:30px 20px}.benefit-copy h2{font-size:25px;letter-spacing:-1px}.benefit-copy p{font-size:10px}.benefit-note{padding:23px}.benefit-note h3{font-size:19px}.editorial-layout{grid-template-columns:1fr;gap:25px}.featured-guide{padding:23px}.featured-guide h3{font-size:22px}.storyboard{height:115px}.guide-row{gap:13px;padding:18px 0}.guide-row h3{font-size:13px}.guide-row p{font-size:9px}.guide-number{width:34px;height:34px}.lab-banner{margin:40px 20px;border-radius:10px;padding:27px;display:block}.lab-banner h2{font-size:24px}.lab-banner .button{margin-top:15px}.site-footer{padding:25px 20px}.footer-top{display:block}.footer-top>p{font-size:9px;margin:20px 0}.footer-top>div:last-child{display:flex;flex-wrap:wrap;gap:17px}.footer-top>div:last-child a{font-size:8px}.wrap{padding:28px 18px}.wrap.article{margin:20px 12px;padding:25px 20px;border-radius:10px}.wrap.article h1{font-size:26px}.wrap.article p,.wrap.article li{font-size:13px}.wrap.article h2{font-size:21px}.card{padding:20px}.card h3{font-size:16px}.table-scroll{max-width:100%}.grid{grid-template-columns:1fr}.hero-search input{font-size:10px}.hero-search button{padding:10px 12px}.header-cta{display:none}}