@charset "UTF-8";
/* 
  red #e72423
  green: #385723
*/
/* =================== font =================== */
@font-face {
  font-family: "pretendard";
  font-weight: 100;
  src: url("../font/Pretendard-Thin.woff2") format("woff2"),
    url("../font/Pretendard-Thin.woff") format("woff");
}

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

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

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

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

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

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

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

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

/* =================== reset =================== */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
p,
b,
ul,
ol,
li,
dl,
dt,
dd,
main,
article,
section {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.3;
  font-size: 100%;
  color: #222;
  font-family: "pretendard", sans-serif;
  vertical-align: baseline;
  word-break: keep-all;
  overflow-wrap: break-word;
}

html {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  font-weight: 500;
  scroll-behavior: smooth;
}

a {
  outline: 0;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
}

ol,
ul,
dl {
  list-style: none;
}

textarea {
  resize: none;
}

select {
  padding: 5px 10px;
}

/* Reset img */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}