@charset "UTF-8";
/* ============================== custom ============================== */
@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: fallback;
  src: local("Pretendard-Light"), url("../fonts/Pretendard-Light.woff2") format("woff2"), url("../fonts/Pretendard-Light.woff") format("woff"), url("../fonts/Pretendard-Light.ttf") format("truetype"); }

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

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

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

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

@font-face {
  font-family: 'D-DIN Condensed Regular';
  font-style: normal;
  font-weight: normal;
  src: local("D-DIN Condensed Regular"), url("../fonts/D-DINCondensed.woff2") format("woff2"), url("../fonts/D-DINCondensed.woff") format("woff"), url("../fonts/D-DINCondensed.ttf") format("truetype"); }

*,
:after,
:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.005em;
  background-repeat: no-repeat !important; }

body,
html,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
dl,
dt,
dd,
pre,
p,
span,
hr,
button,
input,
form,
fieldset,
table,
caption,
th,
td,
header,
nav,
section,
article,
aside,
footer,
:after,
:before {
  font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", sans-serif;
  font-size: 10px;
  font-weight: inherit;
  word-break: break-word; }

html,
body {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #fff; }

html.lock body {
  overflow: hidden; }

header,
nav,
section,
article,
aside,
footer {
  display: block; }

ol,
ul {
  list-style: none; }

img {
  border: 0;
  vertical-align: top; }

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }

th,
label {
  font-weight: normal; }

fieldset {
  border: none; }

address {
  font-style: normal; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 16px;
  color: #bbb; }
  @media (max-width: 768px) {
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
      font-size: 14px; } }

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-size: 16px;
  color: #bbb; }
  @media (max-width: 768px) {
    input::-moz-placeholder,
    textarea::-moz-placeholder {
      font-size: 14px; } }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-size: 16px;
  color: #bbb; }
  @media (max-width: 768px) {
    input::-ms-input-placeholder,
    textarea::-ms-input-placeholder {
      font-size: 14px; } }

input::-o-input-placeholder,
textarea::-o-input-placeholder {
  font-size: 16px;
  color: #bbb; }
  @media (max-width: 768px) {
    input::-o-input-placeholder,
    textarea::-o-input-placeholder {
      font-size: 14px; } }

input::placeholder,
textarea::placeholder {
  font-size: 16px;
  color: #bbb; }
  @media (max-width: 768px) {
    input::placeholder,
    textarea::placeholder {
      font-size: 14px; } }

button,
input {
  border: none;
  background: none; }
  button:disabled,
  input:disabled {
    cursor: not-allowed; }
  button:focus,
  input:focus {
    outline: none; }

button:focus,
input:focus,
.input:focus,
span:focus {
  outline: none; }

button,
a {
  cursor: pointer; }

em {
  font-style: normal; }

textarea {
  font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", sans-serif;
  appearance: none;
  border: none;
  background: none;
  resize: none; }
  textarea:focus {
    outline: none; }

pre {
  font-family: Consolas; }

a {
  display: inline-block;
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  font-weight: inherit; }
  a:focus {
    outline: none; }

i {
  font-style: normal; }

input {
  appearance: none;
  caret-color: #000; }
  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px transparent inset; }
  input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s; }

input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
button:disabled {
  cursor: no-drop; }

input[type="checkbox"],
input[type="radio"] {
  display: none; }
  input[type="checkbox"]:disabled + label,
  input[type="radio"]:disabled + label {
    cursor: no-drop; }

input::-ms-clear {
  display: none; }

input[type="text"],
input[type="password"] {
  font-size: 14px; }

input[type="number"] {
  -moz-appearance: textfield; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  appearance: none; }

input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

input::-ms-clear,
input::-ms-reveal {
  display: none; }

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none; }

.blind {
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  overflow: hidden; }

hr {
  border: none;
  height: 2px;
  background-color: red; }

.ux-check {
  height: 20px;
  color: #fff;
  font-size: 20px;
  background: red; }