@charset "utf-8";

/* 공통레이아웃 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
html {
  font-size: 62.5%;
  height: 100%;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
li {
  list-style: none;
}
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
address,
cite,
code,
em {
  font-style: normal;
  font-weight: normal;
}
label,
img,
input,
select,
textarea,
button,
a,
svg {
  vertical-align: middle;
}
button {
  border: none;
  outline: none;
  background-color: transparent;
}
button:hover,
input[type='checkbox']:hover,
select:hover,
input[type='file']:hover {
  cursor: pointer;
}
fieldset,
img {
  border: 0 none;
}
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {
  outline: none;
}
:lang(en),
:lang(ko) {
  word-break: keep-all;
  word-wrap: break-word;
}
label,
button,
a {
  cursor: pointer;
}

body {
  letter-spacing: -1px;
  font-size: 1.6rem;
  width: 100%;
  min-width: 320px;
  overflow-x: hidden;
  /* height: auto; */
  line-height: 1;
  vertical-align: baseline;
  box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -ms-overflow-style: none;
  text-size-adjust: none;
}
.wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
::-webkit-scrollbar {
  display: none;
}
/* banner부분 큰화면 보고 가로공백생기면
   width 100vw로 수정하기 */

/* --- index 공통요소 --- */
.white {
  color: #fff;
}
.black {
  color: #222;
}
.bold {
  font-family: 'S-CoreDream-6Bold';
}
.medium {
  font-family: 'S-CoreDream-5Medium';
}
.regular {
  font-family: 'S-CoreDream-4Regular';
}
.light {
  font-weight: lighter;
}
.upper {
  text-transform: uppercase;
}
.green {
  color: #2ac49d;
}
.gray {
  color: #666666;
}
.back {
  background-color: #fff;
}