:root {
 --color-primary: #1264A3;
 --color-navy: #103D63;
 --color-phone: #B9470B;
 --color-paper: #FFFFFF;
 --color-sky: #EDF6FC;
 --color-pale: #DCEEF9;
 --color-ink: #18364A;
 --color-muted: #4C6575;
 --color-line: #B7CDDC;
 --space-zero: 0px;
 --space-xs: 4px;
 --space-sm: 8px;
 --space-md: 12px;
 --space-base: 16px;
 --space-lg: 24px;
 --space-xl: 32px;
 --space-xxl: 48px;
 --space-section: 72px;
 --space-wide: 96px;
 --type-family: "Pretendard", "Malgun Gothic", sans-serif;
 --type-small: 15px;
 --type-body: 18px;
 --type-button: 18px;
 --type-lead: 20px;
 --type-subheading: 24px;
 --type-headingMobile: 36px;
 --type-headingDesktop: 64px;
 --type-number: 32px;
 --type-normal: 400;
 --type-strong: 600;
 --type-bold: 750;
 --type-tight: 1.2;
 --type-reading: 1.65;
 --type-tracking: -0.035em;
 --type-fontRegular: 400;
 --type-fontBoldRange: 600 900;
 --type-bodyMobile: 17px;
 --type-subheadingMobile: 20px;
 --type-sectionDesktop: 42px;
 --type-sectionMobile: 28px;
 --radius-small: 6px;
 --radius-medium: 12px;
 --radius-large: 20px;
 --shadow-none: none;
 --shadow-sticky: 0 -4px 16px rgba(16,61,99,0.12);
 --geometry-maxWidth: 1240px;
 --geometry-textWidth: 680px;
 --geometry-buttonHeight: 56px;
 --geometry-headerHeight: 88px;
 --geometry-headerMobile: 72px;
 --geometry-stickyReserve: 160px;
 --geometry-stickyColumns: 1.25fr 1fr;
 --geometry-logoWidth: 230px;
 --geometry-logoMobile: 196px;
 --geometry-heroImageHeight: 408px;
 --geometry-mobileImageHeight: 300px;
 --geometry-border: 1px;
 --geometry-focus: 3px;
 --geometry-breakpoint: 768px;
 --geometry-half: 50%;
 --geometry-full: 100%;
 --geometry-columns: 1fr 1fr;
 --geometry-heroColumns: 0.95fr 1.05fr;
 --geometry-tableColumns: 1fr 1fr;
 --geometry-two: 2;
 --geometry-one: 1;
 --geometry-zero: 0;
 --geometry-contentBreakpoint: 1200px;
 --geometry-mobileMax: 767px;
 --motion-duration: 120ms;
 --motion-reduced: 0ms;
 --motion-easing: ease-out;
 --motion-pressDistance: 1px;
 --z-sticky: 20;
 --z-focus: 30;
 --redo-gutter: 24px;
 --redo-mobileGutter: 20px;
 --redo-heroPadding: 36px;
 --redo-sectionPadding: 72px;
 --redo-compactPadding: 36px;
 --redo-photoRadius: 12px;
 --redo-photoRatio: 1.25;
 --redo-heroRatio: 1.55;
 --redo-photoGridHeight: 174px;
 --redo-spacePhotoHeight: 290px;
 --redo-regionPhotoHeight: 210px;
 --redo-equipmentHeight: 460px;
 --redo-columnCount: 12;
 --redo-fiveColumns: 5;
 --redo-threeColumns: 3;
 --redo-twoColumns: 2;
 --redo-contactPadding: 48px;
 --redo-navGap: 28px;
 --redo-mobileHeader: 76px;
 --redo-rule: 1px;
 --redo-focusOffset: 4px;
 --redo-paragraphMeasure: 68ch;
 --redo-target: 44px;
 --redo-compactTarget: 36px;
 --redo-inquiryWidth: 520px;
 --redo-copyWidth: 125px;
 --redo-textareaHeight: 180px;
 --redo-sinkPreviewHeight: 205px;
 --redo-symptomTitle: 22px;
 --redo-homePhotoHeight: 360px;
 --redo-mobileTileHeight: 156px;
 --redo-mobileRegionHeight: 160px;
 --redo-mobileButtonHeight: 60px;
 --redo-townWidth: 88px;
 --redo-enterDuration: 160ms;
 --redo-leadLeading: 1.7;
 --redo-callLeading: 1.35;
 --redo-captionLeading: 1.6;
 --redo-methodLeading: 1.75;
 --redo-equipmentLeading: 1.8;
 --redo-mobileTitleLeading: 1.3;
 --redo-leadMeasure: 34em;
 --redo-underlineOffset: .2em;
 --redo-hoverBrightness: .94;
 --diagram-pvc: #dce2e5;
 --diagram-steel: #c4cdd3;
 --diagram-grease: #b7a17b;
 --diagram-stroke: 2px;
 --diagram-smallStroke: 1.5px;
 --diagram-body: 17px;
 --diagram-small: 15px;
 --diagram-title: 22px;
 --diagram-drawDuration: 1100ms;
 --diagram-waterDuration: 8s;
 --diagram-flowBoardHeight: 350px;
 --diagram-sinkMaxWidth: 720px;
 --diagram-labelInset: 3px;
 --diagram-compactGap: 4px;
 --diagram-processConnectorTop: 34px;
 --diagram-processConnectorStart: 86px;
 --diagram-hairline: 1px;
 --diagram-processIconSize: 68px;
 --diagram-touchTarget: 44px;
 --diagram-linkPadding: 8px;
 --diagram-pinGap: 5px;
 --diagram-pinSize: 12px;
 --diagram-mobileTitle: 20px;
 --diagram-mobileSmall: 14px;
 --diagram-mobileFlowBoardHeight: 400px;
 --diagram-mobileNoteLabelWidth: 105px;
 --diagram-mobileNodePadding: 10px;
 --diagram-mobileConnectorLeft: 33px;
 --diagram-mobileConnectorTop: 80px;
 --diagram-reading: 1.6;
 --diagram-headingLeading: 1.35;
 --diagram-labelLeading: 1.3;
 --diagram-descriptionLeading: 1.65;
 --diagram-nodeLeading: 1.45;
 --diagram-bold: 750;
 --diagram-strong: 700;
 --diagram-roleInk: var(--color-ink);
 --diagram-roleMuted: var(--color-muted);
 --diagram-roleBlue: var(--color-primary);
 --diagram-roleNavy: var(--color-navy);
 --diagram-rolePaper: var(--color-paper);
 --diagram-roleSky: var(--color-sky);
 --diagram-rolePale: var(--color-pale);
 --diagram-roleLine: var(--color-line);
 --diagram-roleGap: var(--space-lg);
 --diagram-roleSmallGap: var(--space-md);
 --scene-ink: #173e59;
 --scene-surface: #eaf2f5;
 --scene-muted: #455e6e;
 --scene-divider: #bdcdd6;
 --scene-stepDivider: #c3d1d9;
 --scene-active: #17678c;
 --scene-label: 15px;
 --scene-outerSpace: 20px;
 --scene-desktopInset: 26px;
 --scene-viewportHeight: 360px;
 --scene-compactSpace: 10px;
 --scene-groupGap: 18px;
 --scene-small: 14px;
 --scene-captionLabelWidth: 220px;
 --scene-hairline: 1px;
 --scene-captionTitle: 23px;
 --scene-body: 17px;
 --scene-stepGap: 8px;
 --scene-stepRule: 3px;
 --scene-captionGap: 12px;
 --scene-mobileViewportHeight: 280px;
 --scene-mobileInset: 16px;
 --scene-mobileKeyGap: 6px;
 --scene-reading: 1.6;
 --scene-strong: 700;
 --scene-regular: 400;
 --scene-prototypeBackground: #103d63;
 --scene-prototypeLead: #d7e9f2;
 --scene-prototypeMaxWidth: 1100px;
 --scene-prototypePaddingBlock: 32px;
 --scene-prototypePaddingInline: 20px;
 --scene-prototypeHeading: 36px;
 --scene-prototypeHeadingGap: 12px;
 --scene-prototypeBody: 18px;
 --scene-prototypeLeadGap: 28px;
 --scene-prototypeHeadingColor: white;
 --scene-prototypeRegular: 400;
 --scene-prototypeStrong: 700;
 --scene-toplineGap: 15px;
 --scene-mobileCaptionTitle: 20px;
 --scene-prototypeFamily: Pretendard,'Malgun Gothic',sans-serif;
 --material-background: #eaf2f5;
 --material-lightWhite: #ffffff;
 --material-groundLight: #80919d;
 --material-pvc: #9ba8ae;
 --material-edge: #89979f;
 --material-grease: #9b7435;
 --material-steel: #b4c4cc;
 --material-water: #75bad8;
 --material-hose: #315367;
 --material-flow: #92c8dd;
 --material-defaultMetalness: 0;
 --material-defaultRoughness: .65;
 --material-defaultOpacity: 1;
 --material-pvcMetalness: .05;
 --material-pvcRoughness: .6;
 --material-pvcOpacity: .66;
 --material-edgeMetalness: .1;
 --material-greaseRoughness: .88;
 --material-steelMetalness: .9;
 --material-steelRoughness: .23;
 --material-waterMetalness: .1;
 --material-waterRoughness: .19;
 --material-waterOpacity: .58;
 --material-hoseMetalness: .25;
 --material-flowRoughness: .17;
 --material-flowOpacity: .23;
}