/*------------------------------------------------------
· ICTK Ver 1.0
· Type : custom.css
· Author : Albatrosss Pictures Kim Hyun Gyu
· Data : 2026.02.24
· Copyright @ 2026 ICTK all rights reserved
---------------------------------------------------------
· SUMMARY:
0) Responsive Area
1) Import Font
2) Basic Set
---------------------------------------------------------*/

@charset "utf-8";

/* #################################### 01.Import Font #################################### */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

:root {
    /* #################################### 02.Basic Set #################################### */
    --base-color-black: #000;
    --base-color-white: #fff;
    --base-color-darkGrey: #252425;
    --base-color-lightGrey: #d1d1d1;
    --pointer-basic-color: var(--base-color-white);
    --pointer-basic-size: 12px;

    --gradient-black-set: #000;
    --gradient-basic-color: linear-gradient(180deg, transparent, var(--gradient-black-set));
    --gradient-basic-color-reverse: linear-gradient(180deg, var(--gradient-black-set), transparent);

    --set-background : var(--base-color-black);
    --set-font-size: 16px;
    --set-font-weight: 300;
    --set-font-color : var(--base-color-white);
    --set-font-family: "Pretendard Variable", sans-serif;

    /* #################################### 03.Layout Set #################################### */
    --header-height: clamp(5.625rem, 7.2917vw, 8.75rem);
    --header-padding: clamp(1.25rem, 3.125vw, 3.75rem);
    --header-logo-height: clamp(1.5rem, 2.0833vw, 2.5rem);
    --header-icon-size: clamp(1.125rem, 1.25vw, 1.5rem);
    --header-hamburger-width: clamp(1.5rem, 1.6667vw, 2rem);
    --header-hamburger-gap: clamp(0.375rem, 0.4167vw, 0.5rem);

    --contents-wrap-width: 85%;
    --footer-wrap-width: 85%;

    --footer-bg: var(--base-color-darkGrey);
    --footer-padding-y: clamp(2.5rem, 3.6458vw, 4.375rem);
    --footer-padding-x: clamp(1.25rem, 3.125vw, 3.75rem);
    --footer-logo-height: clamp(1.875rem, 2.6042vw, 3.125rem);
    --footer-sns-size: clamp(1.125rem, 1.3542vw, 1.625rem);
    --footer-mail-size: clamp(3.75rem, 5.2083vw, 6.25rem);
    --footer-font-size: clamp(0.875rem, 0.8333vw, 1rem);
    --point-color: #00BEB5;
    --footer-point-color: var(--point-color);

    /* #################################### 04.GNB Set #################################### */
    --gnb-bg: var(--base-color-darkGrey);
    --gnb-screen-opacity: 0.7;
    --gnb-font-size: clamp(1.875rem, 2.9167vw, 3.5rem);
    --gnb-font-weight: 700;
    --gnb-item-gap: clamp(1.25rem, 2.0833vw, 2.5rem);
    --gnb-sub-font-size: clamp(0.875rem, 1.0417vw, 1.25rem);
    --gnb-info-font-size: clamp(0.875rem, 0.8333vw, 1rem);

    /* #################################### 05.Hero Set #################################### */
    --hero-title-size: clamp(2rem, 3.6458vw, 4.375rem);
    --hero-title-weight: 700;
    --hero-subtitle-size: clamp(0.875rem, 1.0417vw, 1.25rem);
    --hero-subtitle-weight: 300;
    --hero-screen-opacity: 0.6;

    /* #################################### 06.About Set #################################### */
    --about-padding-y: clamp(6.25rem, 10.4167vw, 12.5rem);
    --about-gap: clamp(2.5rem, 5.2083vw, 6.25rem);
    --about-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --about-title-weight: 700;
    --about-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --about-btn-font-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --about-btn-padding-y: clamp(0.75rem, 1.0417vw, 1.25rem);
    --about-btn-padding-x: clamp(1.5rem, 2.0833vw, 2.5rem);
    --about-img-gap: clamp(0.5rem, 0.7292vw, 0.875rem);

    /* #################################### 07.Tech Set #################################### */
    --tech-padding-y: clamp(6.25rem, 10.4167vw, 12.5rem);
    --tech-subtitle-size: clamp(0.875rem, 1.0417vw, 1.25rem);
    --tech-title-size: clamp(1.5rem, 2.6042vw, 3.125rem);
    --tech-title-weight: 800;
    --tech-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --tech-screen-opacity: 0.7;
    --tech-node-size: clamp(4rem, 5.7292vw, 6.875rem);
    --tech-node-font-size: clamp(0.875rem, 0.8333vw, 1rem);
    --tech-node-label-size: clamp(0.875rem, 0.7813vw, 0.9375rem);
    --tech-puf-title-size: clamp(1.25rem, 1.875vw, 2.25rem);

    /* #################################### 08.Sub Header Set #################################### */
    --sub-header-height: clamp(18.75rem, 26.0417vw, 31.25rem);
    --sub-header-title-size: clamp(2rem, 3.125vw, 3.75rem);
    --sub-header-title-weight: 700;
    --sub-header-subtitle-size: clamp(0.875rem, 1.0417vw, 1.25rem);
    --sub-header-subtitle-weight: 300;
    --sub-header-screen-opacity: 0.45;

    /* #################################### 09.Company Set #################################### */
    --company-section-padding-y: clamp(5rem, 8.3333vw, 10rem);
    --company-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --company-title-weight: 700;
    --company-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --company-ceo-quote-size: clamp(0.9375rem, 1.0417vw, 1.25rem);
    --company-vision-card-height: clamp(15rem, 20.8333vw, 25rem);
    --company-history-year-size: clamp(1.5rem, 2.0833vw, 2.5rem);
    --company-history-item-size: clamp(0.875rem, 0.8333vw, 1rem);

    /* #################################### 10.Media Set #################################### */
    --media-padding-y: clamp(5rem, 8.3333vw, 10rem);
    --media-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --media-title-weight: 800;
    --media-subject-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --media-more-size: clamp(1.5rem, 2.0833vw, 2.5rem);
    --media-card-gap: clamp(1rem, 1.5625vw, 1.875rem);

    /* #################################### 11.Technology Set #################################### */
    --technology-section-padding-y: clamp(5rem, 8.3333vw, 10rem);
    --technology-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --technology-title-weight: 700;
    --technology-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --technology-subtitle-size: clamp(0.875rem, 0.8333vw, 1rem);
    --technology-card-padding: clamp(1.5rem, 2.0833vw, 2.5rem);
    --technology-card-gap: clamp(1.25rem, 1.5625vw, 1.875rem);
    --technology-btn-padding-y: clamp(0.875rem, 1.0417vw, 1.25rem);
    --technology-btn-padding-x: clamp(2rem, 2.6042vw, 3.125rem);
    --technology-btn-font-size: clamp(0.875rem, 0.9375vw, 1.125rem);

    /* #################################### 12.CTA Set #################################### */
    --cta-section-padding-y: clamp(5rem, 8.3333vw, 10rem);
    --cta-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --cta-title-weight: 700;
    --cta-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --cta-btn-padding-y: clamp(0.875rem, 1.0417vw, 1.25rem);
    --cta-btn-padding-x: clamp(2rem, 2.6042vw, 3.125rem);
    --cta-btn-font-size: clamp(0.875rem, 0.9375vw, 1.125rem);

    /* #################################### 13.VIA PUF Set #################################### */
    --via-puf-section-padding-y: clamp(5rem, 8.3333vw, 10rem);
    --via-puf-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --via-puf-title-weight: 700;
    --via-puf-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --via-puf-card-padding: clamp(1.5rem, 2.0833vw, 2.5rem);
    --via-puf-card-gap: clamp(1.25rem, 1.5625vw, 1.875rem);

    /* #################################### 15.Security IP Set #################################### */
    --security-ip-section-padding-y: clamp(5rem, 8.3333vw, 10rem);
    --security-ip-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --security-ip-title-weight: 700;
    --security-ip-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --security-ip-subtitle-size: clamp(1.25rem, 1.875vw, 2.25rem);
    --security-ip-card-padding: clamp(1.5rem, 2.0833vw, 2.5rem);
    --security-ip-card-gap: clamp(1.25rem, 1.5625vw, 1.875rem);

    /* #################################### 16.Security Chips Set #################################### */
    --security-chips-section-padding-y: clamp(5rem, 8.3333vw, 10rem);
    --security-chips-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --security-chips-title-weight: 700;
    --security-chips-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --security-chips-subtitle-size: clamp(1.25rem, 1.875vw, 2.25rem);
    --security-chips-card-padding: clamp(1.5rem, 2.0833vw, 2.5rem);
    --security-chips-card-gap: clamp(1.25rem, 1.5625vw, 1.875rem);
    --security-chips-tab-font-size: clamp(0.875rem, 1.0417vw, 1.25rem);
    --security-chips-tab-padding-y: clamp(0.875rem, 1.25vw, 1.5rem);

    /* #################################### 16-1.Security Modules Set #################################### */
    --security-modules-section-padding-y: clamp(5rem, 8.3333vw, 10rem);
    --security-modules-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --security-modules-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);

    /* #################################### 16-2.Security Solutions Set #################################### */
    --security-solutions-section-padding-y: clamp(5rem, 8.3333vw, 10rem);
    --security-solutions-title-size: clamp(1.75rem, 2.6042vw, 3.125rem);
    --security-solutions-desc-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    --security-solutions-tab-font-size: clamp(0.875rem, 1.0417vw, 1.25rem);
    --security-solutions-tab-padding-y: clamp(0.875rem, 1.25vw, 1.5rem);

    /* #################################### 17.Color Palette #################################### */
    --color-grey-dark: #555;
    --color-grey-mid: #666;
    --color-grey-light: #888;
    --color-grey-muted: #999;
    --color-bg-light: #f5f5f5;
}



/* **************************************************************
    0) Responsive Area
************************************************************** */