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


/* outfit-regular - latin */
@font-face {
  font-family: 'Outfit';
  src: url('../fonts/outfit-v15-latin/outfit-v15-latin-regular.woff2') format('woff2'); 
  font-weight: 400;
  font-style: normal;
  font-display: swap; 
}

/* outfit-500 - latin */
@font-face {
  font-family: 'Outfit';
  src: url('../fonts/outfit-v15-latin/outfit-v15-latin-500.woff2') format('woff2'); 
  font-weight: 500;
  font-style: normal;
  font-display: swap; 
}

/* outfit-600 - latin */
@font-face {
  font-family: 'Outfit';
  src: url('../fonts/outfit-v15-latin/outfit-v15-latin-600.woff2') format('woff2'); 
  font-weight: 600;
  font-style: normal;
  font-display: swap; 
}

/* outfit-700 - latin */
@font-face {
  font-family: 'Outfit';
  src: url('../fonts/outfit-v15-latin/outfit-v15-latin-700.woff2') format('woff2'); 
  font-weight: 700;
  font-style: normal;
  font-display: swap; 
}

:root {
    --color-white: #fff;
    --color-black: #000;
    --color-bg-dark: #0F1F2C;
    --color-bg-light: #F4F4F4;
    --color-gray-900: #000;
    --color-gray-700: #555;
    --color-gray-500: #777;
    --color-gray-300: #999;
    --color-gray-100: #FFF;
    --color-text: #0F1F2C;
    --color-line: #AAA;
    --color-orange: #FF7A00;
    --color-blue: #0062E3;
    --max-width: 1200px;
}

html {
    font-size: 10px;
}

body {
    font-family: "Pretendard", sans-serif;
    font-size: 1.6rem;
    color: var(--color-text);
    background: var(--color-white);
    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);
}