/* FlowComps 2026 — shared public/shop design layer */
:where(a,button,input,select,textarea,[tabindex]):focus-visible {outline:3px solid #f07a24;outline-offset:3px}
:where(p,li,dd,dt,label,button,a,h1,h2,h3,h4,h5,h6) {word-break:keep-all;overflow-wrap:break-word}
: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:128px}
.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:92px;padding:16px 0 12px!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 :is(h1,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 :is(h1,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.55;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>:is(h1,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>:is(h1,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>:is(h1,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:10px;color:var(--fc-orange);font:750 12px/1.2 'JetBrains Mono',monospace;letter-spacing:.15em;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(19px,1.55vw,25px);font-weight:850;line-height:1.38;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>:is(h1,h2),.fc26-hero__copy>.fc26-hero__lead,.fc26-hero__copy>.fc26-hero__actions,.fc26-hero__copy>:is(h1,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:-54px auto 0;border:1px solid #d5dee8;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 24px 64px rgba(7,26,51,.14)}
.fc26-metrics__head {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:end;gap:48px;padding:24px 28px 22px;border-bottom:1px solid #dce3ea;background:#fff}
.fc26-metrics__head span {display:block;margin-bottom:7px;color:var(--fc-orange);font:700 10px/1 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.fc26-metrics__head h2 {margin:0;color:var(--fc-blue-deep);font-size:clamp(20px,1.6vw,25px);line-height:1.3;letter-spacing:-.035em;word-break:keep-all}
.fc26-metrics__head p {max-width:620px;margin:0 0 1px auto;color:#657487;font-size:13px;line-height:1.65;word-break:keep-all}
.fc26-metrics__flow {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.fc26-metric {position:relative;min-width:0;min-height:174px;padding:21px 24px 24px;border-right:1px solid #dce3ea;background:#fff;transition:background-color .25s ease}
.fc26-metric:last-child {border-right:0}
.fc26-metric:not(:last-child):after {content:"";position:absolute;z-index:2;right:-5px;top:50%;width:9px;height:9px;border-top:1px solid #9aabba;border-right:1px solid #9aabba;background:#fff;transform:translateY(-50%) rotate(45deg)}
.fc26-metric:hover {background:#f7f9fb}
.fc26-metric__meta {position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-height:22px;color:#253f60;white-space:nowrap}
.fc26-metric__index {display:inline-flex;align-items:center;gap:9px;color:var(--fc-orange);font:800 12px/1.2 'JetBrains Mono',monospace;letter-spacing:.06em}
.fc26-metric__index:after {content:"";width:22px;height:2px;background:currentColor;opacity:.8}
.fc26-metric__label {min-width:0;overflow:hidden;color:#344c68;font-size:14px;font-weight:800;line-height:1.35;letter-spacing:-.015em;text-overflow:ellipsis}
.fc26-metric__body {display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:17px;margin-top:25px}
.fc26-metric__copy {min-width:0}
.fc26-metric__copy h3 {margin:0;color:var(--fc-blue-deep);font-size:17px;line-height:1.35;letter-spacing:-.025em;word-break:keep-all}
.fc26-metric__copy p {display:flex;align-items:baseline;gap:7px;margin:9px 0 0;color:#68778a;font-size:12px;font-weight:650;line-height:1.4;word-break:keep-all}
.fc26-metric__copy strong {color:#234f82;font-size:19px;font-weight:900;line-height:1;letter-spacing:-.035em;white-space:nowrap}
.fc26-metric__copy strong sup {color:var(--fc-orange);font-size:.58em}
.fc26-metric__visual {width:52px;height:52px;fill:none;stroke:#315b8f;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;opacity:.94;transition:transform .3s ease,stroke .3s ease}
.fc26-metric__visual .fc26-metric__accent {stroke:var(--fc-orange);stroke-width:2.15}
.fc26-metric:hover .fc26-metric__visual {transform:translateX(3px);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-featured {padding-top:clamp(88px,7vw,124px);padding-bottom:clamp(88px,7vw,124px)}
.fc26-featured__intro {display:grid;gap:20px;justify-items:start}
.fc26-featured__intro>a {display:inline-flex;align-items:center;gap:10px;color:var(--fc-blue);font-size:14px;font-weight:850}
.fc26-featured__intro>a i {color:var(--fc-orange);transition:transform .2s ease}
.fc26-featured__intro>a:hover i {transform:translateX(4px)}
.fc26-product-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fc26-product-card {min-width:0;border:1px solid #d9e3ea;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 16px 42px rgba(7,26,51,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.fc26-product-card:hover {transform:translateY(-6px);border-color:#bdcbd7;box-shadow:0 24px 52px rgba(7,26,51,.12)}
.fc26-product-card__image {position:relative;display:grid;place-items:center;height:250px;padding:34px 26px;background:linear-gradient(145deg,#f7f9fb,#edf2f6);overflow:hidden}
.fc26-product-card__image:after {content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:#dce5eb}
.fc26-product-card__image>span {position:absolute;z-index:2;top:18px;left:18px;color:#6f8294;font:800 10px/1 'JetBrains Mono',monospace;letter-spacing:.12em}
.fc26-product-card__image img {display:block;width:100%!important;max-width:100%!important;height:178px!important;max-height:178px!important;object-fit:contain;filter:drop-shadow(0 14px 13px rgba(20,39,57,.13));transition:transform .35s ease}
.fc26-product-card:hover .fc26-product-card__image img {transform:scale(1.045)}
.fc26-product-card__body {padding:24px 24px 22px}
.fc26-product-card__body>p {margin:0 0 9px;color:#718398;font:750 10px/1.3 'JetBrains Mono',monospace;letter-spacing:.1em}
.fc26-product-card h3 {min-height:52px;margin:0;color:#172a3d;font-size:19px;line-height:1.42;letter-spacing:-.025em;word-break:keep-all}
.fc26-product-card h3 a {color:inherit}
.fc26-product-card__meta {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px;padding-top:18px;border-top:1px solid #e1e8ed}
.fc26-product-card__meta strong {color:#102c4b;font-size:22px;font-weight:900;letter-spacing:-.035em}
.fc26-product-card__meta strong small {margin-left:3px;font-size:13px;font-weight:750}
.fc26-product-card__meta>a {display:grid;place-items:center;width:40px;height:40px;border:1px solid #cedae3;border-radius:10px;background:#fff;color:#21496d;transition:background .2s ease,color .2s ease,border-color .2s ease}
.fc26-product-card:hover .fc26-product-card__meta>a {border-color:var(--fc-orange);background:var(--fc-orange);color:#fff}
.fc26-product-empty {padding:54px;border:1px dashed #d4dfe7;border-radius:18px;background:#f7f9fb;color:#718296;text-align:center}
.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)}
.fc26-product-image--flip {transform:scaleX(-1)!important}
.sct_li:hover .sct_img .fc26-product-image--flip {transform:scale(-1.05,1.05)!important}
.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}

/* 2026-08-28: 공통 대형 푸터 — 일반·쇼핑·모바일 동일 구조 */
#ft.fc-site-footer {position:relative!important;overflow:hidden!important;margin:0!important;padding:0!important;background:#fff!important;color:#fff!important;text-align:left!important}
#ft.fc-site-footer:before {display:none!important}
#ft.fc-site-footer .fc-footer-hero {position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(480px,40vw,650px);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}
#ft.fc-site-footer .fc-footer-hero__visual {position:absolute;z-index:-2;inset:0}
#ft.fc-site-footer .fc-footer-hero__visual picture {display:block;width:100%;height:100%}
#ft.fc-site-footer .fc-footer-hero__visual:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,16,.98) 0%,rgba(1,7,16,.9) 28%,rgba(1,7,16,.42) 59%,rgba(1,7,16,.25) 100%),linear-gradient(0deg,#020914 0%,transparent 42%)}
#ft.fc-site-footer .fc-footer-hero__visual img {display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.86) contrast(1.04)}
#ft.fc-site-footer .fc-footer-hero__copy {width:var(--fc-page);max-width:1620px;margin:0 auto;padding:clamp(72px,7vw,110px) 0;position:relative;z-index:1}
#ft.fc-site-footer .fc-footer-eyebrow {margin:0 0 22px;color:#f59a50;font:750 11px/1.2 var(--fc-mono);letter-spacing:.18em}
#ft.fc-site-footer .fc-footer-hero h2 {max-width:820px;margin:0;color:#fff;font-size:clamp(36px,4.2vw,68px);font-weight:420;line-height:1.16;letter-spacing:-.055em;word-break:keep-all}
#ft.fc-site-footer .fc-footer-hero h2 strong {font-weight:780}
#ft.fc-site-footer .fc-footer-hero__actions {display:flex;align-items:center;gap:12px;margin-top:40px}
#ft.fc-site-footer .fc-footer-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:210px;min-height:54px;padding:0 22px;border:1px solid transparent;border-radius:4px;color:#fff!important;font-size:14px;font-weight:750;transition:transform .2s ease,background .2s ease,border-color .2s ease}
#ft.fc-site-footer .fc-footer-cta:hover {transform:translateY(-2px)}
#ft.fc-site-footer .fc-footer-cta--primary {background:#e96f16;border-color:#e96f16}
#ft.fc-site-footer .fc-footer-cta--primary:hover {background:#f58430;border-color:#f58430}
#ft.fc-site-footer .fc-footer-cta--secondary {background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}
#ft.fc-site-footer .fc-footer-cta--secondary:hover {background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.55)}
#ft.fc-site-footer .fc-footer-main {width:var(--fc-page);max-width:1620px;margin:0 auto;padding:clamp(62px,6vw,92px) 0;display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(310px,1.25fr) minmax(250px,1fr) minmax(170px,.65fr);gap:clamp(38px,4vw,78px);align-items:start;background:var(--fc-paper)}
#ft.fc-site-footer .fc-footer-brand,#ft.fc-site-footer .fc-footer-company,#ft.fc-site-footer .fc-footer-links {float:none!important;width:auto!important;padding:0!important;text-align:left!important}
#ft.fc-site-footer .fc-footer-brand img {display:block;width:188px!important;max-width:100%;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important}
#ft.fc-site-footer .fc-footer-brand p {margin:24px 0 0;color:var(--fc-ink-soft);font-size:14px;line-height:1.75}
#ft.fc-site-footer .fc-footer-column h3 {margin:1px 0 24px!important;color:var(--fc-navy)!important;font:750 11px/1.2 var(--fc-mono)!important;letter-spacing:.14em!important}
#ft.fc-site-footer .fc-footer-company>strong {display:block;margin-bottom:13px;color:var(--fc-ink);font-size:16px}
#ft.fc-site-footer .fc-footer-company p,#ft.fc-site-footer .fc-footer-contact p {margin:0 0 8px!important;color:var(--fc-ink-soft)!important;font-size:13px!important;line-height:1.7!important;word-break:keep-all}
#ft.fc-site-footer .fc-footer-contact a {display:block;margin-bottom:18px;color:var(--fc-ink)!important}
#ft.fc-site-footer .fc-footer-contact a span {display:block;margin-bottom:4px;color:var(--fc-ink-soft);font-size:11px}
#ft.fc-site-footer .fc-footer-contact a strong {font-size:14px;font-weight:650}
#ft.fc-site-footer .fc-footer-links {justify-self:stretch!important;min-width:0!important}
#ft.fc-site-footer .fc-footer-links a {display:flex!important;align-items:center;justify-content:space-between;gap:18px;margin:0!important;padding:10px 0;border-bottom:1px solid rgba(17,17,17,.1);color:var(--fc-ink-soft)!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}
#ft.fc-site-footer .fc-footer-links a:first-of-type {padding-top:0}
#ft.fc-site-footer .fc-footer-links a:hover {color:var(--fc-orange-darker)!important;border-color:var(--fc-orange)}
#ft.fc-site-footer .fc-footer-links i {color:var(--fc-orange-darker);font-style:normal}
#ft.fc-site-footer .fc-footer-legal {width:var(--fc-page);max-width:1620px;margin:0 auto;padding:24px 0 30px;border-top:1px solid rgba(17,17,17,.1);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--fc-ink-soft);font:600 10px/1.5 var(--fc-mono);letter-spacing:.04em;background:var(--fc-paper)}
#ft.fc-site-footer .fc-footer-legal>div {display:flex;gap:28px}
#ft.fc-site-footer .fc-footer-legal a {color:var(--fc-ink-soft);font-family:inherit}
#ft.fc-site-footer .fc-footer-legal a:hover {color:var(--fc-orange-darker)}
#ft.fc-site-footer #top_btn {position:fixed!important;right:clamp(18px,2vw,36px)!important;bottom:clamp(18px,2vw,36px)!important;display:grid!important;place-items:center;width:50px!important;height:50px!important;padding:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:50%!important;background:#111d2b!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important;font-size:19px!important;z-index:90!important}
#ft.fc-site-footer #top_btn:hover {background:#e96f16!important;border-color:#e96f16!important}

@media (max-width:1100px) {
    #ft.fc-site-footer .fc-footer-main {grid-template-columns:1fr 1.25fr 1fr}
    #ft.fc-site-footer .fc-footer-links {grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    #ft.fc-site-footer .fc-footer-links h3 {grid-column:1 / -1;margin-bottom:2px!important}
}
@media (max-width:760px) {
    #ft.fc-site-footer .fc-footer-hero {min-height:520px;align-items:flex-end}
    #ft.fc-site-footer .fc-footer-hero__visual img {object-position:63% center}
    #ft.fc-site-footer .fc-footer-hero__visual:after {background:linear-gradient(90deg,rgba(1,7,16,.94),rgba(1,7,16,.44)),linear-gradient(0deg,#020914 0%,rgba(2,9,20,.28) 65%,rgba(2,9,20,.38))}
    #ft.fc-site-footer .fc-footer-hero__copy {width:auto;margin:0;padding:64px 22px}
    #ft.fc-site-footer .fc-footer-hero h2 {font-size:clamp(33px,10vw,47px);line-height:1.2}
    #ft.fc-site-footer .fc-footer-hero__actions {align-items:stretch;flex-direction:column;width:min(100%,330px);margin-top:32px}
    #ft.fc-site-footer .fc-footer-cta {min-width:0;min-height:52px}
    #ft.fc-site-footer .fc-footer-main {width:auto;margin:0;padding:54px 22px;grid-template-columns:1fr!important;gap:42px}
    #ft.fc-site-footer .fc-footer-links {grid-column:auto;display:block}
    #ft.fc-site-footer .fc-footer-links h3 {grid-column:auto}
    #ft.fc-site-footer .fc-footer-legal {width:auto;margin:0 22px;padding:22px 0 28px;align-items:flex-start;flex-direction:column;gap:16px}
    #ft.fc-site-footer .fc-footer-legal>div {flex-wrap:wrap;gap:10px 22px}
}

/* 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}
}

/* 2026-08-28: 푸터에서 확정된 미드나이트 네이비 색감을 전체 공개 화면으로 확장 */
:root {
    --fc-night:#020914;
    --fc-night-soft:#06111e;
    --fc-steel:#0b1b2c;
    --fc-steel-raised:#102438;
    --fc-steel-line:#24394d;
    --fc-steel-text:#e8f0f6;
    --fc-steel-muted:#9badbd;
}
html,body {background:var(--fc-night)!important}

/* Header */
.fc-site-header {background:rgba(2,9,20,.94)!important;box-shadow:0 1px 0 rgba(154,181,205,.16)!important;backdrop-filter:saturate(125%) blur(18px)}
.fc-site-header:after {background:linear-gradient(90deg,transparent,rgba(135,164,191,.26) 48%,rgba(240,122,36,.45) 50%,rgba(135,164,191,.26) 52%,transparent)}
.fc-site-header.is-scrolled {box-shadow:0 18px 42px rgba(0,0,0,.34)!important}
.fc-utility {background:#01060d!important;border-bottom:1px solid rgba(255,255,255,.07)}
.fc-nav #gnb_1dul,.fc-nav-list {border-color:rgba(157,180,201,.17)!important;background:rgba(255,255,255,.045)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.fc-nav .gnb_1da,.fc-nav-link {color:rgba(232,240,246,.76)!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:#13273b!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(162,190,214,.13),0 8px 20px rgba(0,0,0,.22)!important}
.fc-nav-sub {border-color:var(--fc-steel-line);background:#0a1929;box-shadow:0 20px 46px rgba(0,0,0,.42)}
.fc-nav-sub li a {color:#b7c7d5}.fc-nav-sub li a:hover {background:#132a40;color:#fff}
.fc-mobile-header {background:var(--fc-night)!important;border-color:rgba(255,255,255,.1)!important}
.fc-mobile-call {border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e8f0f6!important}
.fc-mobile-menu {border:1px solid rgba(255,255,255,.15)!important;background:#102438!important;box-shadow:none!important}

/* Main hero: 승인된 조립 애니메이션과 배지는 그대로 두고 주변 무대만 재구성 */
.fc26-home {background:var(--fc-night-soft)}
.fc26-hero {min-height:min(880px,calc(100vh - 128px));background:var(--fc-night) url('../img/hero/flowcomps-industrial-hero-v2.webp') center/cover no-repeat}
.fc26-hero:before {background:linear-gradient(90deg,rgba(2,9,20,.97) 0%,rgba(2,9,20,.9) 42%,rgba(2,9,20,.48) 72%,rgba(2,9,20,.56) 100%),linear-gradient(0deg,rgba(2,9,20,.7),transparent 55%)}
.fc26-hero:after {opacity:.18;background-image:linear-gradient(rgba(160,186,208,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(160,186,208,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.45) 52%,transparent 90%)}
.fc26-hero__pattern {left:auto;right:0;top:0;bottom:0;width:38%;height:auto;border:0;border-left:1px solid rgba(255,255,255,.08);border-radius:0;box-shadow:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.035) 80px);opacity:.8}
.fc26-hero__inner {grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:clamp(58px,7vw,126px)}
.fc26-product-stage {border-color:rgba(169,193,214,.22);border-radius:18px;background:linear-gradient(145deg,rgba(13,32,50,.78),rgba(2,9,20,.4));box-shadow:0 40px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.fc26-product-stage:before {inset:18% 8%;border-radius:0;background:linear-gradient(90deg,transparent,rgba(31,88,126,.24),rgba(240,122,36,.12),transparent);filter:blur(28px)}
.fc26-hose-assembly:after {border-radius:0;background:linear-gradient(90deg,transparent,rgba(240,122,36,.3),transparent)}
.fc26-hero__badge {border-radius:0 0 0 18px!important;box-shadow:0 18px 38px rgba(0,0,0,.25)}
.fc26-spec {border-color:rgba(151,178,202,.18)!important;border-radius:12px!important;background:rgba(3,12,23,.76)!important;backdrop-filter:blur(12px)}

/* Home sections */
.fc26-section {color:var(--fc-steel-text)}
.fc26-heading p,.fc26-process p,.fc26-news-date {color:var(--fc-steel-muted)}
.fc26-solution {border-color:var(--fc-steel-line);background:var(--fc-steel);color:var(--fc-steel-text);box-shadow:0 24px 60px rgba(0,0,0,.15)}
.fc26-solution:nth-child(2) {border-color:#29435a;background:#112a40}.fc26-solution:nth-child(3) {background:#0d2032}
.fc26-solution p,.fc26-solution:nth-child(2) p {color:var(--fc-steel-muted)}
.fc26-solution__link {color:#e9f1f7}.fc26-solution__link:hover {color:#f59a50}
.fc26-builder {border-block:1px solid rgba(166,190,212,.12);background:#030c18}
.fc26-builder__step {border-color:var(--fc-steel-line);border-radius:12px;background:#0b1b2c}
.fc26-process {border-color:var(--fc-steel-line)}.fc26-process article {border-color:var(--fc-steel-line);background:rgba(11,27,44,.48)}
.fc-news-card {border-color:var(--fc-steel-line)!important;background:var(--fc-steel)!important;color:var(--fc-steel-text)!important}.fc-news-card:hover {background:var(--fc-steel-raised)!important}.fc-news-title {color:var(--fc-steel-text)!important}
.fc26-contact {border:1px solid var(--fc-steel-line);border-radius:18px;background:linear-gradient(115deg,#071422,#10283e)}
.fc26-contact:before,.fc26-contact:after,.fc26-subcta:before,.fc26-subcta:after,.fc26-shop-hero:after {content:none!important;display:none!important}

/* All subpages: deep outer canvas, clear light work surfaces */
#wrapper:not(.fc-front),#wrapper.is_community,#wrapper:has(.shop-content),#wrapper:not(.fc-front):has(.fc26-shared-subhero),body.flow-builder-page #wrapper {background:var(--fc-night-soft)!important}
#wrapper:not(.fc-front) #container {border-color:var(--fc-steel-line);background:#f5f8fa}
.fc26-subhero,.flow-builder .fc26-builder-subhero {border:1px solid var(--fc-steel-line)!important;border-radius:0 0 18px 18px!important;background:linear-gradient(112deg,#020914 0%,#0b1d2e 100%)!important;box-shadow:0 28px 70px rgba(0,0,0,.22)!important}
.fc26-subhero:before,body.flow-builder-page .flow-builder .builder-header.fc26-builder-subhero:before {content:""!important;display:block!important;position:absolute!important;inset:0 0 0 auto!important;width:42%!important;height:auto!important;border:0!important;border-left:1px solid rgba(155,181,204,.12)!important;border-radius:0!important;background:repeating-linear-gradient(90deg,transparent 0,transparent 63px,rgba(160,187,210,.045) 64px)!important;box-shadow:none!important}
.fc26-subhero:after,.fc26-shop-hero:before {content:"";position:absolute;right:0;bottom:36px;width:37%;height:1px;background:linear-gradient(90deg,transparent,rgba(240,122,36,.5),rgba(162,188,210,.12))}
.fc26-shop-hero {border:1px solid var(--fc-steel-line);border-radius:18px;background:linear-gradient(112deg,#020914,#0b1d2e)}
body.fc26-editorial-body,body.fc26-editorial-body #wrapper {background:var(--fc-night-soft)!important}
.fc26-editorial-page {color:var(--fc-steel-text)}
.fc26-story>div:last-child p,.fc26-process-intro>p:last-child {color:var(--fc-steel-muted)}
.fc26-value-grid {border-color:var(--fc-steel-line);background:var(--fc-steel-line)}
.fc26-value-grid article,.fc26-value-grid article:nth-child(2) {background:var(--fc-steel);color:var(--fc-steel-text)}
.fc26-value-grid article:nth-child(even) {background:var(--fc-steel-raised)}
.fc26-value-grid p,.fc26-value-grid article:nth-child(2) p {color:var(--fc-steel-muted)}
.fc26-company-info {border-color:var(--fc-steel-line);border-radius:18px;background:var(--fc-steel);color:var(--fc-steel-text)}
.fc26-company-info__heading>p:not(.fc26-eyebrow),.fc26-company-info dt {color:var(--fc-steel-muted)}
.fc26-company-info dl>div {border-color:var(--fc-steel-line)}.fc26-company-info dd a {color:#91b9dd}
.fc26-process-list {border-color:var(--fc-steel-line)}
.fc26-process-list>li,.fc26-process-list>li:nth-child(even) {border-color:var(--fc-steel-line);background:var(--fc-steel);color:var(--fc-steel-text)}
.fc26-process-list>li:nth-child(even) {background:var(--fc-steel-raised)}
.fc26-process-list span {color:#8fb4d5}.fc26-process-list p {color:var(--fc-steel-muted)}
.fc26-process-list ul li {border-color:#324a5f;background:#0a1928;color:#cbd9e4}
.fc26-process-list>li>strong {border-radius:12px;background:#06101d}
.fc26-subcta {border:1px solid var(--fc-steel-line);border-radius:18px;background:linear-gradient(112deg,#020914,#10263a)}
.fc26-contact-layout>aside {border-color:var(--fc-steel-line);border-radius:18px;background:#071422}
.fc26-contact-form {border-radius:18px;background:#f5f8fa}

/* Shop, board and functional pages retain light data surfaces on the dark canvas */
.sct_wrap,.fc26-my-summary,.fc26-my-builder,#smb_my_ov,#smb_my_od,#smb_my_wish,#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-color:#cad7e2!important;background:#f7fafc!important;box-shadow:0 24px 65px rgba(0,0,0,.2)!important}
.fc-register-card,.fc-register-intro,.fc-register-all {box-shadow:0 18px 48px rgba(0,0,0,.16)}
.flow-builder {--builder-page-bg:var(--fc-night-soft)}

/* 원형 배경 장식은 사용하지 않는다. 상태 점·원형 버튼 같은 기능 요소는 예외 */
#ft.fc-site-footer #ft_copy.fc-footer-copy:before,.fc26-login__ambient:before,.fc26-login__ambient:after,.fc26-login__brand:before,.fc26-login__brand:after {content:none!important;display:none!important}
.fc26-login__ambient {background:linear-gradient(135deg,#020914,#0b1d2e)!important}
.fc26-login__brand {background:linear-gradient(145deg,#020914,#10263a)}

@media (max-width:900px) {
    .fc26-hero {background-position:62% center}
    .fc26-hero__inner {grid-template-columns:1fr;gap:34px}
    .fc26-hero__pattern {width:48%}
}
@media (max-width:600px) {
    .fc-site-header {background:var(--fc-night)!important}
    .fc26-hero {min-height:auto;background-position:66% center}
    .fc26-hero:before {background:linear-gradient(90deg,rgba(2,9,20,.96),rgba(2,9,20,.74)),linear-gradient(0deg,rgba(2,9,20,.94),transparent)}
    .fc26-product-stage {border-radius:14px}
    .fc26-subhero,.flow-builder .fc26-builder-subhero {border-radius:0 0 14px 14px!important}
    .fc26-subhero:before,body.flow-builder-page .flow-builder .builder-header.fc26-builder-subhero:before {width:34%!important}
}

/* 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(.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;
}

/* FAQ(자주 묻는 질문) 재디자인 — 그누보드 기본 skin/faq/basic 마크업은 그대로 두고
   (코어 파일 직접 수정 금지 원칙), #faq_wrap 등 기존 ID/클래스를 :has()로 스코프해
   fc26 디자인 언어(카드, pill 탭, 오렌지·네이비 포인트)로 덮어쓴다. */
#container:has(#faq_wrap) #faq_sch {
    max-width:640px!important;margin:0 auto 34px!important;padding:0!important;
    border:0!important;background:transparent!important;text-align:left!important;
}
#container:has(#faq_wrap) #faq_sch form {
    display:flex!important;align-items:center!important;gap:10px!important;
    padding:8px 8px 8px 22px!important;
    border:1px solid var(--fc-line)!important;border-radius:999px!important;
    background:#fff!important;box-shadow:0 10px 26px rgba(7,26,51,.06)!important;
    transition:border-color .2s ease,box-shadow .2s ease;
}
#container:has(#faq_wrap) #faq_sch form:focus-within {
    border-color:var(--fc-blue)!important;box-shadow:0 0 0 4px rgba(22,66,125,.09)!important;
}
#container:has(#faq_wrap) #faq_sch .frm_input {
    flex:1 1 auto!important;width:auto!important;min-width:0!important;height:44px!important;
    border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;
    font-size:15px!important;color:var(--fc-ink)!important;
}
#container:has(#faq_wrap) #faq_sch .btn_submit {
    display:inline-flex!important;flex:none!important;align-items:center!important;gap:8px!important;
    height:44px!important;width:auto!important;padding:0 20px!important;
    border-radius:999px!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;
}
#container:has(#faq_wrap) #bo_cate {margin:0 0 28px!important}
#container:has(#faq_wrap) #bo_cate_ul {
    display:flex!important;flex-wrap:wrap!important;gap:2px!important;width:fit-content!important;
    padding:5px!important;border:1px solid #e4e9ef!important;border-radius:16px!important;background:#f4f6f8!important;
}
#container:has(#faq_wrap) #bo_cate li {display:block!important;padding:0!important}
#container:has(#faq_wrap) #bo_cate a {
    display:inline-flex!important;align-items:center!important;height:40px!important;
    padding:0 18px!important;border:0!important;border-radius:11px!important;
    background:transparent!important;box-shadow:none!important;
    color:#26364a!important;font-size:14px!important;font-weight:750!important;
}
#container:has(#faq_wrap) #bo_cate a:hover,#container:has(#faq_wrap) #bo_cate a:focus-visible {
    background:#fff!important;color:var(--fc-blue)!important;
}
#container:has(#faq_wrap) #bo_cate #bo_cate_on {
    background:#fff!important;color:var(--fc-blue)!important;font-weight:800!important;
    box-shadow:0 5px 15px rgba(7,26,51,.09),inset 0 0 0 1px rgba(22,66,125,.07)!important;
}
#container:has(#faq_wrap) #faq_wrap {margin:0 0 40px!important}
#container:has(#faq_wrap) #faq_wrap ol {display:flex!important;flex-direction:column!important;gap:14px!important}
#container:has(#faq_wrap) #faq_wrap li {
    border:1px solid var(--fc-line)!important;border-radius:18px!important;
    background:#fff!important;box-shadow:0 1px 2px rgba(7,26,51,.03)!important;overflow:hidden!important;
    transition:box-shadow .25s ease,border-color .25s ease;
}
#container:has(#faq_wrap) #faq_wrap li:hover {border-color:#c9d6e4!important;box-shadow:0 14px 34px rgba(7,26,51,.08)!important}
#container:has(#faq_wrap) #faq_wrap li h3 {min-height:0!important;padding:22px 64px 22px 66px!important;line-height:1.5!important}
#container:has(#faq_wrap) #faq_wrap li h3 a {font-size:16px!important;font-weight:750!important;color:var(--fc-ink)!important;word-break:keep-all}
#container:has(#faq_wrap) #faq_wrap li h3.faq_li_open a {color:var(--fc-blue)!important}
#container:has(#faq_wrap) #faq_wrap li h3 .tit_bg {
    top:50%!important;left:22px!important;transform:translateY(-50%)!important;
    width:30px!important;height:30px!important;line-height:30px!important;border-radius:50%!important;
    background:var(--fc-orange)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;
    box-shadow:0 8px 18px rgba(240,122,36,.25)!important;
}
#container:has(#faq_wrap) #faq_wrap li h3 .tit_btn {
    top:50%!important;right:20px!important;transform:translateY(-50%)!important;
    width:34px!important;height:34px!important;border-radius:50%!important;
    background:#f4f6f8!important;color:#7c8a9b!important;font-size:1em!important;
    transition:transform .25s ease,background .25s ease,color .25s ease;
}
#container:has(#faq_wrap) #faq_wrap li h3:hover .tit_btn {background:#eef4fa!important;color:var(--fc-blue)!important}
#container:has(#faq_wrap) #faq_wrap li h3.faq_li_open .tit_btn {
    transform:translateY(-50%) rotate(45deg)!important;background:var(--fc-orange)!important;color:#fff!important;
}
#container:has(#faq_wrap) #faq_con .con_inner {
    padding:0 64px 26px 66px!important;color:var(--fc-muted)!important;font-size:14.5px!important;line-height:1.85!important;
}
#container:has(#faq_wrap) #faq_con .con_inner p {margin:0 0 12px!important}
#container:has(#faq_wrap) #faq_con .con_inner p:last-of-type {margin-bottom:0!important}
#container:has(#faq_wrap) #faq_con .con_inner ul,#container:has(#faq_wrap) #faq_con .con_inner ol {margin:10px 0 16px!important;padding-left:20px!important}
#container:has(#faq_wrap) #faq_con .con_inner ul li,#container:has(#faq_wrap) #faq_con .con_inner ol li {
    border:0!important;background:none!important;box-shadow:none!important;padding:0 0 6px!important;list-style:inherit!important;
}
#container:has(#faq_wrap) #faq_con .con_inner ul {list-style:disc!important}
#container:has(#faq_wrap) #faq_con .con_inner strong {color:var(--fc-ink)!important;font-weight:750!important}
#container:has(#faq_wrap) #faq_con .con_inner .closer_btn {
    position:static!important;float:right!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;
    margin-top:2px!important;border-radius:50%!important;background:#eef2f6!important;color:#7c8a9b!important;font-size:12px!important;
}
#container:has(#faq_wrap) #faq_con .con_inner .closer_btn:hover {background:#eef4fa!important;color:var(--fc-blue)!important}
#container:has(#faq_wrap) .faq_admin {margin-top:18px!important;text-align:right!important}
#container:has(#faq_wrap) .faq_admin .btn_admin {
    display:inline-flex!important;align-items:center!important;gap:6px!important;
    padding:8px 14px!important;border-radius:999px!important;border:1px solid var(--fc-line)!important;
    background:#fff!important;color:#7c8a9b!important;font-size:12px!important;font-weight:700!important;
}
#container:has(#faq_wrap) .faq_admin .btn_admin:hover {border-color:var(--fc-blue)!important;color:var(--fc-blue)!important}
#container:has(#faq_wrap) .empty_list {
    padding:70px 24px!important;text-align:center!important;color:var(--fc-muted)!important;
    border:1px dashed #d8e0e8!important;border-radius:18px!important;background:#fff!important;
}
#container:has(#faq_wrap) .empty_list a {color:var(--fc-blue)!important;font-weight:700!important}
#container:has(#faq_wrap) nav.pg_wrap {margin-top:34px!important;text-align:center!important}
#container:has(#faq_wrap) .pg_page,#container:has(#faq_wrap) .pg_current {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:38px!important;height:38px!important;margin:0 3px!important;padding:0 10px!important;
    border:1px solid var(--fc-line)!important;border-radius:10px!important;
    background:#fff!important;color:#4a5a6d!important;font-size:13px!important;font-weight:700!important;
}
#container:has(#faq_wrap) .pg_current {background:var(--fc-blue)!important;border-color:var(--fc-blue)!important;color:#fff!important}
#container:has(#faq_wrap) .pg_page:hover,#container:has(#faq_wrap) .pg_page:focus-visible {border-color:#bcd0ed!important;color:var(--fc-blue)!important}
@media (max-width:700px) {
    #container:has(#faq_wrap) #faq_sch form {padding:6px 6px 6px 18px!important}
    #container:has(#faq_wrap) #bo_cate_ul {width:100%!important}
    #container:has(#faq_wrap) #faq_wrap li h3 {padding:18px 52px 18px 52px!important}
    #container:has(#faq_wrap) #faq_wrap li h3 .tit_bg {left:16px!important;width:26px!important;height:26px!important;line-height:26px!important;font-size:12px!important}
    #container:has(#faq_wrap) #faq_wrap li h3 .tit_btn {right:14px!important;width:30px!important;height:30px!important}
    #container:has(#faq_wrap) #faq_con .con_inner {padding:0 52px 20px 52px!important;font-size:14px!important}
}

/* FAQ accordion: the complete question row is an accessible button. */
#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(#faq_wrap)>nav.pg_wrap {
    float:none!important;clear:both!important;display:block!important;
    width:min(calc(100% - 40px),1400px)!important;max-width:1400px!important;
    margin-right:auto!important;margin-left:auto!important;
}
#container:has(#faq_wrap) #faq_sch {width:min(calc(100% - 40px),760px)!important;max-width:760px!important;margin-top:0!important;margin-bottom:32px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
#container:has(#faq_wrap) #faq_sch form {height:64px!important;margin:0!important;padding:7px 7px 7px 22px!important;gap:12px!important;border:1px solid #d7e0e9!important;border-radius:18px!important;outline:0!important;background:#fff!important;box-shadow:none!important}
#container:has(#faq_wrap) #faq_sch form:focus-within {border-color:var(--fc-blue)!important;box-shadow:0 0 0 3px rgba(22,66,125,.09)!important}
#container:has(#faq_wrap) #faq_sch .faq_sch_icon {color:#718195;font-size:17px}
#container:has(#faq_wrap) #faq_sch .frm_input {height:48px!important;font-size:16px!important}
#container:has(#faq_wrap) #faq_sch .btn_submit {width:96px!important;height:50px!important;justify-content:center!important;padding:0!important;border-radius:13px!important;font-size:15px!important}
#container:has(#faq_wrap) #bo_cate {margin-top:0!important;margin-bottom:28px!important}
#container:has(#faq_wrap) #bo_cate_ul {display:flex!important;width:fit-content!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#container:has(#faq_wrap) #bo_cate li {float:none!important;margin:0!important;padding:0!important}
#container:has(#faq_wrap) #bo_cate a {height:42px!important;padding:0 18px!important;border:1px solid #dce4ec!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
#container:has(#faq_wrap) #bo_cate #bo_cate_on {border-color:#c8d7e6!important;background:#fff!important;box-shadow:none!important}
#container:has(#faq_wrap) #faq_wrap ol {gap:10px!important}
#container:has(#faq_wrap) #faq_wrap li.faq_item {border-radius:14px!important;box-shadow:0 4px 16px rgba(7,26,51,.025)!important}
#container:has(#faq_wrap) #faq_wrap li.faq_item.is-open {border-color:#9eb8d2!important;box-shadow:0 18px 42px rgba(7,26,51,.09)!important}
#container:has(#faq_wrap) #faq_wrap li h3.faq_question {min-height:0!important;margin:0!important;padding:0!important}
#container:has(#faq_wrap) .faq_toggle {width:100%;min-height:78px;padding:20px 22px;display:grid;grid-template-columns:36px minmax(0,1fr) 38px;align-items:center;gap:18px;border:0;background:transparent;color:var(--fc-ink);text-align:left;cursor:pointer}
#container:has(#faq_wrap) .faq_toggle:focus-visible {outline:3px solid rgba(240,122,36,.38);outline-offset:-3px}
#container:has(#faq_wrap) .faq_subject {font-size:18px;font-weight:750;line-height:1.55;letter-spacing:-.025em;word-break:keep-all}
#container:has(#faq_wrap) .faq_item.is-open .faq_subject {color:var(--fc-blue)}
#container:has(#faq_wrap) #faq_wrap li h3 .tit_bg {position:static!important;transform:none!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;line-height:1!important;border-radius:10px!important;background:#fff4ea!important;color:var(--fc-orange)!important;font-size:14px!important;font-weight:900!important;box-shadow:none!important}
#container:has(#faq_wrap) #faq_wrap li h3 .tit_btn {position:static!important;transform:none!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#f1f5f8!important;color:#637487!important;transition:background .2s,color .2s,transform .25s!important}
#container:has(#faq_wrap) .faq_toggle:hover .tit_btn {background:#e9f0f6!important;color:var(--fc-blue)!important}
#container:has(#faq_wrap) .faq_toggle[aria-expanded="true"] .tit_btn {background:var(--fc-blue)!important;color:#fff!important;transform:rotate(45deg)!important}
#container:has(#faq_wrap) #faq_con .con_inner {position:relative!important;padding:0 78px 28px 76px!important;display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;color:#425267!important;font-size:16px!important;line-height:1.85!important;word-break:keep-all!important}
#container:has(#faq_wrap) #faq_con .con_inner[hidden] {display:none!important}
#container:has(#faq_wrap) .answer_label {width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#0a2342;color:#fff;font-size:14px;font-weight:900}
#container:has(#faq_wrap) .answer_body {min-width:0;padding-top:2px}

@media (max-width:700px) {
    #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(#faq_wrap)>nav.pg_wrap {width:calc(100% - 32px)!important}
    #container:has(#faq_wrap) #faq_sch form {height:58px!important;padding:5px 5px 5px 16px!important;border-radius:14px!important}
    #container:has(#faq_wrap) #bo_cate_ul {width:auto!important}
    #container:has(#faq_wrap) #faq_sch .btn_submit {width:76px!important;height:46px!important}
    #container:has(#faq_wrap) .faq_toggle {min-height:70px;padding:16px 14px;grid-template-columns:30px minmax(0,1fr) 32px;gap:11px}
    #container:has(#faq_wrap) .faq_subject {font-size:16px}
    #container:has(#faq_wrap) #faq_wrap li h3 .tit_bg,#container:has(#faq_wrap) .answer_label {width:30px!important;height:30px!important;border-radius:8px!important;font-size:12px!important}
    #container:has(#faq_wrap) #faq_wrap li h3 .tit_btn {width:32px!important;height:32px!important}
    #container:has(#faq_wrap) #faq_con .con_inner {padding:0 55px 22px!important;grid-template-columns:30px minmax(0,1fr);gap:11px;font-size:15px!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 {
    display:grid;
    grid-template-columns:280px minmax(0,1fr);
    grid-template-areas:"member benefits" "member heading" "member details" "leave details";
    align-items:start;
    gap:0 34px;
    padding:0!important;
}
.fc26-mypage #smb_my_ov .smb_me {
    grid-area:member;
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    min-height:330px;
    padding:34px 24px!important;
    border:0!important;
    border-radius:19px 0 0 19px;
    background:linear-gradient(145deg,#071a33,#123754)!important;
    color:#fff;
    text-align:center;
}
.fc26-mypage #smb_my_ov .smb_me img {width:72px;height:72px;margin-bottom:12px;border:3px solid rgba(255,255,255,.22);border-radius:50%;object-fit:cover}
.fc26-mypage #smb_my_ov .my_ov_name {margin:0 0 18px!important;color:#fff;font-size:19px;line-height:1.5}
.fc26-mypage #smb_my_ov .smb_me>a {min-width:92px;height:38px;margin:4px 2px;padding:0 14px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(255,255,255,.07);color:#fff!important;font-size:12px;line-height:36px}
.fc26-mypage #smb_my_ov .smb_me>a:hover {border-color:#f07a24;background:#f07a24}
.fc26-mypage #smb_private {grid-area:benefits;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 28px 20px 0!important}
.fc26-mypage #smb_private li {float:none!important;width:auto!important;border:0!important}
.fc26-mypage #smb_private a {display:flex;align-items:center;min-height:64px;padding:0 18px;border:1px solid #dce5ec;border-radius:12px;background:#f6f8fa;color:#4d6277;font-size:13px;font-weight:700}
.fc26-mypage #smb_private a i {display:grid;place-items:center;width:32px;height:32px;margin-right:10px;border-radius:9px;background:#e7eef4;color:#173e63}
.fc26-mypage #smb_private a strong {margin-left:auto;padding:4px 9px;border-radius:999px;background:#fff;color:#f06f18;font-size:13px}
.fc26-mypage #smb_my_ov h3 {grid-area:heading;margin:0 28px 0 0;padding:0 0 13px!important;border-bottom:1px solid #dfe7ed;color:#173e63;font-size:18px}
.fc26-mypage #smb_my_ov .op_area {grid-area:details;display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;margin:0 28px 18px 0;padding:8px 0 0!important}
.fc26-mypage #smb_my_ov .op_area dt,.fc26-mypage #smb_my_ov .op_area dd {margin:0;padding:12px 0;border-bottom:1px solid #edf1f4;line-height:1.55}
.fc26-mypage #smb_my_ov .op_area dt {color:#718397;font-size:12px;font-weight:800}
.fc26-mypage #smb_my_ov .op_area dd {min-width:0;color:#263f57;font-size:13px;overflow-wrap:anywhere}
.fc26-mypage #smb_my_ov .withdrawal {grid-area:leave;align-self:end;justify-self:center;margin:0 0 25px;color:rgba(255,255,255,.55);font-size:11px;text-decoration:underline}
.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}
.fc26-mypage #smb_my_od,.fc26-mypage #smb_my_wish {position:relative;padding:30px!important}
.fc26-mypage #smb_my_od h2,.fc26-mypage #smb_my_wish h2 {margin:0 0 20px!important;padding:0 0 16px!important;border-bottom:1px solid #dfe7ed!important;color:#173e63;font-size:21px!important}
.fc26-mypage .smb_my_more a {display:inline-flex;align-items:center;height:36px;padding:0 13px;border:1px solid #d4dfe7;border-radius:9px;background:#fff!important;color:#50677d;font-size:12px;font-weight:700}
.fc26-mypage #smb_my_od table {width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dbe4eb;border-radius:13px}
.fc26-mypage #smb_my_od thead th {padding:15px 12px;border:0;border-bottom:1px solid #dbe4eb;background:#eef3f7!important;color:#173e63;font-size:13px}
.fc26-mypage #smb_my_od tbody td {padding:17px 12px;border-color:#e7edf1;background:#fff}
.fc26-mypage #smb_my_od .empty_table {height:120px;color:#8795a5}
.fc26-mypage #smb_my_wish ul {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0}
.fc26-mypage #smb_my_wish li {min-width:0;padding:16px;border:1px solid #dfe7ed;border-radius:14px;background:#f8fafb}
.fc26-mypage #smb_my_wish li.empty_li {grid-column:1/-1;min-height:110px;display:grid;place-items:center;color:#8795a5}
.fc26-mypage #smb_my_wish .smb_my_img {float:none;width:100%;height:150px;margin:0 0 14px;border-radius:10px;background:#eef2f5;overflow:hidden}
.fc26-mypage #smb_my_wish .smb_my_img img {width:100%;height:100%;object-fit:contain}
.fc26-mypage #smb_my_wish .smb_my_tit {min-height:42px;margin:0;color:#173e63;font-size:14px;line-height:1.5}
.fc26-mypage #smb_my_wish .smb_my_price {margin:10px 0 5px;color:#0b3159;font-size:17px}
.fc26-mypage #smb_my_wish .smb_my_date {color:#8997a5;font-size:11px}
.fc26-mypage #smb_my_wish .wish_del {top:auto;right:14px;bottom:14px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #d7e0e7;border-radius:9px;background:#fff;color:#7d8c9a}
.fc26-mypage #smb_ws_act {display:flex;justify-content:flex-end;gap:10px;margin:22px 0 0}
.fc26-mypage #smb_ws_act button {width:auto;min-width:140px;height:46px;margin:0;border-radius:10px;font-size:14px}

@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_my_ov {grid-template-columns:1fr;grid-template-areas:"member" "benefits" "heading" "details" "leave"}
    .fc26-mypage #smb_my_ov .smb_me {min-height:250px;border-radius:15px 15px 0 0}
    .fc26-mypage #smb_private {grid-template-columns:repeat(2,1fr);margin:18px!important}
    .fc26-mypage #smb_my_ov h3,.fc26-mypage #smb_my_ov .op_area {margin-right:18px;margin-left:18px}
    .fc26-mypage #smb_my_ov .withdrawal {margin:0 0 20px;color:#7d8996}
    .fc26-mypage #smb_my_wish ul {grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:520px) {
    .fc26-mypage #smb_my_ov .op_area {grid-template-columns:1fr}
    .fc26-mypage #smb_my_ov .op_area dt {padding-bottom:2px;border-bottom:0}
    .fc26-mypage #smb_my_ov .op_area dd {padding-top:2px}
    .fc26-mypage #smb_my_wish ul {grid-template-columns:1fr}
    .fc26-mypage #smb_ws_act {display:grid;grid-template-columns:1fr 1fr}
    .fc26-mypage #smb_ws_act button {min-width:0;width:100%}
}

/* 모바일 쇼핑 메인도 데스크톱과 같은 배지·카드 위계를 사용한다. */
.fc-shop-mobile-index .fc-shop-product-section {margin:0!important;padding:44px 16px!important;border:0!important;border-top:1px solid #dbe4eb!important;background:#fff!important}
.fc-shop-mobile-index .fc-shop-product-section>header {display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:22px}
.fc-shop-mobile-index .fc-shop-product-section>header span {display:block;margin-bottom:7px;color:var(--fc-orange);font-size:10px;font-weight:850;letter-spacing:.14em}
.fc-shop-mobile-index .fc-shop-product-section>header h2 {margin:0;color:var(--fc-ink);font-size:28px!important;font-weight:900;line-height:1.2;letter-spacing:-.04em}
.fc-shop-mobile-index .fc-shop-product-section>header p {margin:8px 0 0;color:#718195;font-size:14px;line-height:1.55}
.fc-shop-mobile-index .fc-shop-section-link {flex:none;padding-bottom:4px;border-bottom:1px solid #9babb9;color:#314a64;font-size:13px;font-weight:800}
.fc-shop-mobile-index .fc-shop-product-section .sct_10 {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0!important}
.fc-shop-mobile-index .fc-shop-product-section .sct_li {float:none!important;position:relative!important;width:auto!important;margin:0!important;padding:0!important;overflow:hidden;border:1px solid #dce5ec;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(7,26,51,.055)}
.fc-shop-mobile-index .fc-shop-product-section .li_wr {height:100%;padding:0 14px 16px!important;border:0!important;background:#fff!important}
.fc-shop-mobile-index .fc-shop-product-section .sct_img {height:170px;margin:0 -14px 16px!important;padding:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f7f9fa,#edf2f5)}
.fc-shop-mobile-index .fc-shop-product-section .sct_img img {width:100%!important;height:100%!important;object-fit:contain}
.fc-shop-mobile-index .fc-shop-product-section .sct_txt {min-height:46px;margin:0 0 8px!important;padding:0!important}
.fc-shop-mobile-index .fc-shop-product-section .sct_txt a {color:#10243d!important;font-size:16px!important;font-weight:850!important;line-height:1.45;word-break:keep-all}
.fc-shop-mobile-index .fc-shop-product-section .sct_basic {min-height:60px;margin:0 0 10px!important;color:#718195!important;font-size:13px!important;line-height:1.5!important}
.fc-shop-mobile-index .fc-shop-product-section .sct_cost {margin:0!important;color:var(--fc-blue)!important;font-size:17px!important;font-weight:900!important}
.fc-shop-mobile-index .fc-shop-product-section .sct_op_btn {display:none!important}
.fc-shop-mobile-index .fc-shop-product-section .sct_icon {position:absolute!important;z-index:3;top:12px!important;left:12px!important;margin:0!important}
.fc-shop-mobile-index .fc-shop-product-section .sit_icon {display:flex;gap:5px}
.fc-shop-mobile-index .fc-shop-product-section .shop_icon {display:inline-flex!important;align-items:center;height:26px;padding:0 10px!important;margin:0!important;border-radius:999px!important;color:#fff!important;font-size:11px!important;font-weight:850;line-height:1!important;box-shadow:0 6px 14px rgba(7,26,51,.13)}
.fc-shop-mobile-index .fc-shop-product-section--latest .shop_icon_2,.fc-shop-mobile-index .fc-shop-product-section--recommended .shop_icon_3 {display:none!important}
.fc-shop-mobile-index .fc-shop-product-section--latest .shop_icon_3 {background:#16427d!important}
.fc-shop-mobile-index .fc-shop-product-section--recommended .shop_icon_2 {background:#f07a24!important}
@media (max-width:380px) {.fc-shop-mobile-index .fc-shop-product-section .sct_10 {grid-template-columns:1fr}.fc-shop-mobile-index .fc-shop-product-section .sct_img {height:210px}}

/* 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)}
#sod_ws {box-sizing:border-box;width:100%;margin:0 0 64px;padding:30px;border:1px solid #d7e2ea;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(7,26,51,.08)}
#sod_ws .list_02 {width:100%;margin:0;padding:0}
#sod_ws .list_02>ul {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
#sod_ws .list_02>ul>li {display:flex;float:none;width:100%;position:relative;min-width:0;min-height:390px;margin:0;padding:0;clear:none;flex-direction:column;border:1px solid #dbe4eb;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(7,26,51,.06);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
#sod_ws .list_02>ul>li:hover {border-color:#afc2d2;box-shadow:0 16px 34px rgba(7,26,51,.1);transform:translateY(-3px)}
#sod_ws .sod_ws_img {display:grid;width:100%;height:250px;place-items:center;padding:22px;border-bottom:1px solid #dfe7ed;background:#f1f4f6;text-align:center}
#sod_ws .sod_ws_img>a {display:grid;width:100%;height:100%;place-items:center}
#sod_ws .sod_ws_img img {display:block;width:100%!important;max-width:270px;height:100%!important;object-fit:contain}
#sod_ws .wish_info {display:flex;position:relative;height:auto!important;min-height:138px;margin:0!important;padding:22px 56px 20px 22px!important;flex:1;flex-direction:column;border:0!important}
#sod_ws li .info_link {display:-webkit-box;margin:0!important;overflow:hidden;color:#102f4d;font-size:17px;font-weight:800;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#sod_ws li .info_price {margin-top:auto;padding-top:14px;color:#0b3159;font-size:21px;font-weight:900;letter-spacing:-.03em}
#sod_ws li .info_date {margin-top:5px;color:#8996a4;font-size:11px}
#sod_ws li .wish_chk {position:absolute;z-index:2;top:14px;left:auto;right:14px;width:34px;height:34px;line-height:34px}
#sod_ws li .wish_chk .chk_box {display:grid;width:34px;height:34px;place-items:center;border:1px solid #d4dfe7;border-radius:9px;background:rgba(255,255,255,.94)}
#sod_ws li .wish_del {display:grid;position:absolute;top:auto;right:14px;bottom:18px;width:36px;height:36px;place-items:center;border:1px solid #d6e0e7;border-radius:9px;background:#fff;color:#758797;font-size:15px;line-height:1}
#sod_ws li .wish_del:hover {border-color:#c84e44;background:#fff3f2;color:#c84e44}
#sod_ws .list_02>ul>li.empty_table {grid-column:1/-1;display:grid;min-height:220px;place-items:center;border-style:dashed;background:#f8fafb;color:#8291a0;transform:none}
#sod_ws_act {display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:24px 0 0;padding-top:22px;border-top:1px solid #e0e7ed;text-align:right}
#sod_ws_act button {width:auto;min-width:160px;height:50px;margin:0;border-radius:11px;font-size:14px;font-weight:800}
#sod_ws_act .btn01 {border:1px solid #9eb2c3;background:#fff;color:#173e63}
#sod_ws_act .btn01:hover {border-color:#173e63;background:#f2f6f9}
#sod_ws_act .btn02 {border:1px solid #f06f18;background:#f06f18;color:#fff;box-shadow:0 10px 24px rgba(240,111,24,.18)}
#sod_ws_act .btn02:hover {background:#d95f0d}

@media (max-width:1100px) {
    #sod_ws .list_02>ul {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:800px) {
    #sod_ws {padding:20px;border-radius:16px}
    #sod_ws .list_02>ul {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    #sod_ws .sod_ws_img {height:210px}
}
@media (max-width:520px) {
    #sod_ws {padding:14px}
    #sod_ws .list_02>ul {grid-template-columns:1fr}
    #sod_ws .list_02>ul>li {min-height:0}
    #sod_ws_act {display:grid;grid-template-columns:1fr 1fr}
    #sod_ws_act button {width:100%;min-width:0}
}

/* 모바일 영카트 위시리스트도 동일한 카드 언어를 사용한다. */
#sod_ws #wish_li {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
#sod_ws #wish_li>li {position:relative;min-width:0;padding:14px;border:1px solid #dbe4eb;border-radius:14px;background:#fff}
#sod_ws #wish_li .wish_img {position:static;width:100%;height:160px;margin:0 0 12px;background:#f1f4f6;overflow:hidden}
#sod_ws #wish_li .wish_img a {display:grid;width:100%;height:100%;place-items:center}
#sod_ws #wish_li .wish_img img {width:100%!important;height:100%!important;object-fit:contain}
#sod_ws #wish_li .wish_info {min-height:120px;padding:0 42px 0 0!important}
#sod_ws #wish_li .wish_prd {display:block;color:#102f4d;font-size:15px;font-weight:800;line-height:1.45}
#sod_ws #wish_li .info_price {display:block;margin-top:10px;color:#0b3159;font-size:18px;font-weight:900}
#sod_ws #wish_li .wish_chk {top:0;right:0;left:auto}
#sod_ws #wish_li .wish_del {right:0;bottom:0}
@media (max-width:440px) {#sod_ws #wish_li {grid-template-columns:1fr}}
#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 :is(h1,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 :is(h1,h2) {font-size:clamp(38px,9vw,56px)}
    .fc26-metrics {margin-top:-40px}.fc26-metrics__head {grid-template-columns:1fr;gap:10px}.fc26-metrics__head p {margin-left:0}.fc26-metrics__flow {grid-template-columns:repeat(2,1fr)}.fc26-metric:nth-child(2) {border-right:0}.fc26-metric:nth-child(-n+2) {border-bottom:1px solid #dce3ea}.fc26-metric:nth-child(2):after {display:none}
    .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:7px;font-size:10px}.fc26-hose-message strong {font-size:18px}
    .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 {margin-top:-26px}.fc26-metrics__head {padding:22px 20px 20px}.fc26-metrics__flow {grid-template-columns:1fr}.fc26-metric,.fc26-metric:nth-child(2) {min-height:auto;padding:19px 20px 21px;border-right:0;border-bottom:1px solid #dce3ea}.fc26-metric:last-child {border-bottom:0}.fc26-metric:after {display:none!important}.fc26-metric__body {grid-template-columns:46px minmax(0,1fr);margin-top:17px}.fc26-metric__visual {width:46px;height:46px}.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}
}

/* Dark system final cascade: 기존 테마의 후반 모바일·서브페이지 규칙보다 우선 */
html,body,.fc26-home {background:var(--fc-night)!important}
.fc-site-header,.fc-mobile-header {background:rgba(2,9,20,.96)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 1px 0 rgba(154,181,205,.16)!important}
.fc-mobile-call {border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06)!important;color:#e8f0f6!important}
.fc26-hero {background-color:var(--fc-night)!important;background-image:url('../img/hero/flowcomps-industrial-hero-v2.webp')!important;background-position:center!important;background-size:cover!important}
.fc26-hero:before {background:linear-gradient(90deg,rgba(2,9,20,.97) 0%,rgba(2,9,20,.9) 42%,rgba(2,9,20,.48) 72%,rgba(2,9,20,.56) 100%),linear-gradient(0deg,rgba(2,9,20,.7),transparent 55%)!important}
.fc26-hero__pattern {left:auto!important;right:0!important;top:0!important;bottom:0!important;width:38%!important;height:auto!important;border:0!important;border-left:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;box-shadow:none!important;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.035) 80px)!important}
.fc26-product-stage {border-color:rgba(169,193,214,.22)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(13,32,50,.78),rgba(2,9,20,.4))!important}
.fc26-product-stage:before,.fc26-hose-assembly:after {border-radius:0!important}
.fc26-section {color:var(--fc-steel-text)!important}.fc26-heading p,.fc26-process p {color:var(--fc-steel-muted)!important}
.fc26-solution,.fc26-solution:nth-child(2),.fc26-solution:nth-child(3) {border-color:var(--fc-steel-line)!important;background:var(--fc-steel)!important;color:var(--fc-steel-text)!important}.fc26-solution:nth-child(even) {background:var(--fc-steel-raised)!important}.fc26-solution p {color:var(--fc-steel-muted)!important}
.fc26-builder {background:#030c18!important}.fc26-builder__step {border-color:var(--fc-steel-line)!important;border-radius:12px!important;background:var(--fc-steel)!important}
.fc26-process,.fc26-process article {border-color:var(--fc-steel-line)!important}.fc26-process article {background:rgba(11,27,44,.48)!important}
.fc26-contact,.fc26-subcta,.fc26-shop-hero {border:1px solid var(--fc-steel-line)!important;border-radius:18px!important;background:linear-gradient(112deg,#020914,#10263a)!important}
.fc26-contact:before,.fc26-contact:after,.fc26-subcta:before,.fc26-subcta:after,.fc26-shop-hero:after,#ft.fc-site-footer #ft_copy.fc-footer-copy:before {content:none!important;display:none!important}
#wrapper:not(.fc-front),#wrapper.is_community,#wrapper:has(.shop-content),#wrapper:not(.fc-front):has(.fc26-shared-subhero),body.flow-builder-page #wrapper,body.fc26-editorial-body,body.fc26-editorial-body #wrapper {background:var(--fc-night-soft)!important}
.fc26-subhero,.flow-builder .fc26-builder-subhero {border:1px solid var(--fc-steel-line)!important;border-radius:0 0 18px 18px!important;background:linear-gradient(112deg,#020914,#0b1d2e)!important;box-shadow:0 28px 70px rgba(0,0,0,.22)!important}
.fc26-subhero:before,body.flow-builder-page .flow-builder .builder-header.fc26-builder-subhero:before {content:""!important;display:block!important;position:absolute!important;inset:0 0 0 auto!important;width:42%!important;height:auto!important;border:0!important;border-left:1px solid rgba(155,181,204,.12)!important;border-radius:0!important;background:repeating-linear-gradient(90deg,transparent 0,transparent 63px,rgba(160,187,210,.045) 64px)!important;box-shadow:none!important}
.fc26-editorial-page {color:var(--fc-steel-text)!important}.fc26-story>div:last-child p,.fc26-process-intro>p:last-child {color:var(--fc-steel-muted)!important}
.fc26-value-grid {border-color:var(--fc-steel-line)!important;background:var(--fc-steel-line)!important}.fc26-value-grid article,.fc26-value-grid article:nth-child(2) {background:var(--fc-steel)!important;color:var(--fc-steel-text)!important}.fc26-value-grid article:nth-child(even) {background:var(--fc-steel-raised)!important}.fc26-value-grid p {color:var(--fc-steel-muted)!important}
.fc26-company-info {border-color:var(--fc-steel-line)!important;border-radius:18px!important;background:var(--fc-steel)!important;color:var(--fc-steel-text)!important}.fc26-company-info dt,.fc26-company-info__heading>p:not(.fc26-eyebrow) {color:var(--fc-steel-muted)!important}.fc26-company-info dl>div {border-color:var(--fc-steel-line)!important}
.fc26-process-list {border-color:var(--fc-steel-line)!important}.fc26-process-list>li,.fc26-process-list>li:nth-child(even) {border-color:var(--fc-steel-line)!important;background:var(--fc-steel)!important;color:var(--fc-steel-text)!important}.fc26-process-list>li:nth-child(even) {background:var(--fc-steel-raised)!important}.fc26-process-list p {color:var(--fc-steel-muted)!important}.fc26-process-list ul li {border-color:#324a5f!important;background:#0a1928!important;color:#cbd9e4!important}.fc26-process-list>li>strong {border-radius:12px!important;background:#06101d!important}
.fc26-login__ambient {background:linear-gradient(135deg,#020914,#0b1d2e)!important}.fc26-login__ambient:before,.fc26-login__ambient:after,.fc26-login__brand:before,.fc26-login__brand:after {content:none!important;display:none!important}

@media (max-width:900px) {
    .fc26-hero {background-position:64% center!important}
    .fc26-hero__inner {grid-template-columns:1fr!important;gap:34px!important}
}
@media (max-width:600px) {
    .fc26-hero:before {background:linear-gradient(90deg,rgba(2,9,20,.97),rgba(2,9,20,.72)),linear-gradient(0deg,rgba(2,9,20,.95),transparent)!important}
    .fc26-product-stage {border-radius:14px!important}
    .fc26-subhero,.flow-builder .fc26-builder-subhero {border-radius:0 0 14px 14px!important}
}

/* 2026-08-28 balance pass: 네이비는 히어로·CTA·푸터에 집중하고 본문은 밝게 유지 */
html,body {background:#fff!important}
.fc-site-header,.fc-mobile-header {background:rgba(255,255,255,.97)!important;border-color:#dce5ed!important;box-shadow:0 1px 0 rgba(7,26,51,.09)!important}
.fc-site-header.is-scrolled {box-shadow:0 14px 38px rgba(7,26,51,.12)!important}
.fc-nav #gnb_1dul,.fc-nav-list {border-color:#e0e7ed!important;background:#f2f5f7!important;box-shadow:inset 0 1px 0 #fff!important}
.fc-nav .gnb_1da,.fc-nav-link {color:#26394d!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:#16427d!important;box-shadow:0 6px 16px rgba(7,26,51,.1)!important}
.fc-nav-sub {border-color:#dce5ed;background:#fff;box-shadow:0 20px 46px rgba(7,26,51,.16)}.fc-nav-sub li a {color:#526477}.fc-nav-sub li a:hover {background:#eef4f8;color:#16427d}
.fc-mobile-call {border-color:#dce5ed!important;background:#f5f7f9!important;color:#26394d!important}

/* 메인: 어두운 히어로 다음에 흰색과 옅은 블루 섹션을 교차 배치 */
.fc26-home {background:#fff!important;color:#101722!important}
.fc26-metrics-wrap {background:#f3f6f8!important}
.fc26-section {color:#101722!important;background:#fff}
.fc26-home>.fc26-section:nth-of-type(even) {background:#f3f6f8;box-shadow:0 0 0 100vmax #f3f6f8;clip-path:inset(0 -100vmax)}
.fc26-heading p,.fc26-process p {color:#66778a!important}
.fc26-solution,.fc26-solution:nth-child(2),.fc26-solution:nth-child(3) {border-color:#d8e2ea!important;background:#fff!important;color:#122033!important;box-shadow:0 18px 50px rgba(7,26,51,.07)!important}
.fc26-solution:nth-child(2) {background:#eaf0f5!important}.fc26-solution:nth-child(3) {background:#f7f9fb!important}.fc26-solution p,.fc26-solution:nth-child(2) p {color:#66778a!important}.fc26-solution__link {color:#16427d!important}
.fc26-process,.fc26-process article {border-color:#d8e2ea!important}.fc26-process article {background:#fff!important}.fc26-process article:nth-child(even) {background:#f2f6f8!important}
.fc-news-card {border-color:#d8e2ea!important;background:#fff!important;color:#122033!important;box-shadow:0 14px 38px rgba(7,26,51,.06)!important}.fc-news-card:hover {background:#f5f8fa!important}.fc-news-title {color:#122033!important}.fc-news-date {color:#758498!important}

/* 서브페이지: 네이비 상단 아래는 모두 밝은 업무 화면 */
#wrapper:not(.fc-front),#wrapper.is_community,#wrapper:has(.shop-content),#wrapper:not(.fc-front):has(.fc26-shared-subhero),body.flow-builder-page #wrapper,body.fc26-editorial-body,body.fc26-editorial-body #wrapper {background:#eef3f6!important}
.fc26-editorial-page {color:#101722!important}
.fc26-story {background:#fff}.fc26-story>div:last-child p,.fc26-process-intro>p:last-child {color:#66778a!important}
.fc26-process-intro {background:#f7f9fb}
.fc26-value-grid {border-color:#d7e0e8!important;background:#d7e0e8!important;box-shadow:0 18px 50px rgba(7,26,51,.07)}
.fc26-value-grid article,.fc26-value-grid article:nth-child(2),.fc26-value-grid article:nth-child(even) {background:#fff!important;color:#122033!important}.fc26-value-grid article:nth-child(even) {background:#edf2f6!important}.fc26-value-grid p,.fc26-value-grid article:nth-child(2) p {color:#66778a!important}
.fc26-company-info {border-color:#d7e0e8!important;background:#fff!important;color:#122033!important;box-shadow:0 18px 50px rgba(7,26,51,.07)!important}.fc26-company-info dt,.fc26-company-info__heading>p:not(.fc26-eyebrow) {color:#66778a!important}.fc26-company-info dl>div {border-color:#dce4eb!important}
.fc26-process-list {border-color:#d7e0e8!important}.fc26-process-list>li,.fc26-process-list>li:nth-child(even) {border-color:#d7e0e8!important;background:#fff!important;color:#122033!important}.fc26-process-list>li:nth-child(even) {background:#edf2f6!important}.fc26-process-list p {color:#66778a!important}.fc26-process-list ul li {border-color:#d5dfe8!important;background:#fff!important;color:#44586d!important}
.fc26-contact-layout>aside {background:#071422!important}.fc26-contact-form {border-color:#d7e0e8!important;background:#fff!important;box-shadow:0 18px 50px rgba(7,26,51,.07)}
.sct_wrap,.fc26-my-summary,.fc26-my-builder,#smb_my_ov,#smb_my_od,#smb_my_wish {background:#fff!important}

/* 승인된 메인 조립 무대·어두운 핵심 영역과 원형 장식 제거 규칙은 유지 */
.fc26-hero,.fc26-builder,.fc26-contact,.fc26-subcta,.fc26-subhero,.flow-builder .fc26-builder-subhero,#ft.fc-site-footer {color:#fff}

@media (max-width:600px) {
    .fc-site-header,.fc-mobile-header {background:rgba(255,255,255,.98)!important}
    .fc26-story,.fc26-process-intro {padding-right:22px!important;padding-left:22px!important}
}

/* 회사소개: 소개 박스와 핵심 가치 카드가 맞붙지 않도록 섹션 간격 확보 */
.fc26-company-page .fc26-value-grid {margin-top:clamp(24px,2.2vw,36px)}
@media (max-width:600px) {
    .fc26-company-page .fc26-value-grid {margin-top:20px}
}

/* 게시판 목록: 공통 서브 히어로 폭에 맞추고 아이콘 버튼 바깥 흰 배경 제거 */
#container:has(.fc26-shared-subhero)>#bo_list {
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
}
#bo_list .btn_bo_user,#bo_list .btn_bo_user li,#bo_list .bo_fx {
    background:transparent!important;
}
#bo_list .btn_bo_user li {
    width:auto!important;
    min-width:40px;
    margin-left:6px!important;
    overflow:visible;
}
#bo_list .btn_bo_user .btn_b01 {
    display:grid!important;
    place-items:center;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    border:1px solid var(--fc-orange)!important;
    border-radius:11px!important;
    background:var(--fc-orange)!important;
    color:#fff!important;
    line-height:1!important;
    box-shadow:0 8px 18px rgba(240,122,36,.18);
}
#bo_list .btn_bo_user .btn_b01:hover,#bo_list .btn_bo_user .btn_b01:focus-visible {
    border-color:var(--fc-orange-deep)!important;
    background:var(--fc-orange-deep)!important;
    box-shadow:0 10px 22px rgba(215,95,13,.24);
}
#bo_list .bo_tit .new_icon {
    display:inline-grid!important;
    place-items:center;
    width:18px!important;
    height:18px!important;
    margin-left:7px!important;
    padding:0!important;
    border:1px solid #f5d1b7!important;
    border-radius:5px!important;
    background:#fff2e8!important;
    color:#d75f0d!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    vertical-align:1px!important;
}

/* 게시판 글쓰기: 공통 서브페이지 폭·폼·버튼 디자인 통일 */
#container:has(.fc26-shared-subhero)>#bo_w {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:clamp(28px,3.5vw,52px)!important;
    border:1px solid #d7e1e9;
    border-radius:20px;
    background:#fff;
    box-shadow:0 18px 52px rgba(7,26,51,.08);
}
#bo_w #fwrite {display:grid;gap:18px;width:100%!important}
#bo_w .write_div {float:none!important;margin:0!important}
#bo_w .bo_w_info {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#bo_w .bo_w_info .frm_input,#bo_w #wr_password,#bo_w #wr_homepage {
    float:none!important;
    width:100%!important;
    height:52px!important;
    margin:0!important;
}
#bo_w .frm_input,#bo_w select,#bo_w textarea {
    border:1px solid #cbd7e1!important;
    border-radius:11px!important;
    background:#f7f9fb!important;
    color:#17283a!important;
    font-size:15px!important;
    box-shadow:none!important;
    outline:0;
}
#bo_w .frm_input {height:52px!important;padding:0 16px!important}
#bo_w .frm_input:focus,#bo_w select:focus,#bo_w textarea:focus {
    border-color:#557fa8!important;
    background:#fff!important;
    box-shadow:0 0 0 4px rgba(22,66,125,.09)!important;
}
#bo_w .bo_v_option {display:flex;align-items:center;min-height:48px;margin:0!important;padding:12px 16px!important;border:1px solid #dbe4eb;border-radius:11px;background:#f2f6f8}
#bo_w .bo_v_option li {float:none!important;margin:0 18px 0 0!important}
#bo_w .bo_w_tit #autosave_wrapper {margin:0!important}
#bo_w .bo_w_tit .frm_input {padding-right:130px!important}
#bo_w .wr_content textarea {display:block;width:100%!important;min-height:430px!important;padding:18px!important;line-height:1.75;resize:vertical}
#bo_w .bo_w_link label,#bo_w .bo_w_flie .lb_icon {top:0!important;left:0!important;display:grid!important;place-items:center;width:52px!important;height:52px!important;border:0!important;border-right:1px solid #d7e1e9!important;border-radius:11px 0 0 11px!important;background:#edf3f7;color:#5e7891!important;line-height:1!important}
#bo_w .bo_w_link .frm_input {padding-left:68px!important}
#bo_w .bo_w_flie .file_wr {display:flex;align-items:center;height:54px!important;margin:0!important;padding:0 12px 0 66px!important;border:1px solid #cbd7e1!important;border-radius:11px!important;background:#f7f9fb!important;color:#44586c!important}
#bo_w .bo_w_flie .frm_file {width:100%;margin:0!important;padding:0!important;border:0;background:transparent;color:#44586c}
#bo_w #captcha {margin:0!important;padding:18px!important;border:1px solid #dbe4eb!important;border-radius:12px!important;background:#f7f9fb!important}
#bo_w .btn_confirm {display:flex;justify-content:flex-end;gap:10px;margin:8px 0 0!important;padding-top:22px;border-top:1px solid #e0e7ed;text-align:right}
#bo_w .btn_confirm .btn {display:inline-flex!important;align-items:center;justify-content:center;min-width:132px;height:52px!important;margin:0!important;padding:0 24px!important;border-radius:11px!important;font-size:15px!important;font-weight:800!important;line-height:1!important}
#bo_w .btn_cancel {border:1px solid #c9d5df!important;background:#fff!important;color:#53677a!important}
#bo_w .btn_cancel:hover {border-color:#8194a6!important;background:#f3f6f8!important;color:#263a4d!important}
#bo_w .btn_submit {border-color:var(--fc-orange)!important;background:var(--fc-orange)!important;color:#fff!important;box-shadow:0 10px 22px rgba(240,122,36,.2)}

@media (max-width:700px) {
    #container:has(.fc26-shared-subhero)>#bo_w {padding:22px 18px!important;border-radius:16px}
    #bo_w .bo_w_info {grid-template-columns:1fr}
    #bo_w .wr_content textarea {min-height:330px!important}
    #bo_w #captcha {overflow-x:auto}
    #bo_w .btn_confirm {display:grid;grid-template-columns:1fr 1fr}
    #bo_w .btn_confirm .btn {width:100%!important;min-width:0;padding:0 14px!important}
}

@media (max-width:1100px) {
    .fc26-product-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px) {
    .fc26-featured__intro {gap:15px}
    .fc26-product-grid {grid-template-columns:1fr;gap:14px}
    .fc26-product-card__image {height:220px}
    .fc26-product-card h3 {min-height:0}
}

/* 쇼핑 메인: 상품 섹션 바깥색을 페이지 배경과 통일하고 회색 그림자 띠 제거 */
#wrapper:has(.shop-content.is_index),
#wrapper:has(.shop-content.is_index)>#container,
#wrapper:has(.shop-content.is_index) .shop-content.is_index {
    background:#eef3f6!important;
}
.shop-content.is_index .sct_wrap {
    margin:0!important;
    padding:42px 30px!important;
    border:0!important;
    border-top:1px solid #d8e2e9!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}
.shop-content.is_index .sct_wrap:first-of-type {border-top:0!important}
.shop-content.is_index .sct_wrap:hover {transform:none!important;box-shadow:none!important}
.shop-content.is_index .sct_wrap .sct_noitem,
.shop-content.is_index .sct_wrap .empty_list,
.shop-content.is_index .sct_wrap p.empty {
    border:1px solid #d9e3ea!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(7,26,51,.045)!important;
}

/* 쇼핑 메인 상품도 목록과 같은 4열 카드를 사용한다. */
.shop-content.is_index .smt_10,
.shop-content.is_index .smt_20 .sct_ul {
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
    width:100%!important;
    height:auto!important;
    margin:28px 0 0!important;
    padding:0!important;
}
.shop-content.is_index .smt_20 {
    height:auto!important;
    overflow:visible!important;
    margin:0!important;
}
.shop-content.is_index .smt_10 .sct_li,
.shop-content.is_index .smt_20 .sct_li {
    float:none!important;
    display:flex!important;
    flex-direction:column;
    width:auto!important;
    min-width:0;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #dbe4eb;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(7,26,51,.065);
}
.shop-content.is_index .smt_10 .sct_img,
.shop-content.is_index .smt_20 .sct_img {
    display:grid!important;
    place-items:center;
    width:100%!important;
    height:280px!important;
    min-height:280px!important;
    padding:30px!important;
    border-radius:17px 17px 0 0!important;
    background:#f3f6f8!important;
}
.shop-content.is_index .smt_10 .sct_img>a,
.shop-content.is_index .smt_20 .sct_img>a {
    display:grid!important;
    place-items:center;
    width:100%;
    height:100%;
}
.shop-content.is_index .smt_10 .sct_img img,
.shop-content.is_index .smt_20 .sct_img img {
    display:block!important;
    width:100%!important;
    max-width:280px!important;
    height:100%!important;
    max-height:210px!important;
    margin:auto!important;
    object-fit:contain!important;
}
.shop-content.is_index .smt_10 .sct_ct_wrap,
.shop-content.is_index .smt_20 .sct_txt,
.shop-content.is_index .smt_20 .sct_basic,
.shop-content.is_index .smt_20 .sct_cost {background:#fff!important}
.shop-content.is_index .smt_10 .sct_ct_wrap {
    display:flex;
    flex:1;
    flex-direction:column;
    padding:22px 24px 24px;
}
.shop-content.is_index .smt_10 .sct_txt {margin:0 0 12px!important;padding:0 0 14px!important}
.shop-content.is_index .smt_10 .sct_basic {min-height:48px;margin:0 0 14px!important}
.shop-content.is_index .smt_10 .sct_bottom {margin-top:auto}
.shop-content.is_index .smt_20 .sct_txt {padding:22px 24px 10px!important}
.shop-content.is_index .smt_20 .sct_basic {min-height:58px;padding:0 24px 12px!important}
.shop-content.is_index .smt_20 .sct_cost {margin-top:auto;padding:0 24px 24px!important;font-size:20px!important}
.shop-content.is_index .smt_20 .sct_sns {display:none!important}
.shop-content.is_index .smt_20 .sct_icon {top:18px;left:18px}

/* 쇼핑 메인 최신·추천 상품: 서로 다른 영카트 스킨을 하나의 카드 언어로 통일한다. */
.shop-content.is_index .fc-shop-product-section {padding-top:64px!important;padding-bottom:64px!important}
.shop-content.is_index .fc-shop-product-section>header {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 0 30px!important}
.shop-content.is_index .fc-shop-product-section>header>div>span {display:block;margin-bottom:10px;color:var(--fc-orange);font-size:12px;font-weight:850;letter-spacing:.16em}
.shop-content.is_index .fc-shop-product-section>header h2 {margin:0!important;color:var(--fc-ink);font-size:clamp(30px,2.3vw,40px)!important;font-weight:900;line-height:1.2;letter-spacing:-.045em}
.shop-content.is_index .fc-shop-product-section>header p {margin:12px 0 0;color:#69798a;font-size:16px;line-height:1.7;word-break:keep-all}
.shop-content.is_index .fc-shop-section-link {display:inline-flex;align-items:center;gap:10px;flex:none;padding:12px 0;color:#243b56;font-size:15px;font-weight:800;border-bottom:1px solid #9babb9}
.shop-content.is_index .fc-shop-section-link:hover,.shop-content.is_index .fc-shop-section-link:focus-visible {color:var(--fc-orange);border-color:var(--fc-orange)}
.shop-content.is_index .fc-shop-product-section .smt_10,.shop-content.is_index .fc-shop-product-section .smt_20 .sct_ul {margin-top:0!important}
.shop-content.is_index .fc-shop-product-section .sct_li {position:relative!important;overflow:hidden!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.shop-content.is_index .fc-shop-product-section .sct_li:hover {transform:translateY(-5px);border-color:#bdcbd7;box-shadow:0 22px 48px rgba(7,26,51,.11)}
.shop-content.is_index .fc-shop-product-section .sct_img {overflow:hidden;background:linear-gradient(145deg,#f7f9fa,#edf2f5)!important}
.shop-content.is_index .fc-shop-product-section .sct_img img {transition:transform .35s ease}
.shop-content.is_index .fc-shop-product-section .sct_li:hover .sct_img img {transform:scale(1.035)}
.shop-content.is_index .fc-shop-product-section .sct_txt a {display:block;color:#10243d!important;font-size:20px!important;font-weight:850!important;line-height:1.45;letter-spacing:-.025em;word-break:keep-all}
.shop-content.is_index .fc-shop-product-section .sct_basic {color:#68798a!important;font-size:15px!important;line-height:1.65!important;word-break:keep-all}
.shop-content.is_index .fc-shop-product-section .sct_cost {color:var(--fc-blue)!important;font-size:21px!important;font-weight:900!important}
.shop-content.is_index .fc-shop-product-section .sct_op_btn {right:18px!important;bottom:20px!important;display:flex;gap:5px}
.shop-content.is_index .fc-shop-product-section .sct_op_btn>button {display:grid!important;place-items:center;width:36px!important;height:36px!important;border:1px solid #dce4eb!important;border-radius:50%;background:#fff!important;color:#718195!important}
.shop-content.is_index .fc-shop-product-section .btn_share {display:none!important}
.shop-content.is_index .fc-shop-product-section .sit_icon_li,
.shop-content.is_index .fc-shop-product-section .sct_icon {position:absolute!important;z-index:3!important;top:18px!important;left:18px!important;width:auto!important;margin:0!important}
.shop-content.is_index .fc-shop-product-section .sit_icon {display:flex!important;align-items:center;gap:7px}
.shop-content.is_index .fc-shop-product-section .shop_icon {display:inline-flex!important;align-items:center;justify-content:center;height:30px;padding:0 12px!important;margin:0!important;border:1px solid rgba(255,255,255,.55);border-radius:999px!important;color:#fff!important;font-size:12px!important;font-weight:850;line-height:1!important;letter-spacing:-.01em;box-shadow:0 7px 18px rgba(7,26,51,.14)}
.shop-content.is_index .fc-shop-product-section--latest .shop_icon_2,
.shop-content.is_index .fc-shop-product-section--recommended .shop_icon_3 {display:none!important}
.shop-content.is_index .fc-shop-product-section--latest .shop_icon_3 {background:#16427d!important}
.shop-content.is_index .fc-shop-product-section--recommended .shop_icon_2 {background:#f07a24!important}

@media (max-width:1200px) {
    .shop-content.is_index .smt_10,
    .shop-content.is_index .smt_20 .sct_ul {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px) {
    .shop-content.is_index .smt_10,
    .shop-content.is_index .smt_20 .sct_ul {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .shop-content.is_index .smt_10 .sct_img,
    .shop-content.is_index .smt_20 .sct_img {height:240px!important;min-height:240px!important}
}
@media (max-width:540px) {
    .shop-content.is_index .smt_10,
    .shop-content.is_index .smt_20 .sct_ul {grid-template-columns:1fr}
    .shop-content.is_index .smt_10 .sct_img,
    .shop-content.is_index .smt_20 .sct_img {height:260px!important;min-height:260px!important}
}
@media (max-width:700px) {
    .shop-content.is_index .sct_wrap {padding:30px 18px!important}
    .shop-content.is_index .fc-shop-product-section {padding-top:44px!important;padding-bottom:44px!important}
    .shop-content.is_index .fc-shop-product-section>header {align-items:flex-start;margin-bottom:24px!important}
    .shop-content.is_index .fc-shop-product-section>header p {font-size:15px}
    .shop-content.is_index .fc-shop-section-link {padding-top:8px;font-size:14px}
}

@media (max-width:520px) {
    .shop-content.is_index .fc-shop-product-section>header {display:block}
    .shop-content.is_index .fc-shop-section-link {margin-top:14px}
}

/* 최종 서브페이지 배경: 히어로·푸터를 제외한 본문 캔버스는 순수 흰색 */
#wrapper:not(.fc-front),
#wrapper.is_community,
#wrapper:has(.shop-content),
#wrapper:not(.fc-front):has(.fc26-shared-subhero),
#wrapper:has(.shop-content)>#container,
#wrapper:has(.shop-content) .shop-content,
#wrapper:has(.shop-content.is_index),
#wrapper:has(.shop-content.is_index)>#container,
#wrapper:has(.shop-content.is_index) .shop-content.is_index,
body.flow-builder-page,
body.flow-builder-page #wrapper,
body.fc26-editorial-body,
body.fc26-editorial-body #wrapper {
    background:#fff!important;
}

/* 데스크톱 주 메뉴: 중첩 캡슐 대신 가벼운 텍스트 내비게이션 */
.fc-nav #gnb_1dul,.fc-nav-list {
    display:inline-flex!important;
    align-items:center;
    gap:clamp(18px,2vw,34px)!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.fc-nav .gnb_1dli,.fc-nav-item {position:relative}
.fc-nav .gnb_1da,.fc-nav-link {
    position:relative;
    min-height:52px!important;
    padding:0 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#35485b!important;
    font-size:17px!important;
    font-weight:720!important;
    box-shadow:none!important;
}
.fc-nav .gnb_1da:after,.fc-nav-link:after {
    content:""!important;
    position:absolute;
    display:block!important;
    right:0;
    bottom:4px;
    left:0;
    height:2px;
    border-radius:0;
    background:var(--fc-orange);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .22s ease;
}
.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:transparent!important;
    color:#0b3159!important;
    box-shadow:none!important;
}
.fc-nav .gnb_1dli:hover>.gnb_1da:after,.fc-nav-item:hover>.fc-nav-link:after,
.fc-nav .gnb_1da:focus-visible:after,.fc-nav-link:focus-visible:after,
.fc-nav .gnb_1da.is-current:after,.fc-nav-link.is-current:after {
    transform:scaleX(1);
}
.fc-nav .gnb_1da:focus-visible,.fc-nav-link:focus-visible {outline:2px solid rgba(22,66,125,.28);outline-offset:5px}
.fc-nav-sub {top:calc(100% + 6px);border-radius:12px}
@media (max-width:1200px) {
    .fc-nav #gnb_1dul,.fc-nav-list {gap:14px!important}
    .fc-nav .gnb_1da,.fc-nav-link {font-size:16px!important}
}

/* 헤더 배경: 기존의 선명한 흰색 상태 유지 */
.fc-site-header,.fc-mobile-header {
    background:rgba(255,255,255,.97)!important;
    -webkit-backdrop-filter:saturate(160%) blur(18px);
    backdrop-filter:saturate(160%) blur(18px);
}
.fc-site-header.is-scrolled {
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 14px 38px rgba(7,26,51,.12)!important;
}
@media (max-width:600px) {
    .fc-site-header,.fc-mobile-header {background:rgba(255,255,255,.98)!important}
    .fc-site-header.is-scrolled,.fc-mobile-header.is-scrolled {background:rgba(255,255,255,.98)!important}
}

/* 메인 첫 화면은 히어로와 연결된 다크 헤더, 스크롤 후에는 흰색 헤더 */
.fc-logo a,.fc-mobile-logo a {position:relative;display:block}
.fc-logo__inverse {display:none!important}
.fc-site-header--hero:not(.is-scrolled) {
    background-color:#020914!important;
    background-image:linear-gradient(90deg,rgba(2,9,20,.99) 0%,rgba(2,9,20,.93) 45%,rgba(2,9,20,.42) 78%,rgba(2,9,20,.3) 100%),url('../img/hero/flowcomps-industrial-hero-v2.webp')!important;
    background-repeat:no-repeat!important;
    background-position:center,center top!important;
    background-size:100% 100%,max(100vw,calc(100vh * 1.7778)) auto!important;
    border-color:rgba(255,255,255,.1)!important;
    box-shadow:none!important;
}
.fc-site-header--hero:not(.is-scrolled):after {background:linear-gradient(90deg,transparent,rgba(151,179,203,.18),transparent)}
.fc-site-header--hero:not(.is-scrolled) .fc-logo__default {visibility:hidden}
.fc-site-header--hero:not(.is-scrolled) .fc-logo__inverse {
    position:absolute;
    inset:0 auto auto 0;
    display:block!important;
}
.fc-site-header--hero:not(.is-scrolled) .fc-nav .gnb_1da,
.fc-site-header--hero:not(.is-scrolled) .fc-nav-link {color:rgba(255,255,255,.82)!important}
.fc-site-header--hero:not(.is-scrolled) .fc-nav .gnb_1dli:hover>.gnb_1da,
.fc-site-header--hero:not(.is-scrolled) .fc-nav-item:hover>.fc-nav-link,
.fc-site-header--hero:not(.is-scrolled) .fc-nav .gnb_1da:focus-visible,
.fc-site-header--hero:not(.is-scrolled) .fc-nav-link:focus-visible,
.fc-site-header--hero:not(.is-scrolled) .fc-nav .is-current {color:#fff!important}
.fc-site-header--hero:not(.is-scrolled) .fc-mobile-call {border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
.fc-site-header--hero:not(.is-scrolled) .fc-mobile-menu {border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
.fc-site-header--hero.is-scrolled {
    background:rgba(255,255,255,.97)!important;
    background-image:none!important;
    border-color:#dce5ed!important;
    box-shadow:0 14px 38px rgba(7,26,51,.12)!important;
}
body:has(.fc-site-header--hero) .fc26-hero {
    background-position:center -128px!important;
    background-size:max(100vw,calc(100vh * 1.7778)) auto!important;
    background-repeat:no-repeat!important;
}
@media (max-width:600px) {
    .fc-site-header--hero.is-scrolled {background:rgba(255,255,255,.98)!important}
    .fc-site-header--hero:not(.is-scrolled) {background-position:center,center top!important}
    body:has(.fc-site-header--hero) .fc26-hero {background-position:center -72px!important}
}

/* 회사소개 인트로: 히어로 아래에서 좌우 히어로 구성을 반복하지 않는 에디토리얼 흐름 */
.fc26-company-page .fc26-story {
    display:block!important;
    padding:clamp(76px,6.5vw,108px) clamp(24px,5vw,82px) clamp(68px,5.5vw,94px)!important;
    text-align:center;
}
.fc26-company-page .fc26-story>div:first-child {max-width:980px;margin:0 auto}
.fc26-company-page .fc26-story>div:first-child .fc26-eyebrow {justify-content:center;margin-bottom:20px}
.fc26-company-page .fc26-story>div:first-child h2 {font-size:clamp(38px,3.6vw,58px);line-height:1.22}
.fc26-company-page .fc26-story>div:last-child {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(38px,5vw,78px);
    max-width:1160px;
    margin:clamp(44px,4vw,62px) auto 0;
    padding:clamp(28px,2.5vw,38px) 0 0!important;
    border-top:1px solid #d9e2e9;
    text-align:left;
}
.fc26-company-page .fc26-story>div:last-child p {margin:0!important;color:#5f7285!important;font-size:16px;line-height:1.9}
.fc26-company-page .fc26-story>div:last-child p:before {
    display:block;
    margin-bottom:14px;
    color:var(--fc-orange);
    font:800 10px/1.2 'JetBrains Mono',monospace;
    letter-spacing:.13em;
}
.fc26-company-page .fc26-story>div:last-child p:first-child:before {content:"01 / PRODUCT DATA"}
.fc26-company-page .fc26-story>div:last-child p:last-child:before {content:"02 / CONNECTED WORKFLOW"}
@media (max-width:700px) {
    .fc26-company-page .fc26-story {padding:62px 22px 58px!important}
    .fc26-company-page .fc26-story>div:first-child .fc26-eyebrow {justify-content:flex-start}
    .fc26-company-page .fc26-story>div:first-child {text-align:left}
    .fc26-company-page .fc26-story>div:last-child {grid-template-columns:1fr;gap:25px;margin-top:36px;padding-top:25px!important}
    .fc26-company-page .fc26-story>div:last-child p+p {padding-top:25px;border-top:1px solid #e2e8ed}
}

/* 2026-08-28 메뉴별 서브 히어로: 업무별 전용 이미지와 공통 세로 높이 */
.fc26-subhero,
body.flow-builder-page .flow-builder .builder-header.fc26-builder-subhero {
    min-height:390px!important;
    padding-top:72px!important;
    padding-bottom:72px!important;
    background-color:#020914!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
    isolation:isolate;
}
.fc26-subhero:before,
body.flow-builder-page .flow-builder .builder-header.fc26-builder-subhero:before {z-index:0!important;opacity:.72}
.fc26-subhero>* {z-index:2!important}
.fc26-company-page .fc26-subhero,
.fc26-subhero--company {
    background-image:linear-gradient(90deg,rgba(2,9,20,.99) 0%,rgba(2,9,20,.93) 44%,rgba(2,9,20,.6) 67%,rgba(2,9,20,.24) 100%),url('../img/subhero/company.webp')!important;
}
body.flow-builder-page .flow-builder .builder-header.fc26-builder-subhero {
    background-image:linear-gradient(90deg,rgba(2,9,20,.99) 0%,rgba(2,9,20,.93) 44%,rgba(2,9,20,.57) 68%,rgba(2,9,20,.2) 100%),url('../img/subhero/builder.webp')!important;
}
.fc26-shop-subhero,
.fc26-shop-page-subhero {
    background-image:linear-gradient(90deg,rgba(2,9,20,.99) 0%,rgba(2,9,20,.93) 44%,rgba(2,9,20,.57) 68%,rgba(2,9,20,.2) 100%),url('../img/subhero/products.webp')!important;
}
.fc26-process-page .fc26-subhero {
    background-image:linear-gradient(90deg,rgba(2,9,20,.99) 0%,rgba(2,9,20,.93) 44%,rgba(2,9,20,.57) 68%,rgba(2,9,20,.2) 100%),url('../img/subhero/process.webp')!important;
}
.fc26-subhero--news {
    background-image:linear-gradient(90deg,rgba(2,9,20,.99) 0%,rgba(2,9,20,.93) 44%,rgba(2,9,20,.57) 68%,rgba(2,9,20,.2) 100%),url('../img/subhero/news.webp')!important;
}
.fc26-contact-page .fc26-subhero,
.fc26-subhero--contact {
    background-image:linear-gradient(90deg,rgba(2,9,20,.99) 0%,rgba(2,9,20,.93) 44%,rgba(2,9,20,.57) 68%,rgba(2,9,20,.2) 100%),url('../img/subhero/contact.webp')!important;
}

/* 제작 프로세스 도입부: 히어로의 좌우 구성을 반복하지 않는 중앙 에디토리얼 흐름 */
.fc26-process-page .fc26-process-intro {
    display:block!important;
    max-width:1040px;
    margin:0 auto;
    padding:clamp(78px,7vw,112px) 24px clamp(66px,6vw,94px)!important;
    background:#fff!important;
    text-align:center;
}
.fc26-process-page .fc26-process-intro .fc26-eyebrow {justify-content:center;margin:0 0 20px!important}
.fc26-process-page .fc26-process-intro h2 {max-width:820px;margin:0 auto!important}
.fc26-process-page .fc26-process-intro>p:last-child {
    max-width:760px;
    margin:28px auto 0!important;
    padding-top:28px;
    border-top:1px solid #dce5eb;
    color:#5f7285!important;
    font-size:17px;
    line-height:1.9;
}
@media (max-width:700px) {
    .fc26-subhero,
    body.flow-builder-page .flow-builder .builder-header.fc26-builder-subhero {
        min-height:310px!important;
        padding:50px 24px!important;
        background-position:64% center!important;
    }
    .fc26-process-page .fc26-process-intro {padding:62px 22px 56px!important;text-align:left}
    .fc26-process-page .fc26-process-intro .fc26-eyebrow {justify-content:flex-start}
    .fc26-process-page .fc26-process-intro>p:last-child {margin-top:24px!important;padding-top:24px}
}

/* 공지사항 관리자 옵션: 상위 40px 아이콘 규칙이 드롭다운 항목까지 전파되지 않도록 분리 */
#bo_list .btn_bo_user>li {position:relative!important}
#bo_list .btn_bo_user .more_opt.is_list_btn {
    box-sizing:border-box!important;
    top:48px!important;
    right:0!important;
    width:156px!important;
    min-width:156px!important;
    padding:6px!important;
    border:1px solid #d3dee7!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(7,26,51,.16)!important;
    white-space:nowrap!important;
    z-index:1100!important;
}
#bo_list .btn_bo_user .more_opt.is_list_btn>li {
    display:block!important;
    float:none!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
}
#bo_list .btn_bo_user .more_opt.is_list_btn>li+li {border-top:1px solid #edf1f4!important}
#bo_list .btn_bo_user .more_opt.is_list_btn button {
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#33495e!important;
    font-size:14px!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    text-align:left!important;
}
#bo_list .btn_bo_user .more_opt.is_list_btn button:hover,
#bo_list .btn_bo_user .more_opt.is_list_btn button:focus-visible {
    background:#f2f6f9!important;
    color:#0b3159!important;
}
#bo_list .btn_bo_user .more_opt.is_list_btn button i {
    float:none!important;
    width:16px;
    color:var(--fc-orange);
    line-height:1!important;
    text-align:center;
}
@media (max-width:600px) {
    #bo_list .btn_bo_user .more_opt.is_list_btn {right:-2px!important;width:148px!important;min-width:148px!important}
}

/* 제품 영역 상단 간격: 쇼핑몰 전용 54px 패딩을 공통 서브페이지 42px 기준으로 통일 */
#wrapper:has(.shop-content) {
    padding-top:42px!important;
}

/* 공통 헤더 중심축: 메뉴는 좌우 버튼 폭과 무관하게 화면 중앙에 고정 */
@media (min-width:901px) {
    #hd_wrapper.fc-header-main,
    .fc-header-main {
        display:flex!important;
        box-sizing:border-box!important;
        height:92px!important;
        min-height:92px!important;
        align-items:center!important;
        justify-content:space-between!important;
    }
    .fc-header-main .fc-nav {
        position:absolute!important;
        left:50%!important;
        width:auto!important;
        max-width:calc(100% - 390px)!important;
        transform:translateX(-50%)!important;
    }
    /* 영카트 전용 레이아웃이 만드는 스크롤바 기준 폭 차이를 공통 헤더 중심선에 보정 */
    .fc-header-main .fc-nav--shop {left:calc(50% - 16px)!important}
    .fc-header-main .fc-logo {flex:0 0 auto!important}
    .fc-header-main .fc-header-actions {flex:0 0 auto!important;margin-left:auto!important}
    .fc-header-main .fc-nav-list {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:clamp(18px,2vw,34px)!important;
        width:max-content!important;
        margin:0!important;
        font-family:'Pretendard','Malgun Gothic',sans-serif!important;
    }
    .fc-header-main .fc-nav-list>li {
        float:none!important;
        margin:0!important;
        padding:0!important;
        line-height:1!important;
    }
    .fc-header-main .fc-nav-list>li>a {
        box-sizing:border-box!important;
        min-height:52px!important;
        margin:0!important;
        padding:0 2px!important;
        font-family:'Pretendard','Malgun Gothic',sans-serif!important;
        font-size:17px!important;
        font-weight:720!important;
        line-height:52px!important;
        letter-spacing:-.02em!important;
    }
}

/* 공통 모바일 장바구니: 일반·쇼핑 페이지 어디서나 동일한 수량과 링크 제공 */
.fc-mobile-cart {
    position:relative;
    display:grid!important;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    border:1px solid #dce5ed;
    border-radius:13px;
    background:#f5f7f9;
    color:#26394d!important;
    font-size:17px;
}
.fc-mobile-cart>span {
    position:absolute;
    top:-4px;
    right:-4px;
    display:grid;
    place-items:center;
    min-width:19px;
    height:19px;
    padding:0 5px;
    border:2px solid #fff;
    border-radius:10px;
    background:var(--fc-orange);
    color:#fff;
    font-size:10px;
    font-weight:850;
    line-height:1;
}
.fc-site-header--hero:not(.is-scrolled) .fc-mobile-cart {
    border-color:rgba(255,255,255,.2);
    background:rgba(255,255,255,.08);
    color:#fff!important;
}
.fc-site-header--hero:not(.is-scrolled) .fc-mobile-cart>span {border-color:#071321}
@media (max-width:430px) {
    .fc-mobile-call {display:none!important}
}

/* 장바구니: 상품 검토와 주문 요약이 한눈에 보이는 2열 주문 준비 화면 */
body:has(#sod_bsk) .shop-content {overflow:visible!important}

/* 상품 상세: 공통 1620px 폭을 사용하고 이미지·구매·상세정보를 명확한 위계로 재구성 */
body:has(#sit_ov_from) .shop-content {width:100%!important;max-width:none!important;overflow:visible!important}
body:has(#sit_ov_from) #sit {width:100%;margin:0}
body:has(#sit_ov_from) #sit_ov_from {clear:both;border:0;background:transparent}
body:has(#sit_ov_from) #sit_ov_wrap {
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);
    align-items:start;
    gap:clamp(48px,5vw,86px);
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:clamp(38px,4vw,64px)!important;
    border:1px solid #d7e2ea!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 20px 58px rgba(7,26,51,.09)!important;
    overflow:visible!important;
}
body:has(#sit_ov_from) #sit_pvi {float:none;width:100%;min-width:0;position:relative}
body:has(#sit_ov_from) #sit_pvi_big {float:none;display:grid;place-items:center;width:100%;min-height:520px;border:1px solid #dce5ec;border-radius:18px;background:linear-gradient(145deg,#f8fafb,#edf2f5);overflow:hidden;text-align:center}
body:has(#sit_ov_from) #sit_pvi_big>a.visible {display:grid;place-items:center;width:100%;height:100%}
body:has(#sit_ov_from) #sit_pvi_big img {display:block;width:auto!important;max-width:82%!important;height:auto!important;max-height:360px!important;margin:auto;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(18,38,58,.14))}
body:has(#sit_ov_from) .fc26-item-primary-image {display:grid;place-items:center;width:100%;height:100%;min-height:520px;padding:56px}
body:has(#sit_ov_from) .fc26-item-primary-image img {width:min(82%,620px)!important;max-width:620px!important;height:360px!important;max-height:360px!important;object-fit:contain!important}
body:has(#sit_ov_from) #sit_pvi_big .fc26-item-primary-image img {
    width:min(88%,620px)!important;
    max-width:620px!important;
    height:auto!important;
    max-height:360px!important;
}
body:has(#sit_ov_from) #sit_pvi_thumb {display:flex;float:none;gap:10px;margin:14px 0 0}
body:has(#sit_ov_from) #sit_pvi_thumb li {float:none;margin:0}
body:has(#sit_ov_from) #sit_ov {float:none;width:auto;min-width:0;min-height:0;padding:8px 0 0}
body:has(#sit_ov_from) #sit_title {margin:0;color:#10263c;font-size:clamp(34px,3vw,48px);font-weight:950;line-height:1.2;letter-spacing:-.05em;word-break:keep-all}
body:has(#sit_ov_from) #sit_desc {margin:18px 0 0;color:#65788a;font-size:16px;line-height:1.75;word-break:keep-all}
body:has(#sit_ov_from) #sit_star_sns {display:flex;align-items:center;min-height:48px;margin-top:18px;padding-bottom:16px;border-bottom:1px solid #e1e8ed;color:#6e7e8d}
body:has(#sit_ov_from) #sit_btn_opt {right:0;bottom:14px}
body:has(#sit_ov_from) .sit_info {margin:0;padding:16px 0;border-top:0;border-bottom:1px solid #e1e8ed}
body:has(#sit_ov_from) .sit_ov_tbl {color:#53677a;font-size:14px}
body:has(#sit_ov_from) .sit_ov_tbl th {width:140px;padding:10px 0;color:#7b8b99;font-size:12px;font-weight:750}
body:has(#sit_ov_from) .sit_ov_tbl td {padding:10px 0;color:#32485e}
body:has(#sit_ov_from) .sit_ov_tbl .tr_price th,body:has(#sit_ov_from) .sit_ov_tbl .tr_price td {padding-top:16px;padding-bottom:20px}
body:has(#sit_ov_from) .sit_ov_tbl .tr_price td strong {color:#0d3157;font-size:27px;font-weight:950;line-height:1.2}
body:has(#sit_ov_from) #sit_sel_option {
    margin-top:18px;
    padding:18px;
    border:1px solid #dce5eb;
    border-radius:12px;
    background:#f7f9fb;
    overflow:hidden;
}
body:has(#sit_ov_from) #sit_sel_option>ul {margin:0!important;padding:0!important}
body:has(#sit_ov_from) #sit_sel_option .sit_opt_list {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}
body:has(#sit_ov_from) #sit_sel_option .opt_name {min-width:0;line-height:1.45}
body:has(#sit_ov_from) #sit_sel_option .opt_count {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:auto;
    min-height:34px;
}
body:has(#sit_ov_from) #sit_sel_option .sit_opt_prc {margin-left:auto}
body:has(#sit_ov_from) #sit_tot_price {display:flex;align-items:baseline;justify-content:flex-end;gap:18px;margin-top:18px;padding:18px 0;border-top:1px solid #dfe7ed;color:#30475d;line-height:1.3;text-align:right}
body:has(#sit_ov_from) #sit_tot_price span {float:none;margin:0;font-size:14px}
body:has(#sit_ov_from) #sit_tot_price strong {margin:0;color:#0b3159;font-size:28px}
body:has(#sit_ov_from) #sit_ov_btn {display:grid!important;grid-template-columns:1fr 1fr 50px;gap:10px!important;margin-top:10px}
body:has(#sit_ov_from) #sit_ov_btn button,body:has(#sit_ov_from) #sit_ov_btn>a {float:none!important;width:100%!important;height:54px!important;margin:0!important;border-radius:11px!important;font-size:14px!important}
body:has(#sit_ov_from) #sit_ov_btn .sit_btn_cart {border:1px solid #9eb3c5;background:#fff;color:#173e63}
body:has(#sit_ov_from) #sit_ov_btn .sit_btn_buy {border:1px solid #0b3159;background:#0b3159;color:#fff;box-shadow:0 12px 24px rgba(11,49,89,.18)}
body:has(#sit_ov_from) #sit_ov_btn .sit_btn_wish {display:grid;place-items:center;border:1px solid #ccd7e0;background:#fff;color:#708295;line-height:1}
body:has(#sit_ov_from) #sit_siblings {margin:18px 0 0;border:1px solid #dfe7ed;border-radius:12px;background:#fff;overflow:hidden}
body:has(#sit_ov_from) #sit_rel {margin:36px 0 0;padding:42px;border:1px solid #d7e2ea;border-radius:20px;background:#fff;box-shadow:0 16px 44px rgba(7,26,51,.07)}
body:has(#sit_ov_from) #sit_rel h2 {margin:0 0 28px;color:#152c43;font-size:26px;text-align:left;letter-spacing:-.035em}
body:has(#sit_ov_from) #sit_rel .sct_img {background:#f2f5f7}
body:has(#sit_ov_from) #sit_rel .sct_img {height:280px!important}
body:has(#sit_ov_from) #sit_rel .sct_img>a {display:grid!important;place-items:center;width:100%;height:100%}
body:has(#sit_ov_from) #sit_rel .sct_img img {width:100%!important;max-width:360px!important;height:260px!important;padding:12px;object-fit:contain!important}

/* 주문서 작성: 상품 확인 + 주문 정보 + 결제 요약 */
body:has(#forderform) #sod_frm.sod_frm_pc {
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    align-items:start;
    gap:28px;
    width:100%;
}
body:has(#forderform) #sod_frm>.od_prd_list {
    grid-column:1/-1;
    margin:0;
    border:1px solid #d7e2ea;
    border-radius:18px;
    background:#fff;
    box-shadow:0 16px 42px rgba(7,26,51,.07);
    overflow:hidden;
}
body:has(#forderform) #sod_frm>.sod_left,
body:has(#forderform) #sod_frm>.sod_right {
    float:none;
    display:block;
    width:auto;
    min-width:0;
    height:auto;
}
body:has(#forderform) #sod_frm>.sod_left {display:grid;gap:22px}
body:has(#forderform) #sod_frm>.sod_right {position:sticky;top:118px}
body:has(#forderform) #sod_list {width:100%;border-collapse:collapse;table-layout:auto}
body:has(#forderform) #sod_list thead th {
    padding:16px 14px;
    border:0;
    border-bottom:1px solid #d7e2ea;
    background:#eef3f7;
    color:#173e63;
    font-size:14px;
    font-weight:700;
    text-align:center;
}
body:has(#forderform) #sod_list tbody td {padding:18px 14px;border-color:#e5ebf0;background:#fff;vertical-align:middle}
body:has(#forderform) #sod_list .td_prd {min-width:360px;padding-left:116px!important;position:relative}
body:has(#forderform) #sod_list .sod_img {display:grid;place-items:center;position:absolute;top:50%;left:18px;width:82px;height:82px;margin:0;border-radius:12px;background:#f2f5f7;overflow:hidden;transform:translateY(-50%)}
body:has(#forderform) #sod_list .sod_img img {width:72px;height:72px;object-fit:contain}
body:has(#forderform) #sod_list .sod_name {padding-top:8px;color:#18354f;line-height:1.55}
body:has(#forderform) #sod_list .sod_name>b {font-size:16px}
body:has(#forderform) #sod_list .sod_opt {margin-top:5px;color:#718196;font-size:13px}
body:has(#forderform) #sod_list .td_num {min-width:132px}
body:has(#forderform) .fc26-order-qty {display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #b8c8d5;border-radius:9px;background:#fff;vertical-align:middle;transition:opacity .2s}
body:has(#forderform) .fc26-order-qty.is-loading {opacity:.55}
body:has(#forderform) .fc26-order-qty__button {display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:#f4f7f9;color:#173e63;cursor:pointer}
body:has(#forderform) .fc26-order-qty__button:hover {background:#173e63;color:#fff}
body:has(#forderform) .fc26-order-qty__button:disabled {cursor:wait}
body:has(#forderform) .fc26-order-qty__input {width:48px;height:36px;padding:0;border:0;border-right:1px solid #d7e2ea;border-left:1px solid #d7e2ea;background:#fff;color:#132f4a;font-weight:700;text-align:center;outline:0}
body:has(#forderform) #sod_frm_orderer,
body:has(#forderform) #sod_frm_taker,
body:has(#forderform) #sod_frm_pay,
body:has(#forderform) #sod_bsk_tot,
body:has(#forderform) #display_pay_button {
    margin:0!important;
    border:1px solid #d7e2ea!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 16px 42px rgba(7,26,51,.07)!important;
    overflow:hidden;
}
body:has(#forderform) #sod_frm_orderer,
body:has(#forderform) #sod_frm_taker {padding:30px!important}
body:has(#forderform) #sod_frm h2 {
    margin:0 0 22px!important;
    padding:0 0 16px!important;
    border-bottom:1px solid #e1e8ee!important;
    color:#0b3159!important;
    font-size:21px!important;
    letter-spacing:-.025em;
}
body:has(#forderform) #sod_frm .tbl_frm01 {padding:0!important;overflow:visible}
body:has(#forderform) #sod_frm .tbl_frm01 table {width:100%;border-collapse:separate;border-spacing:0 8px}
body:has(#forderform) #sod_frm .tbl_frm01 th {
    width:132px!important;
    padding:0 18px 0 0!important;
    background:transparent!important;
    color:#40566c!important;
    font-weight:700;
    line-height:46px!important;
    vertical-align:top;
}
body:has(#forderform) #sod_frm .tbl_frm01 td {padding:0!important;line-height:46px!important}
body:has(#forderform) #sod_frm .tbl_frm01 td>.frm_input,
body:has(#forderform) #sod_frm .tbl_frm01 td>textarea,
body:has(#forderform) #sod_frm .tbl_frm01 td>select {width:100%!important;max-width:none!important}
body:has(#forderform) #sod_frm .tbl_frm01 .frm_address {display:block;width:100%!important;margin:8px 0 0}
body:has(#forderform) #sod_frm .tbl_frm01 td:has(.frm_address)>br {display:none}
body:has(#forderform) #sod_frm .tbl_frm01 #od_zip,
body:has(#forderform) #sod_frm .tbl_frm01 #od_b_zip {display:inline-block;width:130px!important}
body:has(#forderform) #sod_frm .btn_address {
    width:auto!important;
    min-width:108px;
    height:46px!important;
    margin-left:6px;
    padding:0 16px;
    border:1px solid #173e63!important;
    border-radius:10px!important;
    background:#173e63!important;
    color:#fff!important;
    font-weight:700;
}
body:has(#forderform) #sod_frm_taker .order_choice_place {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 12px;
    min-height:48px;
    padding:10px 14px;
    border:1px solid #d7e2ea;
    border-radius:10px;
    background:#f4f7fa;
    line-height:1.4;
}
body:has(#forderform) #sod_frm_taker .order_choice_place .btn_frmline {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:static;
    float:none;
    flex:0 0 auto;
    width:auto;
    min-width:104px;
    height:40px;
    margin-left:auto;
    padding:0 16px;
    border:1px solid #9fb2c3;
    border-radius:9px;
    background:#fff;
    color:#173e63;
    font-size:13px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    box-shadow:0 4px 12px rgba(7,26,51,.06);
}
body:has(#forderform) #sod_frm_taker .order_choice_place .btn_frmline:hover {border-color:#173e63;background:#173e63;color:#fff}
body:has(#forderform) #sod_bsk_tot {margin-bottom:18px!important}
body:has(#forderform) .sod_right .sod_info {display:grid;grid-template-columns:repeat(3,1fr);margin:0}
body:has(#forderform) .sod_right .sod_info li {float:none;width:auto;height:auto;min-height:86px;padding:18px 8px;border-color:#e1e8ee;background:#fff}
body:has(#forderform) .sod_right .sod_info_bt {padding:14px 20px;background:#f6f8fa}
body:has(#forderform) .sod_right .sod_info_bt li {padding:5px 0}
body:has(#forderform) .sod_right .sod_info .sod_bsk_cnt strong {color:#f06f18}
body:has(#forderform) #sod_frm_pay {padding:26px!important}
body:has(#forderform) #sod_frm_pay .pay_tbl {border:0}
body:has(#forderform) #sod_frm_pay .pay_tbl th,
body:has(#forderform) #sod_frm_pay .pay_tbl td {padding:12px 0;border-color:#e4eaf0;background:#fff}
body:has(#forderform) #sod_frm_pay .pay_tbl td {color:#627489;line-height:1.55}
body:has(#forderform) #od_tot_price {display:flex;align-items:baseline;justify-content:space-between;margin:18px 0 0;padding:20px;border:0;border-radius:12px;background:#eef3f7;color:#173e63}
body:has(#forderform) #od_tot_price strong {color:#f06f18;font-size:28px}
body:has(#forderform) .od_pay_buttons_el {margin:18px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
body:has(#forderform) .od_pay_buttons_el h3 {margin:0 0 12px;color:#173e63;font-size:17px}
body:has(#forderform) #sod_frm_paysel {display:grid!important;grid-template-columns:1fr!important}
body:has(#forderform) #sod_frm_paysel label {width:100%;margin:0!important;background-color:#f7f9fb!important;color:#173e63;font-weight:700}
body:has(#forderform) #display_pay_button {margin-top:18px!important;padding:14px!important}
body:has(#forderform) #display_pay_button .btn_submit {height:54px;border:0;border-radius:11px;background:#f06f18;font-size:16px;box-shadow:0 10px 24px rgba(240,111,24,.2)}
body:has(#forderform) #display_pay_button .btn01 {height:48px;border:1px solid #ccd7e0;border-radius:10px;background:#fff;color:#53677b;font-size:14px;line-height:46px}

@media (max-width:980px) {
    body:has(#forderform) #sod_frm.sod_frm_pc {grid-template-columns:1fr;gap:18px}
    body:has(#forderform) #sod_frm>.od_prd_list {grid-column:1}
    body:has(#forderform) #sod_frm>.sod_right {position:static}
}
@media (max-width:640px) {
    body:has(#forderform) #sod_frm_orderer,
    body:has(#forderform) #sod_frm_taker {padding:20px!important}
    body:has(#forderform) #sod_frm .tbl_frm01 table,
    body:has(#forderform) #sod_frm .tbl_frm01 tbody,
    body:has(#forderform) #sod_frm .tbl_frm01 tr,
    body:has(#forderform) #sod_frm .tbl_frm01 th,
    body:has(#forderform) #sod_frm .tbl_frm01 td {display:block;width:100%!important}
    body:has(#forderform) #sod_frm .tbl_frm01 th {padding:6px 0 2px!important;line-height:1.5!important}
    body:has(#forderform) #sod_frm .tbl_frm01 td {line-height:1.5!important}
}
body:has(#sit_ov_from) #sit_info {display:block;width:100%;min-height:0;margin:28px 0 48px;border:1px solid #d7e2ea;border-radius:20px;background:#fff;box-shadow:0 16px 44px rgba(7,26,51,.07);overflow:hidden}
body:has(#sit_ov_from) #sit_tab {display:block;width:100%}
body:has(#sit_ov_from) #sit_tab .tab_tit {display:flex;gap:0;margin:0;padding:0 24px;border-bottom:1px solid #dfe7ed;background:#f7f9fb}
body:has(#sit_ov_from) #sit_tab .tab_tit li {float:none}
body:has(#sit_ov_from) #sit_tab .tab_tit li button {min-height:64px;padding:0 22px;background:transparent;color:#687a8b;font-size:14px;font-weight:750;line-height:1}
body:has(#sit_ov_from) #sit_tab .tab_tit li .selected {color:#143c63}
body:has(#sit_ov_from) #sit_tab .tab_tit li .selected:after {height:3px;background:var(--fc-orange)}
body:has(#sit_ov_from) #sit_tab .tab_con {padding:34px 40px 42px;background:#fff}
body:has(#sit_ov_from) #sit_inf {margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
body:has(#sit_ov_from) #sit_inf .contents_tit {position:static;margin:0 0 24px;color:#17334f;font-size:24px}
body:has(#sit_ov_from) #sit_inf h3 {position:static;margin:0 0 14px;color:#17334f;font-size:18px}
body:has(#sit_ov_from) #sit_inf_explan {min-height:100px;margin:0;padding:24px;border:1px solid #e0e8ed;border-radius:12px;background:#f8fafb;color:#506477;font-size:15px;line-height:1.8}
body:has(#sit_ov_from) #sit_buy {display:none!important}
.sct_img img {object-fit:contain!important}

@media (max-width:1000px) {
    body:has(#sit_ov_from) #sit_ov_wrap {grid-template-columns:1fr;gap:34px}
    body:has(#sit_ov_from) #sit_pvi_big,body:has(#sit_ov_from) .fc26-item-primary-image {min-height:420px}
}
@media (max-width:600px) {
    body:has(#sit_ov_from) #sit_ov_wrap {padding:20px!important;border-radius:16px!important}
    body:has(#sit_ov_from) #sit_pvi_big,body:has(#sit_ov_from) .fc26-item-primary-image {min-height:300px}
    body:has(#sit_ov_from) .fc26-item-primary-image {padding:28px}
    body:has(#sit_ov_from) .fc26-item-primary-image img {width:92%!important;height:230px!important}
    body:has(#sit_ov_from) #sit_title {font-size:31px}
    body:has(#sit_ov_from) .sit_ov_tbl th {width:105px}
    body:has(#sit_ov_from) #sit_ov_btn {grid-template-columns:1fr 1fr!important}
    body:has(#sit_ov_from) #sit_ov_btn .sit_btn_wish {grid-column:1/-1}
    body:has(#sit_ov_from) #sit_rel {padding:24px 18px}
    body:has(#sit_ov_from) #sit_tab .tab_tit {padding:0;overflow-x:auto}
    body:has(#sit_ov_from) #sit_tab .tab_tit li {flex:0 0 auto}
    body:has(#sit_ov_from) #sit_tab .tab_tit li button {min-height:56px;padding:0 15px;font-size:13px;white-space:nowrap}
    body:has(#sit_ov_from) #sit_tab .tab_con {padding:24px 18px 28px}
}

/* 쇼핑 공통 폭집: 레거시 #container 선택자가 1200px/화면 전체 폭을 다시 덮지 못하게 한다. */
body:has(.shop-content) #wrapper:not(.fc-front):has(.fc26-shared-subhero) > #container,
body:has(.shop-content) #wrapper > #container {
    box-sizing:border-box!important;
    width:var(--fc-page)!important;
    max-width:1620px!important;
    margin-right:auto!important;
    margin-left:auto!important;
}
body:has(.shop-content) #wrapper > #container > .shop-content,
body:has(.shop-content) .fc26-shop-page-subhero,
body:has(.shop-content) #sct,
body:has(.shop-content) #sit,
body:has(.shop-content) #sit_ov_from,
body:has(.shop-content) #sit_rel,
body:has(.shop-content) #sit_info {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
}
body:has(#sod_bsk) .fc26-shop-page-subhero,
body:has(#sod_bsk) #sod_bsk {
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
}

/* 제품 목록: 원본 이미지 비율과 관계없이 같은 카드와 이미지 무대를 사용한다. */
body:has(#sct) #sct .sct_10.lists-row {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
    width:100%!important;
    margin:28px 0 0!important;
}
body:has(#sct) #sct .sct_10 .sct_li {
    float:none!important;
    display:flex;
    flex-direction:column;
    width:auto!important;
    min-width:0;
    height:100%;
    margin:0!important;
    padding:0!important;
    border:1px solid #dbe4eb;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(7,26,51,.065);
}
body:has(#sct) #sct .sct_10 .sct_img {
    display:grid!important;
    place-items:center;
    width:100%!important;
    height:280px!important;
    min-height:280px!important;
    padding:30px!important;
    border-radius:17px 17px 0 0!important;
    background:#f3f6f8!important;
}
body:has(#sct) #sct .sct_10 .sct_img > a {
    display:grid!important;
    place-items:center;
    width:100%;
    height:100%;
}
body:has(#sct) #sct .sct_10 .sct_img img {
    display:block!important;
    width:100%!important;
    max-width:280px!important;
    height:100%!important;
    max-height:210px!important;
    margin:auto!important;
    object-fit:contain!important;
}
body:has(#sct) #sct .sct_10 .sct_ct_wrap {
    display:flex;
    flex:1;
    flex-direction:column;
    padding:22px 24px 24px;
}
body:has(#sct) #sct .sct_10 .sct_txt {
    margin:0 0 12px!important;
    padding:0 0 14px!important;
}
body:has(#sct) #sct .sct_10 .sct_basic {min-height:48px;margin:0 0 14px!important}
body:has(#sct) #sct .sct_10 .sct_bottom {margin-top:auto}

/* 상품 정보 스킨의 숨김 제목(line-height:0)과 새 제목이 겹치는 문제를 제거한다. */
body:has(#sit_ov_from) #sit_inf > .contents_tit {display:none!important}
body:has(#sit_ov_from) #sit_inf > h3 {
    position:static!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0 0 18px!important;
    overflow:visible!important;
    color:#17334f!important;
    font-size:22px!important;
    font-weight:850!important;
    line-height:1.35!important;
    text-indent:0!important;
}

@media (max-width:1200px) {
    body:has(#sct) #sct .sct_10.lists-row {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px) {
    body:has(#sct) #sct .sct_10.lists-row {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    body:has(#sct) #sct .sct_10 .sct_img {height:240px!important;min-height:240px!important}
}
@media (max-width:540px) {
    body:has(#sct) #sct .sct_10.lists-row {grid-template-columns:1fr}
    body:has(#sct) #sct .sct_10 .sct_img {height:260px!important;min-height:260px!important}
}
#sod_bsk {width:100%!important;padding:0!important}
.fc26-cart-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:42px;
    margin:0 0 28px;
    padding:0 2px 26px;
    border-bottom:1px solid #dce5eb;
}
.fc26-cart-heading .fc26-eyebrow {margin-bottom:13px}
.fc26-cart-heading h2 {margin:0;color:#101b29;font-size:clamp(28px,2.6vw,42px);line-height:1.2;letter-spacing:-.045em}
.fc26-cart-heading>div>p:last-child {margin:13px 0 0;color:#65778a;font-size:15px}
.fc26-cart-steps {display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none;white-space:nowrap}
.fc26-cart-steps li {position:relative;display:flex;align-items:center;gap:8px;padding:0 28px 0 34px;color:#9aa8b5;font-size:13px;font-weight:750}
.fc26-cart-steps li:before {content:"";position:absolute;left:0;top:50%;width:24px;height:1px;background:#d3dde5}
.fc26-cart-steps li:first-child {padding-left:0}.fc26-cart-steps li:first-child:before {display:none}
.fc26-cart-steps b {color:#9aa8b5;font:800 10px/1 'JetBrains Mono',monospace;letter-spacing:.08em}
.fc26-cart-steps .is-current,.fc26-cart-steps .is-current b {color:var(--fc-orange)}
#sod_bsk #sod_bsk_list {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 380px;
    align-items:start;
    gap:20px 24px;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}
#sod_bsk_list>.tbl_head03 {
    grid-column:1;
    grid-row:1/4;
    margin:0!important;
    padding:0!important;
    border:1px solid #d8e2e9;
    border-radius:18px;
    background:#fff;
    box-shadow:0 16px 44px rgba(7,26,51,.07);
    overflow:hidden;
}
#sod_bsk_list table {table-layout:fixed}
#sod_bsk_list th {height:54px!important;padding:0 12px!important;background:#f5f8fa!important;color:#526579!important;font-size:12px!important;font-weight:750!important}
#sod_bsk_list th:nth-child(1) {width:52px}
#sod_bsk_list th:nth-child(2) {width:auto}
#sod_bsk_list th:nth-child(3) {width:76px}
#sod_bsk_list th:nth-child(4) {width:130px}
#sod_bsk_list th:nth-child(5),#sod_bsk_list th:nth-child(6) {width:100px}
#sod_bsk_list th:nth-child(7) {width:150px}
#sod_bsk_list td {padding:22px 12px!important;vertical-align:middle!important}
#sod_bsk_list td.td_prd {padding:22px 16px!important}
#sod_bsk_list td.td_prd .sod_img {flex-basis:96px!important;width:96px!important}
#sod_bsk_list td.td_prd .sod_img img {width:96px!important;height:96px!important;border:1px solid #e1e8ed;border-radius:12px!important;background:#f7f9fb;object-fit:contain!important}
#sod_bsk_list .prd_name {font-size:16px!important;line-height:1.5}
#sod_bsk_list .sod_opt {margin-top:9px;color:#697b8d;font-size:13px;line-height:1.65}
#sod_bsk_list .sod_option_btn {margin-top:12px}
#sod_bsk_list .mod_options {min-height:34px;padding:0 12px;border:1px solid #cbd7e1;border-radius:8px;background:#fff;color:#334b61;font-weight:700}
#sod_bsk_list .btn_cart_del {display:flex;gap:8px;padding:14px 16px!important;border-top:1px solid #e4eaf0!important;border-bottom:0!important;background:#f8fafb}
#sod_bsk_list .btn_cart_del button {height:36px;padding:0 14px;border:1px solid #d0dbe4;border-radius:8px;background:#fff;color:#53677a;font-size:13px;font-weight:700}
#sod_bsk_list .btn_cart_del button:hover {border-color:#9eb1c1;color:#173b63}
#sod_bsk #sod_bsk_tot {
    grid-column:2;
    grid-row:1;
    display:block!important;
    margin:0!important;
    padding:26px!important;
    border:1px solid #d7e1e8!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 16px 44px rgba(7,26,51,.08)!important;
    overflow:hidden;
}
#sod_bsk #sod_bsk_tot h3 {margin:0 0 20px;padding-bottom:17px;border-bottom:1px solid #e2e8ed;color:#14273a;font-size:20px;letter-spacing:-.035em}
#sod_bsk #sod_bsk_tot ul {display:block!important;margin:0!important;padding:0!important}
#sod_bsk #sod_bsk_tot li {
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    min-height:0!important;
    padding:9px 0!important;
    border:0!important;
    background:transparent!important;
    color:#263a4e!important;
}
#sod_bsk #sod_bsk_tot li span {margin:0!important;color:#6d7e8e!important;font-size:13px}
#sod_bsk #sod_bsk_tot li strong {margin-left:auto;color:#1b3147;font-size:17px}
#sod_bsk #sod_bsk_tot li.sod_bsk_cnt {margin-top:12px;padding-top:20px!important;border-top:1px solid #dbe4eb!important}
#sod_bsk #sod_bsk_tot li.sod_bsk_cnt span {color:#1b3147!important;font-weight:800}
#sod_bsk #sod_bsk_tot li.sod_bsk_cnt strong {color:var(--fc-orange)!important;font-size:27px}
.fc26-cart-assurance {display:grid;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #e1e8ed}
.fc26-cart-assurance p {display:grid;grid-template-columns:22px 1fr;gap:9px;margin:0;color:#6b7d8e;font-size:12px;line-height:1.55}
.fc26-cart-assurance i {color:#2a8a6e;line-height:1.55;text-align:center}.fc26-cart-assurance b {display:block;color:#30465b;font-size:12px}
#sod_bsk #sod_bsk_act {grid-column:2;grid-row:2;display:grid!important;grid-template-columns:1fr 1.25fr;gap:10px;margin:0!important}
#sod_bsk #sod_bsk_act .btn01,#sod_bsk #sod_bsk_act .btn_submit {width:100%!important;min-width:0!important;height:54px!important;margin:0!important;border-radius:11px!important;font-size:14px!important}
#sod_bsk #sod_bsk_act .btn01 {border:1px solid #bdccd8!important;background:#fff!important;color:#24435f!important}
#sod_bsk #sod_bsk_act .btn_submit {border-color:#071a33!important;background:#071a33!important;color:#fff!important;box-shadow:0 12px 24px rgba(7,26,51,.18)!important}
#sod_bsk #sod_bsk_act .btn_submit:hover {background:var(--fc-orange)!important;border-color:var(--fc-orange)!important}
.fc26-cart-empty {display:flex;min-height:360px;padding:56px 24px;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.fc26-cart-empty>i {display:grid;place-items:center;width:64px;height:64px;margin-bottom:22px;border:1px solid #d7e2ea;border-radius:18px;background:#f4f7f9;color:#7f92a5;font-size:25px}
.fc26-cart-empty strong {color:#182b3e;font-size:24px;letter-spacing:-.035em}.fc26-cart-empty p {max-width:430px;margin:12px auto 24px;color:#6b7c8d;line-height:1.7}
.fc26-cart-empty>div {display:flex;gap:10px}.fc26-cart-empty a {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #bfcdd8;border-radius:10px;background:#fff;color:#27445f;font-weight:800}
.fc26-cart-empty a:last-child {border-color:var(--fc-orange);background:var(--fc-orange);color:#fff}
#sod_bsk_list:has(.empty_table) {display:block!important}
#sod_bsk_list:has(.empty_table)>.tbl_head03 {width:100%}
#sod_bsk_list:has(.empty_table) thead {display:none}
#sod_bsk_list:has(.empty_table) #sod_bsk_act {display:none!important}
@media (max-width:1050px) {
    .fc26-cart-heading {align-items:flex-start;flex-direction:column;gap:24px}
    #sod_bsk #sod_bsk_list {grid-template-columns:1fr}
    #sod_bsk_list>.tbl_head03,#sod_bsk #sod_bsk_tot,#sod_bsk #sod_bsk_act {grid-column:1;grid-row:auto}
    #sod_bsk_list th:nth-child(5),#sod_bsk_list td:nth-child(5) {display:none}
}
@media (max-width:700px) {
    .fc26-cart-heading {margin-bottom:20px;padding:0 0 22px}
    .fc26-cart-heading h2 {font-size:28px}.fc26-cart-heading>div>p:last-child {line-height:1.65}
    .fc26-cart-steps {width:100%}.fc26-cart-steps li {flex:1;justify-content:center;padding:0 8px 0 20px;font-size:11px}.fc26-cart-steps li:before {width:14px}
    #sod_bsk #sod_bsk_tot {padding:22px 18px!important}
    #sod_bsk #sod_bsk_act {grid-template-columns:1fr}
    .fc26-cart-empty {min-height:320px;padding:45px 18px}.fc26-cart-empty strong {font-size:21px}.fc26-cart-empty>div {width:100%;flex-direction:column}.fc26-cart-empty a {width:100%}
}

/* 로그인·비회원 주문: 공통 헤더/서브히어로/푸터 안에서 이어지는 계정 화면 */
body:has(.fc26-login) {min-height:100vh;background:#fff;overflow-x:hidden}
body:has(.fc26-login) #container {padding-bottom:0!important}
.fc26-login {
    box-sizing:border-box!important;
    width:var(--fc-page)!important;
    max-width:1400px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:64px 0 110px!important;
    display:block!important;
    text-align:left!important;
}
.fc26-login__ambient {display:none!important}
.fc26-login .fc26-login__card {
    width:100%!important;
    min-height:600px;
    grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);
    border:1px solid #d8e2ea!important;
    border-radius:22px!important;
    box-shadow:0 24px 64px rgba(7,26,51,.11)!important;
}
.fc26-login__brand {
    padding:54px 58px;
    background:linear-gradient(145deg,#071a33 0%,#123b68 100%)!important;
}
.fc26-login__brand:before,.fc26-login__brand:after {display:none!important;content:none!important}
.fc26-login__form-panel {padding:58px 64px}
.fc26-login>#mb_login_notmb,
.fc26-login>.fc26-guest-checkout {
    box-sizing:border-box;
    width:100%;
    margin:26px 0 0;
    padding:0;
    border:1px solid #d8e2ea;
    border-radius:22px;
    background:#fff;
    box-shadow:0 20px 54px rgba(7,26,51,.08);
    overflow:hidden;
}
.fc26-guest-checkout__head {
    padding:30px 34px 27px;
    border-bottom:1px solid #e1e8ee;
    background:#f4f7f9;
}
.fc26-guest-checkout__head p {margin:0 0 10px!important;padding:0!important;color:var(--fc-orange)!important;font:800 10px/1.2 'JetBrains Mono',monospace!important;letter-spacing:.16em}
.fc26-guest-checkout__head h2 {margin:0!important;color:#10263c!important;font-size:25px!important;line-height:1.35!important;letter-spacing:-.035em}
.fc26-guest-checkout__head span {display:block;margin-top:9px;color:#66798b;font-size:14px;line-height:1.65}
.fc26-guest-checkout__body {padding:28px 34px 32px}
.fc26-guest-checkout #guest_privacy {
    box-sizing:border-box;
    width:100%;
    height:auto;
    max-height:220px;
    margin:0 0 18px;
    padding:20px 22px;
    overflow:auto;
    border:1px solid #d5dfe7;
    border-radius:12px;
    background:#fff;
    color:#526579;
    font-size:13px;
    line-height:1.65;
}
.fc26-guest-checkout__agree {margin:0 0 20px!important;color:#354b61;font-size:13px}
.fc26-guest-checkout .btn_confirm {display:flex;justify-content:flex-end;margin:0!important}
.fc26-guest-checkout .btn_submit {display:inline-flex!important;width:auto!important;min-width:270px;height:54px!important;margin:0!important;padding:0 24px!important;align-items:center;justify-content:center;gap:12px;border-radius:11px!important;background:var(--fc-orange)!important;color:#fff!important;font-size:15px!important;font-weight:850!important;box-shadow:0 12px 26px rgba(240,122,36,.2)}

/* 장바구니의 상품 검토 영역과 주문 요약을 한 화면의 명확한 두 열로 고정한다. */
body:has(#sod_bsk) .shop-content {padding-bottom:110px!important;background:#fff}
#sod_bsk {margin-bottom:0!important}
#sod_bsk_list>.tbl_head03 {min-width:0}
#sod_bsk_list>.tbl_head03 table {width:100%!important;min-width:820px}
#sod_bsk_list .td_num,#sod_bsk_list .td_numbig,#sod_bsk_list .td_dvr {
    text-align:center!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    font-variant-numeric:tabular-nums;
}
#sod_bsk_list td:nth-child(7),#sod_bsk_list .total_prc {
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
}
#sod_bsk_list .total_prc {display:inline-block;min-width:max-content;font-variant-numeric:tabular-nums}
#sod_bsk #sod_bsk_tot {position:static;top:auto}
#sod_bsk #sod_bsk_act {align-self:start}

@media (max-width:1050px) {
    .fc26-login {padding:48px 0 90px!important}
    .fc26-login .fc26-login__card {grid-template-columns:1fr;min-height:0}
    .fc26-login__brand {min-height:390px;padding:42px}
    .fc26-login__brand-copy {margin:46px 0 34px}
    .fc26-login__form-panel {padding:48px 42px}
    #sod_bsk #sod_bsk_tot {position:static}
}
@media (max-width:700px) {
    .fc26-login {width:100%!important;padding:24px 16px 70px!important}
    .fc26-login .fc26-login__card,.fc26-login>.fc26-guest-checkout {border-radius:16px!important}
    .fc26-login__brand {min-height:280px;padding:28px 24px}
    .fc26-login__brand-copy {margin:36px 0 10px}
    .fc26-login__form-panel {padding:34px 22px 38px}
    .fc26-guest-checkout__head,.fc26-guest-checkout__body {padding:24px 20px}
    .fc26-guest-checkout__head h2 {font-size:22px!important}
    .fc26-guest-checkout .btn_submit {width:100%!important;min-width:0}
    #sod_bsk #sod_bsk_list {display:block!important}
    #sod_bsk .sod_list {display:grid;gap:14px;margin:0;padding:0;list-style:none}
    #sod_bsk .sod_li {margin:0;padding:18px;border:1px solid #dbe4eb;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(7,26,51,.06)}
    #sod_bsk .li_op_wr {min-height:92px;padding-left:106px}
    #sod_bsk .total_img {left:28px;top:18px;width:82px;height:82px}
    #sod_bsk .total_img img {width:82px!important;height:82px!important;border-radius:10px;object-fit:contain}
    #sod_bsk .li_prqty {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding:13px;border-radius:10px;background:#f4f7f9}
    #sod_bsk .li_prqty_sp {width:auto!important;padding:0!important;border:0!important;text-align:left!important}
    #sod_bsk .total_price {margin-top:14px;padding-top:14px;border-top:1px solid #e1e8ed;text-align:right}
    #sod_bsk #m_sod_bsk_tot {margin:18px 0 0;border-radius:14px;background:#071a33!important;overflow:hidden}
    #sod_bsk #sod_bsk_act {position:static!important;display:grid!important;grid-template-columns:1fr!important;width:100%;margin-top:12px!important;padding:14px!important;border:1px solid #dbe4eb!important;border-radius:14px;background:#fff!important}
    #sod_bsk #sod_bsk_act .total {position:static;width:auto;padding:0 0 12px;text-align:right}
}