*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8fafb;color:#152c40;font:16px/1.75 Arial,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{outline-offset:5px}a:hover{text-decoration:underline}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4vw;border-bottom:1px solid #dce4e8;background:white}.brand{font-size:27px;font-weight:800;letter-spacing:1px;line-height:1.2}.brand span{display:block;font-size:9px;letter-spacing:1.3px;margin-top:7px}nav{display:flex;gap:24px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:#087f81;color:white;padding:14px 23px;border:1px solid #087f81;border-radius:5px;cursor:pointer;font-weight:700}.button:hover{background:#086d70;text-decoration:none}.button.outline{background:transparent;color:inherit;border-color:#8aadb3}.button.small{font-size:13px;padding:10px 16px}.button:disabled{opacity:.5;cursor:not-allowed}main>section{padding:80px max(5vw,calc((100vw - 1400px)/2))}.hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:4vw;background:linear-gradient(125deg,#edf5f7,#f8fafb 62%);min-height:700px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:800;color:#187b80}.hero h1{font-size:clamp(32px,3.3vw,53px);line-height:1.45;letter-spacing:-2px;margin:22px 0}em{font-style:normal;color:#087f81}.lead{max-width:640px;color:#4b626e;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}.notice{font-size:13px;color:#4b626e;line-height:1.9;border-left:3px solid #4e9c9e;padding-left:16px}.demo{background:#e7eef1;border:1px solid #c7d9df;border-radius:12px;box-shadow:0 25px 55px #16314815;overflow:hidden;transform:rotate(-1deg)}.demoFoot,.demoTop{display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:11px;letter-spacing:1px;font-weight:700}.demoGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 20px}.paper,.result{background:white;padding:24px 18px;min-height:350px;font-size:12px;border:1px solid #d5e1e5}.result{background:#f5fffe}.demo h3{font-size:17px}.demo .eyebrow{font-size:9px}.pill{display:inline-block;border-radius:4px;background:#e1f2f0;color:#146a6c;font-size:11px;font-weight:700;padding:3px 9px}.paper table{width:100%;border-collapse:collapse;margin:24px 0}.paper td,.paper th{border:1px solid #d4dfe3;padding:8px;text-align:left}.demoFoot{justify-content:center;gap:22px;color:#436575}.fine{font-size:13px;color:#546c78}.demo .fine{font-size:10px}.status{background:#142f43;color:#f7fbfd;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.guide .eyebrow,.status .eyebrow{color:#8ee1dc}.status p{color:#afc5d0}.status ul{padding:0;list-style:none;align-self:center}.status li{padding:12px 0;border-bottom:1px solid #456071}.status li:before{content:"↗";color:#83d5cc;margin-right:15px}h2{font-size:clamp(27px,2.5vw,38px);letter-spacing:-1px;margin:15px 0 25px}h2,h3{line-height:1.5}h3{font-size:20px}.sectionLead{color:#516b77}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:35px 0}.cards article{background:white;padding:26px;border:1px solid #dce6ea;border-radius:7px}.cards article p{font-size:14px;color:#526773}.cards.three{grid-template-columns:repeat(3,1fr)}.number{font-size:30px;color:#187b80}.guide{background:#123346;color:white}.guide>p{max-width:700px}.guide .fine{color:#b5cfd5}footer{padding:45px 5vw;display:flex;justify-content:space-between;font-size:13px;background:#edf2f4}footer a{margin-right:25px}footer strong{font-size:24px}.formPage{max-width:680px;min-height:60vh;margin:65px auto;padding:35px;background:white;border:1px solid #dce6ea;border-radius:10px}.formPage h1{font-size:30px}.formPage label{display:block;font-weight:700;margin:20px 0 8px}.formPage input,.formPage textarea{width:100%;padding:12px;border:1px solid #6b8590;border-radius:4px}.error{color:#9b2424;background:#fff0ef;padding:12px}.success{background:#e4f5f1;padding:12px}.workspace{margin:40px 5vw;min-height:60vh}.workspaceGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workspace pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:white;padding:20px;max-height:60vh;overflow:auto}.workspace textarea{width:100%;min-height:140px}.workspace iframe,.workspace img{width:100%;max-height:65vh;object-fit:contain;border:1px solid #c6d6dc}.legal{max-width:900px;margin:65px auto;padding:30px}.legal h1{font-size:32px}@media(max-width:1050px){nav{display:none}.cards{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}.demoGrid{grid-template-columns:1fr}.result{display:none}}@media(max-width:700px){header{padding:19px}.brand{font-size:24px}.brand span{font-size:7px}.hero{grid-template-columns:1fr;min-height:0}.hero h1{font-size:35px}main>section{padding:45px 22px}.demo{margin-top:20px;transform:none}.demoGrid{grid-template-columns:1fr 1fr;padding:0 12px;gap:10px}.result{display:block}.paper,.result{padding:16px 10px;min-height:300px}.cards.three,.status,.workspaceGrid{grid-template-columns:1fr}.cards{gap:12px}.cards article{padding:18px}.cards h3{font-size:17px}.status{gap:20px}footer{display:block;padding:30px 22px}footer a{display:inline-block;margin:5px 18px 5px 0}.formPage{margin:25px 16px;padding:24px}.legal{margin:25px 10px}.button{padding:12px 18px}.hero .lead{font-size:15px}}header .brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.brandLogo{display:block;width:76px;height:76px;object-fit:contain}header .brandWordmark{font-size:18px;letter-spacing:.5px;margin:0}.brandWordmark small{display:block;font-size:7px;letter-spacing:.7px;margin-top:6px}.hero h1.slogan{font-size:clamp(26px,2.55vw,40px);line-height:1.6;letter-spacing:-1.3px;word-break:keep-all;overflow-wrap:break-word}.allreadTitle{margin:0;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #16314818}.allreadTitle img{display:block;width:100%;height:auto}@media(max-width:700px){header{gap:10px;padding:10px 16px}.brandLogo{width:64px;height:64px}header .brandWordmark{font-size:13px}.brandWordmark small{font-size:5px;letter-spacing:0}header .button.small{font-size:11px;padding:9px}.hero h1.slogan{font-size:27px;letter-spacing:-1px}.allreadTitle{max-width:520px;width:100%;justify-self:center}}