@charset "utf-8";

/* Source: entry/tokens-source.css */
@font-face {
  font-family: "SUIT Variable";
  src: url("../fonts/SUIT-Variable.woff2") format("woff2-variations");
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
}

:root {
  --font-sans: "SUIT Variable", "SUIT", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;

  --color-primary: #000000;
  --color-primary-rgb: 0 0 0;
  --color-secondary: #E01261;
  --color-secondary-rgb: 224 18 97;
  --color-white: #ffffff;
  --color-white-rgb: 255 255 255;
  --color-transparent: transparent;
  --color-surface: #ffffff;
  --color-surface-muted: #f7f7f7;
  --color-surface-soft: #f2f2f2;
  --color-border: #dddddd;
  --color-border-soft: #eeeeee;
  --color-text: var(--color-primary);
  --color-text-muted: #666666;
  --color-text-soft: #888888;
  --color-overlay: rgb(var(--color-primary-rgb) / 0.64);
  --color-on-primary: var(--color-white);
  --color-on-secondary: var(--color-white);
  --main-color: var(--color-primary);
  --secondary-color: var(--color-secondary);
  --point-color: var(--color-secondary);

  --color-dpd-bg: #080808;
  --color-dpd-bg-rgb: 8 8 8;
  --color-dpd-surface: #111111;
  --color-dpd-surface-rgb: 17 17 17;
  --color-dpd-surface-2: #171717;
  --color-dpd-surface-2-rgb: 23 23 23;
  --color-dpd-line: #292929;
  --color-dpd-line-rgb: 41 41 41;
  --color-dpd-line-light: #3A3A3A;
  --color-dpd-line-light-rgb: 58 58 58;
  --color-dpd-text: #F5F5F5;
  --color-dpd-text-rgb: 245 245 245;
  --color-dpd-muted: #8B8B8B;
  --color-dpd-muted-rgb: 139 139 139;
  --color-dpd-primary: var(--color-secondary);
  --color-dpd-primary-rgb: var(--color-secondary-rgb);

  --dpd-line-default: 1px solid var(--color-dpd-line);
  --dpd-line-strong: 1px solid var(--color-dpd-line-light);
  --dpd-line-accent: 1px solid var(--color-dpd-primary);
  --shadow-header: 0 8px 24px rgb(var(--color-primary-rgb) / 0.12);
  --shadow-glass: 0 24px 80px rgb(var(--color-primary-rgb) / 0.24);
  --glass-blur: 24px;
  --glass-visual-overlay: rgb(var(--color-primary-rgb) / 0.32);
  --glass-visual-surface: rgb(var(--color-primary-rgb) / 0.28);
  --glass-menu-surface: rgb(var(--color-primary-rgb) / 0.24);
  --glass-menu-active-surface: rgb(var(--color-white-rgb) / 0.92);
  --glass-border: rgb(var(--color-white-rgb) / 0.24);
  --dpd-display-xl: var(--font-size-160);
  --dpd-display-lg: var(--font-size-120);
  --dpd-section-heading: var(--font-size-80);
  --dpd-product-heading: var(--font-size-48);
  --dpd-body-large: var(--font-size-20);
  --dpd-body: var(--font-size-16);
  --dpd-technical-label: var(--font-size-12);
  --dpd-section-index: var(--font-size-18);
  --motion-fast: 160ms;
  --motion-default: 400ms;
  --motion-slow: 800ms;
  --easing-precision: cubic-bezier(0.4, 0, 0.2, 1);

  --layout-area-wrap-width: 1760px;
  --layout-area-box-width: 1600px;
  --layout-area-width: 1380px;
  --layout-header-top: var(--space-32);
  --layout-header-height: 100px;
  --layout-header-height-tablet: 110px;
  --layout-sub-visual-height: 50vh;
  --layout-sub-visual-height-tablet: 50vh;
  --layout-sub-visual-height-mobile: 50vh;
  --layout-sub-menu-height: var(--space-64);
  --layout-sub-menu-height-mobile: var(--space-56);
  --area-wrap-width: var(--layout-area-wrap-width);
  --area-box-width: var(--layout-area-box-width);
  --area-width: var(--layout-area-width);
  --area-padding: var(--space-32);
  --header-top: 0;
  --header-height: var(--space-96);
  --sub-visual-height: var(--layout-sub-visual-height);
  --sub-menu-height: var(--layout-sub-menu-height);
  --full-height: 100vh;
  --transition-custom: all var(--motion-default) ease-in-out;
  --transition-custom2: all var(--motion-slow) ease-in-out;
  --font-family1: var(--font-sans);
  --component-board-list-height: var(--space-64);
  --component-board-list-icon-width: 60px;
  --board-main-color: var(--main-color);
  --board-list-height: var(--component-board-list-height);
  --board-list-font-size: var(--font-size-16);
  --board-list-font-color: var(--color-text-muted);
  --board-list-icon-width: var(--component-board-list-icon-width);
  --board-list-item-padding: var(--space-24);
  --board-view-font-size: var(--font-size-14);
  --component-swiper-navigation-size: 44px;
  --component-header-active-dot-size: 4px;
  --component-title-box-gap: var(--space-16);
  --component-title-box-margin: var(--space-56);
  --component-title-font-size: var(--font-size-64);
  --component-title-font-size-mobile: var(--font-size-40);
  --component-title-eyebrow-font-size: var(--font-size-16);
  --component-button-height: var(--space-56);
  --component-button-min-width: var(--space-144);
  --component-button-padding-inline: var(--space-32);
  --component-cursor-size: var(--space-160);
  --component-cursor-text-size: var(--font-size-18);
  --component-cursor-icon-size: var(--font-size-36);
  --component-cursor-label-offset: var(--space-56);
  --component-main-notice-date-width: var(--space-176);
  --component-main-notice-action-width: var(--space-144);
  --component-main-visual-media-scale: 1.08;
  --component-main-visual-media-opacity: 0.86;
  --component-main-visual-overlay: rgb(var(--color-primary-rgb) / 0.32);
  --component-main-visual-text-max-width: var(--area-box-width);
  --component-main-visual-text-padding-bottom: var(--space-152);
  --component-main-visual-text-padding-bottom-mobile: var(--space-144);
  --component-main-visual-nav-inline: max(var(--space-32), calc((100% - var(--layout-area-box-width)) / 2));
  --component-main-visual-nav-inline-mobile: var(--space-24);
  --component-main-visual-content-inline: var(--component-main-visual-nav-inline);
  --component-main-visual-content-inline-mobile: var(--component-main-visual-nav-inline-mobile);
  --component-main-visual-nav-bottom: var(--space-64);
  --component-main-visual-nav-bottom-mobile: var(--space-32);
  --component-main-visual-nav-button-size: var(--space-56);
  --component-main-visual-nav-toggle-width: var(--space-48);
  --component-main-visual-nav-surface: rgb(var(--color-primary-rgb) / 0.16);
  --component-main-visual-nav-hover-surface: rgb(var(--color-white-rgb) / 0.08);
  --component-main-visual-nav-border: 1px solid rgb(var(--color-white-rgb) / 0.4);
  --component-main-visual-nav-active-border: 1px solid var(--color-white);
  --component-main-visual-nav-color: var(--color-white);
  --component-main-business-card-gap: var(--space-24);
  --component-main-business-card-height: var(--space-720);
  --component-main-business-card-rest-grow: 1;
  --component-main-business-card-active-grow: 2;
  --component-main-business-card-padding: var(--space-80);
  --component-main-business-card-padding-tablet: var(--space-48);
  --component-main-business-card-padding-mobile: var(--space-24);
  --component-main-business-card-copy-gap: var(--space-16);
  --component-main-business-card-copy-max-width: var(--space-560);
  --component-main-business-card-copy-reveal-height: var(--space-160);
  --component-main-business-card-media-hover-scale: 1.06;
  --component-main-business-card-title-shift: var(--space-32);
  --component-main-business-card-hover-label-top: var(--space-136);
  --component-main-business-card-hover-label-top-tablet: var(--space-96);
  --component-main-business-card-hover-label-gap: var(--space-48);
  --component-main-business-card-tag-gap: var(--space-8);
  --component-main-business-card-tag-height: var(--space-56);
  --component-main-business-card-tag-height-mobile: var(--space-40);
  --component-main-business-card-tag-padding-inline: var(--space-24);
  --component-main-business-card-tag-padding-inline-mobile: var(--space-16);
  --component-main-business-card-tag-reveal-height: var(--space-192);
  --component-main-business-card-tag-border: 1px solid rgb(var(--color-white-rgb) / 0.56);
  --component-main-business-card-tag-surface: rgb(var(--color-primary-rgb) / 0.12);
  --component-main-business-card-overlay: linear-gradient(180deg, rgb(var(--color-primary-rgb) / 0.16) 0%, rgb(var(--color-primary-rgb) / 0.08) 36%, rgb(var(--color-primary-rgb) / 0.64) 100%);
  --component-main-business-card-hover-overlay: rgb(var(--color-primary-rgb) / 0.4);
  --component-main-development-bg: linear-gradient(90deg, rgb(var(--color-primary-rgb) / 0.88), rgb(var(--color-primary-rgb) / 0.48)), url("../images/support/support-step-06-cnc-machine.jpg");
  --component-main-development-copy-width: 50%;
  --component-main-development-copy-max-width: var(--space-560);
  --component-main-development-slide-width: var(--space-560);
  --component-main-development-slide-width-tablet: var(--space-480);
  --component-main-development-slide-width-mobile: var(--space-352);
  --component-main-development-slide-gutter: var(--space-40);
  --component-main-development-slide-gutter-tablet: var(--space-24);
  --component-main-development-card-padding: var(--space-40);
  --component-main-development-card-padding-tablet: var(--space-32);
  --component-main-development-card-min-height: var(--space-640);
  --component-main-development-card-min-height-tablet: var(--space-560);
  --component-main-development-card-media-padding: var(--space-40);
  --component-main-development-card-border: 1px solid rgb(var(--color-white-rgb) / 0.16);
  --component-main-development-card-surface: rgb(var(--color-primary-rgb) / 0.32);
  --component-main-development-card-surface-hover: rgb(var(--color-primary-rgb) / 0.48);
  --component-main-handled-slide-width: var(--space-480);
  --component-main-handled-slide-width-tablet: var(--space-400);
  --component-main-handled-slide-width-mobile: var(--space-336);
  --component-main-handled-container-padding: var(--space-32);
  --component-main-handled-container-padding-mobile: var(--space-16);
  --component-main-handled-slide-gap: var(--space-32);
  --component-main-handled-slide-gap-tablet: var(--space-24);
  --component-main-handled-slide-gap-mobile: var(--space-16);
  --component-main-handled-card-bottom-space: var(--space-24);
  --component-main-handled-swiper-bottom-space: var(--space-24);
  --component-main-slider-nav-button-size: var(--space-48);
  --component-main-slider-nav-progress-width: var(--space-96);
  --component-main-slider-nav-progress-height: 4px;
  --component-main-slider-nav-gap: var(--space-16);
  --component-main-slider-nav-offset: var(--space-40);
  --component-country-filter-gap: var(--space-8);
  --component-country-filter-margin-bottom: var(--space-56);
  --component-country-filter-button-min-width: var(--space-112);
  --component-country-filter-button-height: var(--space-48);
  --component-country-filter-button-padding-inline: var(--space-24);
  --component-country-filter-button-border: 1px solid rgb(var(--color-primary-rgb) / 0.16);
  --component-country-filter-button-active-border: 1px solid var(--color-primary);
  --component-partner-logo-width: var(--space-192);
  --component-partner-logo-height: var(--space-112);
  --component-partner-logo-width-mobile: var(--space-160);
  --component-partner-logo-height-mobile: var(--space-96);
  --component-partner-logo-media-height: var(--space-64);
  --component-partner-logo-media-height-mobile: var(--space-48);
  --component-main-support-form-label-width: var(--space-144);
  --component-main-support-form-gap: var(--space-32);
  --component-main-support-form-row-gap: var(--space-16);
  --component-main-support-textarea-height: var(--space-160);
  --component-main-support-message-row-height: var(--space-184);
  --component-main-support-file-row-height: var(--space-56);
  --component-main-support-contact-card-padding: var(--space-40);
  --component-main-support-contact-label-width: var(--space-112);
  --component-main-support-contact-form-gap: var(--space-24);
  --component-main-support-contact-row-gap: var(--space-16);
  --component-main-support-contact-textarea-height: var(--space-112);
  --component-main-support-contact-file-row-height: var(--space-56);
  --component-detail-hero-height: var(--space-480);
  --component-detail-tabbar-sticky-top: var(--header-height);
  --component-detail-tabbar-sticky-top-mobile: var(--header-height);
  --component-detail-tabbar-scroll-margin: calc(var(--space-96) + var(--space-96));
  --component-detail-card-padding: var(--space-40);
  --component-detail-card-padding-mobile: var(--space-24);
  --component-detail-grid-gap: var(--space-32);
  --component-detail-thumb-size: var(--space-96);
  --component-dev-record-year-width: var(--space-112);
  --component-dev-record-year-width-mobile: var(--space-72);
  --component-dev-record-axis-width: var(--space-48);
  --component-dev-record-axis-width-mobile: var(--space-32);
  --component-dev-record-dot-size: var(--space-16);
  --component-dev-record-row-min-height: var(--space-112);
  --component-support-process-thumb-height: var(--space-320);
  --component-support-process-thumb-height-mobile: var(--space-320);
  --component-support-card-min-height: var(--space-240);
  --component-network-coverage-card-min-height: var(--space-152);
  --component-history-bnr-height: var(--space-480);
  --component-history-bnr-height-mobile: var(--space-360);
  --component-customer-logo-height: var(--space-128);
  --component-customer-logo-height-mobile: var(--space-96);
  --component-policy-modal-width: calc(var(--space-8) * 120);
  --component-policy-modal-body-height: calc(100vh - var(--space-288));
  --component-policy-modal-body-height-mobile: calc(100vh - var(--space-224));
  --motion-main-visual-zoom: 8000ms;
  --motion-main-development-swipe: 1000ms;
  --motion-main-development-autoplay: 3000ms;
  --motion-main-handled-swipe: 800ms;
  --motion-partner-marquee: 36000ms;

  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-80: 80px;
  --space-88: 88px;
  --space-96: 96px;
  --space-104: 104px;
  --space-112: 112px;
  --space-120: 120px;
  --space-128: 128px;
  --space-136: 136px;
  --space-144: 144px;
  --space-152: 152px;
  --space-160: 160px;
  --space-168: 168px;
  --space-176: 176px;
  --space-184: 184px;
  --space-192: 192px;
  --space-200: 200px;
  --space-208: 208px;
  --space-216: 216px;
  --space-224: 224px;
  --space-232: 232px;
  --space-240: 240px;
  --space-248: 248px;
  --space-256: 256px;
  --space-264: 264px;
  --space-272: 272px;
  --space-280: 280px;
  --space-288: 288px;
  --space-296: 296px;
  --space-304: 304px;
  --space-312: 312px;
  --space-320: 320px;
  --space-328: 328px;
  --space-336: 336px;
  --space-344: 344px;
  --space-352: 352px;
  --space-360: 360px;
  --space-368: 368px;
  --space-376: 376px;
  --space-384: 384px;
  --space-392: 392px;
  --space-400: 400px;
  --space-480: 480px;
  --space-560: 560px;
  --space-640: 640px;
  --space-720: 720px;
  --space-960: 960px;

  --radius-8: 8px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-32: 32px;
  --radius-40: 40px;
  --radius-48: 48px;
  --radius-56: 56px;
  --radius-64: 64px;
  --radius-72: 72px;
  --radius-80: 80px;
  --radius-88: 88px;
  --radius-96: 96px;
  --radius-128: 128px;
  --radius-160: 160px;
  --radius-round: 256px;

  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-23: 23px;
  --font-size-24: 24px;
  --font-size-25: 25px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-34: 34px;
  --font-size-36: 36px;
  --font-size-38: 38px;
  --font-size-40: 40px;
  --font-size-42: 42px;
  --font-size-44: 44px;
  --font-size-48: 48px;
  --font-size-50: 50px;
  --font-size-52: 52px;
  --font-size-55: 55px;
  --font-size-56: 56px;
  --font-size-58: 58px;
  --font-size-60: 60px;
  --font-size-62: 62px;
  --font-size-64: 64px;
  --font-size-66: 66px;
  --font-size-70: 70px;
  --font-size-76: 76px;
  --font-size-80: 80px;
  --font-size-100: 100px;
  --font-size-110: 110px;
  --font-size-120: 120px;
  --font-size-158: 158px;
  --font-size-160: 160px;
  --font-size-180: 180px;
  --root-font-size-1536: 10px;
  --root-font-size-1280: 11px;
  --root-font-size-800: 11px;
  --root-font-size-640: 11px;
  --root-font-size-480: 10px;
  --root-font-size-412: 10px;
  --root-font-size-390: 8.5px;

  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  --tracking-normal: normal;
  --tracking-none: 0;
  --tracking-neg-0004: -0.004em;
  --tracking-neg-00083: -0.0083em;
  --tracking-neg-0009: -0.009em;
  --tracking-neg-001: -0.01em;
  --tracking-neg-002: -0.02em;
  --tracking-neg-00208: -0.0208em;
  --tracking-neg-0025: -0.025em;
  --tracking-neg-003: -0.03em;
  --tracking-neg-003125: -0.03125em;
  --tracking-neg-0033: -0.033em;
  --tracking-neg-00333: -0.0333em;
  --tracking-neg-005: -0.05em;
  --tracking-neg-0065: -0.065em;
  --tracking-pos-02: 0.2em;
  --tracking-pos-03: 0.3em;
  --tracking-pos-10: 1em;
  --tracking-neg-px-025: -0.25px;
  --tracking-neg-px-03: -0.3px;
  --tracking-neg-px-04: -0.4px;
  --tracking-neg-px-045: -0.45px;
  --tracking-neg-px-05: -0.5px;
  --tracking-neg-px-06: -0.6px;
  --tracking-neg-px-065: -0.65px;
  --tracking-neg-px-075: -0.75px;
  --tracking-neg-px-1: -1px;
  --tracking-neg-px-2: -2px;
  --tracking-pos-px-025: 0.25px;
  --tracking-pos-px-5: 5px;
  --tracking-tight: var(--tracking-neg-002);
  --tracking-tighter: var(--tracking-neg-005);

  --leading-browser: normal;
  --leading-reset: 0;
  --leading-100: 1;
  --leading-110: 1.1;
  --leading-112: 1.125;
  --leading-117: 1.17;
  --leading-120: 1.2;
  --leading-124: 1.24;
  --leading-125: 1.25;
  --leading-130: 1.3;
  --leading-132: 1.32;
  --leading-137: 1.37;
  --leading-139: 1.39;
  --leading-140: 1.4;
  --leading-141: 1.41;
  --leading-143: 1.43;
  --leading-145: 1.45;
  --leading-150: 1.5;
  --leading-154: 1.54;
  --leading-155: 1.55;
  --leading-158: 1.58;
  --leading-159: 1.59;
  --leading-160: 1.6;
  --leading-1625: 1.625;
  --leading-166: 1.66;
  --leading-170: 1.7;
  --leading-173: 1.73;
  --leading-175: 1.75;
  --leading-177: 1.77;
  --leading-180: 1.8;
  --leading-200: 2;
  --leading-px-12: 12px;
  --leading-px-14: 14px;
  --leading-px-15: 15px;
  --leading-px-16: 16px;
  --leading-px-18: 18px;
  --leading-px-20: 20px;
  --leading-px-22: 22px;
  --leading-px-23: 23px;
  --leading-px-24: 24px;
  --leading-px-25: 25px;
  --leading-px-26: 26px;
  --leading-px-27: 27px;
  --leading-px-28: 28px;
  --leading-px-30: 30px;
  --leading-px-32: 32px;
  --leading-px-34: 34px;
  --leading-px-35: 35px;
  --leading-px-36: 36px;
  --leading-px-38: 38px;
  --leading-px-40: 40px;
  --leading-px-42: 42px;
  --leading-px-44: 44px;
  --leading-px-45: 45px;
  --leading-px-46: 46px;
  --leading-px-47: 47px;
  --leading-px-48: 48px;
  --leading-px-50: 50px;
  --leading-px-52: 52px;
  --leading-px-56: 56px;
  --leading-px-62: 62px;
  --leading-px-96: 96px;
  --leading-rem-20: 2rem;
  --leading-rem-24: 2.4rem;
  --leading-rem-26: 2.6rem;
  --leading-rem-36: 3.6rem;
  --leading-rem-40: 4rem;
  --leading-rem-48: 4.8rem;
  --leading-rem-50: 5rem;
  --leading-rem-54: 5.4rem;
  --leading-rem-69: 6.9rem;
  --leading-rem-100: 10rem;
  --leading-em-075: 0.75em;
  --leading-em-117: 1.17em;
  --leading-em-120: 1.2em;
  --leading-em-125: 1.25em;
  --leading-em-130: 1.3em;
  --leading-em-140: 1.4em;
  --leading-em-150: 1.5em;
  --leading-em-160: 1.6em;
  --leading-em-1625: 1.625em;
  --leading-em-180: 1.8em;
  --leading-header: var(--header-height);
  --text-caption: var(--font-size-12);
  --text-body-sm: var(--font-size-14);
  --text-body: var(--font-size-16);
  --text-body-lg: var(--font-size-18);
  --text-title-sm: var(--font-size-24);
  --text-title: var(--font-size-32);
  --text-heading: var(--font-size-48);
  --text-display: var(--font-size-80);
}

