@charset "utf-8";
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* @font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 100;
  src: local('Pretendard-Thin'), local('PretendardThin'), local('Pretendard-Thin.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Thin.woff2) format('woff2');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 200;
  src: local('Pretendard-ExtraLight'), local('PretendardExtraLight'), local('Pretendard-ExtraLight.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-ExtraLight.woff2) format('woff2');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 300;
  src: local('Pretendard-Light'), local('PretendardLight'), local('Pretendard-Light.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Light.woff2) format('woff2');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  src: local('Pretendard-Regular'), local('PretendardRegular'), local('Pretendard-Regular.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Regular.woff2) format('woff2');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  src: local('Pretendard-Medium'), local('PretendardMedium'), local('Pretendard-Medium.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Medium.woff2) format('woff2');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 600;
  src: local('Pretendard-SemiBold'), local('PretendardSemiBold'), local('Pretendard-SemiBold.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-SemiBold.woff2) format('woff2');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  src: local('Pretendard-Bold'), local('PretendardBold'), local('Pretendard-Bold.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Bold.woff2) format('woff2');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 800;
  src: local('Pretendard-ExtraBold'), local('PretendardExtraBold'), local('Pretendard-ExtraBold.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-ExtraBold.woff2) format('woff2');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 900;
  src: local('MinSans-Black'), local('PretendardBlack'), local('Pretendard-Black.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Black.woff2) format('woff2');
  unicode-range: U+0020-007E;
} */
/* 기본 색상 변수에 담기 */
:root {
    --color-mainBg: #000;
    --color-mainBg02: 0,0,0;
    --color-mainTxt: #fff;
    --color-mainTxt02: 255,255,255;
}
html,body {background: var(--color-mainBg);position: relative;font-family:'Pretendard', sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;color: var(--color-mainTxt);word-break: keep-all;}
button {font-family:'Pretendard', sans-serif; color: var(--color-mainTxt);font-size: 16px;font-weight: 400;line-height: 1.4;word-break: keep-all;}
input {font-family:'Pretendard', sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;-webkit-appearance: none;-webkit-border-radius:0;word-break: keep-all;}
label, select {font-family:'Pretendard', sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;word-break: keep-all;}
textarea {font-family:'Pretendard', sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;-webkit-appearance: none;word-break: keep-all;}
h1,h2,h3,h4,h5,h6,p,span,em,b{line-height: 1.4;word-break: keep-all;}
*::placeholder{color:#999;}
*::selection{background: var(--color-mainTxt);color: var(--color-mainBg);}
