@charset "UTF-8";

/* 폰트 */
@font-face{
  font-family: 'Pretendard';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Pretendard-Regular.woff2') format('woff2'),
       url('../fonts/Pretendard-Regular.woff') format('woff');
  font-display: swap;
}
@font-face{
  font-family: 'Pretendard';
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/Pretendard-Medium.woff2') format('woff2'),
       url('../fonts/Pretendard-Medium.woff') format('woff');
  font-display: swap;
}
@font-face{
  font-family: 'Pretendard';
  font-weight: 600;
  font-style: normal;
  src: url('../fonts/Pretendard-SemiBold.woff2') format('woff2'),
       url('../fonts/Pretendard-SemiBold.woff') format('woff');
  font-display: swap;
}
@font-face{
  font-family: 'Pretendard';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Pretendard-Bold.woff2') format('woff2'),
       url('../fonts/Pretendard-Bold.woff') format('woff');
  font-display: swap;
}
@font-face{
  font-family: 'Pretendard';
  font-weight: 800;
  font-style: normal;
  src: url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'),
       url('../fonts/Pretendard-ExtraBold.woff') format('woff');
  font-display: swap;
}
@font-face{
  font-family: 'Pretendard';
  font-weight: 900;
  font-style: normal;
  src: url('../fonts/Pretendard-Black.woff2') format('woff2'),
       url('../fonts/Pretendard-Black.woff') format('woff');
  font-display: swap;
}

/* 리셋 */
*,
*::before,
*::after { box-sizing: border-box; margin: 0; padding: 0; border: 0; background: none; } 
html,
body { line-height: 1.5; -webkit-text-size-adjust: none; text-size-adjust: none; } 
body { font-family: system-ui, sans-serif; background: #fff; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } 
ul,
ol { list-style: none; padding: 0; margin: 0; } 
li { list-style: none; } 
a { text-decoration: none; color: inherit; } 
img,
picture,
video,
canvas,
svg { display: block; max-width: 100%; } 
table { border-collapse: collapse; border-spacing: 0; } 
button,
input,
textarea,
select { font: inherit; color: inherit; background: none; border: none; outline: none; margin: 0; padding: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; } 
button { cursor: pointer; } 
textarea { resize: none; } 
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } 
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } 
::-webkit-input-placeholder { color: inherit; opacity: 0.5; } 
::-moz-placeholder { color: inherit; opacity: 0.5; } 
:-ms-input-placeholder { color: inherit; opacity: 0.5; } 
::placeholder { color: inherit; opacity: 0.5; } 
:focus { outline: none; } 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; } 
[hidden] { display: none !important; } 
address,
em,
i,
cite,
var,
dfn { font-style: normal; }