@charset "utf-8";

:root {
  --main02: #d3233a;

  --red01: #ff4631;
  --red02: #f43142;
  --red03: #ffedec;
  --red04: #ff0038;
  --red05: #d3233a;

  --blk02: #e1e1e1;
  --blk02-1: #f8f8f8;
  --blk03: #c2c2c2;
  --blk04: #a3a3a3;
  --blk05: #808080;
  --blk06: #5e5e5e;
  --blk08: #2e2e2e;
  --blk09: #141414;
}

* {
  font-family: 'Pretendard';
  line-height: 1.4;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
}
html {
  width: 100vw;
  overflow-x: hidden;
  background: #fff;
}
html,
body {
  max-width: 100%;
  height: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  opacity: 0;
  transition: 0.3s opacity;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  -ms-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
}
body.on {
  opacity: 1;
}
body,
input,
textarea,
table {
  font-size: 16px;
  font-weight: 500;
}
div,
ul,
ol,
li {
  display: inline-block;
  float: left;
}
ol,
ul {
  list-style: none;
}
dl,
ol,
ul {
  padding: 0;
  margin: 0;
}
a {
  display: inline-block;
  color: #000;
  text-decoration: none;
  word-break: break-all;
  box-sizing: border-box;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
address {
  font-style: normal;
}
p,
li {
  line-height: 1.4;
  font-size: 1rem;
  box-sizing: border-box;
}
p {
  display: inline-block;
  width: 100%;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
::after,
::before {
  display: inline-block;
  position: absolute;
}
button {
  cursor: pointer;
}