:root{--ink:#101418;--muted:#6b7280;--line:#e8ebef;--paper:#fff;--soft:#f6f8fa;--accent:#0d6b5f;--accent-2:#dff3ee;--dark:#0f1c1b;--radius:22px;--shadow:0 18px 55px #0f1c1b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:76px}body{color:var(--ink);background:var(--paper);margin:0;font-family:Pretendard,Noto Sans KR,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,100% - 40px);margin:auto}.eyebrow{letter-spacing:.16em;color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:800}.section{padding:96px 0}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px;display:flex}.section.page-top{padding-top:48px}.section.page-top:has(>.article){padding-top:24px}.section h2{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(32px,4vw,52px);line-height:1.15}.section-desc{max-width:520px;color:var(--muted);font-size:17px}header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e8ebefcc;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;height:76px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-weight:900;display:flex}.logo{background:var(--dark);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:14px;display:grid}.logo-img{object-fit:cover;background:0 0;padding:0}.menu{gap:28px;font-size:15px;font-weight:700;display:flex}.menu a:hover{color:var(--accent)}.nav-cta{background:var(--accent);color:#fff;border-radius:999px;padding:11px 18px;font-weight:800}.hamburger{background:0 0;border:0;font-size:24px;display:none}.hero{padding:84px 0 58px;overflow:hidden}.hero-grid{grid-template-columns:1.04fr .96fr;align-items:center;gap:54px;display:grid}.hero h1{letter-spacing:-.065em;margin:18px 0 24px;font-size:clamp(48px,6.3vw,86px);line-height:1.01}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);max-width:650px;font-size:19px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.btn{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;padding:15px 23px;font-weight:850;display:inline-flex}.btn.primary{background:var(--dark);color:#fff;border-color:var(--dark)}.btn.secondary{background:#fff}.hero-card{min-height:560px;box-shadow:var(--shadow);background:radial-gradient(circle at 22% 22%,#fffffff2,#0000 24%),linear-gradient(135deg,#d9eee8 0%,#9ccabd 48%,#153c38 100%);border-radius:34px;position:relative;overflow:hidden}.hero-card:after{content:"";background:#ffffffdb;border-radius:48% 48% 0 0;width:62%;height:68%;position:absolute;bottom:-8%;right:-8%;transform:rotate(-7deg)}.hero-badge{z-index:2;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:18px 20px;font-weight:900;position:absolute;bottom:28px;left:28px}.hero-badge small{color:var(--muted);margin-top:4px;font-weight:700;display:block}.stats{padding:28px 0 70px}.stats-grid{border:1px solid var(--line);border-radius:22px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.stat{border-right:1px solid var(--line);background:#fff;padding:26px 28px}.stat:last-child{border-right:0}.stat b{letter-spacing:-.04em;font-size:28px;display:block}.stat span{color:var(--muted);font-size:14px}.service-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.service{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:270px;padding:28px;transition:all .25s}.service:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.service-num{color:var(--accent);letter-spacing:.12em;font-size:13px;font-weight:900}.service h3{letter-spacing:-.04em;margin:42px 0 12px;font-size:25px}.service p{color:var(--muted);word-break:keep-all;margin:0;font-size:15px}.process{background:var(--dark);color:#fff}.process .eyebrow{color:#88d4c5}.process .section-desc{color:#b9c5c2}.steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.step{background:#ffffff09;border:1px solid #ffffff21;border-radius:22px;padding:28px}.step span{width:38px;height:38px;color:var(--dark);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid}.step h3{margin:46px 0 8px;font-size:22px}.step p{color:#aebbb8;margin:0;font-size:15px}.area-wrap{grid-template-columns:.85fr 1.15fr;align-items:start;gap:46px;display:grid}.area-card{background:var(--soft);border:1px solid var(--line);border-radius:26px;padding:30px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 15px;font-size:14px;font-weight:800}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;padding-right:40px;font-size:18px;font-weight:850;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:10px;height:10px;transition:transform .25s;position:absolute;top:50%;right:8px;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq summary:hover:after{border-color:var(--accent)}.faq details p{color:var(--muted);white-space:pre-line;max-width:850px;margin:13px 0 0}.quote-section{background:var(--soft)}.quote-box{border:1px solid var(--line);background:#fff;border-radius:30px;grid-template-columns:.85fr 1.15fr;gap:40px;padding:46px;display:grid}.quote-box .quote-title{letter-spacing:-.04em;margin:0;font-size:46px;font-weight:700;line-height:1.15}form{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #dfe4e8;border-radius:13px;outline:none;padding:15px 16px}textarea{resize:vertical;grid-column:1/-1;min-height:130px}.form-wide{grid-column:1/-1}.area-pair{grid-template-columns:3fr 2fr;gap:12px;min-width:0;display:grid}.pyeong{display:block;position:relative}.pyeong input{appearance:textfield;padding-right:40px}.pyeong input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pyeong input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pyeong input:placeholder-shown+span{display:none}.pyeong span{color:var(--muted);pointer-events:none;font-weight:700;position:absolute;top:50%;right:16px;transform:translateY(-50%)}button.submit{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;grid-column:1/-1;padding:16px;font-size:16px;font-weight:900}footer{color:#d7dfdd;background:#0a1110;padding:52px 0 30px}.footer-grid{grid-template-columns:1.4fr .6fr .8fr;gap:30px;display:grid}footer small,footer p{color:#899692}.copy{color:#6f7b78;border-top:1px solid #20302d;margin-top:34px;padding-top:20px;font-size:13px}.floating{z-index:60;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.float-btn{background:var(--dark);color:#fff;border-radius:999px;place-items:center;height:52px;padding:0 20px;font-weight:900;display:grid;box-shadow:0 10px 30px #0000002e}@media (width<=900px){.menu{display:none}.menu.open{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:14px;padding:18px 20px;display:flex;position:absolute;top:76px;left:0;right:0}.hamburger{display:block}.nav-cta{display:none}.hero-grid,.area-wrap,.quote-box{grid-template-columns:1fr}.hero-card{min-height:430px}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-grid,.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}}@media (width<=600px){.container{width:min(100% - 28px,1180px)}.hero{padding-top:54px}.section{padding:72px 0}.section.page-top{padding-top:28px}.section.page-top:has(>.article){padding-top:14px}.section-head{display:block}.service-grid,.steps{grid-template-columns:1fr}.stats{padding:20px 0 48px}.stat{padding:18px 18px 20px}.stat b{font-size:22px}.stat span{word-break:keep-all;margin-top:4px;font-size:13px;line-height:1.45;display:block}.service-grid{gap:12px}.service{min-height:0;padding:22px 22px 24px}.service h3{margin:10px 0 8px;font-size:22px}.steps{gap:10px}.step{grid-template-columns:auto 1fr;align-items:start;column-gap:16px;padding:18px 20px 20px;display:grid}.step span{grid-row:span 2;width:34px;height:34px;font-size:15px}.step h3{margin:4px 0;font-size:19px}.step p{word-break:keep-all;font-size:14px;line-height:1.55}.hero-card{min-height:350px}.quote-box{padding:28px}form{grid-template-columns:1fr}textarea,.form-wide,button.submit{grid-column:auto}}.work-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.work-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;transition:all .25s;display:flex;overflow:hidden}.work-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.work-cover{aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,#edf4f1,#c5ded7)}.work-body{padding:20px}.work-meta{color:var(--accent);font-size:13px;font-weight:800}.work-card .work-title{font-size:19px;line-height:inherit;letter-spacing:-.03em;margin:6px 0}.work-card p{color:var(--muted);margin:0;font-size:14px}.works-empty{color:var(--muted)}.more-link{color:var(--accent);margin-top:26px;font-weight:800;display:inline-block}.related-works{background:var(--soft)}.related-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.related-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(24px,3vw,32px)}.related-head .more-link{margin:0}.pager{justify-content:center;gap:8px;margin-top:40px;display:flex}.pager a{border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-weight:700}.pager a[aria-current]{background:var(--accent);color:#fff;border-color:var(--accent)}.article{margin:auto}.article h1{letter-spacing:-.04em;margin:10px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1.2}.article-body{margin-top:32px;font-size:17px}.article-body>:first-child{margin-top:0}.article-body img{border-radius:16px;margin:18px 0}.article-body h2,.article-body h3{letter-spacing:-.03em}.article .article-body h2{margin:1.8em 0 .5em;font-size:26px;line-height:1.3}.article .article-body h3{margin:1.5em 0 .4em;font-size:21px;line-height:1.35}.article-cta{border-radius:var(--radius);background:var(--accent-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding:28px;display:flex}@media (width<=900px){.work-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.work-grid{grid-template-columns:1fr}}.section-title{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(32px,4vw,52px);line-height:1.15}.article-body .photo-row{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;display:grid}.article-body .photo-row img{aspect-ratio:4/3;object-fit:cover;width:100%;margin:0}.article-body figure{margin:18px 0}.article-body figure img,.article-body .photo-row figure{margin:0}.article-body figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:14px;font-weight:700}.article-body mark{color:inherit;border-radius:3px;padding:0 .15em}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:46px}
