@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap');
:root{--navy:#08111f;--navy2:#111e34;--paper:#f8f6f1;--cream:#eee8de;--coral:#e4664c;--ink:#182237;--muted:#68717e;--line:rgba(24,34,55,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:80px;padding:0 6.5vw;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:39px;height:39px;background:#fff8ef;border-radius:6px;display:grid;place-items:center;padding:6px}.brand-symbol img{width:100%;height:100%;display:block}.brand>b{font-family:Georgia,'Times New Roman',serif;font-size:19px;font-weight:400;letter-spacing:.12em}.nav nav{display:flex;gap:29px;font-size:12px;letter-spacing:.1em}.nav nav a:hover{color:#ff8d75}.nav-cta{border:1px solid rgba(255,255,255,.38);padding:12px 17px;font-size:13px;font-weight:700}
.hero{min-height:760px;height:calc(100svh - 80px);max-height:900px;background:#3b2517;color:#fff;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-breathe 14s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,31,.94) 0%,rgba(8,17,31,.76) 34%,rgba(8,17,31,.18) 62%,rgba(8,17,31,.02) 100%),linear-gradient(0deg,rgba(8,17,31,.42),transparent 45%)}@keyframes hero-breathe{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.055) translateX(-.7%)}}.hero-copy{position:relative;z-index:2;width:min(56%,1020px);height:100%;padding:7vh 4vw 10vh 7vw;display:flex;flex-direction:column;justify-content:center}.kicker,.section-label{font-size:12px;letter-spacing:.2em;font-weight:700;color:var(--coral)}.hero h1{font-size:clamp(47px,4.25vw,72px);line-height:1.12;letter-spacing:-.06em;margin:27px 0}.hero h1 span,.hero h1 em{display:block;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--coral)}.hero-copy>p:last-of-type{font-size:17px;line-height:1.9;color:rgba(255,255,255,.72)}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{padding:16px 22px;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.45)}.button.primary{background:#fff;color:var(--navy)}.hero-sign{position:absolute;z-index:2;right:6.5vw;bottom:42px;display:flex;align-items:flex-end;gap:18px}.hero-sign b{font-size:34px}.hero-sign span{font-size:10px;letter-spacing:.17em;margin-bottom:6px}.hero-locations{position:absolute;z-index:2;left:7vw;bottom:38px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.62)}.hero-locations i{display:block;width:45px;height:1px;background:rgba(255,255,255,.4)}
.section{padding:112px 7vw}.company{display:grid;grid-template-columns:15fr 43fr 42fr;gap:3.5vw;border-bottom:1px solid var(--line)}.company-title>p{font-size:12px;letter-spacing:.18em;color:var(--muted);margin:0 0 20px}.company h2{font-size:clamp(36px,2.65vw,48px)}.process h2,.inquiry h2{font-size:clamp(37px,3.15vw,54px)}.company h2,.process h2,.inquiry h2{line-height:1.25;letter-spacing:-.05em;font-weight:500;margin:0}.company h2 span{display:block;white-space:nowrap}.company-copy{padding:31px 0 0 1vw}.company-copy .large{font-size:23px;line-height:1.55;font-weight:600;margin:0 0 25px}.company-copy>p:last-child{font-size:16px;line-height:1.95;color:var(--muted)}
.business{background:#e5e7ea;color:var(--ink)}.section-label.light{color:#d95840}.business-head{display:flex;justify-content:space-between;align-items:flex-end;margin:23px 0 58px}.business-head h2{font-size:clamp(56px,7vw,110px);letter-spacing:-.06em;margin:0}.business-head p{font-size:16px;line-height:1.8;color:#5f6875;margin:0 0 13px}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(24,34,55,.2);border-left:1px solid rgba(24,34,55,.2)}.business-grid article{min-height:330px;padding:27px;border-right:1px solid rgba(24,34,55,.2);border-bottom:1px solid rgba(24,34,55,.2);display:flex;flex-direction:column}.business-grid article>b{color:#d95840;font-style:italic}.business-grid article>span{font-size:10px;letter-spacing:.18em;color:#737b86;margin-top:8px}.business-grid h3{font-size:21px;margin:auto 0 13px}.business-grid p{font-size:15px;line-height:1.8;color:#596370;margin:0}
.process-head{display:grid;grid-template-columns:56% 44%;align-items:end;margin:24px 0 58px}.process-head p{max-width:470px;font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 8px}.process-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 24px}.process-gallery figure{margin:0}.process-gallery img{display:block;width:100%;aspect-ratio:1.48;object-fit:cover;filter:saturate(.82)}.process-gallery figcaption{display:grid;grid-template-columns:43px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.process-gallery figcaption>b{color:var(--coral);font-style:italic}.process-gallery figcaption span{font-size:14px;color:var(--muted)}.process-gallery figcaption strong{display:block;font-size:12px;letter-spacing:.15em;color:var(--ink);margin-bottom:5px}
.trendy{display:grid;grid-template-columns:58% 42%;background:var(--cream)}.trendy-photo{min-height:720px}.trendy-photo img{width:100%;height:100%;object-fit:cover}.trendy-copy{padding:90px 6vw;display:flex;flex-direction:column;justify-content:center}.trendy-name{font-size:clamp(66px,7vw,108px);letter-spacing:-.07em;font-weight:700;margin:45px 0 0}.trendy-copy h2{font-size:clamp(40px,4vw,62px);line-height:1.2;letter-spacing:-.05em;margin:4px 0 25px}.trendy-copy>p:not(.trendy-name){font-size:16px;line-height:1.9;color:var(--muted)}.lineup{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid var(--line)}.lineup span{padding:19px 8px 0 0;font-size:9px;letter-spacing:.12em}.lineup b{display:block;font-size:21px;letter-spacing:0;margin-bottom:7px}
.inquiry{text-align:center}.inquiry .section-label{margin-bottom:20px}.inquiry h2{margin-bottom:58px}.inquiry-flow{display:flex;align-items:center;justify-content:center}.inquiry-flow>span{width:160px;min-height:115px;border:1px solid var(--line);padding:22px 14px;font-size:15px}.inquiry-flow>span b{display:block;color:var(--coral);font-size:12px;margin-bottom:17px}.inquiry-flow>i{font-style:normal;color:#a4a7ac;padding:0 12px}
.contact{background:var(--navy2);color:#fff;padding:88px 7vw;display:grid;grid-template-columns:45fr 55fr;gap:7vw}.contact-intro h2{font-size:clamp(42px,4.5vw,70px);line-height:1.18;letter-spacing:-.055em;margin:24px 0}.contact-intro>p:last-child{font-size:16px;line-height:1.8;color:rgba(255,255,255,.58)}.contact-actions{display:grid;grid-template-columns:1fr;gap:10px}.contact-card{border:0;display:grid;grid-template-columns:47px 1fr 25px;align-items:center;text-align:left;padding:18px;cursor:pointer}.contact-card>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-weight:800}.contact-card small,.contact-card strong{display:block}.contact-card.kakao{background:#fee500;color:#171717}.contact-card.kakao>span{background:#1f1f1f;color:#fee500}.contact-card.zalo{background:#1168ff;color:#fff}.contact-card.zalo>span{background:#fff;color:#1168ff}.company-info{margin:25px 0 0}.company-info>div{display:grid;grid-template-columns:155px 1fr;padding:13px 0;border-top:1px solid rgba(255,255,255,.16)}.company-info dt{font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.45)}.company-info dd{font-size:14px;line-height:1.65;margin:0;color:rgba(255,255,255,.8)}
footer{background:var(--navy);color:#fff;padding:42px 7vw 24px}.footer-brand{display:flex;align-items:center}.footer-symbol{width:44px;height:44px;background:#fff8ef;border-radius:6px;display:grid;place-items:center;padding:7px;margin-right:14px}.footer-symbol img{display:block;width:100%;height:100%}.footer-brand b{font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:400;letter-spacing:.11em}.footer-brand>span:last-child{margin-left:13px;color:rgba(255,255,255,.45)}footer>p{font-size:11px;letter-spacing:.2em;color:var(--coral);margin:8px 0 34px}.footer-bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.4)}
@media(max-width:950px){.nav{padding:0 24px}.nav nav{display:none}.hero{height:760px;min-height:0}.hero-bg{object-position:62% center}.hero-copy{width:72%;padding:80px 24px 120px}.hero-sign{right:24px;bottom:32px}.hero-locations{left:24px;bottom:34px}.company{grid-template-columns:1fr}.company-title,.company-copy{max-width:760px}.company-copy{padding-left:0}.business-head{display:block}.business-head p{margin-top:20px}.business-grid{grid-template-columns:repeat(2,1fr)}.process-head{grid-template-columns:1fr}.process-head p{margin-top:24px}.trendy{grid-template-columns:1fr}.trendy-photo{min-height:0;aspect-ratio:1.45}.trendy-copy{padding:75px 24px}.contact{grid-template-columns:1fr}.inquiry-flow{flex-wrap:wrap;gap:9px}.inquiry-flow>i{display:none}.section{padding:85px 24px}}
@media(max-width:560px){.brand-symbol{width:36px;height:36px}.brand>b{font-size:17px}.nav-cta{font-size:11px;padding:10px}.hero{height:700px}.hero-bg{object-position:68% center}.hero-shade{background:linear-gradient(0deg,rgba(8,17,31,.94) 0%,rgba(8,17,31,.72) 48%,rgba(8,17,31,.08) 82%)}.hero-copy{width:100%;padding:245px 24px 105px;justify-content:flex-end}.hero h1{font-size:clamp(32px,9vw,40px);margin:18px 0}.hero-copy>p:last-of-type{font-size:15px}.hero-copy>p:last-of-type br{display:none}.hero-sign{display:none}.hero-locations{bottom:24px}.company h2{font-size:clamp(33px,9.4vw,43px)}.company h2 span{white-space:normal}.company-copy .large{font-size:21px}.business-head h2{font-size:54px}.business-grid{grid-template-columns:1fr}.business-grid article{min-height:230px}.process-gallery{grid-template-columns:1fr}.process-gallery img{aspect-ratio:1.28}.trendy-photo{aspect-ratio:1.05}.trendy-photo img{object-position:55% center}.lineup{gap:4px}.inquiry-flow>span{width:calc(50% - 5px)}.contact{padding:68px 24px}.company-info>div{grid-template-columns:1fr;gap:6px}.footer-bottom{gap:18px}.footer-brand b{font-size:26px}.footer-symbol{width:38px;height:38px}footer{padding:34px 24px 22px}}