html {
  font-family: var(--font-sans);
  font-size: var(--font-size-10);
  overflow-y: scroll;
}

:where(*:not(i):not([class^="ri-"]):not([class*=" ri-"])) {
  font-family: var(--font-sans) !important;
}

:where(i[class^="ri-"], i[class*=" ri-"], [class^="ri-"], [class*=" ri-"]) {
  font-weight: normal !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  font-size: var(--text-body);
  line-height: var(--leading-100);
  color: var(--color-text);
  background: var(--color-surface);
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

a,
button {
  transition-duration: var(--motion-fast);
}

:root::selection {
  color: var(--color-on-secondary);
  background: var(--color-secondary);
}

:root::-moz-selection {
  color: var(--color-on-secondary);
  background: var(--color-secondary);
}

@media all and (max-width: 1280px) {
  html {
    --header-top: 0;
    --header-height: var(--layout-header-height-tablet);
    --sub-visual-height: var(--layout-sub-visual-height-tablet);
  }
}

@media all and (max-width: 800px) {
  html {
    --area-padding: var(--space-24);
    --sub-visual-height: var(--layout-sub-visual-height-mobile);
    --sub-menu-height: var(--layout-sub-menu-height-mobile);
    --board-list-height: auto;
    --board-list-font-size: var(--font-size-13);
    --board-list-font-color: var(--color-text-muted);
    --board-list-item-padding: var(--space-24);
    --board-view-font-size: var(--font-size-13);
  }
}