@charset "UTF-8";
.highlight-bg {
  border: 1px solid #DEE2E6;
  background-color: #F4F5F6;
}

.page-header {
  opacity: 0;
  transition: opacity 1s ease-out;
}

/* 헤더가 보일 때 */
.page-header.visible {
  opacity: 1;
}

.content {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
  will-change: transform, opacity;
}

.content.visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes fadeUpBounce {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  60% {
    opacity: 1;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.content.visible {
  animation: fadeUpBounce 0.7s ease-out forwards;
}

* {
  color: #280D5F;
}

.container {
  max-width: 500px !important;
}

.shadow-b {
  box-shadow: 0px 0px 5px #c1cbea;
}

header h1 {
  color: #280D5F;
}

.bg-iv {
  background-color: #F5F4F9;
}

@font-face {
  font-family: NotoSansKR;
  src: url("../fonts/noto/NotoSansKR-Black.otf");
  font-weight: black;
}
@font-face {
  font-family: NotoSansKR;
  src: url("../fonts/noto/NotoSansKR-Bold");
  font-weight: bold;
}
@font-face {
  font-family: NotoSansKR;
  src: url("../fonts/noto/NotoSansKR-Light.otf");
  font-weight: light;
}
@font-face {
  font-family: NotoSansKR;
  src: url("../fonts/noto/NotoSansKR-Medium.otf");
  font-weight: medium;
}
@font-face {
  font-family: NotoSansKR;
  src: url("../fonts/noto/NotoSansKR-Regular.otf");
  font-weight: normal;
}
@font-face {
  font-family: NotoSansKR;
  src: url("../fonts/noto/NotoSansKR-Thin.otf");
  font-weight: thin;
}
* {
  word-break: keep-all;
}

.text-primary {
  color: #5C24CE !important;
}

.text-white {
  color: #fff;
}
.text-white * {
  color: #fff;
}

.btn-primary {
  color: #fff;
  background-color: #7645D9;
  border-color: #5C24CE;
}
.btn-primary * {
  color: #fff !important;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #5C24CE;
  border-color: #5C24CE;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #5C24CE !important;
  border-color: #5C24CE !important;
}
.btn-check:checked + .btn-primary *, .btn-check:active + .btn-primary *, .btn-primary:active *, .btn-primary.active *, .show > .btn-primary.dropdown-toggle * {
  color: #fff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.focus, .btn-primary.active {
  color: #fff;
  background-color: #420DAD;
  border-color: #420DAD;
}

.owl-dots {
  display: none;
}

.owl-nav {
  margin-bottom: 1rem;
}

.owl-nav .btn {
  width: 50px;
  border-radius: 0.25rem;
  background-color: #1FC7D4;
  font-size: 2em;
  line-height: 1;
  height: auto;
  border: 1px solid #24c4cf;
}

.owl-nav .btn:focus, .owl-nav .btn:hover, .owl-nav .btn:active {
  background-color: #1aa8b3;
  border: 1px solid #108d96;
}

.owl-theme .owl-nav {
  margin: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #420DAD;
  color: #FFF;
  text-decoration: none;
}

body {
  background: #C2C0F9; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #E5FDFF, #e7e6ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
body header h1 {
  font-size: 1.4rem;
}
body .head-txt {
  font-size: 1.5rem;
}
body .tab_wrap {
  padding: 0.75rem 1rem;
}
body .tab_wrap .nav-pills {
  background-color: #F5F4F9;
}
body .tab_wrap .nav-pills .nav-item .nav-link {
  font-size: 1rem;
  color: #7645D9;
  font-weight: 600;
}
body .tab_wrap .nav-pills .nav-item .nav-link:focus, body .tab_wrap .nav-pills .nav-item .nav-link:hover {
  color: #7645D9;
}
body .nav-pills .nav-link.active, body .nav-pills .show > .nav-link {
  background-color: #7645D9;
  color: #fff !important;
}
body .con_txtbox h2 {
  font-size: 1rem;
  margin-bottom: 1rem !important;
}
body .con_txtbox h2 .step_num {
  width: 60px;
}
body .con_txtbox h2 .step_info {
  width: calc(100% - 60px);
}
body .con_txtbox p {
  font-size: 1rem;
  line-height: 1.4;
}
body .con_contant > div > .form-label {
  font-size: 0.85rem;
  color: #96949e;
  margin-bottom: 0.25rem;
}
body .con_contant .form-select, body .con_contant .form-control {
  border-radius: 0.75rem;
  padding: 0.75rem;
}
body .con_contant h3 {
  font-size: 1rem;
  font-weight: bold;
  color: #5C24CE;
}
body .con_contant p {
  font-size: 0.85rem;
}
body li > label.btn {
  font-size: 0.85rem;
  background-color: #F5F4F9;
}
body li > .btn-check + .btn:hover {
  border: 1px solid #5C24CE !important;
  background-color: #F5F4F9;
  box-sizing: border-box;
}
body li > .btn-check:checked + .btn, body li .btn.active, body li .btn.show, body li .btn:first-child:active, body li :not(.btn-check) + .btn:active {
  background-color: #5C24CE;
  color: #ECC531;
}
body li > .btn-check:checked + .btn *, body li .btn.active *, body li .btn.show *, body li .btn:first-child:active *, body li :not(.btn-check) + .btn:active * {
  color: #ECC531;
}

.copyhead .copy-button {
  background-color: unset !important;
  border: unset !important;
}

.copy-text {
  position: absolute;
  left: -9999px;
}/*# sourceMappingURL=style.css.map */