@charset "utf-8";
/*************/
/* Variables */
/*************/
:root {
    /* color */
    --color-white: #fff;
    --color-white-background: rgba(255, 255, 255, 0.5);
    --color-white-opacity: rgba(255, 255, 255, 0.95);
    --color-white-opacity-full: rgba(255, 255, 255, 0.07);
    --color-black: #000000;
    --color-black-opacity: rgba(0, 0, 0, 0.3);
    --color-black-opacity-light: rgba(0, 0, 0, 0.1);
    --color-deep-gray: #777;
    --color-gray: #999;
    --color-light-gray: #D9D9D9;
    --color-gray-opacity: rgba(0, 0, 0, 0.15);
    --color-gold: #E9B300;
    --color-yellow: #FDCE2C;
    --color-yellow-opacity: rgba(253, 206, 44, 0.3);
    --color-red: #C11124;
    --color-red-opacity: rgba(255, 51, 51, 0.3);
    --color-light-green: #347220;
    --color-green: #214122;
    --color-green-opacity: rgba(51, 153, 51, 0.2);
    --color-light-blue: #E5EEFF;
    --color-blue: #022BE9;
    --color-background: #F1F1F3;
    --color-shadow: rgba(0, 0, 0, 0.16);
    /* font */
    --font-light: 'NanumNeoLight';
    --font-regular: 'NanumNeoRegular';
    --font-bold: 'NanumNeoBold';
    --font-bolder: 'NanumNeoBolder';
    --font-heavy: 'NanumNeoHeavy';
    --font-smaller: 12px;
    --font-small: 13px;
    --font-medium: 14px;
    --font-large: 15px;
    --font-larger: 16px;
    --font-largest: 18px;
    --font-big: 20px;
    --font-bigger: 22px;
    --font-biggest: 24px;
    --font-great: 26px;
    --font-greater: 28px;
    --font-greatest: 30px;
    /* size */
    --size-center-max: 1224px;
    --size-center-min: 450px;
    --size-center: 700px;
    --size-micro: 2px;
    --size-tiny: 6px;
    --size-smallest: 10px;
    --size-smaller: 16px;
    --size-small: 20px;
    --size-medium: 30px;
    --size-large: 40px;
    --size-larger: 50px;
    --size-largest: 60px;
    --size-big: 120px;
    --size-bigger: 190px;
    --size-biggest: 210px;
    --size-huge: 320px;
    --size-calc: 100px;
    /* border */
    --border-default: 1px solid rgba(0, 0, 0, 0.13);
    --border-default-normal: 2px solid rgba(0, 0, 0, 0.13);
    --border-default-strong: 4px solid rgba(0, 0, 0, 0.13);
    --border-black: 1px solid var(--color-black);
    --border-black-normal: 2px solid var(--color-black);
    --border-black-strong: 4px solid var(--color-black);
    --border-gray: 1px solid #dedede;
    --border-deep-gray: 1px solid #acacac;
    --border-white: 1px solid rgba(255, 255, 255, 0.3);
    --border-red: 1px solid var(--color-red);
    --border-red-strong: 4px solid var(--color-red);
    --border-blue: 1px solid var(--color-blue);
    --border-blue-strong: 2px solid var(--color-blue);
    /* line height */
    --line-tiny: 0.9rem;
    --line-smallest: 1.1rem;
    --line-smaller: 1.2rem;
    --line-small: 1.3rem;
    --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;
}