@charset "utf-8";

:root {
    /* #################################### Basic Set #################################### */
    --base-color-black: #000;
    --base-color-white: #fff;
    --base-color-lightGrey: #cccccc;
    --signature-color: #b2730f;
    --signature-color-base: #99681a;
    --signature-color-yellow: #fbc100;
    --signature-color-gray: #5d5d5d;

    --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: 'BonmyeongjoSourceHanSerif', sans-serif;

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

    --basic-wrap-width: 85%;

    --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;

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

    --padding-sec: 15px;

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

    --max-width: 1760px;

    --header-hover-bg: rgba(0, 0, 0, 0.5);

    --button-margin: 20px 60px;

    /* 대형 텍스트 */
    --title-font-size: clamp(22px, 1.3021vw, 28px);
    --title-font-size-line: clamp(34px, 1.9271vw, 40px);

    /* 중형 텍스트 */
    --sub-font-size-l: clamp(20px, 1.1458vw, 24px);
    --sub-font-size-l-line: clamp(31px, 1.7708vw, 36px);

    /* 설명에 필요한 서브 타이틀, 서브 타이틀 텍스트 */
    --sub-font-size-m: clamp(18px, 1.0417vw, 22px);
    --sub-font-size-m-line: clamp(30px, 1.6667vw, 34px);

    /* 설명 텍스트 */
    --sub-font-size-s: clamp(16px, 0.8854vw, 18px);
    --sub-font-size-s-line: clamp(28px, 1.5104vw, 30px);
    
}