@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url("https://use.typekit.net/ncv2kzp.css");
@import url("https://use.typekit.net/iqg1jhj.css");
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@font-face {
  font-family: 'Recipekorea';
  src: url('../font/Recipekorea.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
* {
  font-family: 'Pretendard', 'titillium-web', 'Recipekorea', 'Black Han Sans', 'work-sans', sans-serif;
}

html {
  font-size: 62.5%;
  overflow-X: hidden;
}

body {
  font-family: 'Pretendard', 'titillium-web', 'Recipekorea', 'Black Han Sans', 'work-sans', sans-serif;
  font-size: 1.6rem;
  letter-spacing: 1px;
  box-sizing: border-box;
  color: #202122;
}

::selection {
  background: #1A3D33;
  color: #fff;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  /* background: linear-gradient(to top, #d71e26, #dc7526, #de8e27); */
  background: #1A3D33;

}


*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 1.6rem;
}

* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

li {
  list-style: none;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
i,
input,
label,
textarea,
li,
p,
select,
span {
  color: #202122;
}
em {
  font-style: normal;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Pretendard', sans-serif;
}


select {
  font-family: 'Pretendard';
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-image: url("../images/select.png");
  background-repeat: no-repeat;
  background-position: right 2px center;
  color: #202020;
  cursor: pointer;
  background-color: #fff;
  padding: .5rem 2.4rem .5rem .5rem;
  border: 1px solid #C7D1DC;
  box-sizing: border-box;
}
select:focus {
  outline: none;
}

input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: Pretendard, sans-serif;
  border-radius: 0;
  -webkit-border-radius: 0;
  padding: 2px 6px;
  border: none;
}
input:focus,
textarea:focus {  outline: none; }

input::placeholder,
textarea::placeholder {
  font-size: 18px;
  font-weight: 300;
  color: #C8C8C8;
}

textarea::placeholder {
  font-size: 18px;
  font-weight: 300;
  color: #C8C8C8;
}

*input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

textarea {
  resize: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: 'Pretendard', sans-serif;
  border-radius: 0;
  /*
    background-image: url("../images/select.png");
    */
  background-repeat: no-repeat;
  background-position: right 2px center;
  cursor: pointer;
  background-color: #fff;
  padding: 2px 24px 2px 6px;
}

select:focus {
  /*
    background-image: url("../images/selected.png");
    */
}

select::-ms-expand {
  display: none !important;
}

iframe,
img {
  display: block;
}

/*# sourceMappingURL=common.css.map */

@media screen and (max-width: 1024px) {
  html {
    font-size: 60%;
  }
}

@media screen and (max-width: 720px) {
  html {
    font-size: 55%;
  }
}