@charset "utf-8";
/*************/
/* Variables */
/*************/
:root {
    /* color */
    --color-background: #F0F2F4;
    --color-white: #fff;
    --color-white-background: rgba(255, 255, 255, 0.8);
    --color-black: #000000;
    --color-black-opacity: rgba(0, 0, 0, 0.7);
    --color-black-opacity-light: rgba(0, 0, 0, 0.3);
    --color-black-opacity-lighter: rgba(0, 0, 0, 0.1);
    --color-deep-gray: #6e6e6e;
    --color-gray: #9e9e9e;
    --color-border-gray: #dedede;
    --color-light-gray: #eeeeee;
    --color-green: #1C5C6B;
    --color-gold: #D1A722;
    --color-red: #D12C1F;
    --color-blue: #5BBCBA;
    /* font */
    --font-english: 'Playfair Display';
    --font-point-regular: 'GowunBatang-Regular';
    --font-point-bold: 'GowunBatang-Bold';
    --font-light: 'Pretendard-Light';
    --font-regular: 'Pretendard-Regular';
    --font-bold: 'Pretendard-SemiBold';
    --font-bolder: 'Pretendard-Bold';
    --font-heavy: 'Pretendard-Black';
    --font-smaller: 12px;
    --font-small: 13px;
    --font-medium: 15px;
    --font-large: 17px;
    --font-larger: 21px;
    --font-largest: 23px;
    --font-big: 25px;
    --font-bigger: 27px;
    --font-biggest: 29px;
    --font-great: 31px;
    --font-greater: 33px;
    --font-greatest: 41px;
    --font-huge: 61px;
    /* size */
    --size-center-max: 1720px;
    --size-center-min: 860px;
    --size-center: 1140px;
    --size-micro: 2px;
    --size-mini: 6px;
    --size-tiny: 8px;
    --size-smallest: 20px;
    --size-smaller: 30px;
    --size-small: 40px;
    --size-medium: 50px;
    --size-large: 60px;
    --size-larger: 80px;
    --size-largest: 100px;
    --size-big: 150px;
    --size-bigger: 180px;
    --size-biggest: 280px;
    --size-huge: 320px;
    /* border */
    --border-default: 1px solid var(--color-border-gray);
    --border-black: 1px solid var(--color-black);
    --border-gray: 1px solid var(--color-gray);
    --border-white: 1px solid var(--color-white);
    --border-white-opacity: 1px solid rgba(255, 255, 255, 0.3);
    --border-radius: 20px;
    --border-radius-small: 6px;
    --border-radius-micro: 4px;
    /* line height */
    --line-tiny: 0.9rem;
    --line-smallest: 1.2rem;
    --line-smaller: 1.3rem;
    --line-small: 1.4rem;
    --line-default: 1.5rem;
    --line-large: 1.7rem;
    --line-larger: 1.9rem;
    --line-largest: 2.1rem;
    --line-big: 2.3rem;
    --line-bigger: 2.5rem;
    --line-biggest: 2.7rem;
    --line-huge: 3.5rem;
}