@charset "utf-8";

@font-face {
    font-family: "Pretendard";
    src: url("../fonts/pretendard/Pretendard-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    src: url("../fonts/pretendard/Pretendard-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    src: url("../fonts/pretendard/Pretendard-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    src: url("../fonts/pretendard/Pretendard-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-white: #fff;
    --color-black: #000;
    --color-bg-dark: #111;
    --color-bg-light: #ededed;
    --color-gray-900: #000;
    --color-gray-700: #555;
    --color-gray-500: #777;
    --color-gray-300: #DDD;
    --color-gray-100: #FFF;
    --color-text: #212529;
    --color-line: #555;
    --color-orange: #FF7A00;
    --color-blue: #0062E3;
    --color-purple: #A435F0;
    --max-width: 1400px;
}

html {
    font-size: 10px;
}

body {
    font-family: "Pretendard", sans-serif;
    font-size: 1.6rem;
    color: var(--color-white);
    background: var(--color-bg-dark);
    line-height: 1.5;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

#wrap {
    min-width: 320px;
    overflow: hidden;
}

.inner {
    width: min(100% - 48px, var(--max-width));
    margin: 0 auto;
}

.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}