:root{font-family:system-ui,-apple-system,"Noto Sans KR","Malgun Gothic",sans-serif;color:#202d40;background:#f6f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.85}a{color:inherit;text-decoration:none}.top{background:white;border-bottom:1px solid #e8ecf4}.wrap{width:min(1050px,calc(100% - 32px));margin:auto}.head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.logo{font-size:19px;font-weight:850;white-space:nowrap}.logo b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#315eee;color:white;margin-right:9px}.links{display:flex;gap:17px;font-weight:650;font-size:14px;flex-wrap:wrap}.links a:hover{color:#2863dd}.mast{background:linear-gradient(105deg,#ecf2ff,#fff);border-bottom:1px solid #e8eefb}.mast .wrap{padding:45px 0 35px}.eyebrow{font-size:12px;color:#486ac5;letter-spacing:.13em;font-weight:850}.mast h1{margin:13px 0;font-size:clamp(27px,4vw,42px);line-height:1.35;letter-spacing:-.06em;word-break:keep-all}.mast p{font-size:16px;color:#56657b;margin:0}.breadcrumbs{font-size:13px;color:#69768d;margin:15px 0 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:start;margin-top:28px;margin-bottom:55px}.article{background:white;border:1px solid #e6eaf2;border-radius:20px;padding:clamp(18px,4vw,45px);box-shadow:0 8px 32px #1d376509}.article section+section{border-top:1px solid #eef0f5;margin-top:42px;padding-top:34px}.article h2{font-size:clamp(23px,3vw,29px);line-height:1.45;letter-spacing:-.04em;margin:0 0 18px;padding-left:13px;border-left:5px solid #f16d29}.article h3{font-size:19px;margin:24px 0 9px}.article p{color:#49586d;font-size:16px;line-height:1.95;word-break:keep-all}.lead{font-size:18px!important;color:#29374c!important}.hero-visual{width:100%;border-radius:17px;display:block;border:1px solid #e2e9f3;background:#f7f9ff;margin:23px 0}.codebox{text-align:center;background:#fff9f3;border:2px solid #f8d3b6;border-radius:18px;padding:27px 18px;margin:20px 0 25px}.codebox.ohou{background:#f2faff;border-color:#c4e5fb}.codebox small{display:block;font-size:15px;font-weight:750;color:#6e5c54}.code{font-size:clamp(34px,7vw,55px);font-weight:900;letter-spacing:.02em;color:#1d2939;margin:10px 0 20px;overflow-wrap:anywhere;line-height:1.3}.btns{display:flex;flex-wrap:wrap;gap:11px;justify-content:center}.btn{border:0;border-radius:12px;background:#ee6b25;color:white;padding:13px 24px;display:inline-flex;justify-content:center;align-items:center;text-align:center;font:800 16px/1.45 inherit;cursor:pointer;min-width:185px}.btn.blue{background:#268bea}.btn.outline{background:white;color:#e4601b;border:2px solid #e4601b}.btn.outline.blue{color:#177bce;border-color:#268bea}.btn:hover{filter:brightness(.96)}.small{font-size:13px!important;color:#777!important}.info{background:#f5f8ff;border-left:4px solid #567fef;border-radius:10px;padding:16px 19px;margin:20px 0;color:#354964}.steps{display:grid;gap:15px;margin:24px 0}.step{display:flex;gap:15px;align-items:flex-start;padding:17px;border:1px solid #e9eef4;border-radius:13px;background:#fcfdff}.num{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;background:#315eee;color:white;border-radius:100%;font-weight:900}.step strong{font-size:18px}.step p{margin:5px 0 0}.diagram{width:100%;height:auto;margin:17px auto;border-radius:14px;border:1px solid #e9edf2}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini{border:1px solid #e6eaf1;background:#fafcff;border-radius:13px;padding:17px}.mini b{font-size:17px}.mini p{font-size:14px;margin:7px 0}.faq{border-bottom:1px solid #e6eaf1;padding:13px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{padding:0 12px}.side{position:sticky;top:20px;background:white;border:1px solid #e7eaf0;border-radius:16px;padding:20px;display:grid;gap:9px;font-size:14px}.side strong{font-size:17px}.side a{padding:7px 0;color:#5b6980}.side a:hover{color:#235dd8}.footer{background:#1c2839;color:#d8e0ea;padding:28px 0;font-size:13px}.footer p{margin:4px 0}.cta{display:block;margin-top:25px;font-weight:800;color:#245bd5}.updated{font-size:13px!important;color:#79859a!important}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:25px 0}.tile{border:1px solid #dfe6f0;border-radius:17px;background:white;padding:21px;display:block}.tile h2{margin:8px 0;font-size:22px}.tile p{color:#586477}.tile span{color:#3163d4;font-weight:800}.intro{padding:34px 0 20px}.intro h1{font-size:clamp(28px,4vw,42px);line-height:1.35}.intro p{color:#586477}.banner{background:#eaf1ff;padding:23px;border-radius:18px;font-weight:700;color:#34547c}.sticky-mobile{display:none}@media(max-width:760px){.layout{grid-template-columns:1fr;margin-top:15px}.side{display:none}.head{align-items:flex-start}.links{font-size:12px;gap:10px;justify-content:flex-end}.logo{font-size:16px}.logo b{width:30px;height:30px}.mast .wrap{padding:27px 0}.two,.tiles{grid-template-columns:1fr}.article{padding:20px}.article section+section{margin-top:30px;padding-top:27px}.btns{flex-direction:column}.btn{width:100%}.mast p{font-size:14px}.sticky-mobile{display:flex;position:fixed;bottom:0;left:0;right:0;background:#ffffffec;backdrop-filter:blur(12px);box-shadow:0 -4px 20px #18233122;padding:10px 15px;z-index:10}.sticky-mobile .btn{padding:12px}.footer{padding-bottom:85px}}

.tag-intro{margin:0 0 12px!important;color:#68778c!important;font-size:14px!important}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px}.tag{display:inline-block;padding:8px 13px;border:1px solid #dce5f5;border-radius:100px;background:#f6f9ff;color:#2f589c;font-weight:700;font-size:14px;line-height:1.5}.tag:hover,.tag:focus-visible{background:#e9f0ff;border-color:#a7bee8}.tag:focus-visible{outline:2px solid #315eee;outline-offset:2px}