@charset "UTF-8";

:root {
  --main-color: #4f62ae;
  --main-color-2: #20acdb;
  --main-color-3: #1680a3;
  --main-color-4: #94d8ee;
  --main-dark-color: #12627c;
  --main-green-color: #3f743b;
  --main-light-color: #d0e6ed;
}

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}

* {
  font-family: "Noto Sans KR", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: inherit;
  font-size: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  font-style: inherit;
  word-break: keep-all;
}

li {
  list-style: none;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  /* border 만들면 다 떨어져서 나옴 방지, 비활성화 되어있다면 tr에 border 안들어감 */
}

iframe,
fieldset {
  border: none;
}

img,
iframe,
svg,
canvas {
  display: block;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
}

@-webkit-keyframes scrlAni {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 2rem);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrlAni {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 2rem);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}