@font-face{font-family:'Bridge Pretendard';font-style:normal;font-weight:100 900;font-display:swap;src:url('PretendardVariable.woff2') format('woff2')}
:root{--navy-900:#1B2E4A;--navy-800:#16273F;--navy-700:#22375A;--red-500:#E8502A;--red-400:#EF6B45;--red-text:#A9361B;--button-red:#BE3D1D;--cream:#f6f4ef;--ink:#1c1c1c;--muted:#525b67;--max:1200px;--line:#e5e2da;--reading-size:18px;--support-size:16px;--notice-size:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{font-family:'Bridge Pretendard',Pretendard,-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;background:var(--cream);color:var(--ink);font-size:var(--reading-size);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid #dd754d;outline-offset:5px}
button,a,summary{-webkit-tap-highlight-color:transparent}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}
.proposal-notice{padding:8px 24px;text-align:center;font-size:12px;color:#48515b;background:#f2eee7;border-bottom:1px solid #ded9d0}
.skip-link{position:absolute;left:24px;top:-100px;z-index:100;background:#fff;color:var(--navy-900);padding:12px 18px}
.skip-link:focus{top:12px}
header{background:var(--navy-900);border-bottom:1px solid rgba(255,255,255,.14);position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:0 auto;padding:20px 24px;gap:24px}
.logo svg{display:block;height:43px;width:auto;max-width:100%}
.nav-menu{display:flex;align-items:center;gap:28px}
.nav-menu a{color:#ecedf0;font-size:14px;font-weight:600;white-space:nowrap}
.nav-menu a:hover{color:var(--red-400)}
.nav-menu .nav-contact{border:1px solid #8893a3;padding:7px 16px;border-radius:2px}
.hero{background:linear-gradient(180deg,var(--navy-900),var(--navy-800));color:#fff;padding:84px 0 60px}
.eyebrow{color:var(--red-400);font-weight:700;font-size:14px;display:flex;align-items:center;gap:12px;margin-bottom:24px}
.eyebrow:before{content:'';width:24px;height:1px;background:currentColor;flex:none}
.headline{font-size:clamp(31px,4.3vw,48px);font-weight:800;line-height:1.36;letter-spacing:-.8px;max-width:930px;word-break:keep-all;overflow-wrap:anywhere}
.accent{color:var(--red-400)}
.hero-topics{margin-top:22px;font-size:20px;font-weight:600;color:#fff}
.hero-topics span{padding:0 8px;color:var(--red-400)}
.hero-desc{margin-top:18px;color:#dde3ed;font-size:17px;max-width:820px;word-break:keep-all;overflow-wrap:anywhere}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;font-size:14px;line-height:1.5;font-weight:700;border:1px solid transparent;border-radius:2px;min-height:48px;text-align:center;transition:background .18s,color .18s}
.primary{background:var(--button-red);color:#fff}
.primary:hover{background:#a83216}
.outline-light{border-color:#8996aa;color:#fff;background:transparent}
.outline-light:hover{background:#31445f}
.outline-dark{border-color:#a9b0bb;color:var(--navy-900);background:transparent}
.outline-dark:hover{background:#ebeef2}
.navy{background:var(--navy-900);color:#fff}
.stats{display:flex;gap:60px;margin-top:54px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14)}
.stat-num{font-size:38px;font-weight:800;line-height:1.4}
.stat-num span{color:var(--red-400);font-size:15px;margin-left:5px}
.stat-label{font-size:13px;color:#f4a48f;margin-top:5px}
main>section{padding:76px 0}
main>.hero{padding:84px 0 60px}
.section-head{text-align:center;max-width:780px;margin:0 auto 40px}
.kicker{font-size:13px;font-weight:700;color:#626970;margin-bottom:14px}
.section-head h2,h2{font-size:clamp(25px,3vw,32px);font-weight:800;line-height:1.5;letter-spacing:-.4px;color:var(--navy-900);word-break:keep-all;overflow-wrap:anywhere}
.mark{color:var(--red-text)}
.section-head>p:last-child:not(.kicker){margin-top:15px;color:var(--muted);font-size:var(--reading-size)}
.services{background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.service-card{padding:30px 25px;display:flex;flex-direction:column;background:#fff;min-width:0}
.service-card+.service-card{border-left:1px solid var(--line)}
.service-num{font-size:14px;font-weight:800;color:var(--red-text);margin-bottom:13px}
h3{font-size:20px;line-height:1.5;color:var(--navy-900);font-weight:800;word-break:keep-all;overflow-wrap:anywhere}
.customer-question{font-size:18px;line-height:1.65;color:var(--navy-900);font-weight:700;margin-top:16px;word-break:keep-all;overflow-wrap:anywhere}
.service-desc{font-size:var(--reading-size);line-height:1.85;color:var(--muted);margin-top:16px}
.plain-list{list-style:none;margin:20px 0;font-size:var(--reading-size);line-height:1.8}
.plain-list li{position:relative;padding-left:15px;margin-bottom:8px;overflow-wrap:anywhere}
.plain-list li:before{content:'—';position:absolute;left:0;color:var(--red-text)}
.text-link{display:inline-block;color:var(--red-text);font-size:var(--support-size);font-weight:700;line-height:1.8;text-underline-offset:4px}
.text-link:hover{text-decoration:underline}
.service-card .text-link{margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}
.connection{background:var(--navy-900);color:#e1e6ed}
.connection h2,.connection h3{color:#fff}
.connection .section-head>p:last-child:not(.kicker){color:#d1d8e3}
.light{color:#f3a28c}
.connection-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:76px;align-items:start}
.connection-grid>div>p:not(.kicker){margin-top:22px;font-size:var(--reading-size)}
.light-link{color:#f3a28c;margin-top:26px}
.role-list{list-style:none}
.role-list li{display:flex;gap:20px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.2)}
.role-list li:last-child{margin-bottom:0}
.role-list li>span{font-size:14px;color:#f3a28c;font-weight:700;padding-top:4px}
.role-list p{font-size:var(--reading-size);line-height:1.85;margin-top:8px;color:#d1d8e3}
.research-section{background:var(--cream)}
.reading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:28px}
.reading-card{border-top:2px solid var(--red-500);padding-top:21px;min-width:0}
.reading-card h3{font-size:19px;line-height:1.65}
.reading-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.reading-card p:not(.kicker){font-size:var(--reading-size);color:var(--muted);margin-top:12px;line-height:1.8}
.reading-card .text-link{margin-top:17px}
.secondary-link{display:block;font-size:var(--support-size);line-height:1.8;color:#525d6c;text-decoration:underline;text-underline-offset:3px;margin-top:11px;overflow-wrap:anywhere}
.reading-card .reading-scope{font-size:var(--reading-size);line-height:1.85;border-left:2px solid #c7c3ba;padding-left:12px;color:#525b67}
.reading-bridge{display:block;color:var(--red-text);font-size:var(--support-size);font-weight:700;padding-top:15px;margin-top:19px;border-top:1px solid #d7d2c8}
.reading-bridge:hover{text-decoration:underline;text-underline-offset:4px}
.monthly-deliverables{border:1px solid var(--line);border-left:3px solid var(--red-500);padding:23px 26px;margin-top:34px;background:var(--cream)}
.monthly-deliverables h3{font-size:17px}
.monthly-deliverables p{font-size:var(--reading-size);color:var(--muted);margin-top:9px}
.monthly-deliverables p span{padding:0 8px;color:var(--red-text)}
.section-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-top:34px}
.process{background:#fff}
.hero-execution{font-size:14px;color:#f3a28c;margin-top:20px;line-height:1.8}
.work-design{background:var(--cream)}
.method-note{font-size:var(--reading-size);color:var(--muted);line-height:1.9;margin-top:28px;max-width:920px}
.sourcing{background:var(--cream)}
.customer-experience{background:#fff;border-bottom:1px solid var(--line)}
.experience-card{border-top:2px solid var(--red-500);padding-top:21px;min-width:0}
.experience-card h3{font-size:19px}
.experience-card>p:last-child{font-size:var(--reading-size);color:var(--muted);line-height:1.9;margin-top:16px}
.delegation-section{background:#fff;border-bottom:1px solid var(--line)}
.delegation-row{display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:28px;padding:28px 0;border-top:1px solid var(--line)}
.delegation-row>div{min-width:0}
.delegation-row h3{font-size:18px}
.delegation-row h3 span{display:block;color:var(--red-text);font-size:13px;margin-bottom:8px}
.delegation-row h4{font-size:13px;color:var(--navy-900);margin-bottom:10px}
.delegation-row p,.delegation-note{font-size:var(--reading-size);color:var(--muted);line-height:1.9;overflow-wrap:anywhere}
.delegation-note{padding-top:24px;border-top:1px solid var(--line)}
@media(max-width:650px){.delegation-row{grid-template-columns:1fr;gap:18px}.delegation-row h3 span{display:inline;margin-right:12px}}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.step-num{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--navy-900);color:#fff;width:38px;height:38px;margin-bottom:20px;font-size:14px;font-weight:700}
.process-grid article:nth-child(2) .step-num{background:var(--button-red)}
.process-grid p{font-size:var(--reading-size);color:var(--muted);line-height:1.85;margin-top:12px}
.final-cta{background:var(--button-red);color:#fff;text-align:center}
.final-cta h2{color:#fff}
.final-cta>.wrap>p:not(.kicker){margin-top:21px;font-size:16px;color:#fff}
.centered{justify-content:center}
.final-cta .contact-note{font-size:var(--notice-size);color:#fff!important}
.final-cta .kicker{color:#fff}
.final-cta .outline-light:hover{background:#a73519}
footer{padding:46px 0 28px;background:var(--navy-900);color:#c8d1df}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:28px}
footer h2{font-size:16px;color:#fff;margin-bottom:14px;letter-spacing:0}
footer p,footer a{font-size:12px;line-height:1.85;overflow-wrap:anywhere}
footer a{display:block;margin-top:7px}
footer a:hover{color:#fff;text-decoration:underline}
.footer-label{color:#fff;font-weight:700;margin-bottom:14px}
.copyright{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;margin-top:32px;font-size:12px}
.compact{padding-top:43px!important;padding-bottom:48px!important}
.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#c9d3e3;font-size:13px;margin-bottom:32px}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.answer-section{padding:48px 0!important;background:#fff;border-bottom:1px solid var(--line)}
.lead-answer{font-size:19px;font-weight:600;line-height:1.9;color:var(--navy-900);max-width:920px;word-break:keep-all;overflow-wrap:anywhere}
.topic-jump{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:25px;font-size:var(--support-size);color:var(--red-text)}
.topic-jump a{text-decoration:underline;text-underline-offset:4px}
.article-section{background:#fff;padding-top:0!important}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:55px;align-items:start}
.explanation{padding:46px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.explanation h2{font-size:24px;line-height:1.55}
.explanation p{font-size:var(--reading-size);color:#485260;line-height:1.95;margin-top:20px}
.explanation .plain-list{color:#46505f}
.role-aside{background:var(--cream);border-top:3px solid var(--red-500);padding:24px;margin-top:46px}
.role-aside h2{font-size:23px}
.role-aside p:not(.kicker){font-size:var(--reading-size);line-height:1.9;color:var(--muted);margin-top:14px}
.role-aside h3{font-size:16px;margin-top:25px}
.role-aside .plain-list{font-size:var(--reading-size)}
.role-aside .button{width:100%;padding-left:12px;padding-right:12px}
.role-aside>.text-link{margin-top:15px}
.faq-section{background:#fff}
.narrow{max-width:900px}
.faq-list{margin-top:28px}
.faq-list details{border-top:1px solid var(--line)}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
summary{padding:22px 34px 22px 0;position:relative;list-style:none;font-size:16px;font-weight:700;line-height:1.8;cursor:pointer;color:var(--navy-900)}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';position:absolute;right:4px;top:20px;font-size:22px;font-weight:400;color:var(--red-text)}
details[open] summary:after{content:'−'}
.faq-answer{padding:0 28px 22px 0;font-size:var(--reading-size);color:var(--muted);line-height:1.9}
.service-scope{background:#fff}
.scope-row{display:grid;grid-template-columns:.8fr 1.3fr .65fr;gap:36px;padding:38px 0;border-top:1px solid var(--line);align-items:start}
.scope-row h4{font-size:14px;color:var(--navy-900);margin-bottom:10px}
.scope-row>div:nth-child(2)>p{font-size:var(--reading-size);color:var(--muted);line-height:1.9;margin-bottom:20px}
.scope-row .customer-question{font-size:16px}
.scope-contact{padding-top:32px}
.scope-contact .button{font-size:13px;padding:12px;width:100%}
.scope-table-wrap{width:100%;overflow-x:auto}
.scope-table{border-collapse:collapse;width:100%;font-size:var(--reading-size);line-height:1.9}
.scope-table th,.scope-table td{padding:21px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.2);vertical-align:top}
.scope-table thead{color:#f3a28c}
.scope-table tbody th{color:#fff;min-width:160px}
.scope-note{font-size:var(--reading-size);color:#d1d8e3;margin-top:24px}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:start}
.two-column>div>p:not(.kicker){font-size:var(--reading-size);color:var(--muted);margin-top:20px;line-height:1.95}
.agreement-block{border-top:2px solid var(--red-500);padding-top:25px}
.agreement-block .plain-list{font-size:var(--reading-size)}
.author-links{display:grid;gap:0}
.author-links a{display:grid;grid-template-columns:1fr auto;gap:5px;border-top:1px solid #d0d2d6;padding:20px 0}
.author-links a:last-child{border-bottom:1px solid #d0d2d6}
.author-links a>span:first-child{font-size:12px;color:var(--muted);grid-column:1/3}
.author-links strong{font-size:17px;color:var(--navy-900)}
.author-links a>span:last-child{color:var(--red-text)}
.inquiry-form{max-width:680px;margin:32px auto 0;padding:32px;background:#fff;color:var(--navy-900);text-align:left}
.inquiry-form>label{display:block;margin:22px 0 8px;font-size:15px;font-weight:700}
.inquiry-form>label:first-of-type{margin-top:0}
.field-required,.field-optional{font-size:12px;font-weight:400;margin-left:6px;display:inline-block;white-space:nowrap}
.field-required{color:var(--red-text)}
.field-optional,.inquiry-form .form-note{color:var(--muted)}
.inquiry-form>input,.inquiry-form>textarea{display:block;width:100%;max-width:100%;border:1px solid #aeb8c7;border-radius:2px;background:#fff;color:var(--navy-900);padding:12px;font:inherit;font-size:16px;line-height:1.6}
.inquiry-form>input{min-height:48px}
.inquiry-form>textarea{min-height:130px;resize:vertical}
.inquiry-form>input[type=hidden]{display:none}
.inquiry-form :is(input,textarea):focus-visible{outline:2px solid var(--button-red);outline-offset:2px}
.inquiry-form>label.consent-row{display:flex;align-items:flex-start;gap:10px;margin-top:24px;font-size:13px;font-weight:400;cursor:pointer}
.consent-row input{flex:0 0 auto;width:18px;height:18px;margin-top:4px;accent-color:var(--button-red)}
.inquiry-privacy{border-bottom:1px solid var(--line);margin-bottom:22px}
.inquiry-privacy summary{padding:12px 28px 12px 0;font-size:13px;font-weight:400}
.inquiry-privacy summary:after{top:10px}
.inquiry-privacy>div{padding-bottom:16px}
.inquiry-privacy p{font-size:var(--notice-size);line-height:1.8;color:var(--muted);margin:0}
.inquiry-form>button{display:flex;width:100%;min-height:48px;border:0;justify-content:center;cursor:pointer;font-family:inherit}
.inquiry-form .form-note{font-size:12px;line-height:1.8;margin-top:12px}
.contact-alternatives{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.contact-alternatives a{color:#fff;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.receipt{min-height:65vh}
@media(max-width:650px){.inquiry-form{padding:24px 18px}.inquiry-form>label{font-size:14px}.consent-row .field-required{margin-left:0;white-space:nowrap}}
@media(max-width:850px){.nav-menu{gap:18px}.service-card{padding:28px 20px}.customer-question{font-size:16px}.connection-grid{gap:35px}.article-grid{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.scope-row{grid-template-columns:1fr 1.4fr}.scope-contact{grid-column:2;padding:0;display:flex;gap:16px;flex-wrap:wrap}.scope-contact .button{width:auto}.two-column{gap:35px}}
@media(max-width:650px){html{scroll-padding-top:155px}.nav{flex-wrap:wrap;gap:18px;padding:16px 20px}.logo svg{height:34px}.nav-menu{width:100%;justify-content:space-between;gap:8px}.nav-menu a{font-size:12px}.nav-menu .nav-contact{padding:5px 13px}.wrap{padding:0 20px}.proposal-notice{font-size:11px}.hero,main>.hero{padding:50px 0 40px}.headline{font-size:31px;letter-spacing:-.7px}.hero-topics{font-size:16px}.hero-topics span{padding:0 3px}.hero-desc{font-size:15px;line-height:1.85}.eyebrow{font-size:12px;gap:9px;margin-bottom:21px}.actions{gap:10px;margin-top:26px}.actions .button{padding:12px 17px}.stats{gap:37px;margin-top:38px;padding-top:25px}.stat-num{font-size:31px}.stat-num span{font-size:13px}.stat-label{font-size:12px}main>section{padding:52px 0}.section-head{margin-bottom:29px}.section-head h2,h2{font-size:26px}.section-head>p:last-child:not(.kicker){font-size:var(--reading-size)}.service-grid,.reading-grid,.process-grid,.connection-grid,.two-column,.article-grid,.footer-grid{grid-template-columns:1fr}.service-card{padding:28px 25px}.service-card+.service-card{border-left:0;border-top:1px solid var(--line)}.service-card h3{font-size:21px}.customer-question{font-size:18px}.service-desc{font-size:var(--reading-size)}.service-card .text-link{margin-top:17px}.reading-grid{gap:30px}.process-grid{gap:32px}.connection-grid{gap:35px}.role-list li{gap:15px}.connection-grid h2{font-size:29px}.final-cta>.wrap>p:not(.kicker){font-size:14px}.final-cta .actions{flex-direction:column;align-items:stretch;max-width:340px;margin-left:auto;margin-right:auto}.desktop-only{display:none}.footer-grid{gap:25px}.copyright{margin-top:28px}.compact{padding-top:30px!important}.breadcrumb{margin-bottom:23px}.lead-answer{font-size:17px}.answer-section{padding:35px 0!important}.topic-jump{display:grid;gap:13px}.explanation{padding:33px 0}.explanation h2{font-size:22px}.explanation p{font-size:var(--reading-size);line-height:1.95}.role-aside{margin-top:7px}.article-grid{gap:25px}.scope-row{grid-template-columns:1fr;gap:22px;padding:32px 0}.scope-contact{grid-column:auto}.scope-contact .button{width:auto}.scope-table{font-size:var(--reading-size)}.scope-table th,.scope-table td{padding:16px 11px;overflow-wrap:anywhere}.scope-table tbody th{min-width:78px}.scope-table thead th:nth-child(2){min-width:114px}.scope-table thead th:nth-child(3){min-width:105px}.two-column{gap:28px}.faq-answer{padding-right:12px}summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* 첫 화면의 비율·카피·영상 농도는 이 영역에서 조정한다. 의미 있는 본문은 HTML에 둔다. */
.home-page header{background:#142338;border-bottom-color:rgba(255,255,255,.12)}
.home-page .nav{padding-top:22px;padding-bottom:22px}
.home-page .nav-menu a{font-weight:450;font-size:13px;letter-spacing:.02em}
.home-page .nav-contact{border-color:rgba(255,255,255,.5);padding:8px 20px}
.home-page .cinematic-hero{position:relative;isolation:isolate;min-height:650px;height:calc(100svh - 120px);max-height:840px;display:flex;align-items:center;padding:70px 0 110px;background:#122237;overflow:hidden}
.hero-media,.hero-shade{position:absolute;inset:0;z-index:-1}
.hero-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.hero-shade{background:linear-gradient(90deg,rgba(8,22,38,.93) 0%,rgba(8,22,38,.78) 38%,rgba(8,22,38,.28) 100%),linear-gradient(0deg,rgba(8,22,38,.58),transparent 40%)}
.cinematic-copy .eyebrow{font-size:12px;letter-spacing:.1em;font-weight:500;color:#f6bd9f;margin-bottom:30px}
.cinematic-copy .eyebrow:before{width:32px;background:#ed845f}
.cinematic-copy .headline{font-size:clamp(38px,4.8vw,68px);line-height:1.25;letter-spacing:-1.8px;font-weight:560;max-width:1080px;color:#fff}
.cinematic-copy .headline span{font-weight:560;color:#fff}
.cinematic-copy .hero-desc{font-size:17px;line-height:1.85;font-weight:400;color:#edf0f3;margin-top:30px;max-width:600px}
.cinematic-copy .actions{margin-top:38px;gap:28px}
.cinematic-copy .button{padding:16px 25px;min-height:54px;font-size:13px;font-weight:550;gap:32px;background:#BE3D1D}
.cinematic-copy .button:hover{background:#a83216}
.hero-text-link{color:#fff;font-size:13px;font-weight:450;display:inline-flex;gap:20px;align-items:center;padding:13px 0}
.hero-text-link:hover{text-decoration:underline;text-underline-offset:6px}
.hero-bottom{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-bottom p{color:#e4e8ed;font-size:11px;font-weight:400;letter-spacing:.02em}
.video-toggle{border:1px solid rgba(255,255,255,.45);background:rgba(8,22,38,.5);color:#fff;border-radius:30px;font:inherit;font-size:11px;padding:8px 13px;display:inline-flex;align-items:center;gap:8px;min-height:36px;cursor:pointer;white-space:nowrap}
.video-toggle:before{content:'Ⅱ';font-size:12px}
.video-toggle[aria-pressed="false"]:before{content:'▶';font-size:9px}
.video-toggle[hidden]{display:none}
.video-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.home-page .trust-strip{padding:34px 0;background:#f1eee7;border-bottom:1px solid #dedbd4}
.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.trust-intro{font-size:13px;line-height:1.9;color:#62666c;font-weight:400}
.trust-intro strong{color:var(--navy-900);font-weight:550}
.trust-strip .stats{margin:0;padding:0;border:0;gap:65px}
.trust-strip .stat-num{color:var(--navy-900);font-weight:550;font-size:36px;letter-spacing:-.7px}
.trust-strip .stat-num span{font-size:13px;color:var(--red-text);font-weight:500}
.trust-strip .stat-label{color:#525b67;font-size:11px;margin-top:2px}
.since{font-size:10px;letter-spacing:.15em;color:#62666c;display:grid;gap:5px}
.since strong{font-size:22px;font-weight:450;letter-spacing:.02em;color:var(--navy-900)}
.home-page main>section:not(.cinematic-hero):not(.trust-strip){padding-top:88px;padding-bottom:88px}
.home-page .section-head{text-align:left;max-width:none;margin-bottom:42px}
.home-page .section-head h2,.home-page .connection h2{font-size:clamp(28px,3.3vw,43px);font-weight:550;line-height:1.32;letter-spacing:-1.1px}
.home-page .section-head .kicker{font-size:11px;font-weight:500;letter-spacing:.08em}
.home-page .entrance-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px}
.home-page .entrance-head>p{font-size:var(--reading-size);line-height:1.9;text-align:left;margin-bottom:3px}
.home-page .service-grid{border:0;gap:22px}
.home-page .service-card{background:#f6f4ef;border:0;border-top:1px solid #c6c4c0;padding:28px 26px 30px}
.home-page .service-card+.service-card{border-left:0}
.home-page .service-num{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#65676b;font-weight:400;margin-bottom:30px}
.home-page .service-num span{font-size:22px;font-weight:300;color:var(--red-text)}
.home-page .service-card h3{font-size:27px;font-weight:550;letter-spacing:-.5px}
.home-page .customer-question{font-size:17px;font-weight:550;margin-top:23px}
.home-page .service-desc{font-size:var(--reading-size);line-height:1.9;margin-top:18px}
.home-page .service-card .plain-list{font-size:var(--reading-size);color:#525b67;line-height:1.9}
.home-page .service-card .text-link{font-size:var(--support-size);padding-top:20px}
.home-page .process-grid h3,.home-page .experience-card h3,.home-page .reading-card h3{font-weight:550}
.home-page .reading-card,.home-page .experience-card{border-top-width:1px;border-top-color:#a8a39a;padding-top:25px}
.home-page .reading-card p:not(.kicker){line-height:1.9}
.home-page .final-cta{background:#a44830}
.home-page .final-cta h2{font-size:clamp(29px,3.4vw,44px);line-height:1.35;font-weight:550;letter-spacing:-1px}
.home-page .inquiry-form{padding:34px;box-shadow:0 18px 55px rgba(50,20,10,.1)}
@media(max-width:850px){.home-page .service-grid{gap:14px}.home-page .service-card{padding-left:20px;padding-right:20px}.trust-strip .stats{gap:35px}.cinematic-copy .headline{font-size:48px}.home-page .entrance-head{align-items:flex-start}.home-page .entrance-head>p{max-width:245px}.home-page .since{display:none}}
@media(max-width:650px){
  .home-page .nav{padding:15px 20px;gap:15px}
  .home-page .nav-menu a{font-size:11px}
  .home-page .nav-contact{padding:5px 15px}
  .home-page .cinematic-hero{height:auto;min-height:610px;padding:80px 0 120px;align-items:center}
  .hero-media video{object-position:60% center}
  .hero-shade{background:linear-gradient(90deg,rgba(8,22,38,.89),rgba(8,22,38,.57)),linear-gradient(0deg,rgba(8,22,38,.52),transparent 60%)}
  .cinematic-copy .eyebrow{font-size:10px;letter-spacing:.05em;margin-bottom:24px;gap:10px}
  .cinematic-copy .eyebrow:before{width:22px}
  .cinematic-copy .headline{font-size:clamp(29px,7.9vw,40px);letter-spacing:-.8px;line-height:1.35;white-space:nowrap}
  .cinematic-copy .hero-desc{font-size:14px;line-height:1.95;margin-top:24px}
  .cinematic-copy .actions{gap:10px 22px;margin-top:29px;align-items:flex-start}
  .cinematic-copy .button{font-size:12px;padding:14px 20px;gap:25px;min-height:48px}
  .hero-text-link{font-size:11px;padding:14px 0;gap:10px}
  .hero-bottom{bottom:24px;gap:10px}
  .hero-bottom p{font-size:9px;max-width:200px;line-height:1.8}
  .video-toggle{font-size:10px;padding:7px 10px;min-height:34px}
  .home-page .trust-strip{padding:26px 0}
  .trust-inner{flex-wrap:wrap;gap:22px}
  .trust-intro{font-size:11px;line-height:1.8}
  .trust-strip .stats{gap:28px}
  .trust-strip .stat-num{font-size:29px}
  .trust-strip .stat-num span{font-size:10px}
  .trust-strip .stat-label{font-size:10px}
  .home-page main>section:not(.cinematic-hero):not(.trust-strip){padding-top:60px;padding-bottom:60px}
  .home-page .section-head{margin-bottom:30px}
  .home-page .section-head h2,.home-page .connection h2{font-size:31px;letter-spacing:-.7px}
  .home-page .entrance-head{display:block}
  .home-page .entrance-head>p{margin-top:20px;max-width:none;font-size:var(--reading-size)}
  .home-page .service-grid{grid-template-columns:1fr;gap:18px}
  .home-page .service-card{padding:25px}
  .home-page .service-num{margin-bottom:20px}
  .home-page .service-card h3{font-size:25px}
  .home-page .customer-question{font-size:18px;margin-top:18px}
  .home-page .inquiry-form{padding:25px 19px}
}

/* 상품·사례·연구·문의의 읽는 순서: 역할과 한 줄 요약 → 필요한 세부 내용. */
.home-page .operation-offering{background:#142338;color:#edf0f4}
.offering-intro{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:end;margin-bottom:54px}
.offering-intro .kicker{color:#e9b29b;font-size:11px;font-weight:450;letter-spacing:.08em;margin-bottom:18px}
.offering-intro h2{font-size:clamp(33px,3.6vw,48px);line-height:1.3;font-weight:520;letter-spacing:-1.2px;color:#fff}
.offering-lead>p{color:#ced6df;line-height:1.95;font-size:var(--reading-size)}
.offering-lead .text-link{color:#f1b9a2;margin-top:24px;font-size:var(--support-size);font-weight:450}
.offering-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.offering-role{border-top:1px solid #627084;padding-top:23px;min-width:0}
.role-index{font-size:11px;letter-spacing:.05em;color:#b9c3d0}
.role-category{font-size:12px;color:#c1cbd6;margin-top:30px}
.offering-role h3{font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1.4;color:#fff;margin-top:9px}
.role-result{font-size:var(--reading-size);color:#e9edf2;line-height:1.8;margin-top:20px}
.role-details{margin-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.role-details summary{padding:16px 24px 15px 0;color:#d0d9e4;font-weight:400;font-size:var(--support-size)}
.role-details summary:after{top:12px;font-size:19px;color:#e9b29b}
.role-details p{font-size:var(--reading-size);color:#cbd4df;line-height:1.95;padding:4px 0 10px}
.sourcing-note{margin-top:47px;padding-top:34px;border-top:1px solid #627084;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:start}
.sourcing-note .kicker{font-size:10px;letter-spacing:.08em;color:#e9b29b;font-weight:450}
.sourcing-note h3{color:#fff;font-size:20px;line-height:1.6;font-weight:500;margin-bottom:13px}
.sourcing-note>div>p:last-child{font-size:var(--reading-size);line-height:1.95;color:#c1cbd6;max-width:540px}
.sourcing-details{border-bottom:1px solid #627084;max-width:400px}
.sourcing-details summary{font-weight:450;font-size:var(--support-size);color:#e0e6ed;padding:4px 24px 18px 0}
.sourcing-details summary:after{top:0;color:#e9b29b;font-size:19px}
.sourcing-details h4{font-size:13px;color:#f0f3f6;font-weight:500;margin:18px 0 7px}
.sourcing-details p{font-size:var(--reading-size);line-height:1.95;color:#cbd4df;margin-bottom:18px}
.home-page .customer-experience{background:#f6f4ef;border:0}
.case-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:43px}
.case-heading .kicker{font-size:11px;letter-spacing:.08em;font-weight:450}
.case-heading h2{font-size:clamp(31px,3.5vw,46px);line-height:1.32;font-weight:520;letter-spacing:-1.1px}
.case-heading>p{font-size:var(--reading-size);color:#626970;line-height:1.9;padding-bottom:4px}
.case-item{border-top:1px solid #bebbb4}
.case-item:last-child{border-bottom:1px solid #bebbb4}
.case-item>summary{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,.9fr) 90px;gap:22px;align-items:center;padding:29px 0;font-weight:400}
.case-item>summary:after{display:none}
.case-index{font-size:11px;color:#787a7d;align-self:start;padding-top:5px}
.case-identity{display:grid;gap:9px}
.case-identity>span{font-size:11px;color:#626970;letter-spacing:.02em}
.case-identity strong{font-weight:500;font-size:25px;color:var(--navy-900);letter-spacing:-.5px}
.case-intervention{font-size:13px;line-height:1.8;color:#525b67}
.case-open{font-size:11px;color:#555d66;display:flex;gap:19px;justify-content:flex-end;align-items:center}
.case-open:after{content:'+';color:var(--red-text);font-size:23px;font-weight:300}
.case-item[open] .case-open:after{content:'−'}
.case-body{margin-left:64px;max-width:810px;padding:5px 0 29px}
.case-body .case-scene{font-size:var(--reading-size);font-weight:500;color:var(--navy-900);margin-bottom:10px}
.case-body>p:not(.case-scene){font-size:var(--reading-size);line-height:1.95;color:#525b67}
.case-body .text-link{font-weight:450;font-size:var(--support-size);margin-top:18px}
.home-page .process .process-grid{position:relative;gap:45px;border-top:1px solid #c7c5bf;padding-top:27px}
.home-page .process .step-num{background:none!important;color:var(--red-text);border-radius:0;display:block;width:auto;height:auto;font-size:12px;font-weight:450;margin:0 0 22px}
.home-page .process .process-grid h3{font-size:24px;font-weight:500;letter-spacing:-.4px}
.home-page .process .process-grid p{font-size:var(--reading-size);line-height:1.95;margin-top:16px}
.home-page .monthly-deliverables{background:#f6f4ef;border:0;padding:23px 26px;margin-top:35px;display:flex;gap:30px;justify-content:space-between;align-items:center}
.home-page .monthly-deliverables h3{font-size:13px;font-weight:500}
.home-page .monthly-deliverables p{font-size:var(--reading-size);margin:0;line-height:1.9}
.home-page .process .section-links{justify-content:flex-start}
.reading-card{display:flex;flex-direction:column}
.reading-card .reading-note{flex:1}
.reading-details{margin-top:18px;border-top:1px solid #cfcbc3;border-bottom:1px solid #cfcbc3}
.reading-details summary{padding:14px 22px 14px 0;font-size:var(--support-size);font-weight:400;color:#626970}
.reading-details summary:after{top:10px;font-size:19px}
.reading-details>div{padding:0 0 18px}
.reading-details .reading-scope{margin-top:4px;font-size:var(--reading-size);line-height:1.9}
.reading-details .secondary-link{font-size:var(--support-size);line-height:1.9;margin-top:16px}
.source-label{display:block;font-size:10px;color:#626970;margin-bottom:6px}
.reading-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:19px}
.reading-actions .text-link,.reading-actions .reading-bridge{display:inline-block;margin:0;padding:0;border:0;font-size:var(--support-size);font-weight:450;line-height:1.9}
.home-page .reading-card h3{font-size:20px;font-weight:500;line-height:1.6;letter-spacing:-.3px}
.refined-contact,.home-page .refined-contact{background:#142338;text-align:left}
.contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:90px;align-items:start}
.contact-intro{padding-top:14px}
.contact-intro .kicker{font-size:11px;letter-spacing:.08em;color:#e9b29b;font-weight:450;margin-bottom:26px}
.refined-contact .contact-intro h2,.home-page .refined-contact .contact-intro h2{font-size:clamp(31px,3.6vw,47px);font-weight:500;line-height:1.32;letter-spacing:-1.1px;color:#fff}
.contact-lead{font-size:var(--reading-size);line-height:1.95;color:#d0d9e4;margin-top:28px}
.contact-guidance{margin-top:37px;border-top:1px solid #5f6b7c;max-width:380px;padding-top:23px}
.contact-guidance p{font-size:var(--support-size);color:#dce2e9;line-height:2.3}
.contact-guidance p>span{display:inline-block;width:35px;font-size:10px;color:#e9b29b}
.refined-contact .contact-alternatives{justify-content:flex-start;display:grid;gap:9px;margin-top:34px}
.refined-contact .contact-alternatives a{font-size:12px;color:#e9edf2;text-decoration:none}
.refined-contact .contact-alternatives a:hover{text-decoration:underline;text-underline-offset:5px}
.refined-contact .contact-note{font-size:var(--notice-size);line-height:1.9;color:#b9c3d0!important;margin-top:27px}
.refined-contact .inquiry-form,.home-page .refined-contact .inquiry-form{margin:0;max-width:none;padding:33px;background:#f6f4ef;box-shadow:none;border:1px solid #e2dfd8}
.refined-contact .inquiry-form>label{font-size:var(--notice-size);font-weight:500}
.refined-contact .field-required,.refined-contact .field-optional{font-size:var(--notice-size)}
.refined-contact .inquiry-form>input,.refined-contact .inquiry-form>textarea{border-color:#d0d1ce;border-radius:0;padding:11px 12px;font-size:var(--support-size);background:#fff}
.refined-contact .inquiry-form>textarea{min-height:118px}
.refined-contact .inquiry-form>.consent-row{font-size:var(--notice-size);font-weight:400;line-height:1.8}
.refined-contact .inquiry-privacy summary{font-size:var(--notice-size)}
.refined-contact .inquiry-form>button{justify-content:space-between;padding:15px 18px;font-size:var(--support-size);font-weight:500}
.refined-contact .inquiry-form .form-note{font-size:var(--notice-size);line-height:1.9}
.refined-contact .inquiry-form>input[type=email]{min-height:44px;padding:9px 12px}
.consent-group{display:grid;gap:10px;margin:20px 0 23px}
.consent-item{position:relative}
.refined-contact .inquiry-form .consent-item>.consent-row{display:flex;align-items:flex-start;gap:8px;margin:0;padding:3px 42px 3px 0;font-size:var(--notice-size);font-weight:400;line-height:1.7;cursor:pointer}
.consent-item .consent-row input{width:16px;height:16px;margin-top:2px}
.refined-contact .consent-info{border:0;margin:0}
.refined-contact .consent-info>summary{position:absolute;top:0;right:0;padding:4px 0 4px 8px;min-height:28px;font-size:var(--notice-size);line-height:1.7;text-decoration:underline;text-underline-offset:3px}
.refined-contact .consent-info>summary:after{display:none}
.refined-contact .consent-info>div{margin:8px 0 4px;padding:12px;background:#fff;border:1px solid var(--line)}
.refined-contact .consent-info p{font-size:var(--notice-size);line-height:1.8}
@media(max-width:850px){.offering-intro{gap:35px}.offering-roles{gap:22px}.offering-role h3{font-size:30px}.sourcing-note{gap:35px}.case-item>summary{grid-template-columns:30px minmax(0,1fr) 70px;gap:17px}.case-intervention{grid-column:2;grid-row:2}.case-open{grid-column:3;grid-row:1/3}.case-body{margin-left:47px}.contact-layout{gap:40px}.refined-contact .inquiry-form,.home-page .refined-contact .inquiry-form{padding:27px}.home-page .monthly-deliverables{display:block}.home-page .monthly-deliverables p{margin-top:10px}}
@media(max-width:650px){
  .offering-intro{grid-template-columns:1fr;gap:24px;margin-bottom:35px}
  .offering-intro h2{font-size:34px;letter-spacing:-.8px}
  .offering-lead>p{font-size:var(--reading-size)}
  .offering-lead .text-link{font-size:var(--support-size);margin-top:18px}
  .offering-roles{grid-template-columns:1fr;gap:25px}
  .offering-role{padding-top:19px;position:relative;padding-left:35px}
  .role-index{position:absolute;top:23px;left:0}
  .role-category{margin-top:0;font-size:11px}
  .offering-role h3{font-size:30px;margin-top:7px}
  .role-result{font-size:var(--reading-size);margin-top:11px}
  .role-details{margin-top:18px}
  .role-details summary{font-size:var(--support-size)}
  .sourcing-note{grid-template-columns:1fr;gap:24px;margin-top:35px;padding-top:27px}
  .sourcing-note h3{font-size:19px;line-height:1.6}
  .sourcing-details{max-width:none}
  .case-heading{display:block;margin-bottom:29px}
  .case-heading h2{font-size:32px;letter-spacing:-.7px}
  .case-heading>p{margin-top:20px;font-size:var(--reading-size)}
  .case-item>summary{grid-template-columns:22px minmax(0,1fr) 23px;gap:14px;padding:25px 0}
  .case-identity{gap:7px}
  .case-identity>span{font-size:10px}
  .case-identity strong{font-size:21px}
  .case-intervention{font-size:11px;line-height:1.8}
  .case-open{font-size:0;gap:0}
  .case-open:after{font-size:23px}
  .case-body{margin-left:36px;padding-bottom:25px}
  .case-body .case-scene{font-size:var(--reading-size)}
  .case-body>p:not(.case-scene){font-size:var(--reading-size)}
  .home-page .process .process-grid{gap:26px;padding-top:22px}
  .home-page .process .process-grid article{display:grid;grid-template-columns:22px 1fr;gap:8px 15px}
  .home-page .process .step-num{grid-row:1/3;margin:5px 0 0;font-size:11px}
  .home-page .process .process-grid h3{font-size:22px}
  .home-page .process .process-grid p{font-size:var(--reading-size);margin:0;grid-column:2}
  .home-page .monthly-deliverables{padding:20px}
  .home-page .monthly-deliverables p{font-size:var(--reading-size)}
  .reading-actions .text-link,.reading-actions .reading-bridge{font-size:var(--support-size)}
  .contact-layout{grid-template-columns:1fr;gap:33px}
  .contact-intro{padding-top:0}
  .contact-intro .kicker{margin-bottom:20px}
  .refined-contact .contact-intro h2,.home-page .refined-contact .contact-intro h2{font-size:34px;letter-spacing:-.8px}
  .contact-lead{font-size:var(--reading-size);margin-top:21px}
  .contact-guidance{margin-top:25px;padding-top:18px;max-width:none}
  .refined-contact .contact-alternatives{margin-top:24px;display:flex;gap:18px}
  .refined-contact .contact-alternatives a{font-size:11px}
  .refined-contact .contact-note{margin-top:17px}
  .refined-contact .inquiry-form,.home-page .refined-contact .inquiry-form{padding:25px 19px}
  .refined-contact .inquiry-form>input,.refined-contact .inquiry-form>textarea{font-size:var(--support-size)}
}

/* ERP case: retain the existing cream, navy and orange visual system. */
.erp-case-section{background:var(--cream)}
.erp-case-scene{max-width:930px;padding:24px 28px;border-left:3px solid var(--red-500);background:#fff}
.erp-case-scene>p:last-child{font-size:var(--reading-size);line-height:1.9;color:var(--muted)}
.erp-case-role-title{margin:38px 0 26px;font-size:23px}
.erp-case-roles article,.erp-contract-grid article{min-width:0;border-top:1px solid #d7d2c8;padding-top:24px}
.erp-case-roles p{font-size:var(--reading-size);line-height:1.9}
.erp-case-note{font-size:var(--notice-size);line-height:1.9;color:var(--muted);margin-top:28px;max-width:920px}
.erp-case-section .section-links{margin-top:24px}
.erp-engagement{background:#fff}
.erp-engagement .section-head{max-width:930px}
.erp-contract-grid .kicker{font-size:14px;color:var(--red-text)}
.erp-contract-grid .plain-list{margin-bottom:0;color:var(--muted)}
.faq-list>details>summary{font-size:var(--reading-size)}
@media(max-width:650px){
  :root{--reading-size:17px;--support-size:16px}
  .erp-case-scene{padding:22px 20px}
}