@charset "utf-8";

html>/**/body {
  overflow-y: scroll;
  overflow-x: hidden;
}
* {
  margin: 0;
  padding: 0;
}
html {
  width: 100%;
  height: 100%;
}
img {
  border: 0;
  vertical-align: middle;
}
body {
  font-family: "Pretendard-Regular", "맑은 고딕", AppleGothic, Dotum, "돋움",
    sans-serif;
  color: #000;
  font-weight: normal;
  font-size: 0.9em !important;
  min-width: 320px;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
address,
b,
span,
strong {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul,
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  letter-spacing: -0.2px;
  word-break: keep-all;
}
p {
  letter-spacing: -0.2px;
  word-break: keep-all;
}

:root {
  --KNOC-main-h1-font-family: "Paperlogy-Black", AppleGothic, Dotum, "돋움",
    sans-serif;
  --KNOC-main-h1-font-weight: 700;
  --KNOC-main-h1-font-size: 6em;
  --KNOC-main-h1-letter-spacing: -0.2px;
  --KNOC-main-h1-line-height: normal;
  --KNOC-main-h2-font-family: "Paperlogy-SemiBold", Helvetica;
  --KNOC-main-h2-font-weight: 700;
  --KNOC-main-h2-font-size: 3.75rem;
  --KNOC-main-h2-letter-spacing: -0.2px;
  --KNOC-main-h2-line-height: normal;
  --KNOC-main-h2-font-style: normal;
  --KNOC-main-h3-font-family: "Paperlogy-SemiBold", Helvetica;
  --KNOC-main-h3-font-weight: 700;
  --KNOC-main-h3-font-size: 3.25rem;
  --KNOC-main-h3-letter-spacing: -0.2px;
  --KNOC-main-h3-line-height: normal;
  --KNOC-main-h3-font-style: normal;
  --KNOC-main-h4-font-family: "Paperlogy-regular", Helvetica;
  --KNOC-main-h4-font-weight: 700;
  --KNOC-main-h4-font-size: 3rem;
  --KNOC-main-h4-letter-spacing: -0.2px;
  --KNOC-main-h4-line-height: normal;
  --KNOC-main-h4-font-style: normal;
  --KNOC-main-h5-font-family: "Gmarket Sans", Helvetica;
  --KNOC-main-h5-font-weight: 700;
  --KNOC-main-h5-font-size: 2rem;
  --KNOC-main-h5-letter-spacing: -0.2px;
  --KNOC-main-h5-line-height: normal;
  --KNOC-main-h5-font-style: normal;
  --KNOC-article-text-font-family: "Pretendard-Regular", Helvetica;
  --KNOC-article-text-font-weight: 400;
  --KNOC-article-text-font-size: 1.25rem;
  --KNOC-article-text-letter-spacing: -0.2px;
  --KNOC-article-text-line-height: 1.5;
}

/* margin, padding preset */
.m_auto {
  margin: 0 auto !important;
}
.m0 {
  margin: 0px !important;
}
/* margin top */
.mt0 {
  margin-top: 0px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mt120 {
  margin-top: 120px !important;
}
/* margin bottom */
.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 35px !important;
}
.mb35 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
/* margin left */
.ml0 {
  margin-left: 0px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml60 {
  margin-left: 60px !important;
}
/* margin right */
.mr0 {
  margin-right: 0px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.p10 {
  padding: 10px !important;
}
.plr {
  padding: 0 8px;
}
.p0 {
  padding: 0px !important;
}
.p5 {
  padding: 5px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pa0 {
  padding: 0px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}

@media all and (max-width: 768px) {
  .pb100 {
    padding-bottom: 80px !important;
  }
}
.pb150 {
  padding-bottom: 150px !important;
}
.pb160 {
  padding-bottom: 160px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pl100 {
  padding-left: 100px !important;
}

.pr0 {
  padding-right: 0 !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr30 {
  padding-right: 30px !important;
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.w50 {
  width: 50% !important;
}
.w100 {
  width: 100% !important;
}
.space-even {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media all and (max-width: 768px) {
  :root {
    --KNOC-main-h1-font-size: 3rem;
    --KNOC-main-h2-font-size: 2rem;
    --KNOC-main-h3-font-size: 2rem;
    --KNOC-main-h4-font-size: 1.8rem;
    --KNOC-main-h5-font-size: 1.5rem;
    --KNOC-article-text-font-size: 0.95rem;
  }
  .mb70 {
    margin-bottom: 40px !important;
  }
}