@charset "utf-8";

:root {
    /* font-family */
    --mainEng-font: 'Roboto', sans-serif;
    --subEng-font: 'Pretendard-Regular', sans-serif;

    /* font-size */
    --small-font-size: clamp(13px, 1.2vw, 15px);
    --default-font-size: clamp(15px, 1.4vw, 18px); /* 디폴트 폰트 사이즈: 네비게이션, 설명 */
    --subtitle1x-font-size: clamp(18px, 1.5vw, 20px); /*메인페이지 콘텐츠 서브 타이틀 */
    --subtitle2x-font-size: clamp(20px, 1.8vw, 24px); /* 콘텐츠 타이틀 */
    --title1x-font-size: clamp(32px, 4vw, 50px); /* 메인페이지 콘텐츠 타이틀 */
    --title2x-font-size: clamp(40px, 5vw, 60px); /* 서브페이지 콘텐츠 타이틀 */

    /* gap */
    --wrap-gap: 150px 80px; /* 랩 패딩값 */
    --responsieve-wrap-gap: 150px 40px; /* 1024px 반응형 패딩값 */
    --eyebrow-gap: 20px; /* 아이브로우와 타이틀과의 간격 */
    --title-gap: 30px; /* 타이틀과 서브타이틀과의 간격 */
    --subtitle-gap: 100px; /* 서브타이틀과 콘텐츠과의 간격 */

    /* color */
    --mainWhite: #eeeeee;
    --mainBlack: #090909;
    --neutral-black: #000000;
    --neutral-white: #ffffff;

    --neutral-white-08: #ffffffb0;

    --mainBlue-1: #0c5df5;
    --mainBlue-2: #0053a2;

    --mainBlue-05: #0c5ef581;

    --gray: #838383;

    /* gradient */
    --color1: 75, 115, 172;
    --color2: 7, 30, 93;
    --color3: 20, 24, 71;
    --color4: 16, 29, 69;
    --color5: 10, 8, 42;
    --color-interactive: 12, 93, 245;
    --circle-size: 100%;
    --blending: hard-light;
};