@charset "utf-8";

:root {

    /* color setup */
    --base-color-black: #352D28;
    --base-color-white: #fff;
    --signature-color: #8C735F;
    --background-color: #ffffff;
    --background-color-edit: #D5D2CD;
    --background-color-gray: #938E8A;

    /* font setup */
    --font-KR-base: "europa", sans-serif;
    --font-EN-serif: "Playfair", Georgia, serif;
    --font-color-base: var(--base-color-black);
    --font-size-base: 15px;
    --font-weight-base: 400;

    /* header setup */
    --header-filter: blur(10px);


    /* margin / padding setup */
    --max-width: 2560px;

    --padding-pc: 50px;

    --padding-mo: 15px;

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


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




    /* 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.8333vw, 17px);
    --text-font-size-line: clamp(23px, 1.2500vw, 25px);

    /* XXS - 내용 - 내용 중 디테일 텍스트 */
    --text-font-size-s: clamp(14px, 0.7552vw, 15px);
    --text-font-size-line: clamp(23px, 1.2500vw, 25px);


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

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


}