* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.center-card {
  -ms-flex-align: center;
  -ms-flex-pack: center;
}

.container-card {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  margin: 20px auto;
}

.card {
  width: 70%;
  margin: 0 auto !important;
  min-height: 113.26%;
  display: -webkit-box;
  display: -ms-flexbox;
  text-align: center;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px;
  -webkit-box-shadow: -20px -20px 0px 0px #0359b0;
  box-shadow: -20px -20px 0px 0px #0359b0;
  -webkit-animation-name: shadow-show;
  -webkit-animation-duration: 1.5s;
  animation-name: shadow-show;
  animation-duration: 1.5s;
  -webkit-transition-timing-function: cubic-bezier(0.795, 0, 0.165, 1);
  -o-transition-timing-function: cubic-bezier(0.795, 0, 0.165, 1);
  transition-timing-function: cubic-bezier(0.795, 0, 0.165, 1);
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card h1, .card h2, .card h3, .card h4, .card h5 {
  margin: 0;
  padding: 0px 0px 15px 0px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  color: #282828;
}
.card hr {
  display: block;
  border: none;
  height: 3px;
  background-color: #034c97;
  margin: 0;
  -webkit-animation-name: line-show; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
  animation-name: line-show;
  animation-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.795, 0, 0.165, 1);
  -o-transition-timing-function: cubic-bezier(0.795, 0, 0.165, 1);
  transition-timing-function: cubic-bezier(0.795, 0, 0.165, 1); /* custom */
}
.card p {
  margin: 15px 0 0 0;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 200;
  font-size: 16px;
  word-break: break-all;
  color: #282828;
  margin: 0 !important;
  -webkit-animation-name: p-show; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
  animation-name: p-show;
  animation-duration: 1.5s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes line-show {
  from {
    margin: 0px 100px;
  }
  to {
    margin: 0px;
  }
}
/* Standard syntax */
@keyframes line-show {
  from {
    margin: 0px 100px;
  }
  to {
    margin: 0px;
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes p-show {
  from {
    color: white;
  }
  to {
    color: #282828;
  }
}
/* Standard syntax */
@keyframes p-show {
  from {
    color: white;
  }
  to {
    color: #282828;
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes shadow-show {
  from {
    -webkit-box-shadow: 0px 0px 0px 0px #e0e0e0;
    box-shadow: 0px 0px 0px 0px #e0e0e0;
  }
  to {
    -webkit-box-shadow: -20px -20px 0px 0px rgb(3.4967532468, 88.5844155844, 176.0032467532);
    box-shadow: -20px -20px 0px 0px rgb(3.4967532468, 88.5844155844, 176.0032467532);
  }
}
/* Standard syntax */
@keyframes shadow-show {
  from {
    -webkit-box-shadow: 0px 0px 0px 0px #e0e0e0;
    box-shadow: 0px 0px 0px 0px #e0e0e0;
  }
  to {
    -webkit-box-shadow: -20px -20px 0px 0px rgb(3.4967532468, 88.5844155844, 176.0032467532);
    box-shadow: -20px -20px 0px 0px rgb(3.4967532468, 88.5844155844, 176.0032467532);
  }
}

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