:root{--ink:#151a21;--muted:#6b7280;--blue:#368ff6;--blue-hover:#1877e4;--blue-light:#b9d9ff;--blue-soft:#eff6ff;--cyan:var(--blue);--pink:#ff6087;--gutter:clamp(24px,7.3vw,140px);--font:'Pretendard','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}h1,h2,h3,p{margin:0}h2,h3{font-weight:600;line-height:1.32;letter-spacing:-.04em}h2{font-size:clamp(28px,2.71vw,52px)}.shell{width:100%;max-width:1920px;margin-inline:auto;padding-inline:var(--gutter)}.section-space{padding-block:clamp(68px,5.4vw,104px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:20px;z-index:10000;background:#fff;padding:12px 24px}.skip-link:focus{top:10px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--blue);color:#fff;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:600;line-height:1.4;transition:background-color .2s}.pill:hover{background:var(--blue-hover)}.pill.pink:hover{background:#ed4c78}.pink{background:var(--pink)}.cyan{background:var(--cyan)}.round-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:50%;background:#fff;color:#2563eb;font:500 22px Inter,sans-serif}.eyebrow{font:600 12px/1.4 Inter,sans-serif;letter-spacing:1.6px;margin-bottom:18px}.text-btn{padding:0;background:none;text-decoration:underline;font-size:12px;color:inherit}
.family-bar{height:40px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.family-inner{display:flex;align-items:center;height:100%;white-space:nowrap}.family-inner>span{font:600 10.5px Inter,sans-serif;color:#5f708c;margin-right:28px}.family-inner a{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;color:#374151}.family-inner a.current{border-bottom:2px solid var(--blue)}.family-inner b{background:#f3f4f6;border-radius:99px;padding:2px 7px;font:600 10px/1.4 Inter,sans-serif;color:#0d9488}.family-inner .current b{background:#2563eb;color:white}.family-inner a:last-child b{color:#0284c7}.new-header{height:88px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:50;border-bottom:1px solid #e5e7eb;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-logo{width:153px;height:42px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(20px,2.3vw,44px);font-size:16px;font-weight:500;color:#374151}.main-nav a:hover{color:var(--blue)}.header-cta{font-size:15px;padding:14px 26px}.menu-toggle{display:none;background:transparent;width:36px;height:36px;padding:6px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0}
.hero-section{padding:24px clamp(16px,2.6vw,50px) 60px;max-width:1920px;margin:auto}.hero-card{position:relative;min-height:670px;border-radius:32px;overflow:hidden;background:#063771}.hero-media,.hero-shade{position:absolute;inset:0}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}.hero-video.is-active{opacity:1}.hero-shade{background:linear-gradient(90deg,#00204855,#00163810 55%,#001c7044);pointer-events:none}.hero-copy{position:relative;z-index:1;color:#fff;padding:64px 64px 150px}.eyebrow-badge{display:inline-flex;gap:10px;border-radius:99px;background:#ffffff30;padding:9px 16px;font:600 12px/1.4 Inter,sans-serif;letter-spacing:1.2px;margin-bottom:22px}.eyebrow-badge span{font-weight:500;color:#eff6ff}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4vw;align-items:start}h1{font:400 clamp(52px,5.2vw,100px)/1.1 Inter,sans-serif;letter-spacing:-.03em;white-space:nowrap}h1 strong{font-weight:600}h1 i{font-style:normal;color:var(--pink)}.hero-details{padding-top:6px;min-width:0}.hero-intro{font-size:clamp(16px,1.15vw,22px);font-weight:600;line-height:1.65}.mobile-break{display:none}.contact-lines{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:20px;font-weight:600}.hero-details .contact-lines{margin-top:24px;color:#dbeafe}.hours{font-size:14px;margin-top:8px;color:#dbeafe}.hero-cta{margin-top:60px;padding:14px 14px 14px 28px}.hero-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:16px;font:600 12px Inter,sans-serif;letter-spacing:1px}.hero-dot{width:9px;height:9px;border-radius:99px;background:#ffffff6b;padding:0;transition:width .3s}.hero-dot.is-active{width:28px;background:#fff}.hero-pause{color:#fff;background:transparent;font:600 12px Inter;padding:8px;margin-left:10px}.business-grid{position:relative;margin:-100px 24px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;z-index:2;align-items:start}.business-card{display:flex;flex-direction:column;min-height:293px;padding:30px 28px 26px;border:1px solid #3d99ff99;border-radius:22px;background:white;box-shadow:0 14px 34px -8px #367bee33;transition:transform .25s}.business-card:hover{transform:translateY(-8px)}.business-card:nth-child(even){margin-top:30px}.business-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--blue);font:600 11px/1.4 Inter,sans-serif}.business-top>span{opacity:.7}.business-top b{padding:6px 11px;border-radius:99px;background:var(--blue);color:#fff;letter-spacing:.6px}.business-card h2{font-size:clamp(19px,1.46vw,28px);margin:8px 0 10px}.business-card p{font-size:16px;color:var(--muted)}.credentials{width:min(253px,90%);height:42px;object-fit:contain;object-position:right center;margin:24px 0 0 auto}.area-02{border-color:#00b1ff99}.area-03{background:#e4f6ff}.area-04{background:#d9fff5;border-color:#2dd4bf99}.area-04 .credentials{width:150px}.area-04 .business-top{color:#0d9488}.area-04 .business-top b{background:#19c6ab}
.section-heading>p:not(.eyebrow){font-size:20px;color:var(--muted);line-height:1.7;margin-top:16px}.inquiry-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:32px;margin-top:52px}.inquiry-form{border:1px solid #3d99ff77;border-radius:24px;padding:32px;background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600}.field>span{display:flex;gap:8px;align-items:center}em{font-style:normal;color:#3d99ff;font-size:11px;font-weight:500}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;padding:14px 16px;border-radius:10px;min-width:0;font-size:14px;line-height:1.5}textarea{resize:vertical;min-height:130px}input::placeholder,textarea::placeholder{color:#9ca3af}.category-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0;font-size:12px}.category-chips>span{margin-right:6px;color:#6b7280}.category-chips button{border-radius:99px;background:#f3f4f6;color:#6b7280;padding:5px 10px;font-size:11px}.category-chips button.is-active{background:#151a21;color:#fff}.consent{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;margin:24px 0}.consent label{display:flex;gap:6px;align-items:center}.consent input{accent-color:var(--blue);width:16px;height:16px}.submit-btn{width:100%;background:#54a5ff;font-size:16px}.form-status:empty{display:none}.form-status{font-size:13px;margin-top:12px;line-height:1.5}.response-panel{position:relative;border-radius:24px;background:linear-gradient(150deg,#65b5ff,#137ddf);color:#fff;padding:36px;display:flex;flex-direction:column}.response-panel h3{font-size:28px;line-height:1.4}.response-panel>p:not(.eyebrow){font-size:14px;margin-top:12px;color:#e6f3ff}.response-art{position:absolute;top:-130px;right:20px;width:220px;height:180px;object-fit:contain;pointer-events:none}.response-panel dl{margin:28px 0 24px}.response-panel dl>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff40;padding:14px 0}.response-panel dt{font-size:15px;font-weight:500}.response-panel dt small{display:block;font-size:11px;color:#dbeafe;font-weight:400}.response-panel dd{font:600 34px Inter,var(--font);margin:0}.response-contact{margin-top:auto;display:grid;gap:4px;background:white;border-radius:14px;color:#374151;padding:16px 20px;font-size:14px}.response-contact span{font-size:11px;color:#6b7280}.response-contact a:last-child{font-size:12px;color:#6b7280}
.services-section{overflow:hidden;background:#46A6FF;color:white}.service-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.service-heading h2{font-size:clamp(36px,3.34vw,64px);line-height:1.15}.service-heading>p{font-size:18px;line-height:1.75;max-width:780px;margin-bottom:8px;color:#ebfaff}.service-body{margin-top:72px}.service-track{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;touch-action:pan-y;padding:4px var(--gutter) 16px;scroll-behavior:smooth;user-select:none}.service-track::-webkit-scrollbar{display:none}.service-track.is-dragging{scroll-behavior:auto}.service-card{flex:0 0 clamp(290px,28.125vw,540px);height:clamp(350px,29.58vw,568px);border-radius:24px;padding:42px 40px;display:flex;flex-direction:column;justify-content:space-between;background:#228bdf;transition:background .3s,color .3s,margin-top .45s,height .45s;overflow:hidden}.service-card:not(.is-active){margin-top:80px;height:clamp(310px,25.4vw,488px)}.service-card h3{font-size:clamp(24px,1.9vw,36px);margin-bottom:14px}.service-card p{font-size:18px}.service-card .round-icon{align-self:flex-end;background:#63bdff;color:#fff;width:62px;height:62px;font-size:28px}.service-card.is-active{color:#168bdf;background:radial-gradient(ellipse at bottom right,#D9EFFF,transparent 80%),#fff}.service-card.is-active .round-icon{background:#168bdf}.service-card.is-active p{color:#6b7280}.service-1{background:#2194e8}.service-2{background:#217edb}.service-3{background:#2875cf}.service-4{background:#1d66bd}.best-badge{display:flex;align-items:center;gap:8px;background:#ffffff25;font-size:12px;width:fit-content;border-radius:99px;padding:5px 10px;margin-bottom:20px}.service-card.is-active .best-badge{background:#e7f7ff}.best-badge b{font-family:Inter,sans-serif}.service-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:28px;gap:32px}.service-progress{height:2px;background:#ffffff44;flex:1;max-width:900px}.service-progress span{display:block;width:20%;height:2px;background:white;transition:transform .2s}.service-navigation{display:flex;gap:14px;align-items:center;font:500 12px Inter,sans-serif}.service-navigation>span{margin-right:16px}.service-navigation button{width:42px;height:42px;border:1px solid #ffffff88;border-radius:50%;background:transparent;color:#fff;font-size:22px}
.centered{text-align:center}.centered .eyebrow{color:var(--cyan)}.work-section{overflow:hidden;padding-bottom:100px}.work-tabs{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:99px;padding:5px;margin:56px auto 16px;width:fit-content}.work-tabs button{padding:10px 20px;border-radius:99px;color:#6b7280;background:transparent;font-size:14px;font-weight:600}.work-tabs button.is-active{background:var(--blue);color:#fff}.work-stage{position:relative;height:clamp(430px,34.4vw,660px);perspective:1800px;touch-action:pan-y}.work-card{position:absolute;left:50%;top:50%;width:clamp(280px,22.4vw,430px);height:clamp(390px,30.8vw,591px);transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .5s;will-change:transform;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 10px 24px #0f1f3830;border:1px solid #dde3ea;opacity:0;pointer-events:none}.work-card.is-visible{opacity:1;pointer-events:auto}.work-card.is-active{z-index:5}.work-shot{height:100%;overflow:hidden;scrollbar-width:thin;scrollbar-color:var(--blue) var(--blue-soft)}.work-card.is-active:hover .work-shot,.work-card.is-active:focus-within .work-shot{overflow-y:auto}.work-shot img{width:100%;max-width:none;height:auto;user-select:none}.work-tag{position:absolute;top:20px;left:20px;padding:5px 14px;color:white;background:var(--blue);border-radius:99px;font-size:14px;z-index:2;pointer-events:none;opacity:0}.is-active .work-tag{opacity:1}.work-card:not(.is-active) .work-shot{pointer-events:none}.work-caption{text-align:center;margin-top:0}.work-caption h3{font-size:28px}.work-caption>p{font-size:15px;color:#6b7280;margin-top:14px}.work-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0 48px;font:500 16px Inter,sans-serif}.work-nav button{background:white;border:1px solid #368ff64d;border-radius:50%;width:56px;height:56px;font-size:20px;color:var(--blue)}.work-nav button:hover{background:var(--blue-soft);border-color:var(--blue)}.work-nav i{color:#d1d5db;font-style:normal;margin-inline:6px}.work-nav #work-total{color:#9ca3af}.work-nav .work-pause{width:34px;height:34px;font-size:12px;margin-left:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;text-align:center;gap:20px;padding:0}.stats-grid p{font-size:15px;color:#6b7280}.stats-grid strong{display:block;font:600 clamp(42px,5.3vw,102px)/1.1 Inter,sans-serif;letter-spacing:-.025em;background:linear-gradient(90deg,#2ed1c2,#3d99ff);background-clip:text;color:transparent;opacity:.7;white-space:nowrap}.partner-content{padding:108px 0 140px;background:linear-gradient(#fff 53%,#f7faff 73%,var(--blue-soft))}.partner-content .eyebrow{color:var(--blue)}.partner-logos{display:flex;align-items:center;justify-content:center;gap:20px;overflow:hidden;margin-top:120px}.partner-logos>div{display:flex;align-items:center;justify-content:center;flex:0 0 380px;height:144px;background:#fff;border-radius:20px;padding:24px 40px}.partner-logos img{width:300px;height:96px;object-fit:contain;flex:none}.final-cta{color:white;background:#076cde url('../pages/index/redesign/img10FinalCta.png') center/cover no-repeat}.final-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:stretch}.final-grid>div:first-child{display:flex;flex-direction:column;justify-content:space-between}.final-cta h2{font:600 clamp(36px,4.2vw,80px)/1.08 Inter,sans-serif;letter-spacing:-.04em}.final-contact{margin-top:90px}.final-contact .hours{font-size:12px}.project-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ff6087;padding:26px 30px;border-radius:18px;box-shadow:0 16px 44px #3d99ff66}.project-cta h3{font-size:23px}.project-cta p{font-size:16px;margin-top:10px}.project-cta .round-icon{width:52px;height:52px;color:#ff6087}.quick-form{background:#1e3a8a;border-radius:16px;margin-top:18px;padding:22px 24px}.quick-form h3{font-size:15px;letter-spacing:0}.quick-form>p{font-size:12px;color:#ffffff99;margin-top:4px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.quick-form input:not([type=checkbox]){background:white;font-size:13.5px;padding:12px 14px}.quick-message{display:flex;gap:10px;margin-top:10px}.quick-message label{flex:1;min-width:0}.quick-message button{border-radius:10px;padding:12px 20px;font-size:14px;background:#3b82f6;gap:7px}.quick-message img{width:20px;height:20px}.quick-form .consent{margin:14px 0 0;gap:12px}.quick-form em{color:#c7ff96}
.new-footer{background:#0f172a;color:#94a3b8;padding:80px 0 32px;font-size:14px}.footer-top{display:grid;grid-template-columns:1.6fr repeat(5,1fr) 1.4fr;gap:24px}.footer-brand{min-width:180px}.footer-logo{width:177px;height:48px;object-fit:contain;object-position:left}.footer-brand p{margin-top:20px;font-size:14px}.footer-top nav{display:flex;flex-direction:column;gap:12px}.footer-top h3{font-size:12px;font-weight:600;letter-spacing:.8px;color:#ff6087;margin-bottom:6px}.footer-top a{font-size:14px;line-height:1.45}.footer-top a:hover{color:#fff}.footer-top select{align-self:start;background:transparent;border-color:#ffffff33;color:#c6d3e2;padding:13px 16px;font-size:14px}.footer-top option{background:#0f172a}.footer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid #1e293b;margin-top:38px;padding-top:28px;font-size:12px}.footer-bottom>div:first-child{color:#d5d5d5}.footer-bottom>div:last-child{flex:none}.footer-bottom .text-btn{color:#ff6087;font-size:13px;margin-bottom:8px;text-decoration:none}.offices{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:12px}.offices b{font-weight:600;margin-right:5px}.policy-dialog{border:0;border-radius:20px;width:min(520px,90vw);padding:40px;color:#151a21;box-shadow:0 20px 80px #0004}.policy-dialog::backdrop{background:#0f172a88;backdrop-filter:blur(5px)}.policy-dialog h2{font-size:24px}.policy-dialog p{margin:20px 0 28px}.dialog-close{position:absolute;right:12px;top:8px;background:none;font-size:26px}.js-motion [data-reveal-title],.js-motion [data-reveal-body]{will-change:transform,opacity}
@media(max-width:1440px){.hero-copy{padding:48px 44px 150px}.hero-card{min-height:610px}.hero-grid{gap:35px}.hero-details .contact-lines{font-size:16px}.hero-details .hours{font-size:12px}.hero-cta{margin-top:32px}.business-card{padding:24px 20px;min-height:270px}.business-top{font-size:9px}.business-grid{gap:16px}.business-card p{font-size:14px}.response-panel{padding:28px}.response-art{width:180px;top:-105px}.service-heading>p{font-size:15px;max-width:50%}.footer-top{grid-template-columns:1.6fr repeat(5,1fr)}.footer-top select{grid-column:1;width:210px}.final-grid{gap:60px}.project-cta p{font-size:14px}}
@media(max-width:1100px){.header-cta{font-size:12px;padding:12px 18px}.main-nav{gap:18px;font-size:14px}.brand-logo{width:130px}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}h1{font-size:clamp(42px,5.3vw,58px)}.hero-intro{font-size:15px}.hero-copy{padding:40px 32px 140px}.hero-card{min-height:550px}.hero-details .contact-lines{gap:6px 14px;font-size:14px}.business-grid{margin-inline:8px;gap:12px}.business-card{padding:20px 16px;min-height:260px}.business-top>span{font-size:8px}.business-top b{padding:4px 7px}.business-card h2{font-size:19px}.business-card p{font-size:13px}.credentials{height:32px}.inquiry-grid{grid-template-columns:1.5fr 1fr;gap:24px}.inquiry-form{padding:24px}.form-grid{gap:16px}.response-panel h3{font-size:24px}.response-panel dd{font-size:28px}.response-panel>p:not(.eyebrow){font-size:12px}.final-grid{gap:35px}.final-cta h2{font-size:44px}.project-cta{padding:22px}.project-cta p{font-size:12px}.quick-form{padding:20px}.footer-top{grid-template-columns:repeat(5,1fr)}.footer-brand{grid-column:1/-1;margin-bottom:24px}.footer-bottom{flex-direction:column;align-items:flex-start}.section-heading>p:not(.eyebrow){font-size:17px}}
@media(max-width:768px){:root{--gutter:24px}html{scroll-padding-top:85px}.family-inner{padding-inline:16px;overflow-x:auto}.family-inner>span{margin-right:10px;font-size:9px}.family-inner a{padding:0 10px;font-size:11px}.family-inner b{font-size:9px}.new-header{height:72px}.header-inner{gap:16px}.brand-logo{width:124px;height:34px}.header-cta{margin-left:auto;font-size:11px;padding:11px 14px}.menu-toggle{display:block;flex:none}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:white;padding:20px 24px;box-shadow:0 16px 20px #0001;flex-direction:column;align-items:stretch;gap:0;font-size:17px}.main-nav.is-open{display:flex}.main-nav a{padding:12px 0}.hero-section{padding:16px 14px 40px}.hero-card{min-height:640px;border-radius:24px}.hero-copy{padding:32px 26px 130px}.hero-grid{grid-template-columns:1fr;gap:26px}h1{font-size:clamp(38px,8.2vw,62px)}.eyebrow-badge{font-size:10px;margin-bottom:20px}.hero-intro{font-size:16px}.hero-details{padding:0}.hero-details .contact-lines{margin-top:16px;font-size:15px}.hero-details .hours{font-size:11px}.hero-cta{margin-top:24px;font-size:14px;padding:10px 10px 10px 20px}.hero-cta .round-icon{width:32px;height:32px}.hero-controls{margin-top:20px}.business-grid{grid-template-columns:1fr 1fr;margin:-70px 10px 0;gap:12px}.business-card{min-height:245px;border-radius:16px;padding:20px 16px}.business-card:nth-child(even){margin-top:20px}.business-top{align-items:flex-start}.business-top>span{font-size:8px;max-width:100px;line-height:1.5}.business-card h2{font-size:19px;line-height:1.35;letter-spacing:-.05em}.business-card p{font-size:12px}.business-card .credentials{height:30px;width:100%;margin-top:auto;padding-top:8px}.business-card.area-04 .credentials{width:92px}.section-space{padding-block:64px}.section-heading>p:not(.eyebrow){font-size:15px}.inquiry-section .section-heading h2{font-size:28px}.inquiry-grid{grid-template-columns:1fr;margin-top:32px;gap:70px}.inquiry-form{padding:24px 20px}.field{font-size:12px}.form-grid{gap:16px 12px}input:not([type=checkbox]),textarea,select{padding:12px;font-size:13px}.consent{font-size:11px;gap:8px}.response-panel{padding:28px}.response-panel h3{font-size:28px}.response-art{width:150px;height:140px;top:-65px;right:10px}.response-panel>p:not(.eyebrow){font-size:14px}.response-panel dl{margin:20px 0}.response-contact{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.service-heading{display:block}.service-heading h2{font-size:40px}.service-heading>p{max-width:100%;font-size:14px;margin-top:24px}.service-heading>p br{display:none}.service-body{margin-top:36px}.service-card{flex-basis:78vw;height:380px;padding:28px}.service-card:not(.is-active){height:340px;margin-top:40px}.service-card h3{font-size:28px}.service-card p{font-size:16px}.service-track{gap:16px}.service-card .round-icon{width:48px;height:48px}.service-bottom{margin-top:20px}.service-navigation{gap:10px}.service-navigation>span{margin-right:4px}.service-navigation button{width:36px;height:36px}.work-section h2,.partner-content h2{font-size:29px}.work-tabs{margin-top:32px;max-width:calc(100% - 28px);flex-wrap:wrap;border-radius:22px;gap:0}.work-tabs button{padding:9px 13px;font-size:12px}.work-stage{height:470px}.work-card{width:280px;height:410px;border-radius:14px}.work-caption h3{font-size:23px}.work-nav{margin:24px 0 30px;gap:16px}.work-nav button{width:46px;height:46px}.work-caption .pill{font-size:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:32px 8px}.stats-grid p{font-size:12px}.stats-grid strong{font-size:48px;margin-top:8px}.partner-content{padding:70px 0}.partner-logos{margin-top:44px;gap:12px;justify-content:flex-start;overflow-x:auto;padding-inline:24px}.partner-logos>div{flex-basis:290px;height:120px;padding:20px}.partner-logos img{width:250px;height:80px}.final-grid{grid-template-columns:1fr;gap:40px}.final-cta h2{font-size:42px}.final-contact{margin-top:30px}.final-contact .contact-lines{font-size:16px}.final-contact .hours{font-size:11px}.project-cta h3{font-size:21px}.project-cta p{font-size:13px}.footer-top{grid-template-columns:repeat(3,1fr);gap:30px 18px}.footer-top a{font-size:12px}.footer-top select{grid-column:auto;width:100%;font-size:12px;padding:10px}.new-footer{padding:50px 0 24px}.footer-brand{margin-bottom:0}.footer-brand p{font-size:13px}.footer-bottom{font-size:11px}.offices{display:flex;flex-direction:column;font-size:11px}.footer-logo{width:150px;height:42px}.policy-dialog{padding:36px 24px}}
h2,h3{word-break:keep-all}
/* Panorama transforms are continuously interpolated by the carousel. */
.work-stage{height:clamp(460px,38vw,730px);perspective:1800px;perspective-origin:50% 50%;transform-style:preserve-3d;user-select:none}
.work-card{width:clamp(250px,24vw,400px);height:clamp(410px,34vw,600px);transition:opacity .25s;backface-visibility:hidden;transform-origin:center;will-change:transform;border-radius:18px}
.work-card.is-active{box-shadow:0 16px 30px #0f1f3833}
.work-card .work-shot{overscroll-behavior-y:contain}
.work-stage.is-moving .work-shot{overflow:hidden;pointer-events:none}
.work-stage.is-moving .work-tag{opacity:0}
.new-footer .footer-top{grid-template-columns:minmax(200px,1fr) auto 260px;align-items:start;gap:32px}
.new-footer .footer-brand{grid-column:auto;margin-bottom:0}
.new-footer .footer-nav{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:28px;padding-top:13px}
.new-footer .footer-nav a{font-size:15px;font-weight:500;color:#fff;white-space:nowrap}
.family-dropdown{position:relative;width:260px;max-width:100%}
.family-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px 13px 18px;border:1px solid #ffffff33;border-radius:10px;background:#ffffff1a;color:#fff;font-size:14px;font-weight:500;line-height:20px;text-align:left}
.family-arrow{width:20px;height:20px;flex:none;transition:transform .2s}
.family-toggle[aria-expanded=true] .family-arrow{transform:rotate(180deg)}
.new-footer .family-links{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:60;display:flex;flex-direction:column;gap:0;padding:8px;background:#263142;border:1px solid #ffffff33;border-radius:10px;box-shadow:0 8px 30px #0004}
.new-footer .family-links[hidden]{display:none}
.new-footer .family-links a{padding:10px;border-radius:6px;color:#fff;font-size:14px}
.new-footer .family-links a:hover{background:#ffffff18}
.family-inner{scrollbar-width:none}.family-inner::-webkit-scrollbar{display:none}
@media(max-width:1100px){.new-footer .footer-top{grid-template-columns:1fr 260px}.new-footer .footer-brand{grid-column:1}.new-footer .footer-nav{grid-column:1;grid-row:2;padding-top:0;gap:24px}.family-dropdown{grid-column:2;grid-row:1}}
@media(max-width:768px){.work-stage{height:470px}.work-card{width:270px;height:410px}.new-footer .footer-top{grid-template-columns:1fr;gap:28px}.new-footer .footer-brand,.new-footer .footer-nav,.family-dropdown{grid-column:1;grid-row:auto}.new-footer .footer-nav{gap:20px 24px}.new-footer .footer-nav a{font-size:14px}.family-dropdown{width:260px}}
@media(max-width:390px){.header-cta{font-size:10px;padding:10px}.header-inner{gap:8px}.brand-logo{width:110px}.family-inner>span{display:none}.business-card h2{font-size:17px}.business-card p{font-size:11px}.business-card{padding:16px 12px}.quick-grid{grid-template-columns:1fr}.quick-message button{padding:10px 13px}.stats-grid strong{font-size:42px}h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.service-track{scroll-behavior:auto}}

/* The leading service owns the Figma active treatment, including its lift. */
.service-track{scroll-behavior:auto;overflow-x:hidden;clip-path:inset(0 0 0 var(--gutter));height:calc(max(clamp(350px,29.58vw,568px),calc(clamp(310px,25.4vw,488px) + 80px)) + 20px)}
.service-card{color:#fff}
.service-card.is-active{color:#168bdf;background:radial-gradient(ellipse at bottom right,#D9EFFF,transparent 80%),#fff;margin-top:0}
/* Artwork and clipping surface share a single transformed card plane. */
.work-card{overflow:visible;background:transparent;border:0;box-shadow:none;transform-style:preserve-3d}
.work-card.is-active{box-shadow:none}
.work-surface{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #dde3ea;border-radius:inherit;background:#fff;box-shadow:0 10px 24px #0f1f3830;backface-visibility:hidden}
.work-card.is-active .work-surface{box-shadow:0 16px 30px #0f1f3833}
.work-shot{scrollbar-width:none}
.work-shot::-webkit-scrollbar{display:none}
.work-shot img{display:block;width:100%;min-height:100%;object-fit:cover;object-position:top}
/* Both inquiry forms: all visible form text increases by exactly 2px. */
.inquiry-form .field,.inquiry-form .category-chips>span{font-size:16px;font-weight:600;line-height:1.6}
.inquiry-form input:not([type=checkbox]),.inquiry-form textarea,.inquiry-form select{font-size:16px}
.inquiry-form em,.quick-form em{font-size:13px}
.inquiry-form .category-chips{font-size:14px}
.inquiry-form .category-chips button{font-size:13px}
.inquiry-form .consent,.quick-form .consent{font-size:14px}
.inquiry-form .text-btn,.quick-form .text-btn{font-size:14px}
.inquiry-form .submit-btn{font-size:18px}
.inquiry-form .form-status{font-size:15px}
.quick-form h3{font-size:17px}
.quick-form>p{font-size:14px}
.quick-form input:not([type=checkbox]){font-size:15.5px}
.quick-message button{font-size:16px}
.consent input{flex:none}
@media(max-width:768px){.service-track{height:400px}.inquiry-form .field,.inquiry-form .category-chips>span{font-size:14px}.inquiry-form input:not([type=checkbox]),.inquiry-form textarea,.inquiry-form select{font-size:15px}.inquiry-form .consent,.quick-form .consent{font-size:13px}}
@media(max-width:480px){.form-grid{grid-template-columns:1fr}.consent label{flex-wrap:wrap}}

/* Desktop hero spacing; retain the compact/tablet and stacked mobile layouts. */
@media(min-width:1101px){
  .hero-copy{padding-inline:88px}
  .hero-grid{column-gap:11vw}
}
/* Figma 257:760 / 257:771: tinted top fading to white at the bottom. */
.area-03{background:linear-gradient(to bottom,#e0f3ff,#fff);border-color:rgba(2,132,199,.7);box-shadow:0 14px 34px -8px rgba(2,132,199,.2)}
.area-03 h2{color:#007ab9}
.area-03 .business-top{color:#0284c7}
.area-03 .business-top b{background:#0284c7}
.area-04{background:linear-gradient(to bottom,#dffff8,#fff);border-color:rgba(13,148,136,.7)}
.area-04 h2{color:#028074}
.area-04 .business-top b{background:#0d9488}

/* Requested space before the statistics. */
.work-section{padding-bottom:180px}

/* Two client rows share the heading gap and loop independently. */
.partner-marquees{display:grid;gap:20px;margin-top:120px}
.partner-marquees>.partner-logos{margin-top:0}
@media(max-width:768px){.partner-marquees{gap:12px;margin-top:44px}}

/* A clipped moving track has no native scrollbar, including on mobile. */
.partner-logos{display:block;overflow:hidden;padding-inline:0;scrollbar-width:none;touch-action:pan-y}
.partner-logos::-webkit-scrollbar{display:none}
.partner-logos>.partner-logo-track{display:flex;align-items:center;justify-content:flex-start;gap:0;width:max-content;height:auto;padding:0;background:none;border-radius:0;animation:partner-marquee var(--partner-duration,60s) linear infinite;animation-play-state:paused;will-change:transform}
.partner-logos--reverse>.partner-logo-track{animation-direction:reverse}
.partner-logo-group{display:flex;align-items:center;gap:20px;padding-right:20px;flex:none}
.partner-logo-group>div{display:flex;align-items:center;justify-content:center;flex:0 0 380px;width:380px;height:144px;background:#fff;border-radius:20px;padding:24px 40px}
.partner-logos.is-running:not(.is-page-hidden):not(.is-held):not(:focus-within)>.partner-logo-track{animation-play-state:running}
@media(hover:hover){.partner-logos.is-running:hover>.partner-logo-track{animation-play-state:paused}}
@keyframes partner-marquee{to{transform:translate3d(calc(-1 * var(--partner-shift)),0,0)}}
@media(max-width:768px){
  .partner-logo-group{gap:12px;padding-right:12px}
  .partner-logo-group>div{flex-basis:290px;width:290px;height:120px;padding:20px}
  /* Crop out the source artwork's dark top/bottom bands without distorting it. */
  .final-cta{background-size:auto 280%;background-position:50% 51%}
}
@media(prefers-reduced-motion:reduce){
  .partner-logos{overflow-x:auto;touch-action:pan-x pan-y}
  .partner-logos>.partner-logo-track{animation:none;transform:none;will-change:auto}
  .partner-logo-group[aria-hidden=true]{display:none}
}

/* Inquiry order follows the DOM: response first, then the form. */
.business-card:hover{transform:translateY(-36px)}
.inquiry-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.85fr);align-items:start}
.inquiry-form em{color:var(--pink)}
.inquiry-form .category-chips>span{color:var(--ink)}
.inquiry-form .category-chips button{font-size:15px;padding:17px 22px}
/* Figma response panel 257:193. */
.response-panel{padding:40px 36px;background:linear-gradient(206.925811411947deg,rgba(131,196,255,.8) 4.4358%,rgba(131,196,255,0) 96.588%),#137ddf;color:#fff;min-width:0}
.response-panel .response-art{width:210px;height:168px;top:-76px;right:16px}
.response-panel>.eyebrow{opacity:.5;font:600 11px/1.5 Inter,var(--font);letter-spacing:1.4px;color:#fff;margin:0 0 14px}
.response-panel h3{font-size:30px;font-weight:600;line-height:1.35;letter-spacing:-.8px;color:#fff}
.response-panel>p:not(.eyebrow){opacity:.8;font-size:14.5px;font-weight:400;line-height:1.7;color:#fff;margin-top:14px}
.response-panel dl{margin:30px 0 0}
.response-panel dl>div{padding:16px 0;border:0;gap:16px}
.response-panel dl>div+div{border-top:1px solid rgba(255,255,255,.22)}
.response-panel dt{font-size:21px;font-weight:500;line-height:1.5;color:#fff}
.response-panel dt small{font-size:12px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.72);margin-top:3px}
.response-panel dd{font:600 30px/1.5 Inter,var(--font);letter-spacing:-1px;color:#e0f2fe;white-space:nowrap}
.response-panel dl>div:nth-child(2) dd{color:#ccfbf1}
.response-panel dl>div:nth-child(3) dd{color:#f0fdfa}
.response-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px;padding:20px;background:#fff;border-radius:14px;line-height:1.5}
.response-contact>span{font-size:13.5px;font-weight:600;color:#151a21}
.response-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;max-width:100%}
.response-links a{font:600 17px/1.5 Inter,var(--font);color:#0f6dc4;white-space:nowrap}
.response-links a:last-child{font:500 14px/1.5 Inter,var(--font);color:#0f6dc4}
@media(max-width:1100px){.inquiry-grid{grid-template-columns:1fr;gap:32px}.response-panel{width:100%}}
@media(max-width:768px){.response-panel{padding:32px 24px}.response-panel .response-art{width:150px;height:120px;top:-48px}}

/* Lead with the service message, then keep the existing interactive cards compact. */
.services-section{--service-card-height:clamp(360px,23vw,440px)}
.service-heading{display:block}
.service-heading h2{line-height:1.25}
.service-title-break{display:none}
.service-heading>.service-intro{max-width:1080px;margin:28px 0 0;font-size:20px;line-height:1.7;letter-spacing:-.02em;color:rgba(255,255,255,.85)}
.service-intro>strong{display:block;margin-top:14px;font-size:24px;font-weight:600;line-height:1.55;color:#fff}
.service-intro>strong .service-copy-break{display:none}
.service-body{margin-top:80px}
.service-track{padding-top:0;height:calc(var(--service-card-height) + 16px)}
.service-card{flex-basis:clamp(300px,calc((min(100vw,1920px) - 2 * var(--gutter) - 48px) / 3),530px);height:var(--service-card-height);padding:40px}
.service-card:not(.is-active){height:calc(var(--service-card-height) - 24px);margin-top:24px}
.service-card .round-icon{width:52px;height:52px;font-size:26px}
.service-card .service-description{margin-top:20px;font-size:18px;font-weight:400;line-height:1.6;color:rgba(255,255,255,.85);word-break:keep-all;overflow-wrap:break-word}
.service-card.is-active .service-description{color:#465b70}
.service-card-bottom{display:flex;align-items:flex-end;justify-content:flex-end;gap:24px;flex:none}
.service-icon-tile{display:grid;place-items:center;width:88px;height:88px;flex:none;border-radius:22px;background:rgba(255,255,255,.1);border:0;color:rgba(255,255,255,.94);transition:background .3s,color .3s;pointer-events:none}
.service-icon{display:block;width:56px;height:56px;background:currentColor;-webkit-mask:var(--service-icon) center/contain no-repeat;mask:var(--service-icon) center/contain no-repeat}
.service-card.is-active .service-icon-tile{background:rgba(22,139,223,.08);color:#168bdf}
.service-0{--service-icon:url('../pages/index/redesign/service-icons/website-illustration.svg')}
.service-1{--service-icon:url('../pages/index/redesign/service-icons/platform-illustration.svg')}
.service-2{--service-icon:url('../pages/index/redesign/service-icons/film-illustration.svg')}
.service-3{--service-icon:url('../pages/index/redesign/service-icons/catalog-illustration.svg')}
.service-4{--service-icon:url('../pages/index/redesign/service-icons/chatbot-illustration.svg')}
.stats-grid strong{font-variant-numeric:tabular-nums}
.service-bottom{margin-top:24px}
@media(max-width:1100px){
  .service-heading>.service-intro{font-size:18px}
  .service-intro>strong{font-size:22px}
  .service-copy-break{display:none}
}
@media(max-width:768px){
  .services-section{--service-card-height:360px}
  .service-title-break{display:block}
  .service-heading>.service-intro{margin-top:24px;font-size:16px;line-height:1.75}
  .service-intro>strong{margin-top:16px;font-size:20px;line-height:1.6}
  .service-body{margin-top:80px}
  .service-card{flex-basis:calc(100vw - 80px);padding:40px}
  .service-card h3{font-size:26px}
  .service-card p{font-size:16px}
  .service-card .service-description{margin-top:16px}
  .service-card .round-icon{width:46px;height:46px;font-size:24px}
  .service-icon-tile{width:76px;height:76px;border-radius:18px}
  .service-icon{width:48px;height:48px}
  .service-bottom{margin-top:20px}
}
@media(max-width:360px){.services-section{--service-card-height:424px}}

/* Keep the smaller response object inside the card's padded header. */
.response-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.response-top .eyebrow{margin:0;opacity:.5;font:600 11px/1.5 Inter,sans-serif;letter-spacing:1.4px}
.response-panel .response-art{position:static;flex:none;width:140px;height:112px;filter:brightness(.87) saturate(.75)}

/* Reframe the filming camera without changing the shared hero typography. */
.hero-card{overflow:clip}
.hero-video--film{transform:translateY(-64px) scale(1.5);transform-origin:0 30%;object-position:50% 50%}
@media(max-width:768px){
  .response-panel .response-art{width:120px;height:96px}
  .hero-video--film{transform:translateY(-48px) scale(1.5);transform-origin:50% 30%;object-position:20% 50%}
}

/* Emphasize the active service and place the portfolio link beside its headline. */
.service-card.is-active h3{font-size:calc(clamp(24px,1.9vw,36px) + 4px);font-weight:700}
.work-section .section-heading{text-align:left}
.work-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.work-title-row h2{min-width:0}
.work-title-row>.pill{flex:none;white-space:nowrap}
@media(max-width:768px){
  .service-card.is-active h3{font-size:30px}
  .work-title-row{flex-wrap:wrap;gap:20px}
  .work-title-row>.pill{margin-left:auto;font-size:14px}
}

/* Service navigation uses the section blue on a white button. */
.service-navigation button{background:#ffffff;color:#46A6FF;border-color:#ffffff}

/* Use consistent field gaps and let the message input fill the matched columns. */
.inquiry-grid{align-items:stretch}
.inquiry-form{--inquiry-field-gap:24px;display:flex;flex-direction:column}
.inquiry-form .message-field{margin-top:var(--inquiry-field-gap);flex:1}
.inquiry-form .message-field textarea{flex:1;min-height:222px}
.inquiry-form .form-grid{gap:var(--inquiry-field-gap)}
.inquiry-form .consent{margin-block:var(--inquiry-field-gap)}
.inquiry-form .submit-btn{margin-top:0}
.response-panel dl{margin-bottom:24px}
.response-contact{margin-top:auto}

/* Pair the service copy with a flush-right carousel showing one and a half cards. */
@media(min-width:1101px){
  .services-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;column-gap:clamp(40px,4vw,76px);padding-left:max(var(--gutter),calc((100vw - 1920px)/2 + var(--gutter)));padding-right:0}
  .service-heading{padding:0;min-width:0}
  .service-title-break{display:block}
  .service-heading h2{font-size:clamp(36px,3.34vw,64px)}
  .service-heading>.service-intro{font-size:18px;max-width:none}
  .service-intro>strong{font-size:22px}
  .service-copy-break{display:none}
  .service-body{min-width:0;margin-top:0}
  .service-track{padding-inline:0;clip-path:none}
  .service-card{flex-basis:calc((100% - 24px)*2/3)}
  .service-bottom{padding-left:0;padding-right:24px}
}
@media(max-width:1100px){
  .inquiry-form{--inquiry-field-gap:16px}
  .inquiry-form .message-field textarea{min-height:174px}
}
/* Detailed service illustrations retain the shared monochrome active states. */
.service-icon-tile{width:104px;height:104px}
.service-icon{width:82px;height:82px}
@media(max-width:768px){.service-icon-tile{width:88px;height:88px}.service-icon{width:68px;height:68px}}

/* Concise slide-specific copy and uncropped replacement footage. */
.hero-details .hero-subtitle{font:600 28px/1.3 Inter,var(--font);letter-spacing:-.025em;color:#fff}
.hero-details .hero-intro{font-size:17px;font-weight:400;line-height:1.6;margin-top:12px;color:#fff}
.hero-video--film{transform:none;object-position:center}
.hero-card.is-film-slide .hero-shade{background:linear-gradient(90deg,rgba(0,18,35,.55),rgba(0,18,35,.25) 55%,rgba(0,18,35,.5))}
.business-card .credentials{margin-top:auto}
/* stats-grid 좌우 여백 — 숫자 줄이 화면 양끝에 붙어 첫·마지막 숫자가 잘리던 문제(데스크톱 포함) */
.stats-grid{padding-inline:var(--gutter)}
@media(max-width:768px){.stats-grid strong{font-size:clamp(30px,10.5vw,48px)}}