@charset "utf-8";

* {
  -webkit-text-size-adjust: none;
}

:root {
  --xxlg-font: 1.5rem; /* 24px */
  --xlg-font: 1.25rem; /* 20px */
  --lg-font: 1.125rem; /* 18px */
  --md-font: 1rem; /* 16px */
  --sm-font: 0.875rem; /* 14px */
  --xsm-font: 0.75rem; /* 12px */
  --xxsm-font: 0.625rem; /* 10px */

  --lg-height: 2;
  --md-height: 1.5;
  --sm-height: 1;
  --bold-font: 700;
  --normal-font: 400;
  --light-font: 200;
}

/*전체 지정*/
body,
form,
div,
p,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
fieldset,
th,
td,
textarea,
button,
select {
  margin: 0;
  padding: 0;
  font-weight: var(--normal-font);
  font-family: "SUIT-Regular";
  font-size: var(--md-font);
  line-height: var(--md-height);
}

@font-face {
  font-family: "SUIT-Regular";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

/* Font Face 설정*/
@font-face {
  font-family: "Pretendard Variable";
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: local("Pretendard Variable"), url("./font/PretendardVariable.woff2") format("woff2-variations");
}

@font-face {
  font-family: "Pretendard";
  src: url("./font/Pretendard-Thin.woff") format("woff");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("./font/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("./font/Pretendard-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("./font/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("./font/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("./font/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("./font/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("./font/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("./font/Pretendard-Black.woff") format("woff");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  font-weight: 200;
  src: url("./font/Manrope-ExtraLight.ttf") format("ttf");
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  font-weight: 300;
  src: url("./font/Manrope-Light.ttf") format("ttf");
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  font-weight: 400;
  src: url("./font/Manrope-Regular.ttf") format("ttf");
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  font-weight: 500;
  src: url("./font/Manrope-Medium.ttf") format("ttf");
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  font-weight: 600;
  src: url("./font/Manrope-SemiBold.ttf") format("ttf");
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  font-weight: 700;
  src: url("./font/Manrope-Bold.ttf") format("ttf");
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  font-weight: 800;
  src: url("./font/Manrope-ExtraBold.ttf") format("ttf");
  font-display: swap;
}