:root{--forest:#183d38;--forest2:#28584f;--sage:#8ea99b;--mint:#d9eadf;--cream:#f6f1e8;--peach:#ead7c3;--ink:#253430;--muted:#6c7873;--white:#fff;--line:rgba(37,52,48,.14);--danger:#b65353;--radius:28px}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Pretendard Variable",Pretendard,SUIT,"Noto Sans KR",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{transition:.2s}h1,h2,h3,p{word-break:keep-all}
.site-header{height:82px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;background:var(--cream)}.wordmark{display:flex;align-items:center;gap:13px;color:var(--forest);text-decoration:none}.brand-mark{width:38px;height:38px;border:1px solid var(--forest);border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:850;letter-spacing:-.06em}.wordmark b{display:block;font-size:14px;letter-spacing:.16em}.wordmark small{display:block;margin-top:4px;color:#789087;font-size:7px;letter-spacing:.24em}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{color:#536b64;text-decoration:none;font-size:12px}.site-header select,.header-login{height:42px;border:1px solid rgba(24,61,56,.22);border-radius:999px;color:var(--forest);background:rgba(255,255,255,.45);padding:0 15px}.site-header select option{color:var(--ink)}.header-login{min-width:96px;cursor:pointer;background:var(--forest);color:#fff;border-color:var(--forest);font-weight:750}.header-login:hover{background:var(--forest2)}
.hero{min-height:720px;padding:46px clamp(20px,5vw,80px) 84px;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(36px,5vw,86px);position:relative;overflow:hidden;background:radial-gradient(circle at 8% 88%,rgba(234,215,195,.6),transparent 28%),var(--cream)}.hero:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;left:-120px;top:35%;border:1px solid rgba(24,61,56,.12)}.hero-copy,.life-visual{position:relative;z-index:1}.eyebrow{margin:0 0 22px;color:#5a8074;font-size:10px;font-weight:850;letter-spacing:.22em}.hero h1{margin:0;max-width:760px;font-size:clamp(48px,5vw,78px);font-weight:670;line-height:1.12;letter-spacing:-.06em}.hero h1 em{display:inline;color:var(--forest2);font-style:normal}.lead{max-width:610px;margin:29px 0;color:#60716b;font-size:clamp(15px,1.15vw,18px);line-height:1.85;letter-spacing:-.02em}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary,.hero-actions a,.secondary{min-height:54px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.primary{border:1px solid var(--forest);background:var(--forest);color:#fff;font-weight:800}.primary:hover{background:var(--forest2);transform:translateY(-2px)}.hero-actions a{border:1px solid rgba(24,61,56,.22);color:var(--forest)}.hero-actions a:hover{background:#fff}.disclaimer{margin-top:22px;color:#88938f;font-size:10px;line-height:1.65}
.life-visual{margin:0;align-self:stretch;min-height:590px;border-radius:180px 26px 180px 26px;overflow:hidden;box-shadow:0 32px 90px rgba(66,79,69,.16);background:#ddd}.life-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:64% center}.life-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(15,45,40,.5))}.life-visual figcaption{position:absolute;z-index:2;left:32px;right:32px;bottom:27px;display:flex;justify-content:space-between;align-items:end;gap:24px;color:#fff}.life-visual figcaption span{max-width:390px;font-size:14px;line-height:1.6}.life-visual figcaption b{font-size:10px;letter-spacing:.18em}
.principles{padding:120px clamp(20px,7vw,112px);background:#fff}.section-heading{display:grid;grid-template-columns:.55fr 1.45fr;align-items:end;gap:42px}.section-heading .eyebrow,.company .eyebrow{color:#64877c}.section-heading h2,.company h2{margin:0;font-size:clamp(38px,4.5vw,66px);font-weight:620;line-height:1.12;letter-spacing:-.055em}.principle-grid{margin-top:68px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle-grid article{min-height:290px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#fbfaf6,#f4f0e8);display:flex;flex-direction:column}.principle-grid article:nth-child(2){background:linear-gradient(145deg,#edf3ed,#e2ece5)}.principle-grid span{color:#608479;font-size:11px;font-weight:850}.principle-grid h3{margin:auto 0 15px;font-size:24px;letter-spacing:-.04em}.principle-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.company{padding:125px clamp(20px,12vw,190px);color:#fff;background:linear-gradient(125deg,#244d45,#173a35);position:relative;overflow:hidden}.company:after{content:"";position:absolute;width:420px;height:420px;right:-130px;bottom:-230px;border-radius:50%;background:rgba(217,234,223,.08);box-shadow:0 0 0 90px rgba(217,234,223,.035)}.company h2,.company>p,.company>button{position:relative;z-index:1}.company h2{max-width:900px}.company>p:not(.eyebrow){max-width:710px;color:#bfd1c9;line-height:1.9;margin:30px 0}.secondary{border:1px solid #d8e7de;background:transparent;color:#fff;font-weight:750}.secondary:hover{background:#fff;color:var(--forest)}
footer{min-height:100px;padding:28px clamp(20px,7vw,112px);display:flex;align-items:center;justify-content:space-between;color:#74847e;font-size:10px;letter-spacing:.08em;background:var(--cream)}
.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(22,49,45,.68);backdrop-filter:blur(12px)}.access-card{position:relative;width:min(490px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:34px;border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 35px 120px rgba(22,49,45,.35)}.modal-close{position:absolute;right:17px;top:13px;width:38px;height:38px;border:0;border-radius:50%;background:#eff2ed;color:#4d635c;font-size:23px;cursor:pointer}.access-brand{text-align:left;padding-right:38px}.access-brand .brand-mark{margin:0;background:var(--forest);color:#fff;border:0}.access-brand p{color:#62867b;letter-spacing:.18em;font-size:8px;font-weight:850;margin:18px 0 7px}.access-brand h2{font-size:28px;letter-spacing:-.045em;margin:0}.access-brand small{display:block;color:var(--muted);font-size:12px;line-height:1.65;margin:8px 0 22px}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#eef1ec;margin-bottom:20px}.tabs button{height:42px;border:0;border-radius:999px;background:transparent;color:#71817b;cursor:pointer}.tabs button.active{background:var(--forest);color:#fff;box-shadow:0 5px 15px rgba(24,61,56,.18)}.access-form{display:grid;gap:13px}.access-form[hidden]{display:none!important}.access-form label{display:grid;gap:7px}.access-form label>span:first-child{font-size:11px;color:#52665f;font-weight:700}.access-form input{width:100%;height:49px;padding:0 14px;border:1px solid #dae2dc;border-radius:12px;background:#fafbf8;color:var(--ink);outline:none}.access-form input:focus{border-color:#78a99a;box-shadow:0 0 0 3px rgba(142,169,155,.18)}.password{position:relative}.password input{padding-right:64px}.password button{position:absolute;right:6px;top:6px;height:37px;border:0;border-radius:9px;background:#e9eee9;color:#536860;cursor:pointer}.login-button{height:50px;margin-top:4px;border:0;border-radius:12px;background:var(--forest);color:#fff;font-weight:800;cursor:pointer}.login-button:hover{background:var(--forest2)}.text-button{border:0;background:transparent;color:#537f72;cursor:pointer;font-size:12px}.message{min-height:18px;color:var(--danger);font-size:12px;line-height:1.5}.message.success{color:#397c69}.security{text-align:center;color:#91a09a;font-size:9px}.form-note{margin:0 0 5px;color:var(--muted);font-size:12px;line-height:1.65}
@media(max-width:1100px){.hero{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:38px}.hero h1{font-size:58px}.life-visual{min-height:540px;border-radius:120px 24px 120px 24px}}
@media(max-width:820px){.site-header{height:70px;padding:0 18px}.site-header nav a{display:none}.site-header nav{gap:8px}.hero{min-height:auto;padding:48px 22px 72px;grid-template-columns:1fr;gap:42px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(43px,10vw,64px);line-height:1.14}.hero h1 br{display:none}.life-visual{width:100%;min-height:0;aspect-ratio:4/3;border-radius:90px 20px 90px 20px}.life-visual img{object-position:63% center}.principles,.company{padding:82px 22px}.section-heading{grid-template-columns:1fr;gap:8px}.principle-grid{grid-template-columns:1fr;margin-top:42px}.principle-grid article{min-height:225px}footer{padding:25px 22px;display:grid;gap:10px}}
@media(max-width:520px){.wordmark small{display:none}.wordmark b{font-size:11px}.site-header{padding:0 13px}.site-header select{max-width:64px;padding:0 8px}.header-login{min-width:auto;padding:0 13px}.hero{padding:34px 18px 62px}.hero h1{font-size:clamp(38px,11.4vw,50px);letter-spacing:-.055em}.lead{font-size:14px;margin:23px 0}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions>*{width:100%}.life-visual{aspect-ratio:1/1.04;border-radius:62px 17px 62px 17px}.life-visual img{object-position:67% center}.life-visual figcaption{left:20px;right:20px;bottom:18px}.life-visual figcaption span{font-size:11px}.life-visual figcaption b{display:none}.section-heading h2,.company h2{font-size:38px}.access-card{padding:28px 20px;border-radius:21px}}