/* font */
/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  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: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

.pre {font-family: 'Pre' !important;}

:root {
  --black : #000000;
  --gray_58 : #585858;
  --gray_94 : #949494;
  --gray_e : #eeeeee;
  --gray_9c : #9c7562;
  --gray_c7 : #c7c7c7;
  --wt : #fff;
  --wt_ffe : #ffe3ba;
}

/* bg color */
.black { background: var(--black) !important;}
.gray_58 { background: var(--gray_58) !important;}
.gray_94 { background: var(--gray_94) !important;}
.gray_e { background: var(--gray_e) !important;}
.gray_9c { background: var(--gray_9c) !important;}
.gray_7c { background: var(--gray_7c) !important;}
.wt { background: var(--wt) !important;}
.wt_ffe { background: var(--wt_ffe) !important;}

/* color */
.black_cr { color: var(--black) !important;}
.gray_58_cr { color: var(--gray_58) !important;}
.gray_94_cr { color: var(--gray_94) !important;}
.gray_e_cr { color: var(--gray_e) !important;}
.gray_9c_cr { color: var(--gray_9c) !important;}
.gray_7c_cr { color: var(--gray_7c) !important;}
.wt_cr { color: var(--wt) !important;}
.wt_ffe_cr { color: var(--wt_ffe) !important;}


button,input,select,textarea,a {font-family: "Libre Baskerville", pre;}
body {font-family: "Libre Baskerville", pre; background: var(--gray_e); overflow: hidden; overflow-y: auto;}
section {margin-bottom: 160px;}
section:first-of-type {margin-top: 160px;}