/* WEB STUDIO V5 | FUNCTIONAL INDUSTRY MICRO-SITES */
:root{color-scheme:light;--ink:#122d38;--muted:#647780;--stroke:rgba(16,40,46,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Pretendard","Noto Sans KR",sans-serif;color:var(--ink);background:#f4f7f7;font-size:16px;line-height:1.65}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #16a8a8;outline-offset:3px}
.wrap{max-width:1220px;padding:0 26px;margin:auto}.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#111;padding:9px;z-index:100}.skip:focus{left:12px}.notice{font-size:12px;text-align:center;background:#edf3f4;padding:7px 12px;color:#51656e;border-bottom:1px solid var(--stroke)}.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0}.brand{font-size:20px;letter-spacing:-.06em;font-weight:900}.brand span{display:block;font-size:9px;font-weight:650;letter-spacing:.22em;color:#8b9da4}.nav{display:flex;gap:28px;font-size:13px;font-weight:700}.nav a:hover{color:#157872}.contactlink{border:1px solid #183d46;border-radius:100px;padding:10px 19px;font-size:13px;font-weight:750}.contactlink:hover{background:#15333d;color:white}.hero{overflow:hidden;background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.09),transparent 28%),radial-gradient(circle at 65% 95%,rgba(127,247,209,.10),transparent 40%),var(--bg);color:white}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;min-height:520px;align-items:center;padding-top:74px;padding-bottom:74px}.eyebrow{color:var(--accent);font-weight:750;font-size:12px;letter-spacing:.20em}.hero h1{font-size:clamp(38px,5.1vw,67px);line-height:1.21;letter-spacing:-.064em;margin:26px 0}.hero h1 em{color:var(--accent);font-style:normal}.hero p{font-size:16px;color:#c3d6da;max-width:550px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.button{border-radius:11px;padding:15px 20px;font-size:14px;font-weight:780;display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3)}.button-primary{background:var(--accent);color:#132c30;border-color:transparent}.button-outline{color:#fff}.button:hover{transform:translateY(-2px)}.hero-board{max-width:480px;width:100%;justify-self:end;position:relative;animation:rise .75s ease both}.board-head{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-radius:15px 15px 0 0;padding:18px 22px;color:#233f47;font-size:12px;font-weight:750}.board-bullets{display:flex;gap:5px}.board-bullets i{width:9px;height:9px;border-radius:100%;background:#d0d9dc}.board-stage{padding:35px;background:linear-gradient(135deg,#fff,#e6f5f2);color:#1e3c44;border-radius:0 0 15px 15px;min-height:296px;box-shadow:0 20px 70px rgba(0,0,0,.2)}.board-stage b{font-size:28px;letter-spacing:-.055em;display:block;line-height:1.35}.board-stage small{font-size:11px;letter-spacing:.13em;color:#7e939a;font-weight:750}.board-bars{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:26px 0}.board-bars span{height:88px;border-radius:12px;background:linear-gradient(145deg,var(--accent),#d3eae8);opacity:.6}.board-bars span:nth-child(2){height:114px;margin-top:-26px;opacity:1}.board-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#536871}.board-pill{background:#203f43;color:#fff;padding:9px 14px;border-radius:7px}.board-float{position:absolute;right:-20px;bottom:-18px;padding:15px 23px;transform:rotate(4deg);border-radius:13px;background:var(--accent);color:#133132;font-size:12px;font-weight:850;box-shadow:0 15px 45px rgba(0,0,0,.12)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--stroke);background:#eef5f5}.benefits div{padding:25px 18px;text-align:center;font-size:14px;font-weight:760;border-right:1px solid var(--stroke)}.benefits div:last-child{border:0}.benefits div span{display:block;color:#879ba0;font-size:11px;letter-spacing:.17em;margin-bottom:5px}
.content{padding:94px 0}.section-lead{display:flex;justify-content:space-between;gap:38px;align-items:end;margin-bottom:30px}.section-lead h2{font-size:clamp(27px,3.7vw,44px);letter-spacing:-.056em;line-height:1.26;margin:12px 0 0}.section-lead p{max-width:440px;color:#60747c;margin:0}.workgrid{display:grid;grid-template-columns:1.42fr .84fr;gap:20px;align-items:start}.workpanel,.explain{background:white;border:1px solid var(--stroke);box-shadow:0 10px 28px rgba(18,52,59,.035);border-radius:20px;padding:28px}.workpanel h3,.explain h3{margin:0 0 20px;font-size:20px;letter-spacing:-.035em}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:6px;font-weight:720;font-size:13px;color:#34535b}.field.wide{grid-column:span 2}.field input,.field select{border:1px solid #cad9dd;background:#f9fbfb;border-radius:10px;min-height:46px;padding:10px 12px;color:#203d45;min-width:0;width:100%}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.submit{border:0;background:#142f3b;color:white;padding:13px 18px;border-radius:10px;font-weight:780}.submit.secondary{background:#e9f2f3;color:#25515b}.submit:hover{filter:brightness(1.13)}.helper{font-size:12px;color:#647980;line-height:1.8}.result{margin-top:18px;padding:19px;background:#eef7f6;border-radius:12px;white-space:pre-wrap;word-break:break-word;min-height:90px;font-size:14px;color:#1d4950}.result strong{font-size:21px}.explain ul{padding:0;list-style:none}.explain li{padding:13px 0;border-bottom:1px solid var(--stroke);font-size:14px}.explain li:before{content:'↗';color:#199d90;margin-right:12px}.mini{font-size:11px;color:#8ba0a6;letter-spacing:.14em;font-weight:800}.trust{margin-top:70px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.trust article{border:1px solid var(--stroke);padding:24px;border-radius:16px;background:#fff}.trust h3{margin:5px 0;font-size:17px}.trust p{margin:0;color:#697d83;font-size:13px}.foot{background:#102b35;color:#c3d0d4;padding:30px 0;font-size:12px}.foot-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{text-decoration:underline;text-underline-offset:3px}.txt-green{color:var(--accent)}.list{display:grid;gap:8px;margin-top:14px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #dce8e9;background:#f8fafa;padding:11px;border-radius:8px;font-size:13px}.list-item button{border:0;background:#e1eded;padding:5px 8px;border-radius:7px;color:#2c5259}.list-item strong{color:#153e41}.searchrow{display:flex;gap:10px;align-items:center}.searchrow input{flex:1}.hide{display:none!important}.staticinfo{font-size:12px;color:#62747d;margin-top:8px}.badge{font-size:12px;background:#dcf3ec;border-radius:99px;padding:5px 9px}.warn{background:#fff1d6;border:1px solid #f2d28c;padding:13px 16px;border-radius:9px;color:#705c26;font-size:12px}.section-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.section-tabs button{border:1px solid #c9dedc;background:#fff;padding:8px 12px;border-radius:99px;font-size:12px}.section-tabs button[aria-pressed=true]{background:#193e43;color:white}.siteindex-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.siteindex-cta a{font-size:13px;font-weight:760;text-decoration:underline;text-underline-offset:4px}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.hero-inner{grid-template-columns:1fr}.hero-board{justify-self:stretch;max-width:100%}.nav{gap:14px}.workgrid{grid-template-columns:1fr}.section-lead{display:block}.section-lead p{margin-top:14px}.trust{grid-template-columns:1fr 1fr}.content{padding:60px 0}}@media(max-width:560px){.wrap{padding:0 18px}.masthead{padding:12px 0}.nav{display:none}.brand{font-size:17px}.contactlink{font-size:11px;padding:9px 12px}.hero-inner{padding-top:55px;padding-bottom:65px;gap:45px}.hero h1{font-size:39px}.hero p{font-size:14px}.board-stage{min-height:230px;padding:22px}.board-stage b{font-size:23px}.board-bars span{height:70px}.board-bars span:nth-child(2){height:94px}.board-float{right:0;bottom:-15px}.benefits{grid-template-columns:1fr}.benefits div{padding:13px;border-right:0;border-bottom:1px solid var(--stroke)}.section-lead h2{font-size:30px}.workpanel,.explain{padding:20px}.fields{grid-template-columns:1fr}.field.wide{grid-column:span 1}.trust{grid-template-columns:1fr}.foot-inner{display:block}.workpanel h3{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}