@charset "utf-8";

:root {
    --base-color-black: #000;
    --base-color-white: #fff;
    --base-color-lightGrey: #f6f6f6;
    --base-color-lightGrey2: #9f9f9f;
    --base-color-darkblack: #2a2a2a;
    --background-light-gray: #efefef;
    --signature-color: #be131a;

    --font-size-base: 16px;
    --font-weight-base: 300;
    --font-color-base: var(--base-color-black);
    --font-KR-base: 'Pretendard Variable', sans-serif;
    --font-KR-point: 'Nanum Myeongjo', sans-serif;

    --background-color-base: var(--base-color-white);

    --header-color: rgba(255, 255, 255, 0.8);
    --header-filter: blur(10px);

    --max-width: 95%;

    --all-sec-margin: 0 auto 200px auto;
    --all-sec-margin-position: 200px;

    --all-sec-margin-mo: 0 auto 150px auto;
    --all-sec-margin-position-mo: 150px;

    --little-padding: 0 15px;
    --all-sec-padding-position-mo: 15px;

    --padding-sec: 15px;

    --sec-top-bottom-margin: 100px;

    --button-margin: 20px 60px;


    /* -----------------------텍스트----------------------- */

    /* special - 더미 텍스트 */
    --big-title-font-size: clamp(24px, 2.1875vw, 52px);
    --big-title-font-size-line: clamp(36px, 2.8125vw, 64px);

    /* XL - 메인 타이틀 */
    --main-title-font-size: clamp(24px, 2.1875vw, 52px);
    --main-title-font-size-line: clamp(36px, 2.8125vw, 64px);

    /* L - 서브 타이틀 */
    --sub-title-font-size: clamp(22px, 1.4583vw, 34px);
    --sub-title-font-size-line: clamp(34px, 2.0833vw, 46px);
    
    /* M - 메인 타이틀 위 영문 텍스트 */
    --title-point-font-size: clamp(20px, 1.1458vw, 26px); 
    --title-point-font-size-line: clamp(32px, 1.7708vw, 38px); 

    /* S - 내용 - 내용 중 강조 텍스트 */
    --text-font-title-size: clamp(18px, 1.0417vw, 22px);
    --text-font-title-size-line: clamp(30px, 1.6667vw, 34px);

    /* XS - 내용 - 내용 중 디테일 텍스트 */
    --text-font-size: clamp(15px, 0.8vw, 18px);
    --text-font-size-line: clamp(25px, 1.4583vw, 30px);


    /* -----------------------헤더----------------------- */
    /* 헤더 1차/2차 메뉴 width 사이즈 */
    --header-nav-size: clamp(140px, 9vw, 200px);

    /* 해더 height */
    --header-height: clamp(70px, 5.2083vw, 100px);


    /* -----------------------섹션 관련----------------------- */
    /* 각 섹션 별 위아래 마진값 */
    --section-margin: clamp(60px, 5.1vw, 120px);
}