@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');:root{--g:#234838;--g2:#39604c;--iv:#f8f4eb;--ink:#191f28;--m:#6b7684;--line:#e7e2d8;--blue:#60788a;--warm:#b07c68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans KR',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.nav{height:66px;background:rgba(35,72,56,.96);display:flex;align-items:center;position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.nav .wrap{display:flex;align-items:center;justify-content:space-between}.logo{width:188px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}.links{display:flex;align-items:center;gap:25px;color:#f8f4eb;font-size:13px}.back{padding:8px 13px;border-radius:9px;background:var(--iv);color:var(--g);font-weight:700}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:75px 0}.tag{font-size:16px;font-weight:800;color:#3182f6;margin-bottom:18px}.hero h1,.head h2{font-size:clamp(42px,5vw,64px);line-height:1.25;letter-spacing:-.055em;margin:0}.hero p,.head p{color:var(--m);font-size:17px;line-height:1.8;margin:24px 0 30px}.button{display:inline-flex;padding:14px 20px;border-radius:12px;background:var(--g);color:#fff;font-size:14px;font-weight:700}.button.light{background:var(--iv);color:var(--g);margin-left:7px}.visual{height:530px;border-radius:32px;background:var(--iv);display:grid;place-items:center;overflow:hidden}.visual img{width:100%;height:100%;object-fit:contain}.section{padding:115px 0}.soft{background:#f7f8f9}.green{background:var(--g);color:#fff}.green .head p{color:#cbd8d0}.head{text-align:center;max-width:760px;margin:0 auto 55px}.head h2{font-size:46px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border-radius:22px;padding:32px;background:#fff;border:1px solid var(--line)}.card .num{font-size:12px;font-weight:800;color:#3182f6}.card h3{font-size:21px;margin:28px 0 10px}.card p{color:var(--m);font-size:14px;line-height:1.7;margin:0}.green .card{background:#ffffff10;border-color:#ffffff18}.green .card p{color:#cbd8d0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.photo{border-radius:28px;overflow:hidden;background:var(--iv)}.photo img{display:block;width:100%;max-height:580px;object-fit:contain}.list{display:grid;gap:12px;margin-top:30px}.row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.row span{color:var(--m)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{padding:24px 16px;border-radius:18px;background:#fff}.step b{display:block;color:#3182f6;font-size:11px;margin-bottom:16px}.step strong{font-size:15px}.cta{text-align:center;padding:110px 20px;background:var(--iv)}.cta h2{font-size:44px;letter-spacing:-.05em;margin:0 0 25px}.footer{padding:45px 0}.footer .wrap{display:flex;justify-content:space-between;align-items:center}.footer img{width:190px}.footer p{font-size:12px;color:var(--m);text-align:right}@media(max-width:760px){.links a:not(.back){display:none}.hero,.split{grid-template-columns:1fr}.hero{padding:55px 0;gap:30px}.visual{height:380px;order:-1}.cards,.steps{grid-template-columns:1fr}.section{padding:80px 0}.head h2,.cta h2{font-size:34px}.footer .wrap{display:block}.footer p{text-align:left}.logo{width:160px}}
