@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#faf9f5;--soft:#f2f0e7;--ink:#172d29;--green:#1f4039;--muted:#777f77;--lime:#dcf474;--line:#d9dbd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:1.8;word-break:keep-all}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #86a336;outline-offset:5px}p,h1,h2,h3{margin:0}p{color:var(--muted)}.wrap{width:92%;max-width:1160px;margin:auto}header{border-bottom:1px solid var(--line)}.header{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:137px;height:auto;display:block}nav{display:flex;gap:34px;font-size:14px;font-weight:700}.button{background:var(--green);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 23px;font-size:14px;font-weight:700;border:1px solid var(--green)}.button:hover{filter:brightness(.92)}.button.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.outline{background:transparent;color:var(--ink)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#506e60;margin-bottom:24px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding:96px 0 84px}.hero .eyebrow{color:var(--ink)}h1{font-size:clamp(36px,4.5vw,59px);line-height:1.23;letter-spacing:-3px;font-weight:800}h1 em{font-style:normal;color:#4b705d}.intro{margin-top:40px;font-size:17px;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.route{position:relative;background:var(--green);color:var(--paper);min-height:500px;padding:32px;box-shadow:20px 20px 0 var(--lime);overflow:hidden;isolation:isolate}.route:before{content:'';position:absolute;z-index:-1;width:400px;height:400px;border-radius:50%;border:1px solid #ffffff12;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;right:-145px;top:-140px}.route .eyebrow{color:#9bad9f}.journey{display:flex;align-items:end;margin:114px 0 120px}.journey>div:not(.route-line){text-align:center}.journey small{font-size:10px;letter-spacing:1px;display:block}.journey b{display:grid;place-items:center;width:74px;height:74px;background:var(--soft);border-radius:50%;color:var(--green);font-size:22px;margin-top:6px}.journey>div:last-child b{background:var(--lime)}.route-line{flex:1;border-bottom:1px solid #8b9c8f;margin:0 9px 36px;position:relative}.route-line small{color:#9bad9f;text-align:center;margin-bottom:10px;letter-spacing:0}.route-line:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);right:0;bottom:-4px}.route-caption{border-top:1px solid #ffffff20;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.route-caption strong{font-family:Georgia,serif;font-size:16px}.route-caption small{font-size:12px;color:#9bad9f}.milestones{background:var(--soft);border-block:1px solid var(--line);padding:26px 0}.milestones .wrap{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:14px;font-weight:700}.milestones span+span{border-left:1px solid var(--line)}.section{padding-top:116px;padding-bottom:116px}h2{font-size:44px;line-height:1.28;letter-spacing:-2px;font-weight:500}h3{font-size:23px;font-weight:500;line-height:1.65}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.split h3{font-weight:700}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:86px;border-top:1px solid var(--line)}.values article{padding:30px 38px 10px}.values article:first-child{padding-left:0}.values article+article{border-left:1px solid var(--line)}article small{font-size:12px;color:#778f7f}.values h3{margin-top:34px;margin-bottom:16px}.dark{background:var(--green);color:var(--paper)}.dark .eyebrow{color:var(--lime)}.dark p,.dark small{color:#9bafa5}.section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:75px}.section-head>p{max-width:365px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:42px}.flow article{padding:28px 24px;border:1px solid #ffffff29;position:relative}.flow article+article:before{content:'→';position:absolute;left:-32px;top:42%;color:var(--lime)}.flow small{font-size:11px;letter-spacing:1px}.flow h3{margin:56px 0 10px}.flow p{font-size:14px}.flow .active{background:var(--lime);color:var(--green);border-color:var(--lime)}.flow .active p,.flow .active small{color:#536b37}.feedback{text-align:center;padding:18px;border:1px dashed #ffffff30;margin-top:28px;font-size:14px}.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:1fr 1fr;column-gap:100px;padding:0;margin:0}.steps li{position:relative;counter-increment:step;padding:28px 0 32px 68px;border-top:1px solid var(--line)}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:31px;font-size:12px;color:#778f7f}.steps li:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.steps h3{font-size:20px;margin-bottom:12px}.steps p{font-size:14px}.soft{background:var(--soft)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.products article{background:var(--paper);padding:30px}.symbol{width:104px;height:104px;border-radius:50%;background:#e3e7d7;margin:28px auto 32px;display:grid;place-items:center;font-family:serif;font-size:36px;color:#294b40}.products article:nth-child(2) .symbol{background:#d9e9df}.products article:nth-child(3) .symbol{background:var(--lime)}.products h3{margin-bottom:16px}.products p{font-size:14px}.criteria{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--green);color:#d3dbce;margin-top:18px;padding:22px 28px;font-size:14px}.criteria strong{color:var(--lime)}.criteria ul{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;list-style:none}.criteria li:before{content:'✓';color:#9bba78;margin-right:8px}.vision{background:#1c352f}.vision .split{align-items:center;gap:70px;grid-template-columns:1fr 1.15fr}.vision h2{margin-bottom:6px}.countries{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:center;text-align:center;font-size:12px;letter-spacing:.7px}.countries>div{border:1px solid #ffffff30;padding:16px 10px}.countries .now{background:var(--lime);color:var(--green);padding:26px 10px;font-size:17px;font-weight:700}.countries small{display:block;color:var(--green);font-size:10px}.contact{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.contact-card{background:var(--soft);border-top:5px solid var(--lime);padding:42px}.contact-card h3{font-size:26px;margin-bottom:16px}.contact-card ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:20px 0;list-style:none;border-block:1px solid var(--line);margin:30px 0;font-size:12px}.contact-card li:before{content:'·';color:#8da565;margin-right:8px}.contact-card .note{font-size:12px;margin-top:12px}footer{background:#122722;color:#8fa397;padding:48px 0}footer .wrap{display:flex;align-items:center;gap:42px}footer p{font-size:12px;color:#8fa397}footer a:last-child{margin-left:auto;color:var(--lime);font-size:12px;white-space:nowrap}
@media(min-width:1500px){.hero{padding-block:110px}}
@media(max-width:1000px){.hero,.contact{gap:35px}.hero h1{font-size:44px}.route{padding:24px;min-height:460px}.journey{margin:100px 0}.route-caption{display:block}.route-caption small{display:block}.split{gap:50px}.flow{gap:24px}.flow article{padding:24px 14px}.flow article+article:before{left:-21px}.steps{column-gap:40px}.criteria{align-items:start}.criteria ul{max-width:70%}.countries{grid-template-columns:repeat(2,1fr)}h2{font-size:38px}.contact-card{padding:28px}.section-head{gap:35px}.section-head>p{max-width:310px}}
@media(max-width:700px){.wrap{width:88%}.header{flex-wrap:wrap;gap:14px;padding:16px 0}.logo{width:110px}.header .button{order:1;padding:10px 16px}nav{order:2;justify-content:space-between;width:100%;gap:12px;padding-top:8px;font-size:14px}.hero{grid-template-columns:1fr;padding:56px 0 65px;gap:50px}.hero h1{font-size:clamp(31px,7.5vw,48px);letter-spacing:-1.8px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.intro{margin-top:25px;font-size:16px}.actions{margin-top:24px;gap:10px}.button{font-size:13px;padding:13px 17px;gap:15px}.route{min-height:360px;box-shadow:12px 12px 0 var(--lime);padding:26px}.journey{margin:68px 0 65px}.journey b{width:65px;height:65px}.route-line{margin-bottom:32px}.route-caption{display:flex;align-items:start}.route-caption strong{font-size:13px}.route-caption small{font-size:10px}.milestones{padding:22px 0}.milestones .wrap{grid-template-columns:1fr 1fr;gap:20px 0;font-size:12px}.milestones span:nth-child(3){border-left:0}.section{padding-top:70px;padding-bottom:70px}.eyebrow{font-size:11px;margin-bottom:20px}h2{font-size:32px;letter-spacing:-1.3px}h3{font-size:21px}.split,.vision .split,.contact{grid-template-columns:1fr;gap:32px}.split h3{font-size:20px;margin-bottom:12px}.values{grid-template-columns:1fr;margin-top:40px}.values article,.values article:first-child{padding:24px 0}.values article+article{border-left:0;border-top:1px solid var(--line)}.values h3{margin-top:14px;margin-bottom:10px}.section-head{display:block;margin-bottom:38px}.section-head>p{max-width:none;margin-top:22px}.flow{grid-template-columns:1fr;gap:28px}.flow article{padding:24px}.flow article+article:before{content:'↓';left:50%;top:-31px}.flow h3{margin:22px 0 8px}.feedback{font-size:13px}.steps{grid-template-columns:1fr}.steps li{padding:24px 0 24px 40px}.steps li:nth-last-child(2){border-bottom:0}.steps h3{font-size:19px}.products{grid-template-columns:1fr;gap:16px}.products article{padding:28px}.symbol{margin:12px auto 26px}.products p,.steps p{font-size:15px}.criteria{display:block;padding:24px}.criteria ul{display:grid;max-width:none;gap:10px;margin-top:16px}.countries{grid-template-columns:repeat(2,1fr);gap:12px}.countries .now{grid-column:auto}.contact-card{padding:28px 24px}.contact-card ul{grid-template-columns:1fr;font-size:14px}.contact-card .note{font-size:13px}footer{padding:36px 0}footer .wrap{flex-wrap:wrap;gap:22px}footer p{order:2;width:100%}footer a:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}