/* FlowComps 2026 — shared public/shop design layer */
:root {
    --fc-page: min(calc(100% - 80px), 1620px);
    --fc-orange: #f07a24;
    --fc-orange-deep: #d75f0d;
    --fc-blue: #16427d;
    --fc-blue-deep: #071a33;
    --fc-ink: #101722;
    --fc-muted: #667085;
    --fc-bg: #f4f6f8;
    --fc-line: #dce2e8;
    --fc-round: 26px;
    --fc-shadow-soft: 0 24px 70px rgba(7,26,51,.10);
}
html {scroll-behavior:smooth;background:#fff}
body {overflow-x:clip;background:#fff;color:var(--fc-ink);font-size:16px;letter-spacing:-.012em}
body, button, input, select, textarea {font-family:'Pretendard','Malgun Gothic',sans-serif}
a, button {transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
img {max-width:100%}
.fc-site-header {position:fixed!important;top:0;right:0;left:0;width:100%;z-index:1000;isolation:isolate;border:0!important;background:rgba(255,255,255,.97)!important;box-shadow:0 1px 0 rgba(7,26,51,.08)!important;backdrop-filter:saturate(160%) blur(18px);transition:box-shadow .25s ease}
.fc-site-header:after {content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(22,66,125,.2) 22%,rgba(240,122,36,.38) 50%,rgba(22,66,125,.2) 78%,transparent)}
.fc-site-header.is-scrolled {box-shadow:0 14px 38px rgba(7,26,51,.1)!important}
.fc-utility {height:36px;overflow:hidden;background:#071a33!important}
.fc-utility__inner {height:36px!important}
.fc-utility__left,.fc-utility__right {gap:16px!important}
.fc-utility__label {display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.52);font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.15em;text-transform:uppercase}
.fc-utility__label i {width:6px;height:6px;border-radius:50%;background:#56d39b;box-shadow:0 0 0 4px rgba(86,211,155,.1)}
.fc-utility a {color:rgba(255,255,255,.78)!important;font-size:12px!important;font-weight:650!important}
.fc-utility__right a {position:relative}
.fc-utility__right a+a:before {content:"";position:absolute;left:-9px;top:50%;width:2px;height:2px;border-radius:50%;background:rgba(255,255,255,.3)}
.fc-utility a:hover,.fc-utility a:focus-visible {color:#fff!important}
.fc-header-spacer {display:block;height:120px}
.fc-utility__inner,.fc-header-main,.fc-section,.fc-hero__inner,.fc-builder-promo__inner,.fc-ctaband,
#hd_pop,#hd_wrapper,#tnb .inner,#gnb .gnb_wrap,#container_wr,#ft_wr {width:var(--fc-page)!important;max-width:1620px!important}
.fc-header-main {min-height:84px;padding:12px 0!important;gap:clamp(20px,2vw,34px)!important}
.fc-logo {flex:0 0 auto}
.fc-logo img {width:140px!important;max-width:140px!important;height:auto!important}
.fc-nav {display:flex!important;justify-content:center;min-width:0}
.fc-nav #gnb_1dul,.fc-nav-list {display:inline-flex!important;width:auto!important;max-width:100%;gap:2px!important;padding:5px!important;border:1px solid #e4e9ef!important;border-radius:16px!important;background:#f4f6f8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.fc-nav .gnb_1dli,.fc-nav-item {flex:0 0 auto!important}
.fc-nav .gnb_1da,.fc-nav-link {display:flex!important;align-items:center!important;min-height:40px;padding:0 clamp(11px,1.05vw,17px)!important;border-radius:11px!important;background:transparent!important;color:#26364a!important;font-size:15px!important;font-weight:750!important;letter-spacing:-.02em;white-space:nowrap;transition:color .2s ease,background .2s ease,box-shadow .2s ease!important}
.fc-nav .gnb_1da:after,.fc-nav-link:after {display:none!important}
.fc-nav .gnb_1dli:hover>.gnb_1da,.fc-nav-item:hover>.fc-nav-link,.fc-nav .gnb_1da:focus-visible,.fc-nav-link:focus-visible,.fc-nav .is-current {background:#fff!important;color:var(--fc-blue)!important;box-shadow:0 5px 15px rgba(7,26,51,.09),inset 0 0 0 1px rgba(22,66,125,.07)}
.fc-header-cta {display:inline-flex!important;align-items:center!important;gap:10px;min-height:48px!important;padding:0 11px 0 19px!important;border-radius:14px!important;background:var(--fc-orange)!important;border-color:var(--fc-orange)!important;color:#fff!important;box-shadow:0 12px 25px rgba(240,122,36,.22)!important;font-size:14px!important;font-weight:800!important;white-space:nowrap}
.fc-header-cta:after {content:"↗";display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.18);font-size:14px;transition:transform .2s ease,background .2s ease}
.fc-header-cta:hover,.fc-header-cta:focus-visible {background:var(--fc-blue-deep)!important;border-color:var(--fc-blue-deep)!important;color:#fff!important;box-shadow:0 14px 28px rgba(7,26,51,.2)!important}
.fc-header-cta:hover:after,.fc-header-cta:focus-visible:after {transform:translate(2px,-2px);background:rgba(255,255,255,.24)}
.fc-header-actions {position:relative}
/* 쇼핑몰 장바구니는 공통 메뉴/CTA의 flex 폭에 포함시키지 않는다. CTA 왼쪽에
   시각적으로만 배치해 제품 페이지에서도 가운데 메뉴 위치가 이동하지 않는다. */
.fc-header-cart--fixed {position:absolute!important;right:calc(100% + 18px);top:50%;transform:translateY(-50%);display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}
.fc-header-cart--fixed:hover {transform:translateY(-50%)}
@media (max-width:1200px) {.fc-header-cart--fixed span:not(.count) {display:none}.fc-header-cart--fixed {right:calc(100% + 12px)}}
.fc-btn {border-radius:14px!important;min-height:56px!important;padding:0 30px!important}

/* home */
.fc26-home {background:#fff}
/* 기본 테마의 공용 #container_wr 폭보다 메인 풀블리드 레이아웃이 우선한다. */
#wrapper.fc-front {width:100%!important;max-width:none!important;margin:0!important}
#wrapper.fc-front #container_wr {width:100%!important;max-width:none!important;margin:0!important;display:block!important}
#wrapper.fc-front #container {float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:0!important}
#wrapper.fc-front #aside {display:none!important}
.fc26-hero {position:relative;min-height:min(820px,calc(100vh - 130px));overflow:hidden;background:#071a33;color:#fff}
.fc26-hero:before {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,51,.98) 0%,rgba(7,26,51,.88) 44%,rgba(7,26,51,.28) 78%,rgba(7,26,51,.55) 100%),radial-gradient(circle at 76% 36%,rgba(240,122,36,.28),transparent 32%)}
.fc26-hero:after {content:"";position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent)}
.fc26-hero__pattern {content:"";position:absolute;z-index:0;left:-180px;bottom:-240px;width:620px;height:620px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(240,122,36,.035);pointer-events:none}
.fc26-hero__inner {position:relative;z-index:2;width:var(--fc-page);max-width:1620px;margin:auto;min-height:inherit;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:clamp(52px,7vw,120px);padding:80px 0}
.fc26-hero__copy {max-width:760px}
.fc26-eyebrow {display:flex;align-items:center;gap:12px;margin:0 0 22px;font:700 12px/1.2 'JetBrains Mono',monospace;letter-spacing:.17em;text-transform:uppercase;color:var(--fc-orange)}
.fc26-eyebrow:before {content:"";width:30px;height:2px;background:currentColor}
.fc26-hero h2 {margin:0;font-size:clamp(48px,5.1vw,82px);font-weight:900;line-height:1.08;letter-spacing:-.055em;word-break:keep-all}
.fc26-hero h2 em {color:var(--fc-orange);font-style:normal}
.fc26-hero__lead {max-width:670px;margin:28px 0 0;color:rgba(236,243,251,.72);font-size:clamp(17px,1.2vw,20px);line-height:1.8;word-break:keep-all}
.fc26-hero__actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.fc26-hero__copy>.fc26-eyebrow,.fc26-hero__copy>h2,.fc26-hero__copy>.fc26-hero__lead,.fc26-hero__copy>.fc26-hero__actions {opacity:0;will-change:transform,opacity;animation:fc26-hero-copy-in .78s cubic-bezier(.2,.72,.2,1) forwards}
.fc26-hero__copy>.fc26-eyebrow {transform:translate3d(-20px,0,0);animation-name:fc26-hero-eyebrow-in;animation-delay:.12s}
.fc26-hero__copy>.fc26-eyebrow:before {transform:scaleX(0);transform-origin:left;animation:fc26-hero-line-in .55s cubic-bezier(.2,.72,.2,1) .38s forwards}
.fc26-hero__copy>h2 {transform:translate3d(0,34px,0);animation-delay:.28s}
.fc26-hero__copy>.fc26-hero__lead {transform:translate3d(0,25px,0);animation-delay:.5s}
.fc26-hero__copy>.fc26-hero__actions {transform:translate3d(0,20px,0);animation-delay:.7s}
.fc26-hero__copy>h2 em {display:inline-block;animation:fc26-hero-accent-in .72s ease .74s both}
@keyframes fc26-hero-copy-in {to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fc26-hero-eyebrow-in {to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fc26-hero-line-in {to{transform:scaleX(1)}}
@keyframes fc26-hero-accent-in {0%{color:#fff;text-shadow:0 0 0 rgba(240,122,36,0)}100%{color:var(--fc-orange);text-shadow:0 10px 34px rgba(240,122,36,.12)}}
.fc26-hero .fc-btn--ghost,.fc26-builder .fc-btn--ghost,.fc26-contact .fc-btn--ghost {background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.fc26-hero .fc-btn--ghost:hover,.fc26-hero .fc-btn--ghost:focus-visible,.fc26-builder .fc-btn--ghost:hover,.fc26-builder .fc-btn--ghost:focus-visible,.fc26-contact .fc-btn--ghost:hover,.fc26-contact .fc-btn--ghost:focus-visible {background:#fff;color:var(--fc-blue-deep);border-color:#fff}
.fc26-hero__visual {position:relative;min-height:560px}
.fc26-product-stage {position:absolute;inset:0;border:1px solid rgba(255,255,255,.15);border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025));backdrop-filter:blur(18px);overflow:hidden;box-shadow:0 42px 100px rgba(0,0,0,.28)}
.fc26-product-stage:before {content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(240,122,36,.38),transparent 66%);filter:blur(20px)}
.fc26-hose {position:absolute;left:5%;right:5%;top:31%;filter:drop-shadow(0 24px 50px rgba(0,0,0,.35))}
.fc26-hose-assembly {position:relative;display:flex;align-items:center;justify-content:center;width:100%;isolation:isolate}
.fc26-hose-assembly:after {content:"";position:absolute;z-index:-1;left:18%;right:18%;top:50%;height:46%;border-radius:50%;background:rgba(240,122,36,.3);filter:blur(30px);opacity:0;transform:translateY(-50%) scaleX(.7);animation:fc26-connect-glow .9s ease 1.35s forwards}
.fc26-hose-part {display:block;height:auto;max-width:none!important;flex:none;will-change:transform,opacity}
.fc26-hose-band {z-index:1;width:48%;opacity:0;transform:scaleX(.76);animation:fc26-hose-in .72s cubic-bezier(.2,.7,.2,1) .15s forwards}
.fc26-hose-connector {z-index:2;width:28%;opacity:0}
.fc26-hose-connector--left {margin-right:-2%;transform:translateX(-42%);animation:fc26-connector-in-left .72s cubic-bezier(.22,1.25,.36,1) .78s forwards}
.fc26-hose-connector--right {margin-left:-2%;transform:translateX(42%);animation:fc26-connector-in-right .72s cubic-bezier(.22,1.25,.36,1) .92s forwards}
.fc26-hose-message {position:absolute;z-index:2;left:8%;right:8%;top:56%;margin:0;text-align:center;opacity:0;transform:translateY(16px);animation:fc26-message-in .72s cubic-bezier(.2,.7,.2,1) 1.72s forwards}
.fc26-hose-message span {display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:9px;color:var(--fc-orange);font:700 10px/1.2 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase}
.fc26-hose-message span:before,.fc26-hose-message span:after {content:"";width:22px;height:1px;background:currentColor;opacity:.7}
.fc26-hose-message strong {display:block;color:#fff;font-size:clamp(16px,1.35vw,21px);font-weight:800;line-height:1.4;letter-spacing:-.025em;word-break:keep-all;text-shadow:0 6px 24px rgba(0,0,0,.35)}
@keyframes fc26-hose-in {0%{opacity:0;transform:scaleX(.76)}100%{opacity:1;transform:scaleX(1)}}
@keyframes fc26-connector-in-left {0%{opacity:0;transform:translateX(-42%)}72%{opacity:1;transform:translateX(3%)}100%{opacity:1;transform:translateX(0)}}
@keyframes fc26-connector-in-right {0%{opacity:0;transform:translateX(42%)}72%{opacity:1;transform:translateX(-3%)}100%{opacity:1;transform:translateX(0)}}
@keyframes fc26-connect-glow {0%{opacity:0;transform:translateY(-50%) scaleX(.7)}45%{opacity:.8}100%{opacity:.3;transform:translateY(-50%) scaleX(1)}}
@keyframes fc26-message-in {0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce) {.fc26-hero__copy>.fc26-eyebrow,.fc26-hero__copy>h2,.fc26-hero__copy>.fc26-hero__lead,.fc26-hero__copy>.fc26-hero__actions,.fc26-hero__copy>h2 em,.fc26-hero__copy>.fc26-eyebrow:before,.fc26-hose-band,.fc26-hose-connector,.fc26-hose-message{opacity:1!important;transform:none!important;animation:none!important}.fc26-hose-assembly:after{opacity:.3!important;transform:translateY(-50%)!important;animation:none!important}}
.fc26-spec {position:absolute;left:34px;right:34px;bottom:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:rgba(7,26,51,.68)}
.fc26-spec div {padding:20px;background:rgba(255,255,255,.045)}
.fc26-spec span {display:block;color:rgba(255,255,255,.48);font:600 10px 'JetBrains Mono',monospace;letter-spacing:.12em}
.fc26-spec strong {display:block;margin-top:8px;font-size:14px;color:#fff}
.fc26-hero__badge {position:absolute;right:-18px;top:42px;z-index:3;padding:18px 22px;border-radius:18px;background:var(--fc-orange);box-shadow:0 20px 45px rgba(240,122,36,.28);font-weight:800}
.fc26-hero__badge small {display:block;margin-bottom:4px;font:600 10px 'JetBrains Mono',monospace;letter-spacing:.1em;opacity:.72}
.fc26-metrics {position:relative;z-index:3;width:var(--fc-page);max-width:1620px;margin:-64px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fc26-metric {position:relative;min-width:0;min-height:154px;padding:20px 22px 22px;border:1px solid #d8e0e8;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);box-shadow:0 24px 65px rgba(7,26,51,.11);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.fc26-metric:before {content:"";position:absolute;z-index:2;left:22px;right:calc(100% - 58px);top:0;height:3px;border-radius:0 0 3px 3px;background:var(--fc-orange);transition:right .38s cubic-bezier(.2,.7,.2,1)}
.fc26-metric:after {content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(22,66,125,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,66,125,.045) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 44%,#000)}
.fc26-metric:hover {transform:translateY(-6px);border-color:#c8d3df;box-shadow:0 32px 70px rgba(7,26,51,.16)}
.fc26-metric:hover:before {right:22px}
.fc26-metric__meta {position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#758398;font:700 10px/1.2 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.fc26-metric__index {display:inline-flex;align-items:center;gap:7px;color:var(--fc-orange);font-size:10px;letter-spacing:.08em}
.fc26-metric__index:after {content:"";width:18px;height:1px;background:currentColor;opacity:.7}
.fc26-metric__label {min-width:0;overflow:hidden;text-overflow:ellipsis}
.fc26-metric__body {position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 68px;align-items:end;gap:10px;margin-top:17px}
.fc26-metric__copy {min-width:0}
.fc26-metric__copy strong {display:flex;align-items:flex-end;gap:4px;color:var(--fc-blue-deep);font-size:clamp(25px,1.8vw,32px);font-weight:900;line-height:1;letter-spacing:-.045em;white-space:nowrap}
.fc26-metric__copy strong sup {position:relative;top:-.08em;color:var(--fc-orange);font-size:.55em;line-height:1}
.fc26-metric__copy strong em {margin-bottom:2px;color:var(--fc-orange);font:800 .46em/1 'JetBrains Mono',monospace;letter-spacing:.08em}
.fc26-metric__copy p {margin:9px 0 0;color:#5d6b7d;font-size:13px;font-weight:650;line-height:1.45;word-break:keep-all}
.fc26-metric__visual {align-self:center;width:68px;height:68px;fill:none;stroke:#315b8f;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;opacity:.92;transition:transform .35s ease,stroke .35s ease}
.fc26-metric__visual .fc26-metric__accent {stroke:var(--fc-orange);stroke-width:2.15}
.fc26-metric:hover .fc26-metric__visual {transform:translateY(-2px) scale(1.045);stroke:var(--fc-blue-deep)}
.fc26-section {width:var(--fc-page);max-width:1620px;margin:0 auto;padding:clamp(90px,8vw,140px) 0}
.fc26-heading {display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:60px;align-items:end;margin-bottom:56px}
.fc26-heading h2 {max-width:950px;margin:0;font-size:clamp(38px,4vw,64px);line-height:1.15;letter-spacing:-.05em;word-break:keep-all}
.fc26-heading p {margin:0;color:var(--fc-muted);font-size:17px;line-height:1.8;word-break:keep-all}
.fc26-solution-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fc26-solution {position:relative;min-height:280px;padding:34px;border:1px solid var(--fc-line);border-radius:var(--fc-round);overflow:hidden;background:#fff}
.fc26-solution:nth-child(2) {background:var(--fc-blue);color:#fff;border-color:var(--fc-blue)}
.fc26-solution:nth-child(3) {background:#eef2f6}
.fc26-solution__num {font:700 12px 'JetBrains Mono',monospace;color:var(--fc-orange)}
/* 2026-07-20: 카드 안 제품 이미지를 뺐다 — 예전엔 그 이미지 자리를 비워두려고 제목 위에
   110px 여백을 줬는데, 이미지가 없으니 그대로 두면 위쪽이 텅 비어 보여서 줄였다. */
.fc26-solution h3 {margin:8px 0 14px;font-size:30px;letter-spacing:-.04em}
.fc26-solution p {max-width:360px;margin:0;color:var(--fc-muted);line-height:1.75;word-break:keep-all}
.fc26-solution:nth-child(2) p {color:rgba(255,255,255,.7)}
.fc26-solution__link {position:absolute;left:34px;bottom:32px;display:inline-flex;align-items:center;gap:9px;font-weight:800}
.fc26-builder {width:100%;background:#071a33;color:#fff;padding:clamp(90px,8vw,140px) 0;overflow:hidden}
.fc26-builder__inner {width:var(--fc-page);max-width:1620px;margin:auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(60px,8vw,140px);align-items:center}
.fc26-builder h2 {margin:0;font-size:clamp(38px,4vw,64px);line-height:1.15;letter-spacing:-.05em;word-break:keep-all}
.fc26-builder p {margin:25px 0 0;color:rgba(255,255,255,.65);font-size:17px;line-height:1.8}
.fc26-builder__steps {display:grid;gap:12px}
.fc26-builder__step {display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:20px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.04)}
.fc26-builder__step b {display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:rgba(240,122,36,.16);color:var(--fc-orange);font:800 14px 'JetBrains Mono',monospace}
.fc26-builder__step strong {font-size:18px}.fc26-builder__step span {color:rgba(255,255,255,.48);font-size:13px}
.fc26-process {display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--fc-line);border-bottom:1px solid var(--fc-line)}
.fc26-process article {min-height:240px;padding:34px;border-right:1px solid var(--fc-line)}
.fc26-process article:last-child {border:0}
.fc26-process b {font:800 12px 'JetBrains Mono',monospace;color:var(--fc-orange)}
.fc26-process h3 {margin:52px 0 10px;font-size:22px}.fc26-process p {margin:0;color:var(--fc-muted);line-height:1.7}
.fc26-contact {position:relative;overflow:hidden;width:var(--fc-page);max-width:1620px;margin:0 auto 110px;padding:clamp(48px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:32px;background:linear-gradient(125deg,var(--fc-blue-deep),var(--fc-blue));color:#fff}
.fc26-contact:before {content:"";position:absolute;z-index:0;right:-140px;top:-190px;width:440px;height:440px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(240,122,36,.05)}
.fc26-contact:after {content:"";position:absolute;z-index:0;left:-120px;bottom:-160px;width:280px;height:280px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.fc26-contact>* {position:relative;z-index:1}
.fc26-contact h2 {margin:0;font-size:clamp(30px,3vw,48px);letter-spacing:-.04em}.fc26-contact p {color:rgba(255,255,255,.65);font-size:16px}

/* shared sub pages and shop */
#wrapper:not(.fc-front),#wrapper.is_community {background:var(--fc-bg)!important;padding:54px 0 90px}
/* 로그인 전 방문자에게 뜨는 #aside(로그인 위젯)는 사이트 전체에 이미 별도 로그인 페이지가
   있어서 불필요한 중복이라 뺀다(2026-07-20) — 메인/쇼핑몰은 이미 숨기고 있었는데 일반
   서브페이지(게시판 등)만 빠져 있었다. 아울러 #container_wr를 2열 그리드로 두면 #aside가
   숨겨져도 280px+32px 트랙이 그대로 남아 폭을 잡아먹는다(호스 빌더에서 실제로 겪은 것과
   같은 버그) — block으로 바꿔 그 폭도 같이 되찾는다. */
#wrapper:not(.fc-front) #container_wr {display:block}
/* 그누보드 코어(default.css)가 #container에 float:left를 걸어놔서, width:auto만으로는
   float 특성상 "가능한 폭을 채우기"가 아니라 "내용물 크기만큼만"으로 줄어든다(#aside를
   숨긴 뒤 게시판 카드가 좁게 쪼그라들던 실제 버그의 원인). float:none으로 정상 블록
   흐름으로 되돌려야 width:auto가 의도대로 전체 폭을 채운다. */
#wrapper:not(.fc-front) #container {float:none!important;width:auto!important;margin:0!important;padding:42px!important;background:#fff;border:1px solid var(--fc-line);border-radius:24px;min-width:0}
#wrapper:not(.fc-front) #aside {display:none!important}
#container_title,#wrapper_title {margin:0 0 30px!important;padding:0 0 24px!important;border-bottom:1px solid var(--fc-line);font-size:clamp(28px,3vw,44px)!important;font-weight:850!important;letter-spacing:-.04em}
.shop-content {min-width:0}
.sct_wrap {margin:0 0 70px!important;padding:34px!important;border:1px solid var(--fc-line);border-radius:24px;background:#fff}
.sct_wrap>header h2 {font-size:30px!important;letter-spacing:-.04em}.sct_wrap>header h2 a {color:var(--fc-ink)!important}
#wrapper:has(.shop-content) {background:var(--fc-bg)!important;padding:54px 0 90px}
#wrapper:has(.shop-content)>#container {width:var(--fc-page)!important;max-width:1620px!important;margin:0 auto!important;display:block!important}
#wrapper:has(.shop-content) .shop-content {margin-left:0!important;padding:0!important}
#wrapper:has(.shop-content) #aside {display:none!important}
.sct_li {border-radius:18px!important;overflow:hidden;background:#fff!important}
.sct_img {border-radius:16px!important;overflow:hidden;background:#f3f5f7}.sct_img img {transition:transform .5s ease}.sct_li:hover .sct_img img {transform:scale(1.05)}
.sct_txt a {font-size:17px!important;font-weight:750!important}.sct_cost {color:var(--fc-blue)!important;font-weight:850!important}
.btn_submit,.btn_b01,.btn_b02,.btn_confirm .btn_submit {border-radius:12px!important;background:var(--fc-orange)!important;border-color:var(--fc-orange)!important}
.tbl_head01,.tbl_frm01,.form_01,.register,.mbskin {border-radius:20px;overflow:hidden}
.fc26-shop-hero {width:100%;margin:0 0 30px;padding:clamp(42px,5vw,76px);display:flex;align-items:flex-end;justify-content:space-between;gap:50px;border-radius:30px;background:linear-gradient(125deg,#071a33,#16427d);color:#fff;overflow:hidden;position:relative}
.fc26-shop-hero:after {content:"";position:absolute;right:-80px;top:-180px;width:460px;height:460px;border:80px solid rgba(240,122,36,.13);border-radius:50%}
.fc26-shop-hero>div {position:relative;z-index:1}.fc26-shop-hero h2 {margin:0;font-size:clamp(36px,4vw,60px);line-height:1.14;letter-spacing:-.05em;word-break:keep-all}.fc26-shop-hero p:not(.fc26-eyebrow) {max-width:720px;margin:20px 0 0;color:rgba(255,255,255,.68);font-size:17px;line-height:1.75}.fc26-shop-hero__actions {display:flex;gap:12px;flex:none}
.fc26-shop-hero .fc-btn--ghost {border-color:rgba(255,255,255,.3);color:#fff}.fc26-shop-hero .fc-btn--ghost:hover {background:#fff;color:var(--fc-blue-deep)}
#ft.fc-site-footer {overflow:hidden!important}
#ft.fc-site-footer #ft_wr.fc-footer-inner {width:var(--fc-page)!important;max-width:1620px!important;min-height:0!important;height:auto!important;padding:30px 0 48px!important;grid-template-columns:190px minmax(0,760px) minmax(180px,1fr)!important;column-gap:32px!important;row-gap:0!important;justify-content:start!important;align-content:start!important}
#ft.fc-site-footer #ft_wr.fc-footer-inner:after {display:none!important;content:none!important}
#ft.fc-site-footer .fc-footer-brand img {display:block;width:160px!important;max-width:100%!important;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important}
#ft.fc-site-footer .fc-footer-company h2,#ft.fc-site-footer .fc-footer-links h2 {margin-bottom:12px!important;line-height:1.25!important}
#ft.fc-site-footer .fc-footer-company h2 {font-size:16px!important}
#ft.fc-site-footer .fc-footer-company p {margin-bottom:2px!important;line-height:1.35!important}
#ft.fc-site-footer .fc-footer-links {justify-self:end!important;min-width:180px!important;text-align:left!important}
#ft.fc-site-footer .fc-footer-links a {margin-bottom:4px!important;line-height:1.3!important}
#ft.fc-site-footer #ft_copy.fc-footer-copy {position:relative!important;z-index:0!important;padding:10px 0 12px!important;line-height:1.5!important}
#ft.fc-site-footer #ft_copy.fc-footer-copy:before {content:"";position:absolute;z-index:-1;left:-110px;top:-140px;width:230px;height:230px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 46px rgba(255,255,255,.025),0 0 0 92px rgba(240,122,36,.04);pointer-events:none}
.fc-mobile-footer {padding:24px 18px 14px!important}
.fc-mobile-footer__brand img {display:block;width:190px!important;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important}
.fc-mobile-footer #ft_copy {padding:12px 0 0!important}
body #ft #ft_logo img[src*="flowcomps-logo"] {width:160px!important;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important}

/* member agreement: register.php */
.fc-register-agreement.register {width:100%!important;margin:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
.fc-register-agreement #fregister {display:grid;gap:18px}
.fc-register-intro {display:flex;align-items:center;gap:18px;padding:22px 26px;border:1px solid #d8e2ec;border-radius:18px;background:#fff}
.fc-register-intro__icon {display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:#fff1e7;color:var(--fc-orange);font-size:21px}
.fc-register-intro strong {display:block;margin-bottom:5px;color:var(--fc-blue-deep);font-size:18px;line-height:1.35}
.fc-register-intro p {position:static!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;color:var(--fc-muted)!important;font-size:14px!important;font-weight:500!important;line-height:1.65!important;text-align:left!important}
.fc-register-intro p:before {display:none!important}
.fc-register-all {position:relative;margin:0!important;padding:22px 26px;border:1px solid #cbd9e7!important;border-radius:18px!important;background:#edf4fa!important;line-height:1.4!important;text-align:left!important}
.fc-register-all label {position:relative;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:2px 12px;padding:0!important;color:var(--fc-blue-deep)!important;cursor:pointer}
.fc-register-all label b {font-size:17px}.fc-register-all label small {grid-column:2;color:#687b90;font-size:13px;font-weight:500}
.fc-register-card {position:relative;margin:0!important;border:1px solid #d8e2ec!important;border-radius:20px!important;background:#fff;overflow:hidden}
.fc-register-card__head {min-height:78px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e2e8ef;background:#fbfcfd}
.fc-register-card__head>div {display:flex;align-items:center;gap:10px;min-width:0}
.fc-register-card__head h2 {margin:0!important;padding:0!important;border:0!important;color:var(--fc-blue-deep);font-size:19px!important;line-height:1.35!important;text-align:left!important}
.fc-register-step {font:800 11px/1 'JetBrains Mono',monospace;color:var(--fc-orange);letter-spacing:.06em}
.fc-register-card__head em {padding:5px 8px;border-radius:999px;background:#fff0e5;color:#c55b0e;font-size:11px;font-style:normal;font-weight:800;white-space:nowrap}
.fc-register-card__head>a {flex:none;color:var(--fc-blue);font-size:13px;font-weight:750}.fc-register-card__head>a i {margin-left:4px;font-size:11px}
.fc-register-document {height:320px;padding:24px 28px;overflow:auto;background:#fff;color:#4b5d70;font-size:14px;line-height:1.75;scrollbar-color:#bcc9d6 #f2f5f8;scrollbar-width:thin}
.fc-register-document .fc-policy {max-width:none;margin:0;font-size:inherit}.fc-register-document .fc-policy__lead {margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;color:#263d56!important;font-size:15px!important;font-weight:750!important;line-height:1.7!important}.fc-register-document .fc-policy__lead:before {display:none!important}
.fc-register-document .fc-policy__meta {display:flex!important;gap:8px!important;margin:0 0 22px!important;padding:0 0 16px!important;border:0!important;border-bottom:1px solid #e4e9ef!important;border-radius:0!important;background:none!important;color:#718095!important;font-size:12px!important}.fc-register-document .fc-policy__meta strong {padding:0!important;background:none!important;color:var(--fc-orange)!important}
.fc-register-document .fc-policy__sections {display:block!important}.fc-register-document .fc-policy__section {margin:0!important;padding:19px 0!important;border:0!important;border-bottom:1px solid #e8edf2!important;border-radius:0!important;background:none!important;box-shadow:none!important}.fc-register-document .fc-policy__section:first-child {padding-top:0!important}.fc-register-document .fc-policy__section:last-child {border-bottom:0!important}.fc-register-document .fc-policy__section:before {display:none!important}
.fc-register-document h2 {margin:0 0 8px!important;padding:0!important;color:#183451!important;font-size:15px!important;line-height:1.45!important}.fc-register-document p {position:static!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;color:#536578!important;font-size:14px!important;font-weight:500!important;line-height:1.75!important;text-align:left!important}.fc-register-document p:before {display:none!important}.fc-register-document ul,.fc-register-document ol {display:block!important;margin:8px 0 0!important;padding:0 0 0 22px!important;border:0!important;background:none!important}.fc-register-document li {margin:5px 0!important}
.fc-register-consent {position:static!important;margin:0!important;padding:18px 24px!important;border:0!important;border-top:1px solid #e2e8ef!important;background:#f8fafc;text-align:right}
.fc-register-consent label {position:relative;display:inline-flex;align-items:center;gap:9px;padding:0!important;color:#40556c!important;font-size:14px;font-weight:650;cursor:pointer}.fc-register-consent label b {color:var(--fc-orange)}
.fc-register-check {position:relative!important;inset:auto!important;display:block!important;flex:0 0 21px;width:21px!important;height:21px!important;border:1px solid #b9c6d3!important;border-radius:6px!important;background:#fff!important}
.fc-register-agreement input[type="checkbox"]:focus+label .fc-register-check {outline:3px solid rgba(240,122,36,.2);outline-offset:2px}
.fc-register-agreement input[type="checkbox"]:checked+label .fc-register-check {border-color:var(--fc-orange)!important;background:var(--fc-orange)!important}
.fc-register-agreement input[type="checkbox"]:checked+label .fc-register-check:after {content:"";position:absolute;left:6px;top:3px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fc-register-privacy-table {padding:24px!important;overflow-x:auto;background:#fff!important}
.fc-register-privacy-table table {width:100%;min-width:720px;border-collapse:separate;border-spacing:0;border:1px solid #dbe3eb;border-radius:13px;overflow:hidden}
.fc-register-privacy-table caption {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#fregister_private .fc-register-privacy-table th,#fregister_private .fc-register-privacy-table td {width:auto;padding:15px 17px;border:0;border-right:1px solid #dfe6ed;text-align:left;vertical-align:top;line-height:1.65}#fregister_private .fc-register-privacy-table th:last-child,#fregister_private .fc-register-privacy-table td:last-child {border-right:0}
#fregister_private .fc-register-privacy-table th {background:#edf3f8;color:#173451;font-size:13px;font-weight:800}#fregister_private .fc-register-privacy-table td {color:#536578;font-size:14px}#fregister_private .fc-register-privacy-table td:nth-child(1){width:38%}#fregister_private .fc-register-privacy-table td:nth-child(2){width:37%}.fc-register-privacy-table small {color:#8190a0}
.fc-register-privacy-note {position:static!important;height:auto!important;margin:0 24px 22px!important;padding:13px 15px!important;border-radius:10px;background:#fff8f2!important;color:#735238!important;font-size:13px!important;font-weight:550!important;line-height:1.6!important;text-align:left!important}.fc-register-privacy-note:before {display:none!important}.fc-register-privacy-note i {margin-right:6px;color:var(--fc-orange)}
.fc-register-actions {display:grid;grid-template-columns:minmax(160px,.35fr) minmax(260px,.65fr);gap:12px;margin-top:4px}
.fc-register-cancel,.fc-register-submit {display:flex!important;align-items:center;justify-content:center;width:100%!important;height:56px!important;margin:0!important;border-radius:13px!important;font-size:16px!important;font-weight:800!important}
.fc-register-cancel {border:1px solid #ced8e2;background:#fff;color:#516477}.fc-register-cancel:hover {border-color:#9eacbb;color:#273b51}
.fc-register-submit {border:1px solid var(--fc-orange)!important;background:var(--fc-orange)!important;color:#fff!important}.fc-register-submit:hover {border-color:#d56618!important;background:#d56618!important}

@media (max-width:600px) {
    .fc-register-agreement #fregister {gap:14px}
    .fc-register-intro {align-items:flex-start;padding:19px 18px}.fc-register-intro__icon {flex-basis:42px;width:42px;height:42px;border-radius:13px}
    .fc-register-intro strong {font-size:16px}.fc-register-intro p {font-size:13px!important}
    .fc-register-all {padding:18px!important}.fc-register-all label b {font-size:15px}.fc-register-all label small {font-size:12px}
    .fc-register-card {border-radius:16px!important}.fc-register-card__head {align-items:flex-start;min-height:0;padding:17px 18px;flex-direction:column;gap:10px}.fc-register-card__head h2 {font-size:17px!important}.fc-register-card__head>a {align-self:flex-end}
    .fc-register-document {height:290px;padding:20px 18px}
    .fc-register-consent {padding:16px 18px!important;text-align:left}.fc-register-consent label {align-items:flex-start;font-size:13px;line-height:1.5}
    .fc-register-privacy-table {padding:18px}.fc-register-privacy-table table {min-width:620px}
    .fc-register-privacy-note {margin:0 18px 18px!important}
    .fc-register-actions {grid-template-columns:1fr}.fc-register-cancel {order:2}.fc-register-submit {order:1}
}

/* editorial sub pages: company / process / contact */
body.fc26-editorial-body {background:#f3f5f7!important}
body.fc26-editorial-body #wrapper {padding:0 0 100px!important;background:#f3f5f7!important}
body.fc26-editorial-body #container_wr {display:block!important;width:100%!important;max-width:none!important;margin:0!important}
body.fc26-editorial-body #container {float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
body.fc26-editorial-body #container>#container_title,body.fc26-editorial-body #aside {display:none!important}
.fc26-editorial-page {width:var(--fc-page);max-width:1620px;margin:0 auto;color:var(--fc-ink)}
.fc26-subhero {position:relative;margin-bottom:0;padding:clamp(68px,6.8vw,110px) clamp(36px,6vw,92px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.58fr);align-items:end;gap:70px;border-radius:0 0 34px 34px;background:#071a33;color:#fff;overflow:hidden}
.fc26-subhero:before {content:"";position:absolute;right:-170px;top:-250px;width:620px;height:620px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.022),0 0 0 140px rgba(240,122,36,.035)}
.fc26-subhero>* {position:relative;z-index:1}.fc26-subhero h1 {margin:0;font-size:clamp(36px,4vw,61px);font-weight:900;line-height:1.2;letter-spacing:-.055em;word-break:keep-all}.fc26-subhero>p {margin:0;color:rgba(255,255,255,.66);font-size:17px;line-height:1.85;word-break:keep-all}
.fc26-shared-subhero {margin-bottom:42px}
#container:has(>.fc26-shared-subhero)>#container_title,.shop-content:has(>.fc26-shared-subhero)>#wrapper_title {display:none!important}
#container_wr:has(.fc26-shared-subhero) {grid-template-columns:minmax(0,1fr)!important}
#container_wr:has(.fc26-shared-subhero)>#aside {display:none!important}
#container_wr:has(.fc26-shared-subhero)>#container {width:100%!important;max-width:none!important}
/* 공통 서브 히어로를 쓰는 게시판·FAQ 페이지는 회사소개처럼 페이지 배경 위에
   직접 놓는다. 기존 #container의 흰색 카드가 히어로와 본문 전체를 한 번 더
   감싸면서 폭과 세로 공간을 줄이던 문제를 제거한다. */
#wrapper:not(.fc-front):has(.fc26-shared-subhero) {padding:42px 0 90px!important;background:var(--fc-bg)!important}
#wrapper:not(.fc-front):has(.fc26-shared-subhero) #container_wr {width:var(--fc-page)!important;max-width:1620px!important;margin:0 auto!important;display:block!important}
#wrapper:not(.fc-front):has(.fc26-shared-subhero) #container {float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.fc26-shop-subhero {width:100%;margin:0 0 42px}
.fc26-shop-page-subhero {margin-bottom:42px}
.flow-builder .fc26-builder-subhero {width:100%!important;max-width:none!important;margin:0 0 28px!important;padding:clamp(68px,6.8vw,110px) clamp(36px,6vw,92px)!important;min-height:0!important;border:0!important;border-radius:0 0 34px 34px!important;background:#071a33!important;color:#fff!important;box-shadow:none!important}
.flow-builder-page #container_title {display:none!important}
.flow-builder .fc26-builder-subhero .builder-header__intro {display:block!important}.flow-builder .fc26-builder-subhero .builder-header__intro h1 {margin:0!important;font-size:clamp(36px,4vw,61px)!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.055em!important;color:#fff!important}.flow-builder .fc26-builder-subhero .builder-lead {max-width:none!important;margin:0!important;color:rgba(255,255,255,.66)!important;font-size:17px!important;line-height:1.85!important}
/* 호스 빌더도 별도 흰색 페이지 카드 없이 공통 1620px 레이아웃을 사용한다. */
body.flow-builder-page #wrapper {padding:42px 0 90px!important;background:var(--fc-bg)!important}
body.flow-builder-page #wrapper #container_wr {width:var(--fc-page)!important;max-width:1620px!important;margin:0 auto!important;display:block!important}

/* 기능성 콘텐츠 폭: 공지·회원·FAQ·정책의 실제 본문은 읽기와 입력에 적합한
   1400px을 공통 기준으로 쓴다. 1620px 서브히어로와 제품·쇼핑 화면에는 적용하지 않는다. */
#container:has(#bo_list)>#bo_list,
#container:has(.fc-register-agreement)>.fc-register-agreement,
#container:has(#fregisterform)>#fregisterform,
#container:has(#faq_wrap)>#faq_hhtml,
#container:has(#faq_wrap)>#faq_sch,
#container:has(#faq_wrap)>#bo_cate,
#container:has(#faq_wrap)>#faq_wrap,
#container:has(#faq_wrap)>#faq_thtml,
#container:has(#ctt .fc-policy)>#ctt {
    width:min(var(--fc-page),1400px)!important;
    max-width:1400px!important;
    margin-right:auto!important;
    margin-left:auto!important;
}
body.flow-builder-page #wrapper #container {float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.flow-builder-page .flow-builder {margin:0!important;background:transparent!important}
/* builder.css의 예전 오렌지 헤어라인/그리드 장식을 완전히 초기화하고 다른
   서브페이지와 같은 오른쪽 원형 그래픽만 남긴다. */
body.flow-builder-page .flow-builder .builder-header.fc26-builder-subhero:before {content:""!important;position:absolute!important;left:auto!important;right:-170px!important;top:-250px!important;bottom:auto!important;width:620px!important;height:620px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;background:transparent!important;box-shadow:0 0 0 70px rgba(255,255,255,.022),0 0 0 140px rgba(240,122,36,.035)!important}
body.flow-builder-page .flow-builder .builder-header.fc26-builder-subhero:after {content:none!important;display:none!important;background:none!important}

/* DB-managed public navigation */
.fc-nav-item {position:relative}
.fc-nav-sub {position:absolute;z-index:30;left:50%;top:calc(100% + 12px);display:none;min-width:180px;padding:8px;border:1px solid var(--fc-line);border-radius:13px;background:#fff;box-shadow:0 18px 42px rgba(7,26,51,.14);transform:translateX(-50%)}
.fc-nav-item:hover>.fc-nav-sub,.fc-nav-item:focus-within>.fc-nav-sub {display:grid}
.fc-nav-sub li a {display:block;padding:10px 12px;border-radius:8px;color:#526477;font-size:13px;font-weight:700;white-space:nowrap}
.fc-nav-sub li a:hover {background:#eef4fa;color:var(--fc-blue)}
.fc-mobile-submenu {margin:0 16px 10px;padding:5px 0 7px 17px;border-left:2px solid #dbe5ef}
.fc-mobile-submenu a {display:block;padding:8px 0;color:#66788c;font-size:14px;font-weight:700}
.fc-mobile-account-menu {margin-top:10px;padding-top:10px;border-top:1px solid #e3e8ee}
.fc-mobile-shop-public-nav {padding:20px 20px 12px;border-bottom:1px solid #e3e8ee}
.fc-mobile-shop-public-nav>h2,.fc-mobile-shop-category-title {margin:0 0 10px;color:#8190a0;font-size:11px;font-weight:900;letter-spacing:.12em}
.fc-mobile-shop-public-nav .fc-mobile-public-menu>li>a {display:block;padding:11px 0;color:#173451;font-size:16px;font-weight:800}
.fc-mobile-shop-category-title {padding:20px 20px 0}

/* Integrated YoungCart + Flow Builder mypage */
.fc26-mypage {display:grid!important;gap:22px;margin-bottom:50px!important}
.fc26-my-summary,.fc26-my-builder,#smb_my_ov,#smb_my_od,#smb_my_wish {float:none!important;width:100%!important;margin:0!important;padding:26px!important;border:1px solid var(--fc-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--fc-shadow-soft)}
.fc26-my-summary__head,.fc26-my-section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.fc26-my-summary__head>div>span,.fc26-my-section-head>div>span {display:block;margin-bottom:7px;color:var(--fc-orange);font:800 11px/1.2 'JetBrains Mono',monospace;letter-spacing:.12em}
.fc26-my-summary__head h2,.fc26-my-section-head h2 {margin:0!important;color:var(--fc-blue-deep);font-size:24px!important;line-height:1.25}
.fc26-my-summary__head p {margin:8px 0 0;color:var(--fc-muted);font-size:14px}
.fc26-my-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fc26-my-metrics a {display:flex;min-height:118px;padding:17px;flex-direction:column;border:1px solid #e1e7ee;border-radius:14px;background:#f8fafc;color:#617287}
.fc26-my-metrics a:hover {border-color:#bcd0ed;background:#f2f7fd}
.fc26-my-metrics span {font-size:12px;font-weight:800}.fc26-my-metrics strong {margin-top:12px;color:var(--fc-blue-deep);font-size:27px}.fc26-my-metrics small {margin-top:auto;color:#8d99a8;font-size:11px}
.fc26-my-section-head>a {color:var(--fc-blue);font-size:13px;font-weight:800;white-space:nowrap}
.fc26-my-documents {display:grid;gap:8px}
.fc26-my-documents>a {display:grid;min-height:68px;padding:12px 15px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #e5eaf0;border-radius:12px;color:#536579}
.fc26-my-documents>a:hover {border-color:#c5d6ed;background:#f8fbff}
.fc26-my-documents>a>i {display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#edf4fb;color:var(--fc-blue)}
.fc26-my-documents span b,.fc26-my-documents span strong,.fc26-my-documents span small {display:block}.fc26-my-documents span b {color:var(--fc-orange);font-size:10px}.fc26-my-documents span strong {margin-top:3px;color:#29425e;font-size:13px}.fc26-my-documents span small {margin-top:3px;color:#929eab;font-size:11px}.fc26-my-documents em {padding:5px 9px;border-radius:999px;background:#eef4fa;color:#597089;font-size:10px;font-style:normal;font-weight:800}
.fc26-my-empty {margin:0;padding:40px;border:1px dashed #d8e0e8;border-radius:13px;color:#8996a6;text-align:center}
.fc26-mypage #smb_my_ov .smb_me {padding:0 0 18px!important;border-bottom:1px solid var(--fc-line)!important}.fc26-mypage #smb_my_ov h3 {padding:20px 0 8px!important}.fc26-mypage #smb_private {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0!important}.fc26-mypage #smb_private li {float:none!important;width:auto!important;border:0!important}.fc26-mypage #smb_private a {border:1px solid #e3e8ef;border-radius:12px;background:#f8fafc}
.fc26-mypage #smb_my_list {display:grid;float:none!important;width:100%!important;gap:22px}.fc26-mypage #smb_my_od h2,.fc26-mypage #smb_my_wish h2 {font-size:20px!important}.fc26-mypage .smb_my_more {top:24px!important;right:26px!important}

@media (max-width:800px) {
    .fc26-my-summary,.fc26-my-builder,#smb_my_ov,#smb_my_od,#smb_my_wish {padding:18px!important;border-radius:16px!important}
    .fc26-my-summary__head,.fc26-my-section-head {align-items:flex-start;flex-direction:column}
    .fc26-my-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
    .fc26-my-documents>a {grid-template-columns:38px minmax(0,1fr)}
    .fc26-my-documents em {grid-column:2;justify-self:start}
    .fc26-mypage #smb_private {grid-template-columns:repeat(2,1fr)}
}

/* Purchase flow: item, cart, checkout, order history */
#sit,#sod_bsk,#sod_frm,#sod_fin,#sod_v,#sod_inquiry,#sod_ws,#scp_list {color:var(--fc-ink)}
#sit {display:grid;gap:24px}
#sit_ov_wrap,#sit_inf,#sod_bsk_list,#sod_frm_orderer,#sod_frm_taker,#sod_frm_pay,#sod_fin_list,#sod_fin_orderer,#sod_fin_receiver,#sod_fin_pay,#sod_inquiry li,#sod_v_info,#sod_v_pay {border:1px solid var(--fc-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--fc-shadow-soft)!important;overflow:hidden}
#sit_ov_wrap {padding:26px!important}
#sit_pvi,#sit_ov {min-width:0}
#sit_title {color:var(--fc-blue-deep)!important;font-size:clamp(25px,2.5vw,38px)!important;line-height:1.25!important;letter-spacing:-.04em!important}
#sit_desc {color:var(--fc-muted)!important;line-height:1.7!important}
#sit_tot_price {padding:18px 0!important;color:var(--fc-blue-deep)!important;font-size:18px!important}
#sit_tot_price strong {color:var(--fc-orange)!important;font-size:26px!important}
#sit_ov_btn {display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
#sit_ov_btn button,#sit_ov_btn a {width:100%!important;height:52px!important;border-radius:12px!important;font-size:15px!important;font-weight:800!important}
#sit_btn_buy,.btn_submit {background:var(--fc-orange)!important;border-color:var(--fc-orange)!important;color:#fff!important}
#sit_btn_cart {border:1px solid var(--fc-blue)!important;background:#fff!important;color:var(--fc-blue)!important}
#sit_inf {padding:28px!important}
#sit_inf h2 {color:var(--fc-blue-deep)!important;font-size:21px!important}

/* 장바구니의 #sod_bsk가 이 body 유형(.fc26-shared-subhero 보유 페이지)에서
   #container 폭 규칙 충돌로 뷰포트 전체 폭까지 늘어나 있었다. 헤더 내비게이션이
   이미 쓰는 --fc-page 값으로 맞춰 다른 페이지와 같은 좌우 여백을 갖게 한다. */
#sod_bsk {max-width:var(--fc-page)!important;margin:0 auto!important}
/* 장바구니 히어로(.fc26-subhero)도 같은 이유로 뷰포트 끝까지 늘어나 회사소개
   같은 일반 페이지의 카드형(둥근 모서리, 좌우 여백 있는) 히어로와 달라 보였다.
   #sod_bsk가 있는 페이지(=장바구니)에서만 히어로도 같은 폭으로 좁혀 맞춘다.
   목록·상품 상세 등 다른 쇼핑몰 페이지의 히어로는 건드리지 않는다.
   margin:0 auto 축약형을 쓰면 .fc26-shared-subhero/.fc26-shop-page-subhero가
   원래 갖고 있던 margin-bottom:42px(다른 쇼핑몰 페이지와 본문 사이 간격)까지
   0으로 덮어써 버려서 표 상자가 히어로에 바짝 붙어 보였다. 좌우 정렬만
   margin-left/right로 따로 지정해 아래쪽 42px 간격은 그대로 유지한다. */
body:has(#sod_bsk) .fc26-subhero {max-width:var(--fc-page)!important;margin-left:auto!important;margin-right:auto!important}
#sod_bsk_list {padding:0!important}
#sod_bsk_list table {margin:0!important}
#sod_bsk_list th {padding:15px 12px!important;border:0!important;border-bottom:1px solid var(--fc-line)!important;background:#f3f6f9!important;color:#52657a!important;font-size:13px!important}
/* 표 셀의 기본 vertical-align:middle 때문에, 옵션 텍스트가 길어 행이 높아지면
   체크박스·수량·금액 칸이 상품 정보 칸의 위쪽과 어긋나 보였다. 모든 칸을
   위쪽 정렬로 통일해 행 높이가 얼마든 항상 같은 줄에서 시작하게 한다. */
#sod_bsk_list td {padding:16px 12px!important;border-color:#e8edf2!important;vertical-align:top!important}
#sod_bsk_list .td_chk,
#sod_bsk_list .td_num,
#sod_bsk_list .td_numbig,
#sod_bsk_list .td_dvr {padding-top:20px!important}
/* .od_prd_list .td_prd(default_shop.css)은 원래 padding-left:120px + .sod_img를
   position:absolute로 그 자리에 얹는 예전 스킨 방식이었다. 옵션 텍스트 길이·행
   높이가 바뀔 때마다 절대좌표가 어긋나는 문제가 반복돼, 이미지·텍스트를 나란히
   배치하는 flex 레이아웃으로 바꿔 근본적으로 어긋날 수 없게 한다. */
#sod_bsk_list td.td_prd {display:flex!important;align-items:flex-start!important;gap:16px!important;position:static!important;padding:16px 12px!important;min-height:0!important}
#sod_bsk_list td.td_prd .sod_img {position:static!important;top:auto!important;left:auto!important;flex:0 0 80px!important;width:80px!important}
#sod_bsk_list td.td_prd .sod_img img {display:block!important;width:80px!important;height:80px!important;border-radius:10px!important;object-fit:cover!important}
#sod_bsk_list td.td_prd .sod_name {flex:1 1 auto!important;min-width:0!important}
#sod_bsk_list .prd_name {font-size:15px!important;font-weight:700!important;color:var(--fc-ink)!important}
/* .tbl_head03 td(default_shop.css)의 word-break:break-all이 이 셀에도 적용되어,
   호스빌더 옵션처럼 긴 영문/숫자 스펙 문자열이 단어 중간에서 잘려 보이던 문제
   (예: "PRESSURE"가 "PRESSUR"/"E"로 분리)를 공백·기호 기준 줄바꿈으로 되돌린다. */
#sod_bsk_list td.td_prd,
#sod_bsk_list td.td_prd .sod_name,
#sod_bsk_list td.td_prd .sod_opt,
#sod_bsk_list td.td_prd .sod_opt li {word-break:normal!important;overflow-wrap:break-word!important}
/* li가 배송비/포인트/총계가격 3개뿐인데 repeat(4,1fr)로 4칸을 만들어 오른쪽에
   빈 4번째 칸(전체 폭의 1/4)이 그대로 남아 "총계 가격"이 박스 오른쪽 끝까지
   채우지 못하고 왼쪽으로 치우쳐 보였다. 실제 항목 수(3)에 맞춰 3등분한다. */
#sod_bsk #sod_bsk_tot {display:grid!important;margin:18px 0!important;grid-template-columns:repeat(3,1fr);border:0!important;border-radius:18px!important;background:#071a33!important;overflow:hidden}
#sod_bsk #sod_bsk_tot ul {display:contents!important}
#sod_bsk #sod_bsk_tot li {float:none!important;width:auto!important;min-height:92px;padding:21px!important;border:0!important;border-left:1px solid rgba(255,255,255,.11)!important;background:transparent!important;color:#fff!important}
#sod_bsk #sod_bsk_tot li:first-child {border-left:0!important}
#sod_bsk #sod_bsk_tot li span {display:block!important;float:none!important;margin-bottom:8px;color:rgba(255,255,255,.56);font-size:12px}
#sod_bsk #sod_bsk_tot li strong {font-size:20px}
/* 가장 중요한 최종 결제 금액(총계 가격)을 다른 두 항목과 시각적으로 구분해
   강조한다 — 배경을 살짝 밝혀 카드처럼 도드라지게 하고, 금액은 브랜드
   포인트 컬러로 표시해 한눈에 들어오게 한다. */
#sod_bsk #sod_bsk_tot li.sod_bsk_cnt {background:rgba(255,255,255,.045)!important}
#sod_bsk #sod_bsk_tot li.sod_bsk_cnt span {color:rgba(255,255,255,.72)}
#sod_bsk #sod_bsk_tot li.sod_bsk_cnt strong {color:var(--fc-orange);font-size:23px}
#sod_bsk_act {display:flex;justify-content:flex-end;gap:10px;margin-top:18px!important}
#sod_bsk_act .btn_submit,#sod_bsk_act .btn01 {display:inline-flex!important;width:auto!important;min-width:170px;height:52px!important;align-items:center;justify-content:center;border-radius:12px!important;font-size:15px!important}

#sod_frm {display:grid;gap:18px}
#sod_frm_orderer,#sod_frm_taker,#sod_frm_pay {padding:24px!important}
#sod_frm h2,#sod_fin h2,#sod_v h2 {margin:0 0 16px!important;padding:0 0 14px!important;border-bottom:1px solid var(--fc-line)!important;color:var(--fc-blue-deep)!important;font-size:20px!important}
#sod_frm .tbl_frm01 th {width:150px!important;padding:12px!important;background:#f7f9fb!important;color:#64758a!important}
#sod_frm .tbl_frm01 td {padding:10px 12px!important}
#sod_frm .frm_input,#sod_frm select,#sod_frm textarea {min-height:46px!important;padding:0 13px!important;border:1px solid #ced8e2!important;border-radius:10px!important;background:#fff!important}
#sod_frm textarea {padding-top:12px!important}
#sod_frm_paysel {display:flex!important;gap:8px!important;flex-wrap:wrap!important}
#sod_frm_paysel label {min-height:46px;padding:12px 15px!important;border:1px solid #dbe3ec!important;border-radius:10px!important;background:#f8fafc!important}
#display_pay_button {display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:18px!important}
#display_pay_button .btn_submit {min-width:190px!important;height:54px!important;border-radius:12px!important;font-size:16px!important;font-weight:850!important}

#sod_inquiry {display:grid;gap:10px}
#sod_inquiry li {padding:20px!important}
.sod_fin_no,.sod_fin_list {border-radius:12px!important}

/* Mobile shop header follows the same brand language while retaining YoungCart controls. */
body #hd_wr {min-height:68px!important;padding:11px 18px!important;border-bottom:1px solid var(--fc-line)!important;background:#fff!important}
body #hd_wr #logo img {width:145px!important;height:auto!important}
body #hd_btn a,body #hd_btn button {border-radius:10px!important;color:var(--fc-blue-deep)!important}
body #category .menu_wr {background:#fff!important}

@media (max-width:760px) {
    #sit_ov_wrap,#sit_inf,#sod_frm_orderer,#sod_frm_taker,#sod_frm_pay {padding:18px!important}
    #sit_ov_btn {grid-template-columns:1fr}
    #sod_bsk #sod_bsk_tot {grid-template-columns:repeat(2,1fr)}
    #sod_bsk #sod_bsk_tot li:nth-child(3) {border-left:0!important;border-top:1px solid rgba(255,255,255,.11)!important}
    #sod_bsk_act {align-items:stretch;flex-direction:column}
    #sod_bsk_act .btn_submit,#sod_bsk_act .btn01 {width:100%!important}
    #sod_frm .tbl_frm01 th {width:105px!important}
}
/* 영카트 상품 페이지의 #container 흰색 외곽 카드와 오래된 상단 설명을 제거한다.
   상품 목록·입력 폼 등 실제 기능 카드는 그대로 유지한다. */
#wrapper:has(.shop-content)>#container {padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.shop-content.is_index:before,.shop-content.is_index:after {content:none!important;display:none!important}
.fc26-story {display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,9vw,150px);padding:clamp(90px,8vw,140px) clamp(20px,4vw,72px)}
.fc26-story>div:last-child {padding-top:36px}
.fc26-story h2,.fc26-company-info h2,.fc26-process-intro h2 {margin:0;font-size:clamp(36px,3.7vw,58px);line-height:1.2;letter-spacing:-.055em;word-break:keep-all}.fc26-story>div:last-child p {margin:0 0 22px;color:var(--fc-muted);font-size:17px;line-height:1.9;word-break:keep-all}
.fc26-value-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--fc-line);border-radius:26px;overflow:hidden;background:var(--fc-line)}
.fc26-value-grid article {position:relative;min-height:310px;padding:34px;background:#fff}.fc26-value-grid article:nth-child(2) {background:var(--fc-blue);color:#fff}.fc26-value-grid b {font:800 11px 'JetBrains Mono',monospace;color:var(--fc-orange)}.fc26-value-grid .fa {position:absolute;right:32px;top:32px;font-size:26px;color:var(--fc-orange)}.fc26-value-grid h3 {margin:115px 0 12px;font-size:24px;letter-spacing:-.04em}.fc26-value-grid p {margin:0;color:var(--fc-muted);line-height:1.75;word-break:keep-all}.fc26-value-grid article:nth-child(2) p {color:rgba(255,255,255,.68)}
.fc26-company-info {margin-top:22px;padding:clamp(48px,6vw,84px);display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(55px,8vw,130px);border-radius:26px;background:#fff;border:1px solid var(--fc-line)}.fc26-company-info__heading>p:not(.fc26-eyebrow) {color:var(--fc-muted);line-height:1.75}.fc26-company-info__heading .fc-btn {margin-top:24px}.fc26-company-info dl {margin:0}.fc26-company-info dl>div {display:grid;grid-template-columns:150px 1fr;padding:18px 0;border-bottom:1px solid var(--fc-line)}.fc26-company-info dl>div:last-child {border:0}.fc26-company-info dt {font-size:13px;font-weight:800;color:var(--fc-muted)}.fc26-company-info dd {margin:0;font-weight:650;word-break:keep-all}.fc26-company-info dd a {color:var(--fc-blue)}
.fc26-process-intro {padding:clamp(90px,8vw,140px) clamp(20px,4vw,72px);display:grid;grid-template-columns:.72fr 1fr;gap:clamp(50px,8vw,130px);align-items:end}.fc26-process-intro .fc26-eyebrow {grid-column:1/-1;margin-bottom:-20px}.fc26-process-intro>p:last-child {margin:0;color:var(--fc-muted);font-size:17px;line-height:1.85}
.fc26-process-list {margin:0;padding:0;list-style:none;border-top:1px solid var(--fc-line)}.fc26-process-list>li {position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) 110px;gap:36px;align-items:start;padding:55px clamp(20px,4vw,72px);border-bottom:1px solid var(--fc-line);background:#fff}.fc26-process-list>li:nth-child(even) {background:#eef2f6}.fc26-process-list__num {font:900 34px 'JetBrains Mono',monospace;color:var(--fc-orange)}.fc26-process-list span {font:800 11px 'JetBrains Mono',monospace;letter-spacing:.12em;color:var(--fc-blue)}.fc26-process-list h2 {margin:10px 0 14px;font-size:34px;letter-spacing:-.04em}.fc26-process-list p {max-width:760px;margin:0;color:var(--fc-muted);font-size:16px;line-height:1.75}.fc26-process-list ul {display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}.fc26-process-list ul li {padding:8px 12px;border:1px solid var(--fc-line);border-radius:999px;background:#fff;font-size:12px;font-weight:700}.fc26-process-list>li>strong {display:grid;place-items:center;width:78px;height:78px;border-radius:24px;background:#071a33;color:var(--fc-orange);font-size:29px}
.fc26-subcta {position:relative;overflow:hidden;margin-top:24px;padding:clamp(48px,6vw,80px);display:flex;align-items:end;justify-content:space-between;gap:50px;border-radius:26px;background:linear-gradient(125deg,#071a33,#16427d);color:#fff}.fc26-subcta:before {content:"";position:absolute;z-index:0;right:-140px;top:-190px;width:440px;height:440px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(240,122,36,.05)}.fc26-subcta:after {content:"";position:absolute;z-index:0;left:-120px;bottom:-160px;width:280px;height:280px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.fc26-subcta>* {position:relative;z-index:1}.fc26-subcta h2 {margin:0;font-size:clamp(32px,3vw,48px);letter-spacing:-.05em}.fc26-subcta p:not(.fc26-eyebrow) {color:rgba(255,255,255,.65)}.fc26-subcta>div:last-child {display:flex;gap:10px;flex:none}.fc26-subcta .fc-btn--ghost {border-color:rgba(255,255,255,.3);color:#fff}
.fc26-contact-success {margin:24px 0 0;padding:22px 28px;display:flex;align-items:center;gap:16px;border:1px solid #b9e1ce;border-radius:18px;background:#edf9f3;color:#176b48}.fc26-contact-success i {font-size:28px}.fc26-contact-success strong {font-size:17px}.fc26-contact-success p {margin:4px 0 0;color:#4c7c67}
.fc26-contact-layout {display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:22px;margin-top:24px}.fc26-contact-layout>aside,.fc26-contact-form {padding:clamp(34px,4vw,60px);border:1px solid var(--fc-line);border-radius:26px;background:#fff}.fc26-contact-layout>aside {background:#071a33;color:#fff}.fc26-contact-layout>aside h2 {margin:0;font-size:34px;line-height:1.25;letter-spacing:-.045em}.fc26-contact-layout>aside>p:not(.fc26-eyebrow) {color:rgba(255,255,255,.62);line-height:1.75}.fc26-contact-layout aside dl {margin:40px 0}.fc26-contact-layout aside dl>div {padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13)}.fc26-contact-layout aside dt {font-size:12px;color:rgba(255,255,255,.5)}.fc26-contact-layout aside dd {margin:7px 0 0;font-size:17px;font-weight:800}.fc26-contact-tip {display:grid;gap:8px;padding:22px;border-radius:18px;background:rgba(255,255,255,.06)}.fc26-contact-tip b {margin-bottom:5px;color:var(--fc-orange)}.fc26-contact-tip span {color:rgba(255,255,255,.7);font-size:13px}
.fc26-form-heading span {font:800 11px 'JetBrains Mono',monospace;color:var(--fc-orange);letter-spacing:.14em}.fc26-form-heading h2 {margin:8px 0;font-size:34px;letter-spacing:-.045em}.fc26-form-heading p {margin:0;color:var(--fc-muted);font-size:13px}.fc26-form-heading b,.fc26-contact-form label b {color:var(--fc-orange)}.fc26-form-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:32px}.fc26-contact-form label {display:grid;gap:8px;font-size:13px;font-weight:800}.fc26-contact-form input,.fc26-contact-form select,.fc26-contact-form textarea {width:100%;padding:0 15px;border:1px solid #ced7e2;border-radius:12px;background:#f8fafc;color:var(--fc-ink);font-size:15px;outline:0}.fc26-contact-form input,.fc26-contact-form select {height:52px}.fc26-contact-form textarea {padding-top:15px;resize:vertical;line-height:1.7}.fc26-contact-form input:focus,.fc26-contact-form select:focus,.fc26-contact-form textarea:focus {border-color:var(--fc-blue);background:#fff;box-shadow:0 0 0 4px rgba(22,66,125,.08)}.fc26-form-full {grid-column:1/-1}.fc26-contact-agree {display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;margin:20px 0!important;color:var(--fc-muted);font-weight:500!important}.fc26-contact-agree input {width:17px;height:17px;box-shadow:none}.fc26-contact-form>.fc-btn {width:100%}.fc26-honeypot {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* standalone member login */
body:has(.fc26-login) {min-height:100vh;background:#edf2f7;overflow-x:hidden}
.fc26-login {position:relative!important;width:100%!important;min-height:100vh!important;margin:0!important;padding:clamp(48px,7vh,92px) 24px!important;display:grid!important;place-items:center!important;text-align:left!important;isolation:isolate}
.fc26-login__ambient {position:fixed;z-index:-1;inset:0;overflow:hidden;background:radial-gradient(circle at 8% 10%,rgba(240,122,36,.13),transparent 24%),radial-gradient(circle at 92% 92%,rgba(22,66,125,.13),transparent 28%),#edf2f7}
.fc26-login__ambient:before,.fc26-login__ambient:after {content:"";position:absolute;border-radius:50%;border:1px solid rgba(22,66,125,.08)}
.fc26-login__ambient:before {width:420px;height:420px;left:-210px;top:-220px}.fc26-login__ambient:after {width:520px;height:520px;right:-250px;bottom:-300px}
.fc26-login .fc26-login__card {width:min(1080px,100%)!important;min-height:650px;display:grid;grid-template-columns:1.06fr .94fr;border:0!important;border-radius:28px!important;background:#fff!important;overflow:hidden;box-shadow:0 34px 90px rgba(7,26,51,.18)!important}
.fc26-login__brand {position:relative;display:flex;flex-direction:column;padding:48px 56px;background:linear-gradient(150deg,#071a33 0%,#16427d 100%);color:#fff;overflow:hidden}
.fc26-login__brand:before {content:"";position:absolute;right:-160px;top:-230px;width:520px;height:520px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 56px rgba(255,255,255,.025),0 0 0 112px rgba(255,255,255,.018)}
.fc26-login__brand:after {content:"";position:absolute;left:-120px;bottom:-180px;width:300px;height:300px;border-radius:50%;background:rgba(240,122,36,.12)}
.fc26-login__logo {position:relative;z-index:1;display:inline-flex;align-items:center;width:160px;padding:11px 15px;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.fc26-login__logo img {display:block;width:100%;height:auto}
.fc26-login__brand-copy {position:relative;z-index:1;margin:auto 0}
.fc26-login__kicker {margin:0 0 20px!important;color:#ffad72!important;font:800 11px/1.2 'JetBrains Mono',monospace!important;letter-spacing:.16em!important}
.fc26-login__brand-copy h1 {position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;font-size:clamp(34px,3vw,46px)!important;line-height:1.2!important;letter-spacing:-.055em!important;color:#fff!important;text-align:left!important}
.fc26-login__brand-copy h1 em {font-style:normal;color:#ff9b53}
.fc26-login__brand-copy>p:not(.fc26-login__kicker) {margin:22px 0 0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.75;word-break:keep-all}
.fc26-login__benefits {display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}
.fc26-login__benefits li {display:flex;align-items:center;gap:13px;font-size:14px;font-weight:700;color:rgba(255,255,255,.9)}
.fc26-login__benefits b {display:grid;place-items:center;width:36px;height:32px;border:1px solid rgba(240,122,36,.55);border-radius:9px;color:#ffad72;font:700 11px 'JetBrains Mono',monospace}
.fc26-login__brand-foot {position:relative;z-index:1;margin:0!important;color:rgba(255,255,255,.48)!important;font:600 11px 'JetBrains Mono',monospace!important;letter-spacing:.05em!important}
.fc26-login__form-panel {display:flex;flex-direction:column;justify-content:center;padding:56px 58px;background:#fff}
.fc26-login__form-head {margin-bottom:28px}.fc26-login__form-head p {margin:0 0 10px!important;color:var(--fc-orange)!important;font:800 11px 'JetBrains Mono',monospace!important;letter-spacing:.16em!important}.fc26-login__form-head h2 {margin:0!important;font-size:34px!important;line-height:1.2!important;letter-spacing:-.045em!important;color:var(--fc-blue-deep)!important}.fc26-login__form-head span {display:block;margin-top:9px;color:var(--fc-muted);font-size:14px}
.fc26-login #login_fs {padding:0!important}.fc26-login #login_fs legend {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.fc26-login__label {display:flex;justify-content:space-between;margin:0 0 8px;color:var(--fc-ink);font-size:13px;font-weight:800}.fc26-login__label:not(:first-of-type) {margin-top:18px}.fc26-login__label strong {color:var(--fc-orange)}
.fc26-login__input {position:relative}.fc26-login__input i {position:absolute;z-index:1;left:18px;top:50%;transform:translateY(-50%);font-size:17px;color:#8c9bad}.fc26-login__input .frm_input {width:100%!important;height:56px!important;margin:0!important;padding:0 18px 0 50px!important;border:1px solid #ced7e2!important;border-radius:13px!important;background:#f7f9fc!important;color:var(--fc-ink)!important;font-size:15px!important;box-shadow:none!important}.fc26-login__input .frm_input:focus {border-color:var(--fc-blue)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(22,66,125,.09)!important;outline:0}
.fc26-login #login_fs>.btn_submit {width:100%!important;height:56px!important;margin:24px 0 14px!important;border:0!important;border-radius:13px!important;background:linear-gradient(90deg,var(--fc-orange),#e96716)!important;color:#fff!important;font-size:16px!important;font-weight:850!important;box-shadow:0 15px 30px rgba(240,122,36,.22)}.fc26-login #login_fs>.btn_submit:hover {transform:translateY(-2px);box-shadow:0 20px 36px rgba(240,122,36,.3)}
.fc26-login #login_info {display:flex!important;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.fc26-login #login_info .login_if_auto,.fc26-login #login_info .login_if_lpl {float:none!important}.fc26-login #login_password_lost {border:0!important;padding:0!important;color:var(--fc-blue)!important;font-weight:750!important}
.fc26-login__join {display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:24px;padding-top:20px;border-top:1px solid var(--fc-line);font-size:13px}.fc26-login__join span {margin-right:auto;color:#8a94a3}.fc26-login__join a {color:var(--fc-blue);font-weight:800}.fc26-login__join a:last-child {padding-left:15px;border-left:1px solid var(--fc-line)}
.fc26-login__secure {display:flex;align-items:center;justify-content:center;gap:8px;margin:25px 0 0!important;color:#83909e!important;font-size:12px!important}.fc26-login__secure i {color:#31a776}
.fc26-login #sns_login {margin-top:20px!important;padding:0!important;border:0!important}
.fc26-login>#mb_login_notmb,.fc26-login>#mb_login_od_wr {width:min(1080px,100%);margin:24px auto 0;padding:30px;border-radius:20px;background:#fff;box-shadow:var(--fc-shadow-soft)}

[data-fc-reveal] {opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.fc26-builder-product-notice {width:100%;margin:0 0 12px;padding:18px 20px;border:1px solid #d8e2ef;border-radius:15px;background:#f3f7fb;text-align:left}
.fc26-builder-product-notice b,.fc26-builder-product-notice span {display:block}.fc26-builder-product-notice b {margin-bottom:6px;color:#071a33;font-size:14px}.fc26-builder-product-notice span {color:#65758a;font-size:13px;line-height:1.65;word-break:keep-all}
#sit_ov_btn .fc26-builder-product-cta {display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;border-radius:14px;background:linear-gradient(90deg,#f07a24,#df6411);color:#fff!important;font-size:16px;font-weight:850;box-shadow:0 14px 28px rgba(240,122,36,.22)}
#sit_ov_btn .fc26-builder-product-cta:hover {transform:translateY(-2px);box-shadow:0 18px 34px rgba(240,122,36,.3)}
[data-fc-reveal].is-visible {opacity:1;transform:none}
@keyframes fc26-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes fc26-glow {0%,100%{box-shadow:0 20px 45px rgba(240,122,36,.24)}50%{box-shadow:0 26px 62px rgba(240,122,36,.46)}}
@keyframes fc26-scan {0%{transform:translateX(-130%) skewX(-20deg)}100%{transform:translateX(900%) skewX(-20deg)}}
.fc26-hero__badge {animation:fc26-float 4s ease-in-out infinite,fc26-glow 3s ease-in-out infinite}
.fc26-product-stage:after {content:"";position:absolute;inset:-20% auto -20% -30%;width:16%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-20deg);animation:fc26-scan 5.5s ease-in-out infinite}
.fc26-builder__step {transition:transform .3s ease,border-color .3s ease,background .3s ease}
.fc26-builder__step:hover {transform:translateX(10px);border-color:rgba(240,122,36,.55);background:rgba(240,122,36,.07)}
@media (prefers-reduced-motion:reduce) {[data-fc-reveal]{opacity:1;transform:none;transition:none}}
@media (prefers-reduced-motion:reduce) {.fc26-hero__badge,.fc26-product-stage:after{animation:none}}
@media (max-width:1200px) {
    :root {--fc-page:min(calc(100% - 48px),1620px)}
    .fc-logo img {width:132px!important;max-width:132px!important}.fc-nav .gnb_1da,.fc-nav-link {padding:0 10px!important;font-size:14px!important}.fc-nav #gnb_1dul,.fc-nav-list{gap:2px!important}.fc-header-cta {padding-left:15px!important}
    .fc26-hero__inner {grid-template-columns:1fr 48%;gap:44px}.fc26-hero h2 {font-size:54px}
    .fc26-builder__inner {grid-template-columns:1fr 1fr;gap:50px}
}
/* 제품(영카트) 페이지는 헤더가 900px가 아닌 1100px부터 줄바꿈되도록 별도로 설정돼 있어(default_shop.css),
   900~1200px 구간에서 일반 페이지와 메뉴 위치가 달라 보였다. 그 구간만 줄바꿈을 막아 900px 기준으로 통일한다. */
@media (max-width:1200px) and (min-width:901px) {
    #hd_wrapper.fc-header-main,.fc-header-main {flex-wrap:nowrap!important}
    .fc-nav {order:0!important;flex-basis:auto!important;overflow-x:visible!important}
}
@media (max-width:900px) {
    :root {--fc-page:calc(100% - 32px)}
    .fc-site-header .fc-utility {display:none}.fc-header-spacer {height:68px}.fc-header-main {padding:10px 0!important;gap:12px!important}.fc-nav {padding-top:0!important;border-top:0!important;overflow-x:auto!important}.fc-nav #gnb_1dul,.fc-nav-list {justify-content:flex-start!important}.fc-header-cta {min-height:44px!important}
    .fc26-hero {min-height:auto}.fc26-hero__inner,.fc26-builder__inner,.fc26-heading {grid-template-columns:1fr}
    .fc26-hero__visual {min-height:440px}.fc26-hero h2 {font-size:clamp(38px,9vw,56px)}
    .fc26-metrics {grid-template-columns:repeat(2,1fr);margin-top:-40px}
    .fc26-solution-grid {grid-template-columns:1fr}.fc26-solution {min-height:220px}.fc26-process {grid-template-columns:repeat(2,1fr)}
    .fc26-contact {align-items:flex-start;flex-direction:column}
    .fc26-shop-hero {align-items:flex-start;flex-direction:column}.fc26-shop-hero__actions {flex-wrap:wrap}
    #wrapper:not(.fc-front) #container_wr {display:block}#wrapper:not(.fc-front) #container {padding:26px!important}#wrapper:not(.fc-front) #aside {display:none}
    .fc26-login {display:block!important;padding:24px 16px!important}.fc26-login .fc26-login__card {grid-template-columns:1fr;min-height:0}.fc26-login__brand {min-height:360px;padding:34px}.fc26-login__brand-copy {margin:48px 0 36px}.fc26-login__brand-foot {display:none}.fc26-login__form-panel {padding:42px 34px}
    .fc26-subhero,.fc26-story,.fc26-company-info,.fc26-process-intro,.fc26-contact-layout {grid-template-columns:1fr}.fc26-story>div:last-child {padding-top:0}.fc26-subhero {gap:28px}.fc26-value-grid {grid-template-columns:repeat(2,1fr)}.fc26-process-intro .fc26-eyebrow {grid-column:auto;margin-bottom:0}.fc26-process-list>li {grid-template-columns:70px 1fr}.fc26-process-list>li>strong {display:none}.fc26-subcta {align-items:flex-start;flex-direction:column}.fc26-company-info dl>div {grid-template-columns:130px 1fr}
    .flow-builder .fc26-builder-subhero {grid-template-columns:1fr!important;gap:28px!important}
}

/* Mobile header: compact sticky bar + right-side navigation drawer */
.fc-mobile-header {position:sticky!important;top:0;z-index:110!important;border-bottom:1px solid rgba(7,26,51,.09)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 32px rgba(7,26,51,.08)!important;backdrop-filter:saturate(160%) blur(16px)}
.fc-mobile-header__inner {width:100%!important;max-width:none!important;height:72px!important;padding:0 16px!important;gap:10px!important}
.fc-mobile-logo img {width:124px!important;max-width:124px!important}
.fc-mobile-call {display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #e0e6ed;border-radius:10px;background:#f7f9fb;color:#27384c!important;font-size:11px!important;font-weight:750!important}
.fc-mobile-menu {display:grid!important;place-items:center;width:44px!important;height:44px!important;border:0!important;border-radius:13px!important;background:#071a33!important;color:#fff!important;box-shadow:0 9px 20px rgba(7,26,51,.18)!important;font-size:18px!important}
.fc-mobile-drawer {position:fixed!important;z-index:1001!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(88vw,360px)!important;height:100dvh!important;padding:88px 20px 28px!important;border-radius:24px 0 0 24px;background:#071a33!important;box-shadow:-28px 0 70px rgba(0,0,0,.3)!important;overflow-y:auto!important}
.fc-mobile-drawer:before {content:"MENU / FLOWCOMPS";position:absolute;left:28px;top:31px;color:var(--fc-orange);font:700 10px/1 'JetBrains Mono',monospace;letter-spacing:.14em}
.fc-mobile-drawer .hd_closer {position:absolute!important;right:20px!important;top:18px!important;display:grid!important;place-items:center;width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-size:18px!important}
.fc-mobile-drawer #gnb_1dul {padding:0!important}
.fc-mobile-drawer .gnb_1dli {border:0!important}
.fc-mobile-drawer .gnb_1da {position:relative;display:flex!important;align-items:center;min-height:58px;padding:0 14px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:transparent!important;color:rgba(255,255,255,.78)!important;font-size:17px!important;font-weight:750!important}
.fc-mobile-drawer .gnb_1da:after {content:"→";margin-left:auto;color:rgba(255,255,255,.28);font-size:15px}
.fc-mobile-drawer .gnb_1da:hover,.fc-mobile-drawer .gnb_1da:focus-visible,.fc-mobile-drawer .gnb_1da.is-current {padding-left:19px!important;color:#fff!important}
.fc-mobile-drawer .gnb_1da.is-current:before {content:"";position:absolute;left:0;width:3px;height:22px;border-radius:3px;background:var(--fc-orange)}
body.fc-mobile-nav-open {overflow:hidden}
body.fc-mobile-nav-open:after {content:"";position:fixed;z-index:1000;inset:0;background:rgba(4,13,27,.55);backdrop-filter:blur(3px)}
@media (max-width:600px) {
    .fc26-hero__inner {padding:58px 0}.fc26-hero__visual {min-height:340px}.fc26-product-stage {border-radius:24px}.fc26-hose {left:2%;right:2%;top:30%}
    .fc26-hose-message {left:5%;right:5%;top:55%}.fc26-hose-message span {margin-bottom:6px;font-size:8px}.fc26-hose-message strong {font-size:15px}
    .fc26-spec {left:16px;right:16px;bottom:16px}.fc26-spec div {padding:12px 9px}.fc26-spec strong {font-size:11px}.fc26-hero__badge {right:10px;top:16px}
    .fc26-metrics {grid-template-columns:1fr;gap:12px;margin-top:-32px}.fc26-metric {min-height:138px;padding:18px 20px 20px}.fc26-metric:before {left:20px;right:calc(100% - 54px)}.fc26-metric__body {grid-template-columns:minmax(0,1fr) 62px;margin-top:14px}.fc26-metric__visual {width:62px;height:62px}.fc26-metric__copy strong {font-size:28px}.fc26-heading {gap:20px}.fc26-heading h2,.fc26-builder h2 {font-size:34px}.fc26-section {padding:74px 0}
    .fc26-process {grid-template-columns:1fr}.fc26-process article {min-height:auto}.fc26-contact {margin-bottom:70px;padding:34px 24px;border-radius:22px}
    #ft.fc-site-footer #ft_wr.fc-footer-inner {grid-template-columns:1fr!important;row-gap:22px!important}
    .fc26-login {padding:0!important;background:#fff}.fc26-login .fc26-login__card {border-radius:0!important;box-shadow:none!important}.fc26-login__brand {min-height:300px;padding:28px 24px}.fc26-login__logo {width:175px}.fc26-login__brand-copy {margin:40px 0 12px}.fc26-login__brand-copy h1 {font-size:31px!important}.fc26-login__brand-copy>p:not(.fc26-login__kicker),.fc26-login__benefits {display:none}.fc26-login__form-panel {padding:38px 24px 48px}.fc26-login__form-head h2 {font-size:30px!important}.fc26-login__join {flex-wrap:wrap;justify-content:flex-start}.fc26-login__join span {flex-basis:100%}
    body.fc26-editorial-body #wrapper {padding-bottom:60px!important}.fc26-subhero {padding:50px 24px;border-radius:0 0 22px 22px}.fc26-subhero h1 {font-size:31px}.flow-builder .fc26-builder-subhero {padding:50px 24px!important;border-radius:0 0 22px 22px!important}.flow-builder .fc26-builder-subhero .builder-header__intro h1 {font-size:31px!important}.fc26-story {padding:70px 6px;gap:30px}.fc26-story h2,.fc26-process-intro h2 {font-size:34px}.fc26-value-grid {grid-template-columns:1fr}.fc26-value-grid article {min-height:250px}.fc26-company-info {padding:30px 22px}.fc26-company-info dl>div {grid-template-columns:1fr;gap:7px}.fc26-process-intro {padding:70px 6px}.fc26-process-list>li {grid-template-columns:1fr;gap:18px;padding:38px 22px}.fc26-process-list__num {font-size:25px}.fc26-process-list h2 {font-size:29px}.fc26-subcta {padding:34px 24px}.fc26-subcta>div:last-child {width:100%;flex-direction:column}.fc26-contact-layout>aside,.fc26-contact-form {padding:30px 22px}.fc26-form-grid {grid-template-columns:1fr}.fc26-form-full {grid-column:auto}
}