@charset "UTF-8";
/* 키프레임 */
@keyframes shake-left {
  0% {
    rotate: -1deg;
  }
  100% {
    rotate: 3deg;
  }
}
@keyframes shake-left-point {
  0% {
    rotate: -1deg;
  }
  100% {
    rotate: 1deg;
  }
}
@keyframes shake-right-point {
  0% {
    rotate: 1deg;
  }
  100% {
    rotate: -1deg;
  }
}
@keyframes shake-left-s {
  0% {
    rotate: 0deg;
  }
  25% {
    rotate: -10deg;
  }
  50% {
    rotate: 5deg;
  }
  75% {
    rotate: -10deg;
  }
  100% {
    rotate: 0deg;
  }
}
@keyframes shake-right {
  0% {
    rotate: 1deg;
  }
  100% {
    rotate: -3deg;
  }
}
@keyframes swing-left {
  0% {
    transform: translateX(-0.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes swing-top {
  0% {
    transform: translateY(-1rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes ani-flicker {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 믹스인 */
body, html {
  width: 100%;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

.form-flex {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.form-flex button, .form-flex a {
  flex-shrink: 0;
}

.none {
  width: 0;
  height: 0;
  text-indent: -9999px;
  display: none !important;
}

.ip-cau {
  position: relative;
  color: #999999;
  font-weight: 300;
  margin-top: 1rem;
  margin-left: 2.6rem;
  display: block;
  display: none;
}
.ip-cau::before {
  content: "";
  background: #333333 url("data:image/svg+xml;charset=utf8,%3Csvg width='2' height='10' viewBox='0 0 2 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.5C0 0.947715 0.447715 0.5 1 0.5V0.5C1.55228 0.5 2 0.947715 2 1.5V5.5C2 6.05228 1.55228 6.5 1 6.5V6.5C0.447715 6.5 0 6.05228 0 5.5V1.5Z' fill='%23fff'/%3E%3Cpath d='M0 8.5C0 7.94772 0.447715 7.5 1 7.5V7.5C1.55228 7.5 2 7.94772 2 8.5V8.5C2 9.05228 1.55228 9.5 1 9.5V9.5C0.447715 9.5 0 9.05228 0 8.5V8.5Z' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat center center/0.2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 100rem;
  position: absolute;
  left: -2.6rem;
  top: 0.1rem;
}
.ip-cau.warring {
  color: #d32b2b;
  font-weight: 400;
}
.ip-cau.warring::before {
  background-color: #d32b2b;
}

.mw200 {
  width: 100%;
  max-width: 20rem !important;
  transition: max-width 500ms;
}

.mw160 {
  width: 100%;
  max-width: 16rem !important;
  transition: max-width 500ms;
}

.mw120 {
  width: 100%;
  max-width: 12rem !important;
  transition: max-width 500ms;
}

.btn, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-r-xs-sb, .btn-r-xs-wa, .btn-r-xs-de, .btn-r-xs-po, .btn-r-xs-nm, .btn-o-xl-sb, .btn-o-xl-wa, .btn-o-xl-de, .btn-o-xl-po, .btn-o-xl-nm, .btn-o-lg-sb, .btn-o-lg-wa, .btn-o-lg-de, .btn-o-lg-po, .btn-o-lg-nm, .btn-o-md-sb, .btn-o-md-wa, .btn-o-md-de, .btn-o-md-po, .btn-o-md-nm, .btn-o-sm-sb, .btn-o-sm-wa, .btn-o-sm-de, .btn-o-sm-po, .btn-o-sm-nm, .btn-o-xs-sb, .btn-o-xs-wa, .btn-o-xs-de, .btn-o-xs-po, .btn-o-xs-nm, .btn-s-xl-sb, .btn-s-xl-wa, .btn-s-xl-de, .btn-s-xl-po, .btn-s-xl-nm, .btn-s-lg-sb, .btn-s-lg-wa, .btn-s-lg-de, .btn-s-lg-po, .btn-s-lg-nm, .btn-s-md-sb, .btn-s-md-wa, .btn-s-md-de, .btn-s-md-po, .btn-s-md-nm, .btn-s-sm-sb, .btn-s-sm-wa, .btn-s-sm-de, .btn-s-sm-po, .btn-s-sm-nm, .btn-s-xs-sb, .btn-s-xs-wa, .btn-s-xs-de, .btn-s-xs-po, .btn-s-xs-nm, .btn-g-xl-sb, .btn-g-xl-wa, .btn-g-xl-de, .btn-g-xl-po, .btn-g-xl-nm, .btn-g-lg-sb, .btn-g-lg-wa, .btn-g-lg-de, .btn-g-lg-po, .btn-g-lg-nm, .btn-g-md-sb, .btn-g-md-wa, .btn-g-md-de, .btn-g-md-po, .btn-g-md-nm, .btn-g-sm-sb, .btn-g-sm-wa, .btn-g-sm-de, .btn-g-sm-po, .btn-g-sm-nm, .btn-g-xs-sb, .btn-g-xs-wa, .btn-g-xs-de, .btn-g-xs-po, .btn-g-xs-nm, .btn-xl-sb, .btn-xl-wa, .btn-xl-de, .btn-xl-po, .btn-xl-nm, .btn-lg-sb, .btn-lg-wa, .btn-lg-de, .btn-lg-po, .btn-lg-nm, .btn-md-sb, .btn-md-wa, .btn-md-de, .btn-md-po, .btn-md-nm, .btn-sm-sb, .btn-sm-wa, .btn-sm-de, .btn-sm-po, .btn-sm-nm, .btn-xs-sb, .btn-xs-wa, .btn-xs-de, .btn-xs-po, .btn-xs-nm, .btn-r-sb, .btn-r-wa, .btn-r-de, .btn-r-po, .btn-r-nm, .btn-o-sb, .btn-o-wa, .btn-o-de, .btn-o-po, .btn-o-nm, .btn-s-sb, .btn-s-wa, .btn-s-de, .btn-s-po, .btn-s-nm, .btn-g-sb, .btn-g-wa, .btn-g-de, .btn-g-po, .btn-g-nm, .btn-r-xl, .btn-r-lg, .btn-r-md, .btn-r-sm, .btn-r-xs, .btn-o-xl, .btn-o-lg, .btn-o-md, .btn-o-sm, .btn-o-xs, .btn-s-xl, .btn-s-lg, .btn-s-md, .btn-s-sm, .btn-s-xs, .btn-g-xl, .btn-g-lg, .btn-g-md, .btn-g-sm, .btn-g-xs, .btn-sb, .btn-r-xl-sb, .btn-r-lg-sb, .btn-r-md-sb, .btn-r-sm-sb, .btn-r-xs-sb, .btn-o-xl-sb, .btn-o-lg-sb, .btn-o-md-sb, .btn-o-sm-sb, .btn-o-xs-sb, .btn-s-xl-sb, .btn-s-lg-sb, .btn-s-md-sb, .btn-s-sm-sb, .btn-s-xs-sb, .btn-g-xl-sb, .btn-g-lg-sb, .btn-wa, .btn-r-xl-wa, .btn-r-lg-wa, .btn-r-md-wa, .btn-r-sm-wa, .btn-r-xs-wa, .btn-o-xl-wa, .btn-o-lg-wa, .btn-o-md-wa, .btn-o-sm-wa, .btn-o-xs-wa, .btn-s-xl-wa, .btn-s-lg-wa, .btn-s-md-wa, .btn-s-sm-wa, .btn-s-xs-wa, .btn-g-xl-wa, .btn-de, .btn-r-xl-de, .btn-r-lg-de, .btn-r-md-de, .btn-r-sm-de, .btn-r-xs-de, .btn-o-xl-de, .btn-o-lg-de, .btn-o-md-de, .btn-o-sm-de, .btn-o-xs-de, .btn-s-xl-de, .btn-s-lg-de, .btn-s-md-de, .btn-s-sm-de, .btn-s-xs-de, .btn-g-xl-de, .btn-po, .btn-r-xl-po, .btn-r-lg-po, .btn-r-md-po, .btn-r-sm-po, .btn-r-xs-po, .btn-o-xl-po, .btn-o-lg-po, .btn-o-md-po, .btn-o-sm-po, .btn-o-xs-po, .btn-s-xl-po, .btn-s-lg-po, .btn-s-md-po, .btn-s-sm-po, .btn-s-xs-po, .btn-g-xl-po, .btn-nm, .btn-r-xl-nm, .btn-r-lg-nm, .btn-r-md-nm, .btn-r-sm-nm, .btn-r-xs-nm, .btn-o-xl-nm, .btn-o-lg-nm, .btn-o-md-nm, .btn-o-sm-nm, .btn-o-xs-nm, .btn-s-xl-nm, .btn-s-lg-nm, .btn-s-md-nm, .btn-s-sm-nm, .btn-s-xs-nm, .btn-g-xl-nm, .btn-xl, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-o-xl-sb, .btn-o-xl-wa, .btn-o-xl-de, .btn-o-xl-po, .btn-o-xl-nm, .btn-s-xl-sb, .btn-s-xl-wa, .btn-s-xl-de, .btn-s-xl-po, .btn-s-xl-nm, .btn-g-xl-sb, .btn-g-xl-wa, .btn-g-xl-de, .btn-g-xl-po, .btn-g-xl-nm, .btn-lg, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-o-lg-sb, .btn-o-lg-wa, .btn-o-lg-de, .btn-o-lg-po, .btn-o-lg-nm, .btn-s-lg-sb, .btn-s-lg-wa, .btn-s-lg-de, .btn-s-lg-po, .btn-s-lg-nm, .btn-g-lg-sb, .btn-md, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-o-md-sb, .btn-o-md-wa, .btn-o-md-de, .btn-o-md-po, .btn-o-md-nm, .btn-s-md-sb, .btn-s-md-wa, .btn-s-md-de, .btn-s-md-po, .btn-s-md-nm, .btn-sm, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-o-sm-sb, .btn-o-sm-wa, .btn-o-sm-de, .btn-o-sm-po, .btn-o-sm-nm, .btn-s-sm-sb, .btn-s-sm-wa, .btn-s-sm-de, .btn-s-sm-po, .btn-s-sm-nm, .btn-xs, .btn-r-xs-sb, .btn-r-xs-wa, .btn-r-xs-de, .btn-r-xs-po, .btn-r-xs-nm, .btn-o-xs-sb, .btn-o-xs-wa, .btn-o-xs-de, .btn-o-xs-po, .btn-o-xs-nm, .btn-s-xs-sb, .btn-s-xs-wa, .btn-s-xs-de, .btn-s-xs-po, .btn-s-xs-nm, .btn-r, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-r-xs-sb, .btn-r-xs-wa, .btn-r-xs-de, .btn-r-xs-po, .btn-r-xs-nm, .btn-o, .btn-o-xl-sb, .btn-o-xl-wa, .btn-o-xl-de, .btn-o-xl-po, .btn-o-xl-nm, .btn-o-lg-sb, .btn-o-lg-wa, .btn-o-lg-de, .btn-o-lg-po, .btn-o-lg-nm, .btn-o-md-sb, .btn-o-md-wa, .btn-o-md-de, .btn-o-md-po, .btn-o-md-nm, .btn-o-sm-sb, .btn-o-sm-wa, .btn-o-sm-de, .btn-o-sm-po, .btn-o-sm-nm, .btn-o-xs-sb, .btn-o-xs-wa, .btn-o-xs-de, .btn-o-xs-po, .btn-o-xs-nm, .btn-s, .btn-s-xl-sb, .btn-s-xl-wa, .btn-s-xl-de, .btn-s-xl-po, .btn-s-xl-nm, .btn-s-lg-sb, .btn-s-lg-wa, .btn-s-lg-de, .btn-s-lg-po, .btn-s-lg-nm, .btn-s-md-sb, .btn-s-md-wa, .btn-s-md-de, .btn-s-md-po, .btn-s-md-nm, .btn-s-sm-sb, .btn-s-sm-wa, .btn-s-sm-de, .btn-s-sm-po, .btn-s-sm-nm, .btn-s-xs-sb, .btn-s-xs-wa, .btn-s-xs-de, .btn-s-xs-po, .btn-s-xs-nm, .btn-g, .btn-g-xl-sb, .btn-g-xl-wa, .btn-g-xl-de, .btn-g-xl-po, .btn-g-xl-nm, .btn-g-lg-sb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: inherit;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease;
  line-height: 1;
}
.btn-g, .btn-g-xl-sb, .btn-g-xl-wa, .btn-g-xl-de, .btn-g-xl-po, .btn-g-xl-nm, .btn-g-lg-sb, .btn-g-lg-wa, .btn-g-lg-de, .btn-g-lg-po, .btn-g-lg-nm, .btn-g-md-sb, .btn-g-md-wa, .btn-g-md-de, .btn-g-md-po, .btn-g-md-nm, .btn-g-sm-sb, .btn-g-sm-wa, .btn-g-sm-de, .btn-g-sm-po, .btn-g-sm-nm, .btn-g-xs-sb, .btn-g-xs-wa, .btn-g-xs-de, .btn-g-xs-po, .btn-g-xs-nm, .btn-g-sb, .btn-g-wa, .btn-g-de, .btn-g-po, .btn-g-nm, .btn-g-xl, .btn-g-lg, .btn-g-md, .btn-g-sm, .btn-g-xs {
  background: transparent;
  border: none;
  color: #777777;
  border-radius: 0.4rem;
}
.btn-s, .btn-s-xl-sb, .btn-s-xl-wa, .btn-s-xl-de, .btn-s-xl-po, .btn-s-xl-nm, .btn-s-lg-sb, .btn-s-lg-wa, .btn-s-lg-de, .btn-s-lg-po, .btn-s-lg-nm, .btn-s-md-sb, .btn-s-md-wa, .btn-s-md-de, .btn-s-md-po, .btn-s-md-nm, .btn-s-sm-sb, .btn-s-sm-wa, .btn-s-sm-de, .btn-s-sm-po, .btn-s-sm-nm, .btn-s-xs-sb, .btn-s-xs-wa, .btn-s-xs-de, .btn-s-xs-po, .btn-s-xs-nm, .btn-s-sb, .btn-s-wa, .btn-s-de, .btn-s-po, .btn-s-nm, .btn-s-xl, .btn-s-lg, .btn-s-md, .btn-s-sm, .btn-s-xs {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0.4rem;
}
.btn-o, .btn-o-xl-sb, .btn-o-xl-wa, .btn-o-xl-de, .btn-o-xl-po, .btn-o-xl-nm, .btn-o-lg-sb, .btn-o-lg-wa, .btn-o-lg-de, .btn-o-lg-po, .btn-o-lg-nm, .btn-o-md-sb, .btn-o-md-wa, .btn-o-md-de, .btn-o-md-po, .btn-o-md-nm, .btn-o-sm-sb, .btn-o-sm-wa, .btn-o-sm-de, .btn-o-sm-po, .btn-o-sm-nm, .btn-o-xs-sb, .btn-o-xs-wa, .btn-o-xs-de, .btn-o-xs-po, .btn-o-xs-nm, .btn-o-sb, .btn-o-wa, .btn-o-de, .btn-o-po, .btn-o-nm, .btn-o-xl, .btn-o-lg, .btn-o-md, .btn-o-sm, .btn-o-xs {
  background: transparent;
  border: 1px solid #5838E6;
  color: #5838E6;
}
.btn-r, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-r-xs-sb, .btn-r-xs-wa, .btn-r-xs-de, .btn-r-xs-po, .btn-r-xs-nm, .btn-r-sb, .btn-r-wa, .btn-r-de, .btn-r-po, .btn-r-nm, .btn-r-xl, .btn-r-lg, .btn-r-md, .btn-r-sm, .btn-r-xs {
  background: linear-gradient(90deg, #832CBD 0%, #5838E6 100%);
  color: #5838E6;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}
.btn-r::before, .btn-r-xl-sb::before, .btn-r-xl-wa::before, .btn-r-xl-de::before, .btn-r-xl-po::before, .btn-r-xl-nm::before, .btn-r-lg-sb::before, .btn-r-lg-wa::before, .btn-r-lg-de::before, .btn-r-lg-po::before, .btn-r-lg-nm::before, .btn-r-md-sb::before, .btn-r-md-wa::before, .btn-r-md-de::before, .btn-r-md-po::before, .btn-r-md-nm::before, .btn-r-sm-sb::before, .btn-r-sm-wa::before, .btn-r-sm-de::before, .btn-r-sm-po::before, .btn-r-sm-nm::before, .btn-r-xs-sb::before, .btn-r-xs-wa::before, .btn-r-xs-de::before, .btn-r-xs-po::before, .btn-r-xs-nm::before, .btn-r-sb::before, .btn-r-wa::before, .btn-r-de::before, .btn-r-po::before, .btn-r-nm::before, .btn-r-xl::before, .btn-r-lg::before, .btn-r-md::before, .btn-r-sm::before, .btn-r-xs::before {
  content: "";
  background: #ffffff;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 100px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: -1;
}
.btn-r::after, .btn-r-xl-sb::after, .btn-r-xl-wa::after, .btn-r-xl-de::after, .btn-r-xl-po::after, .btn-r-xl-nm::after, .btn-r-lg-sb::after, .btn-r-lg-wa::after, .btn-r-lg-de::after, .btn-r-lg-po::after, .btn-r-lg-nm::after, .btn-r-md-sb::after, .btn-r-md-wa::after, .btn-r-md-de::after, .btn-r-md-po::after, .btn-r-md-nm::after, .btn-r-sm-sb::after, .btn-r-sm-wa::after, .btn-r-sm-de::after, .btn-r-sm-po::after, .btn-r-sm-nm::after, .btn-r-xs-sb::after, .btn-r-xs-wa::after, .btn-r-xs-de::after, .btn-r-xs-po::after, .btn-r-xs-nm::after, .btn-r-sb::after, .btn-r-wa::after, .btn-r-de::after, .btn-r-po::after, .btn-r-nm::after, .btn-r-xl::after, .btn-r-lg::after, .btn-r-md::after, .btn-r-sm::after, .btn-r-xs::after {
  content: "";
  background: linear-gradient(90deg, #832CBD 0%, #5838E6 100%);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  clip-path: circle(0% at 0 -50%);
  transition: all 500ms;
  z-index: -1;
  isolation: isolate;
}
.btn-r:hover, .btn-r-xl-sb:hover, .btn-r-xl-wa:hover, .btn-r-xl-de:hover, .btn-r-xl-po:hover, .btn-r-xl-nm:hover, .btn-r-lg-sb:hover, .btn-r-lg-wa:hover, .btn-r-lg-de:hover, .btn-r-lg-po:hover, .btn-r-lg-nm:hover, .btn-r-md-sb:hover, .btn-r-md-wa:hover, .btn-r-md-de:hover, .btn-r-md-po:hover, .btn-r-md-nm:hover, .btn-r-sm-sb:hover, .btn-r-sm-wa:hover, .btn-r-sm-de:hover, .btn-r-sm-po:hover, .btn-r-sm-nm:hover, .btn-r-xs-sb:hover, .btn-r-xs-wa:hover, .btn-r-xs-de:hover, .btn-r-xs-po:hover, .btn-r-xs-nm:hover, .btn-r-sb:hover, .btn-r-wa:hover, .btn-r-de:hover, .btn-r-po:hover, .btn-r-nm:hover, .btn-r-xl:hover, .btn-r-lg:hover, .btn-r-md:hover, .btn-r-sm:hover, .btn-r-xs:hover {
  color: #fff;
}
.btn-r:hover::after, .btn-r-xl-sb:hover::after, .btn-r-xl-wa:hover::after, .btn-r-xl-de:hover::after, .btn-r-xl-po:hover::after, .btn-r-xl-nm:hover::after, .btn-r-lg-sb:hover::after, .btn-r-lg-wa:hover::after, .btn-r-lg-de:hover::after, .btn-r-lg-po:hover::after, .btn-r-lg-nm:hover::after, .btn-r-md-sb:hover::after, .btn-r-md-wa:hover::after, .btn-r-md-de:hover::after, .btn-r-md-po:hover::after, .btn-r-md-nm:hover::after, .btn-r-sm-sb:hover::after, .btn-r-sm-wa:hover::after, .btn-r-sm-de:hover::after, .btn-r-sm-po:hover::after, .btn-r-sm-nm:hover::after, .btn-r-xs-sb:hover::after, .btn-r-xs-wa:hover::after, .btn-r-xs-de:hover::after, .btn-r-xs-po:hover::after, .btn-r-xs-nm:hover::after, .btn-r-sb:hover::after, .btn-r-wa:hover::after, .btn-r-de:hover::after, .btn-r-po:hover::after, .btn-r-nm:hover::after, .btn-r-xl:hover::after, .btn-r-lg:hover::after, .btn-r-md:hover::after, .btn-r-sm:hover::after, .btn-r-xs:hover::after {
  clip-path: circle(200% at 0 0);
}
.btn-xs, .btn-r-xs-sb, .btn-r-xs-wa, .btn-r-xs-de, .btn-r-xs-po, .btn-r-xs-nm, .btn-o-xs-sb, .btn-o-xs-wa, .btn-o-xs-de, .btn-o-xs-po, .btn-o-xs-nm, .btn-s-xs-sb, .btn-s-xs-wa, .btn-s-xs-de, .btn-s-xs-po, .btn-s-xs-nm, .btn-g-xs-sb, .btn-g-xs-wa, .btn-g-xs-de, .btn-g-xs-po, .btn-g-xs-nm, .btn-xs-sb, .btn-xs-wa, .btn-xs-de, .btn-xs-po, .btn-xs-nm, .btn-r-xs, .btn-o-xs, .btn-s-xs, .btn-g-xs {
  height: 3rem;
  font-size: 1.4rem;
  padding: 0rem 1.5rem;
}
.btn-sm, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-o-sm-sb, .btn-o-sm-wa, .btn-o-sm-de, .btn-o-sm-po, .btn-o-sm-nm, .btn-s-sm-sb, .btn-s-sm-wa, .btn-s-sm-de, .btn-s-sm-po, .btn-s-sm-nm, .btn-g-sm-sb, .btn-g-sm-wa, .btn-g-sm-de, .btn-g-sm-po, .btn-g-sm-nm, .btn-sm-sb, .btn-sm-wa, .btn-sm-de, .btn-sm-po, .btn-sm-nm, .btn-r-sm, .btn-o-sm, .btn-s-sm, .btn-g-sm {
  height: 4rem;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
}
.btn-md, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-o-md-sb, .btn-o-md-wa, .btn-o-md-de, .btn-o-md-po, .btn-o-md-nm, .btn-s-md-sb, .btn-s-md-wa, .btn-s-md-de, .btn-s-md-po, .btn-s-md-nm, .btn-g-md-sb, .btn-g-md-wa, .btn-g-md-de, .btn-g-md-po, .btn-g-md-nm, .btn-md-sb, .btn-md-wa, .btn-md-de, .btn-md-po, .btn-md-nm, .btn-r-md, .btn-o-md, .btn-s-md, .btn-g-md {
  height: 5rem;
  font-size: 1.6rem;
  padding: 1rem 2rem;
}
.btn-lg, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-o-lg-sb, .btn-o-lg-wa, .btn-o-lg-de, .btn-o-lg-po, .btn-o-lg-nm, .btn-s-lg-sb, .btn-s-lg-wa, .btn-s-lg-de, .btn-s-lg-po, .btn-s-lg-nm, .btn-g-lg-sb, .btn-g-lg-wa, .btn-g-lg-de, .btn-g-lg-po, .btn-g-lg-nm, .btn-lg-sb, .btn-lg-wa, .btn-lg-de, .btn-lg-po, .btn-lg-nm, .btn-r-lg, .btn-o-lg, .btn-s-lg, .btn-g-lg {
  height: 6rem;
  font-size: 1.8rem;
  padding: 1.8rem 2rem 1.9rem;
  min-width: min(12rem, 16vw);
  border-radius: 0.4rem;
}
.btn-xl, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-o-xl-sb, .btn-o-xl-wa, .btn-o-xl-de, .btn-o-xl-po, .btn-o-xl-nm, .btn-s-xl-sb, .btn-s-xl-wa, .btn-s-xl-de, .btn-s-xl-po, .btn-s-xl-nm, .btn-g-xl-sb, .btn-g-xl-wa, .btn-g-xl-de, .btn-g-xl-po, .btn-g-xl-nm, .btn-xl-sb, .btn-xl-wa, .btn-xl-de, .btn-xl-po, .btn-xl-nm, .btn-r-xl, .btn-o-xl, .btn-s-xl, .btn-g-xl {
  height: 7.2rem;
  font-size: 2.2rem;
  padding: 1.8rem 4.8rem 1.9rem;
  border-radius: 0.4rem;
}
.btn-xl-r {
  border-radius: 100rem;
}
.btn-po, .btn-r-xl-po, .btn-r-lg-po, .btn-r-md-po, .btn-r-sm-po, .btn-r-xs-po, .btn-o-xl-po, .btn-o-lg-po, .btn-o-md-po, .btn-o-sm-po, .btn-o-xs-po, .btn-s-xl-po, .btn-s-lg-po, .btn-s-md-po, .btn-s-sm-po, .btn-s-xs-po, .btn-g-xl-po, .btn-g-lg-po, .btn-g-md-po, .btn-g-sm-po, .btn-g-xs-po, .btn-xl-po, .btn-lg-po, .btn-md-po, .btn-sm-po, .btn-xs-po, .btn-r-po, .btn-o-po, .btn-s-po, .btn-g-po {
  background: #5838E6;
  color: #ffffff;
  border-color: transparent;
}
.btn-po:hover, .btn-r-xl-po:hover, .btn-r-lg-po:hover, .btn-r-md-po:hover, .btn-r-sm-po:hover, .btn-r-xs-po:hover, .btn-o-xl-po:hover, .btn-o-lg-po:hover, .btn-o-md-po:hover, .btn-o-sm-po:hover, .btn-o-xs-po:hover, .btn-s-xl-po:hover, .btn-s-lg-po:hover, .btn-s-md-po:hover, .btn-s-sm-po:hover, .btn-s-xs-po:hover, .btn-g-xl-po:hover, .btn-g-lg-po:hover, .btn-g-md-po:hover, .btn-g-sm-po:hover, .btn-g-xs-po:hover, .btn-xl-po:hover, .btn-lg-po:hover, .btn-md-po:hover, .btn-sm-po:hover, .btn-xs-po:hover, .btn-r-po:hover, .btn-o-po:hover, .btn-s-po:hover, .btn-g-po:hover {
  background: rgb(59.7991071429, 26.2276785714, 208.7723214286);
  font-weight: 500;
  color: #ffffff;
  border: 1px solid #5838E6;
}
.btn-nm, .btn-r-xl-nm, .btn-r-lg-nm, .btn-r-md-nm, .btn-r-sm-nm, .btn-r-xs-nm, .btn-o-xl-nm, .btn-o-lg-nm, .btn-o-md-nm, .btn-o-sm-nm, .btn-o-xs-nm, .btn-s-xl-nm, .btn-s-lg-nm, .btn-s-md-nm, .btn-s-sm-nm, .btn-s-xs-nm, .btn-g-xl-nm, .btn-g-lg-nm, .btn-g-md-nm, .btn-g-sm-nm, .btn-g-xs-nm, .btn-xl-nm, .btn-lg-nm, .btn-md-nm, .btn-sm-nm, .btn-xs-nm, .btn-r-nm, .btn-o-nm, .btn-s-nm, .btn-g-nm {
  background: #ffffff;
  color: #333333;
  border: 1px solid #dddddd;
}
.btn-nm:hover, .btn-r-xl-nm:hover, .btn-r-lg-nm:hover, .btn-r-md-nm:hover, .btn-r-sm-nm:hover, .btn-r-xs-nm:hover, .btn-o-xl-nm:hover, .btn-o-lg-nm:hover, .btn-o-md-nm:hover, .btn-o-sm-nm:hover, .btn-o-xs-nm:hover, .btn-s-xl-nm:hover, .btn-s-lg-nm:hover, .btn-s-md-nm:hover, .btn-s-sm-nm:hover, .btn-s-xs-nm:hover, .btn-g-xl-nm:hover, .btn-g-lg-nm:hover, .btn-g-md-nm:hover, .btn-g-sm-nm:hover, .btn-g-xs-nm:hover, .btn-xl-nm:hover, .btn-lg-nm:hover, .btn-md-nm:hover, .btn-sm-nm:hover, .btn-xs-nm:hover, .btn-r-nm:hover, .btn-o-nm:hover, .btn-s-nm:hover, .btn-g-nm:hover {
  border-color: #5838E6;
  color: #5838E6;
  font-weight: 500;
}
.btn-de, .btn-r-xl-de, .btn-r-lg-de, .btn-r-md-de, .btn-r-sm-de, .btn-r-xs-de, .btn-o-xl-de, .btn-o-lg-de, .btn-o-md-de, .btn-o-sm-de, .btn-o-xs-de, .btn-s-xl-de, .btn-s-lg-de, .btn-s-md-de, .btn-s-sm-de, .btn-s-xs-de, .btn-g-xl-de, .btn-g-lg-de, .btn-g-md-de, .btn-g-sm-de, .btn-g-xs-de, .btn-xl-de, .btn-lg-de, .btn-md-de, .btn-sm-de, .btn-xs-de, .btn-r-de, .btn-o-de, .btn-s-de, .btn-g-de {
  background: #333333;
  color: #ffffff;
  border: 1px solid #333333;
}
.btn-de:hover, .btn-r-xl-de:hover, .btn-r-lg-de:hover, .btn-r-md-de:hover, .btn-r-sm-de:hover, .btn-r-xs-de:hover, .btn-o-xl-de:hover, .btn-o-lg-de:hover, .btn-o-md-de:hover, .btn-o-sm-de:hover, .btn-o-xs-de:hover, .btn-s-xl-de:hover, .btn-s-lg-de:hover, .btn-s-md-de:hover, .btn-s-sm-de:hover, .btn-s-xs-de:hover, .btn-g-xl-de:hover, .btn-g-lg-de:hover, .btn-g-md-de:hover, .btn-g-sm-de:hover, .btn-g-xs-de:hover, .btn-xl-de:hover, .btn-lg-de:hover, .btn-md-de:hover, .btn-sm-de:hover, .btn-xs-de:hover, .btn-r-de:hover, .btn-o-de:hover, .btn-s-de:hover, .btn-g-de:hover {
  background: #222222;
  font-weight: 500;
  color: #ffffff;
}
.btn-wa, .btn-r-xl-wa, .btn-r-lg-wa, .btn-r-md-wa, .btn-r-sm-wa, .btn-r-xs-wa, .btn-o-xl-wa, .btn-o-lg-wa, .btn-o-md-wa, .btn-o-sm-wa, .btn-o-xs-wa, .btn-s-xl-wa, .btn-s-lg-wa, .btn-s-md-wa, .btn-s-sm-wa, .btn-s-xs-wa, .btn-g-xl-wa, .btn-g-lg-wa, .btn-g-md-wa, .btn-g-sm-wa, .btn-g-xs-wa, .btn-xl-wa, .btn-lg-wa, .btn-md-wa, .btn-sm-wa, .btn-xs-wa, .btn-r-wa, .btn-o-wa, .btn-s-wa, .btn-g-wa {
  background: #d32b2b;
  color: #ffffff;
  border: 1px solid #d32b2b;
}
.btn-wa:hover, .btn-r-xl-wa:hover, .btn-r-lg-wa:hover, .btn-r-md-wa:hover, .btn-r-sm-wa:hover, .btn-r-xs-wa:hover, .btn-o-xl-wa:hover, .btn-o-lg-wa:hover, .btn-o-md-wa:hover, .btn-o-sm-wa:hover, .btn-o-xs-wa:hover, .btn-s-xl-wa:hover, .btn-s-lg-wa:hover, .btn-s-md-wa:hover, .btn-s-sm-wa:hover, .btn-s-xs-wa:hover, .btn-g-xl-wa:hover, .btn-g-lg-wa:hover, .btn-g-md-wa:hover, .btn-g-sm-wa:hover, .btn-g-xs-wa:hover, .btn-xl-wa:hover, .btn-lg-wa:hover, .btn-md-wa:hover, .btn-sm-wa:hover, .btn-xs-wa:hover, .btn-r-wa:hover, .btn-o-wa:hover, .btn-s-wa:hover, .btn-g-wa:hover {
  background: rgb(189.8169291339, 38.6830708661, 38.6830708661);
  border-color: rgb(189.8169291339, 38.6830708661, 38.6830708661);
  font-weight: 500;
  color: #ffffff;
}
.btn-sb, .btn-r-xl-sb, .btn-r-lg-sb, .btn-r-md-sb, .btn-r-sm-sb, .btn-r-xs-sb, .btn-o-xl-sb, .btn-o-lg-sb, .btn-o-md-sb, .btn-o-sm-sb, .btn-o-xs-sb, .btn-s-xl-sb, .btn-s-lg-sb, .btn-s-md-sb, .btn-s-sm-sb, .btn-s-xs-sb, .btn-g-xl-sb, .btn-g-lg-sb, .btn-g-md-sb, .btn-g-sm-sb, .btn-g-xs-sb, .btn-xl-sb, .btn-lg-sb, .btn-md-sb, .btn-sm-sb, .btn-xs-sb, .btn-r-sb, .btn-o-sb, .btn-s-sb, .btn-g-sb {
  background: #F4DD5A;
  color: #ffffff;
  border: 1px solid #F4DD5A;
}
.btn-sb:hover, .btn-r-xl-sb:hover, .btn-r-lg-sb:hover, .btn-r-md-sb:hover, .btn-r-sm-sb:hover, .btn-r-xs-sb:hover, .btn-o-xl-sb:hover, .btn-o-lg-sb:hover, .btn-o-md-sb:hover, .btn-o-sm-sb:hover, .btn-o-xs-sb:hover, .btn-s-xl-sb:hover, .btn-s-lg-sb:hover, .btn-s-md-sb:hover, .btn-s-sm-sb:hover, .btn-s-xs-sb:hover, .btn-g-xl-sb:hover, .btn-g-lg-sb:hover, .btn-g-md-sb:hover, .btn-g-sm-sb:hover, .btn-g-xs-sb:hover, .btn-xl-sb:hover, .btn-lg-sb:hover, .btn-md-sb:hover, .btn-sm-sb:hover, .btn-xs-sb:hover, .btn-r-sb:hover, .btn-o-sb:hover, .btn-s-sb:hover, .btn-g-sb:hover {
  background: rgb(242.40625, 216.0738636364, 66.09375);
  color: #ffffff;
  font-weight: 500;
  border-color: rgb(242.40625, 216.0738636364, 66.09375);
}
.btn-i {
  display: flex;
  gap: 1rem;
}
.btn-i i {
  letter-spacing: 0;
  color: #5838E6;
}
.btn-i:hover i {
  animation: swing-left 1000ms ease-in-out infinite 500ms alternate-reverse;
}
.btn-ico {
  width: 5rem;
  height: 5rem;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  background: #ffffff;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 300ms;
  border: none;
  overflow: hidden;
  flex-shrink: 0;
}
.btn-ico i {
  width: 100%;
  height: 100%;
}
.btn-ico:hover .ico-search {
  background-color: rgb(68.9888392857, 33.3459821429, 227.1540178571);
}
.btn-ico .ico-search {
  background: #5838E6 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M2.66992 1.74851C5.00129 -0.582789 8.78177 -0.582887 11.1131 1.74851C13.2032 3.83904 13.4175 7.09286 11.7592 9.42408L14.6289 12.2931L14.6973 12.3683C15.0177 12.7609 14.9949 13.341 14.6289 13.7072C14.2628 14.0733 13.6824 14.0961 13.2898 13.7755L13.2146 13.7072L10.3459 10.8381C8.01474 12.4963 4.76029 12.2819 2.66992 10.1916C0.338746 7.86031 0.338986 4.07998 2.66992 1.74851ZM9.69971 3.16156C8.14932 1.61116 5.63482 1.61141 4.08428 3.16156C2.53375 4.71215 2.53375 7.22702 4.08428 8.77761C5.63482 10.3279 8.14928 10.3281 9.69971 8.77761C11.25 7.22705 11.25 4.71208 9.69971 3.16156Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/40%;
  width: 100%;
}

/* 기본 인풋 세팅값 */
input[type=text],
input[type=password],
input[type=number],
input[type=date] {
  height: 5rem;
  line-height: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  width: 100%;
  outline: none;
  font-size: 1.6rem;
  color: #777777;
  border: none;
  font-weight: 300;
  box-shadow: 0 0 0 1px #eeeeee inset;
  border-radius: 0.4rem;
  padding: 0 1.5rem;
}
input[type=text]:required,
input[type=password]:required,
input[type=number]:required,
input[type=date]:required {
  border-color: #5838E6;
  background: rgba(88, 56, 230, 0.1);
}

button {
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

select {
  outline: 0;
  cursor: pointer;
  font-size: 1.8rem;
  height: 5rem;
  width: 100%;
  color: #999999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0 1.5rem;
  vertical-align: middle;
  text-align: left;
  border-radius: 0;
  background-color: #ffffff;
  border: none;
  box-shadow: 0 0 0 1px #eeeeee inset;
  border-radius: 0.4rem;
}

/* input placeholder 세팅 */
input[type=text]::-webkit-input-placeholder, input[type=text]::-moz-placeholder, input[type=text]:-ms-input-placeholder, input[type=text]:-moz-placeholder, input[type=password]::-webkit-input-placeholder, input[type=password]::-moz-placeholder, input[type=password]:-ms-input-placeholder, input[type=password]:-moz-placeholder {
  color: var(--black-color05);
}

/* 텍스트박스 */
textarea {
  margin: 0;
  padding: 2rem 1.5rem;
  vertical-align: middle;
  width: 100%;
  text-align: left;
  resize: none;
  border: none;
  font-size: 1.6rem;
  color: #777777;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #eeeeee inset;
  border-radius: 0.4rem;
}
textarea::placeholder {
  color: #999999;
  font-weight: 300;
}

em.tb_es {
  color: #5838E6;
  flex-shrink: 0;
}

span:has(> input[type=checkbox], > input[type=radio]) {
  display: flex;
}

input[type=checkbox], input[type=radio] {
  display: none;
}

input[type=radio] + label {
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 1rem 0;
  gap: 0.5rem;
  color: #777777;
  font-weight: 400;
  font-size: 1.6rem;
  transition: all 300ms;
}
input[type=radio] + label::before {
  content: "";
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 10rem;
  flex-shrink: 0;
  outline: 4px solid #fff;
  outline-offset: -5px;
  background: #eeeeee;
  box-sizing: border-box;
  border: 2px solid #dddddd;
  transition: all 300ms;
}
input[type=radio] + label:hover {
  color: #333333;
}
input[type=radio] + label:hover::before {
  background: rgb(215.9, 215.9, 215.9);
}
input[type=radio]:checked + label::before {
  background-color: #5838e6;
  border-color: #5838E6;
}

input[type=checkbox] + label {
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 1rem 0;
  gap: 1rem;
  color: #777777;
  font-weight: 400;
  font-size: 2rem;
  transition: all 300ms;
}
input[type=checkbox] + label::before {
  content: "";
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.2rem;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  transition: all 300ms;
  background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.45028 8.1019C3.45157 8.10349 3.45286 8.10507 3.45416 8.10665C3.5226 8.1896 3.60407 8.24711 3.69059 8.27919C3.88621 8.35173 4.10761 8.29423 4.26234 8.10667C4.26413 8.1045 4.2659 8.10233 4.26766 8.10014L9.40518 1.8729C9.62833 1.60241 9.62833 1.16385 9.40518 0.89336C9.18202 0.622868 8.82021 0.622868 8.59705 0.89336L3.85824 6.63732L1.40518 3.66394C1.18202 3.39344 0.820214 3.39344 0.597056 3.66394C0.373898 3.93443 0.373898 4.37298 0.597056 4.64347L3.45028 8.1019Z' fill='%23bbb'/%3E%3C/svg%3E") no-repeat 50% 40%/70%;
}
input[type=checkbox] + label:hover {
  color: #5838E6;
  font-weight: 600;
}
input[type=checkbox] + label:hover::before {
  border-color: #5838E6;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.45028 8.1019C3.45157 8.10349 3.45286 8.10507 3.45416 8.10665C3.5226 8.1896 3.60407 8.24711 3.69059 8.27919C3.88621 8.35173 4.10761 8.29423 4.26234 8.10667C4.26413 8.1045 4.2659 8.10233 4.26766 8.10014L9.40518 1.8729C9.62833 1.60241 9.62833 1.16385 9.40518 0.89336C9.18202 0.622868 8.82021 0.622868 8.59705 0.89336L3.85824 6.63732L1.40518 3.66394C1.18202 3.39344 0.820214 3.39344 0.597056 3.66394C0.373898 3.93443 0.373898 4.37298 0.597056 4.64347L3.45028 8.1019Z' fill='%235838E6'/%3E%3C/svg%3E");
}
input[type=checkbox]:checked + label {
  color: #5838E6;
  font-weight: 600;
}
input[type=checkbox]:checked + label::before {
  border-color: #5838E6;
  background-color: #5838E6;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.45028 8.1019C3.45157 8.10349 3.45286 8.10507 3.45416 8.10665C3.5226 8.1896 3.60407 8.24711 3.69059 8.27919C3.88621 8.35173 4.10761 8.29423 4.26234 8.10667C4.26413 8.1045 4.2659 8.10233 4.26766 8.10014L9.40518 1.8729C9.62833 1.60241 9.62833 1.16385 9.40518 0.89336C9.18202 0.622868 8.82021 0.622868 8.59705 0.89336L3.85824 6.63732L1.40518 3.66394C1.18202 3.39344 0.820214 3.39344 0.597056 3.66394C0.373898 3.93443 0.373898 4.37298 0.597056 4.64347L3.45028 8.1019Z' fill='%23fff'/%3E%3C/svg%3E");
}

/* flex 정렬 class */
.f_left {
  justify-content: flex-start !important;
  display: flex;
  gap: 1rem;
}
.f_center {
  justify-content: center !important;
  display: flex;
  gap: 1rem;
}
.f_right {
  justify-content: flex-end !important;
  display: flex;
  gap: 1rem;
}

br.forPC {
  display: block;
}

.btnArea {
  margin: min(8vw, 8rem) 0 min(8vw, 14rem);
}

.StepContents .btnArea,
.StepContents + .btnArea {
  margin-top: 0;
}

#wrap > div {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
  background: #f8f8f8;
}

.dia_floting {
  position: fixed;
  background: rgba(0, 0, 0, 0);
  left: 50%;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  pointer-events: none;
}
.dia_floting .dia_ap {
  position: absolute;
  top: 0;
  border-radius: 100rem;
  border: 1px solid #5838E6;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-150%);
  padding: 1.6rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 2rem;
  width: min(85vw, 74rem);
  opacity: 0;
  transition: opacity 400ms ease-in-out;
}
.dia_floting .dia_ap.on {
  opacity: 0;
}
.dia_floting .dia_ap p {
  font-size: 1.9rem;
  font-family: "GmarketSans", sans-serif;
  color: #777777;
  rotate: -0.04deg;
  word-break: keep-all;
  text-wrap-style: balance;
  line-height: 1.2;
  font-weight: 200;
  letter-spacing: -0.05rem;
}
.dia_floting .dia_ap p span {
  color: #5838E6;
  font-weight: 500;
}
.dia_floting .dia_ap::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0px 8px;
  border-color: #674FDC transparent transparent transparent;
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translate(-50%, 100%);
  animation: swing-arr 800ms ease-in-out infinite alternate-reverse;
}
.dia_floting .dia_ap .dia_obj {
  width: 5rem;
  height: 5rem;
  border-radius: 10rem;
  border: 1px solid #dddddd;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dia_floting .dia_ap .dia_obj i {
  display: block;
}
.dia_floting .dia_ap .dia_obj i.dia_cursor {
  margin-top: -0.6rem;
  width: 100%;
  height: 2.9rem;
  background: url("../img/diagnosis/dia_cursor.svg") no-repeat 52% 50%/contain;
}
.dia_floting .dia_ap .dia_obj i.dia_cursor_arr {
  position: absolute;
  width: 100%;
  height: 0.5rem;
  bottom: 0.6rem;
  transform: translateY(0.1rem);
  background: url("../img/diagnosis/dia_cursor_arr.svg") no-repeat 50% center/contain;
  animation: swing-small 1500ms ease-in-out infinite alternate-reverse;
}
@keyframes swing-small {
  0% {
    transform: translateY(0.1rem);
  }
  100% {
    transform: translateY(0.3rem);
  }
}
@keyframes swing-arr {
  0% {
    transform: translateY(0.8rem);
  }
  100% {
    transform: translateY(1.5rem);
  }
}
.dia_floting .StepContents {
  background: #fff;
  border: 3px solid #5838E6;
  width: 100%;
  max-width: 80%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100vh);
  border-radius: 3rem 3rem 0 0;
  overflow-y: auto;
  pointer-events: none;
  padding: 5rem;
}
.dia_floting .StepContents .flotWrap {
  height: 100%;
}

/* INTRO */
.dia_intro {
  background: #fff;
  text-align: center;
  padding: 0 min(3vw, 4rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* 로고 */
}
.dia_intro .logo {
  width: auto;
  height: auto;
  display: flex;
  gap: 1.3rem;
  align-items: center;
  opacity: 0;
}
.dia_intro .logo i.symbol {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Crect x='1' y='1' width='60' height='60' rx='30' fill='white'/%3E%3Crect x='1' y='1' width='60' height='60' rx='30' stroke='url(%23paint0_linear_986_2383)' stroke-width='2'/%3E%3Cpath d='M36.5133 19.7027L26.3561 13L27.6276 19.7027H36.5133Z' fill='%23F4DC5B'/%3E%3Cpath d='M36.5133 19.7026L34.524 27.3947H42.2161L36.5133 19.7026Z' fill='%23E42530'/%3E%3Cpath d='M27.6276 19.7026L34.524 27.3947L22.5901 29.9145L27.6276 19.7026Z' fill='%23EB7041'/%3E%3Cpath d='M34.524 27.3945L44.6033 36.1265L36.5133 38.6674L22.5901 29.9144L34.524 27.3945Z' fill='%23E42530'/%3E%3Cpath d='M17.3968 36.2446L25.6067 43.7767L40.8646 44.9998L36.5133 38.6676L17.3968 36.2446Z' fill='%233F000A'/%3E%3Cpath d='M36.5133 38.6678L44.6033 36.127L40.8646 45L36.5133 38.6678Z' fill='%23109FB0'/%3E%3Cpath d='M17.3968 36.2448L25.6067 43.7769L40.8646 45L44.6033 36.127' stroke='url(%23paint1_linear_986_2383)' stroke-width='0.25' stroke-miterlimit='10'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_986_2383' x1='0' y1='31' x2='62' y2='31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EB7041'/%3E%3Cstop offset='1' stop-color='%23E21E31'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_986_2383' x1='17.3799' y1='40.5721' x2='44.6283' y2='40.5721' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.8172' stop-color='%23333434'/%3E%3Cstop offset='0.844' stop-color='%23474342'/%3E%3Cstop offset='0.9005' stop-color='%237E7571'/%3E%3Cstop offset='0.9814' stop-color='%23E5E2E1'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
  width: clamp(4rem, 6vw, 8rem);
  height: clamp(4rem, 6vw, 8rem);
}
.dia_intro .logo i.logoText {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='163' height='47' viewBox='0 0 163 47' fill='none'%3E%3Cpath d='M145.916 30.6507H159.12V25.4683H161.724V39.7654H143.312V25.4683H145.916V30.6507ZM159.12 32.7861H145.916V37.63H159.12V32.7861ZM142.036 44.3228H163V46.4583H142.036V44.3228Z' fill='%23333333'/%3E%3Cpath d='M132.214 35.8334C132.214 37.7084 132.014 39.3231 131.615 40.6773C131.233 42.0141 130.704 43.1079 130.026 43.9586C129.367 44.8266 128.594 45.4603 127.709 45.8597C126.823 46.259 125.894 46.4586 124.922 46.4586C123.933 46.4586 122.995 46.259 122.11 45.8597C121.224 45.4603 120.443 44.8266 119.766 43.9586C119.106 43.1079 118.585 42.0141 118.203 40.6773C117.821 39.3231 117.63 37.7084 117.63 35.8334C117.63 33.9584 117.821 32.3524 118.203 31.0156C118.585 29.6788 119.106 28.585 119.766 27.7343C120.443 26.8662 121.224 26.2325 122.11 25.8332C122.995 25.4165 123.933 25.2082 124.922 25.2082C125.894 25.2082 126.823 25.4165 127.709 25.8332C128.594 26.2325 129.367 26.8662 130.026 27.7343C130.704 28.585 131.233 29.6788 131.615 31.0156C132.014 32.3524 132.214 33.9584 132.214 35.8334ZM120.235 35.8334C120.235 37.4133 120.347 38.7501 120.573 39.8439C120.816 40.9203 121.146 41.7884 121.563 42.4481C121.979 43.1079 122.474 43.5853 123.047 43.8804C123.62 44.1756 124.245 44.3232 124.922 44.3232C125.582 44.3232 126.198 44.1756 126.771 43.8804C127.344 43.6027 127.839 43.1339 128.256 42.4742C128.672 41.7971 128.993 40.9203 129.219 39.8439C129.462 38.7501 129.584 37.4046 129.584 35.8074C129.584 34.2275 129.462 32.8993 129.219 31.8229C128.993 30.7465 128.672 29.8784 128.256 29.2187C127.839 28.5589 127.344 28.0815 126.771 27.7864C126.198 27.4912 125.582 27.3436 124.922 27.3436C124.245 27.3436 123.62 27.4912 123.047 27.7864C122.474 28.0815 121.979 28.5589 121.563 29.2187C121.146 29.8784 120.816 30.7552 120.573 31.8489C120.347 32.9254 120.235 34.2535 120.235 35.8334ZM138.256 46.4586H135.652V24.9478H138.256V46.4586Z' fill='%23333333'/%3E%3Cpath d='M103.53 46.1982V36.9793H93.6603V34.8438H103.53V27.6041H93.6603V25.4686H106.135V46.1982H103.53ZM112.723 33.4896H115.77V35.6251H112.723V46.4586H110.119V24.9478H112.723V33.4896Z' fill='%23333333'/%3E%3Cpath d='M82.1905 35.8334C82.1905 37.7084 81.9909 39.3231 81.5915 40.6773C81.2096 42.0141 80.6887 43.1079 80.029 43.9586C79.3866 44.8266 78.6401 45.4603 77.7894 45.8597C76.9387 46.259 76.0619 46.4586 75.1591 46.4586C74.2216 46.4586 73.3275 46.259 72.4768 45.8597C71.6434 45.4603 70.8969 44.8266 70.2371 43.9586C69.5948 43.1079 69.0826 42.0141 68.7006 40.6773C68.3187 39.3231 68.1277 37.7084 68.1277 35.8334C68.1277 33.9584 68.3187 32.3524 68.7006 31.0156C69.0826 29.6788 69.5948 28.585 70.2371 27.7343C70.8969 26.8662 71.6434 26.2325 72.4768 25.8332C73.3275 25.4165 74.2216 25.2082 75.1591 25.2082C76.0619 25.2082 76.9387 25.4165 77.7894 25.8332C78.6401 26.2325 79.3866 26.8662 80.029 27.7343C80.6887 28.585 81.2096 29.6788 81.5915 31.0156C81.9909 32.3524 82.1905 33.9584 82.1905 35.8334ZM70.7319 35.8334C70.7319 37.4133 70.8448 38.7501 71.0705 39.8439C71.3135 40.9203 71.6347 41.7884 72.034 42.4481C72.4334 43.1079 72.9021 43.5853 73.4403 43.8804C73.9785 44.1756 74.5515 44.3232 75.1591 44.3232C75.7494 44.3232 76.3137 44.1756 76.8519 43.8804C77.3901 43.6027 77.8588 43.1339 78.2581 42.4742C78.6575 41.7971 78.97 40.9203 79.1957 39.8439C79.4387 38.7501 79.5603 37.4046 79.5603 35.8074C79.5603 34.2275 79.4387 32.8993 79.1957 31.8229C78.97 30.7465 78.6575 29.8784 78.2581 29.2187C77.8588 28.5589 77.3901 28.0815 76.8519 27.7864C76.3137 27.4912 75.7494 27.3436 75.1591 27.3436C74.5515 27.3436 73.9785 27.4912 73.4403 27.7864C72.9021 28.0815 72.4334 28.5589 72.034 29.2187C71.6347 29.8784 71.3135 30.7552 71.0705 31.8489C70.8448 32.9254 70.7319 34.2535 70.7319 35.8334ZM87.9719 33.4896H91.0188V35.6251H87.9719V46.4586H85.3677V24.9478H87.9719V33.4896Z' fill='%23333333'/%3E%3Cpath d='M46.4466 25.9375H56.4989C57.9052 25.9375 59.1639 26.2066 60.275 26.7448C61.4035 27.2657 62.3584 27.9862 63.1397 28.9063C63.9209 29.8265 64.5112 30.9202 64.9105 32.1876C65.3272 33.4377 65.5355 34.8005 65.5355 36.2763C65.5355 37.8041 65.3098 39.2104 64.8584 40.4951C64.4244 41.7625 63.7733 42.8563 62.9053 43.7764C62.0546 44.6966 60.9955 45.4084 59.7281 45.9119C58.4781 46.4327 57.0284 46.6931 55.3791 46.6931H46.4466V25.9375ZM51.8634 42.2139H55.0666C55.9173 42.2139 56.6551 42.0576 57.2802 41.7451C57.9225 41.4153 58.4521 40.9812 58.8687 40.443C59.2854 39.8874 59.5979 39.2451 59.8062 38.5159C60.0146 37.7867 60.1188 37.0141 60.1188 36.1981C60.1188 35.3995 59.9972 34.653 59.7542 33.9585C59.5111 33.2467 59.1552 32.6304 58.6864 32.1095C58.235 31.5887 57.6708 31.1807 56.9937 30.8855C56.3166 30.573 55.5353 30.4168 54.6499 30.4168H51.8634V42.2139Z' fill='%23119FAF'/%3E%3Cpath d='M24.5945 25.9375H36.2354C37.1382 25.9375 37.9802 26.059 38.7615 26.3021C39.5601 26.5452 40.2459 26.9184 40.8188 27.4219C41.3918 27.908 41.8432 28.5417 42.173 29.323C42.5029 30.1043 42.6678 31.0244 42.6678 32.0835C42.6678 33.4724 42.4335 34.6009 41.9647 35.469C41.4959 36.3197 40.8015 37.0054 39.8813 37.5263L43.8397 46.6931H38.1886L34.9593 39.0888L30.0113 40.1826V46.6931H24.5945V25.9375ZM37.2771 32.2137C37.2771 31.7276 37.1122 31.3109 36.7823 30.9636C36.4698 30.5991 36.0444 30.4168 35.5062 30.4168H30.0113V35.4429L34.9593 34.5314C35.8448 34.3752 36.4524 34.0887 36.7823 33.672C37.1122 33.2554 37.2771 32.7692 37.2771 32.2137Z' fill='%23119FAF'/%3E%3Cpath d='M15.2592 46.6931V36.9794L7.47257 39.1149V46.6931H2.05579V25.9375H7.47257V34.6616L15.2592 32.5001V25.9375H20.676V46.6931H15.2592Z' fill='%23119FAF'/%3E%3Cpath d='M11.2352 0.285186V16.4405H8.90242V8.75879H7.23387V10.8442C7.23387 12.2485 6.93572 13.3361 6.33421 14.1122C5.7327 14.8883 4.82781 15.279 3.61432 15.279C2.41652 15.279 1.51163 14.8883 0.904887 14.1122C0.303373 13.3308 0 12.2433 0 10.8389V4.83612C0 3.43177 0.303373 2.33891 0.910118 1.55755C1.51686 0.77618 2.41652 0.380217 3.61955 0.380217C4.83304 0.380217 5.73793 0.7709 6.33944 1.55755C6.94096 2.33891 7.2391 3.43705 7.2391 4.83612V6.65227H8.90765V0.285186H11.2352ZM2.38514 10.8389C2.38514 11.615 2.48975 12.1852 2.69897 12.5495C2.90819 12.9138 3.21156 13.0933 3.61955 13.0933C4.0223 13.0933 4.3309 12.9138 4.54013 12.5495C4.74935 12.1852 4.85396 11.615 4.85396 10.8389V4.83612C4.85396 4.04419 4.74935 3.46873 4.54013 3.10444C4.3309 2.74543 4.0223 2.56065 3.61955 2.56065C3.2168 2.56065 2.90819 2.74016 2.69897 3.10444C2.48975 3.46873 2.38514 4.04419 2.38514 4.83612V10.8389ZM12.3912 0.174316H14.7606V16.5619H12.3912V0.174316Z' fill='%23E42530'/%3E%3Cpath d='M31.352 13.6315V15.775H16.7064V13.6315H31.352ZM25.9122 4.74085C26.7596 5.50637 27.654 6.25606 28.5955 6.99519C29.537 7.73432 30.4628 8.4365 31.3729 9.09644L29.9502 10.9337C28.9669 10.184 27.9992 9.41321 27.0525 8.63184C26.1057 7.85047 25.2165 7.07439 24.3797 6.30886C24.3064 6.23494 24.2384 6.16103 24.1809 6.09768C24.1234 6.03432 24.0763 5.95513 24.0397 5.87066C24.0031 5.96041 23.9612 6.03432 23.9141 6.09768C23.8723 6.16103 23.8095 6.22967 23.7363 6.30886C22.8628 7.10078 21.9736 7.88215 21.0582 8.65824C20.1429 9.43432 19.2066 10.1893 18.2442 10.9126L16.7849 9.09644C17.695 8.42066 18.6051 7.71848 19.51 6.98463C20.4201 6.25078 21.2884 5.49581 22.1253 4.71973C22.392 4.49271 22.5751 4.25513 22.6745 4.01227C22.7739 3.76942 22.8262 3.46321 22.8262 3.09364V0.554199H25.2689V3.09892C25.2689 3.46848 25.3055 3.7747 25.3735 4.01755C25.4415 4.25513 25.6245 4.49799 25.9122 4.74085Z' fill='%23E42530'/%3E%3Cpath d='M35.5573 0.480528V5.68084C35.5573 5.78115 35.5678 5.85506 35.5835 5.90258C35.6044 5.94481 35.641 6.00289 35.709 6.06624L35.9339 6.35134C36.0124 6.42525 36.1275 6.46748 36.2949 6.46748H40.3119V8.58985H35.8241C35.4214 8.58985 35.1128 8.54761 34.8983 8.45786C34.6838 8.36811 34.4746 8.215 34.2706 7.99854L33.7214 7.37028C33.5174 7.15382 33.3762 6.94792 33.2977 6.7473C33.2141 6.55196 33.1722 6.26686 33.1722 5.8973V0.480528H35.5573ZM42.9638 12.201C43.7327 12.6867 44.5696 13.1725 45.4745 13.6634C46.3794 14.1544 47.2895 14.6243 48.2101 15.0678L47.2267 16.979C46.2172 16.4933 45.2287 15.9811 44.2715 15.4374C43.3143 14.8936 42.4722 14.3973 41.7503 13.938C41.6248 13.8482 41.515 13.7743 41.426 13.711C41.3371 13.6476 41.2744 13.5684 41.2377 13.4839C41.2116 13.5737 41.1593 13.6476 41.0756 13.7057C40.9919 13.7638 40.8821 13.843 40.7461 13.9433C40.3799 14.1703 39.9772 14.4131 39.543 14.6718C39.1089 14.9253 38.6538 15.1892 38.1883 15.4532C37.7228 15.7225 37.2416 15.9864 36.7499 16.2451C36.2582 16.5038 35.7666 16.7572 35.2697 17.0001L34.2654 15.0678C35.2017 14.6243 36.117 14.1544 37.0219 13.674C37.9268 13.1883 38.7532 12.6973 39.5117 12.201C39.8516 11.974 40.0242 11.652 40.0242 11.2454V9.60351H42.4512V11.2454C42.4512 11.4355 42.4878 11.6097 42.5663 11.7734C42.6395 11.9265 42.7703 12.069 42.9638 12.201ZM43.9106 0.285186V8.8327H41.6196V4.51407H38.6068V2.48674H41.6196V0.285186H43.9106ZM47.7184 0.174316V10.5538H45.3908V0.174316H47.7184Z' fill='%23E42530'/%3E%3Cpath d='M55.6898 2.61873V3.61127C55.6898 3.94388 55.7159 4.21842 55.7735 4.44543C55.831 4.66717 55.9513 4.8678 56.1449 5.0473C56.3488 5.2532 56.5842 5.47494 56.8667 5.71779C57.1439 5.96065 57.4368 6.20351 57.7402 6.45165C58.0435 6.69978 58.3469 6.94792 58.6608 7.1855C58.9694 7.42835 59.2623 7.65009 59.5395 7.85599L58.2528 9.55599C57.9494 9.32898 57.6356 9.08084 57.3165 8.82214C56.9922 8.56345 56.6731 8.29419 56.3593 8.03022C56.0455 7.76096 55.7473 7.50227 55.4701 7.24885C55.1929 6.99543 54.9523 6.76314 54.7483 6.56252C54.6855 6.49916 54.6228 6.43053 54.5705 6.35134C54.5129 6.27214 54.4711 6.18767 54.4449 6.08208C54.4188 6.18239 54.3769 6.27214 54.3142 6.35134C54.2514 6.42525 54.1939 6.49916 54.1416 6.56252C53.9271 6.77898 53.676 7.01655 53.3936 7.26997C53.1111 7.52339 52.8078 7.78736 52.4939 8.06189C52.1801 8.33643 51.861 8.60568 51.5367 8.87494C51.2124 9.14419 50.9091 9.39233 50.6161 9.61935L49.251 7.97742C49.5439 7.7504 49.842 7.50755 50.1506 7.25941C50.4592 7.01127 50.7678 6.75786 51.0712 6.49388C51.3746 6.23519 51.6623 5.97649 51.9343 5.72835C52.2062 5.48022 52.4468 5.24792 52.6613 5.03146C52.8653 4.82556 52.9908 4.62494 53.0484 4.41904C53.1059 4.21314 53.1321 3.94916 53.1321 3.61655V2.61873H49.7008V0.533323H59.0792V2.61873H55.6898ZM63.7606 16.8998H61.3336V12.4808H51.0294V10.3796H63.0963C63.5356 10.3796 63.7606 10.6172 63.7606 11.0871V16.8998ZM63.7606 0.174316V9.65631H61.3336V0.174316H63.7606Z' fill='%2332323E'/%3E%3Cpath d='M80.2421 0.174224V8.68478H77.8569V5.43261H74.9383C74.8493 5.89193 74.6872 6.31957 74.4571 6.71553C74.2217 7.11149 73.9235 7.45994 73.5574 7.75559C73.1913 8.05652 72.7676 8.28882 72.2811 8.45248C71.7947 8.61615 71.2559 8.70062 70.6597 8.70062C69.964 8.70062 69.3468 8.59503 68.8028 8.37329C68.2588 8.15683 67.7985 7.86118 67.4219 7.48634C67.0453 7.11149 66.7577 6.67857 66.5589 6.18758C66.3654 5.69658 66.266 5.17919 66.266 4.63012V4.09161C66.266 3.54255 66.3654 3.01988 66.5589 2.5236C66.7577 2.02733 67.0401 1.58913 67.4219 1.21429C67.7985 0.839441 68.2641 0.543789 68.8028 0.327329C69.3468 0.11087 69.964 0 70.6597 0C71.2507 0 71.7947 0.084472 72.2916 0.258696C72.7833 0.432919 73.2122 0.665217 73.5679 0.95559C73.9288 1.25124 74.2217 1.59969 74.4571 2.00621C74.6924 2.41273 74.8493 2.84565 74.9383 3.30497H77.8569V0.174224H80.2421ZM70.0686 11.1292H77.8517V9.56118H80.2368V16.1025C80.2368 16.546 80.0014 16.773 79.5359 16.773H70.1C69.7234 16.773 69.4409 16.736 69.2579 16.6674C69.0748 16.5988 68.8708 16.4457 68.6407 16.2186L68.1647 15.7382C68.0653 15.6379 67.9764 15.5429 67.9084 15.4531C67.8404 15.3634 67.7829 15.2736 67.7462 15.1786C67.7096 15.0835 67.6782 14.9727 67.6626 14.846C67.6416 14.7193 67.6364 14.5661 67.6364 14.3866V9.56646H70.0634V11.1292H70.0686ZM72.6264 4.09161C72.6264 3.54255 72.459 3.06739 72.1242 2.66615C71.7895 2.26491 71.2978 2.06429 70.6544 2.06429C70.0006 2.06429 69.5037 2.26491 69.169 2.66615C68.8342 3.06739 68.6668 3.54255 68.6668 4.09161V4.62484C68.6668 5.15807 68.8342 5.62795 69.169 6.02919C69.5037 6.43043 70.0006 6.63106 70.6544 6.63106C71.2978 6.63106 71.7895 6.43043 72.1242 6.02919C72.459 5.62795 72.6264 5.15807 72.6264 4.62484V4.09161ZM77.8569 14.6823V13.1882H70.0738V14.0488C70.0738 14.1649 70.1157 14.2652 70.2046 14.355L70.3929 14.5661C70.4818 14.6401 70.576 14.6823 70.6754 14.6823H77.8569Z' fill='%2332323E'/%3E%3Cpath d='M97.2309 7.24861V9.31289H82.6638V7.24861H97.2309ZM92.4031 10.3846C93.1616 10.3846 93.8101 10.4638 94.3437 10.6222C94.8824 10.7806 95.327 11.0023 95.6775 11.2874C96.0279 11.5725 96.2894 11.9104 96.4516 12.2958C96.6137 12.6812 96.6974 13.0983 96.6974 13.5418C96.6974 14.0011 96.6137 14.4182 96.4516 14.7983C96.2894 15.1784 96.0279 15.511 95.6775 15.8014C95.3218 16.0865 94.8772 16.3082 94.3437 16.4666C93.8049 16.625 93.1616 16.7042 92.4031 16.7042H87.4969C86.7384 16.7042 86.0898 16.625 85.5563 16.4666C85.0176 16.3082 84.5782 16.0865 84.2278 15.8014C83.8825 15.5163 83.6262 15.1837 83.4589 14.7983C83.2967 14.4182 83.213 13.9958 83.213 13.5418C83.213 13.0983 83.2967 12.6812 83.4589 12.2958C83.621 11.9104 83.8773 11.5725 84.2278 11.2874C84.573 11.0023 85.0176 10.7806 85.5563 10.6222C86.0951 10.4638 86.7384 10.3846 87.4969 10.3846H92.4031ZM85.9434 0.306061V3.13587C85.9434 3.28898 85.9852 3.41569 86.0741 3.516L86.3775 3.85917C86.4664 3.95948 86.5815 4.01227 86.7175 4.01227H96.3051V6.09768H85.9434C85.6295 6.09768 85.368 6.05544 85.1693 5.97097C84.9653 5.8865 84.7351 5.70171 84.4684 5.40606L84.0918 4.9837C83.8512 4.71445 83.6942 4.48215 83.6158 4.28681C83.5373 4.09146 83.5007 3.80109 83.5007 3.41569V0.300781H85.9434V0.306061ZM92.4973 14.6821C93.1302 14.6821 93.5643 14.5713 93.8049 14.3443C94.0455 14.1172 94.1658 13.8533 94.1658 13.5418C94.1658 13.2461 94.0455 12.9821 93.8049 12.7498C93.5643 12.5176 93.1302 12.4014 92.4973 12.4014H87.3818C87.068 12.4014 86.8064 12.4331 86.5972 12.4964C86.388 12.5598 86.2258 12.6443 86.1055 12.7446C85.9852 12.8449 85.9015 12.9663 85.8492 13.1036C85.7969 13.2408 85.7708 13.3834 85.7708 13.5365C85.7708 13.6896 85.7969 13.8374 85.8492 13.9694C85.9015 14.1067 85.9852 14.2281 86.1055 14.3337C86.2258 14.4446 86.388 14.529 86.5972 14.5818C86.8064 14.6399 87.068 14.6663 87.3818 14.6663H92.4973V14.6821Z' fill='%2332323E'/%3E%3Cpath d='M101.797 6.14016V7.22773C101.797 7.29109 101.802 7.34388 101.808 7.3914C101.813 7.43363 101.844 7.49171 101.891 7.55506L102.101 7.74512C102.189 7.82432 102.278 7.86127 102.367 7.86127H107.729V9.94668H101.724C101.384 9.94668 101.112 9.90444 100.918 9.81469C100.72 9.72494 100.516 9.57183 100.301 9.35537L99.8671 8.89606C99.6631 8.69016 99.5323 8.49481 99.4696 8.30475C99.4068 8.11469 99.3754 7.83488 99.3754 7.46531V4.85724C99.3754 4.41376 99.6108 4.18674 100.076 4.18674H104.679C104.868 4.18674 104.962 4.08115 104.962 3.85941V2.50258H99.412V0.438292H106.688C107.143 0.438292 107.368 0.686428 107.368 1.1827V4.52991C107.368 5.01562 107.226 5.40102 106.949 5.69668C106.672 5.99233 106.29 6.13488 105.814 6.13488H101.797V6.14016ZM113.2 16.8998H110.773V13.2305H100.469V11.1082H112.536C112.975 11.1082 113.2 11.351 113.2 11.8367V16.8998ZM113.2 0.174316V10.1526H110.815V8.03022H108.43V5.94481H110.815V4.26593H108.43V2.18053H110.815V0.174316H113.2Z' fill='%2332323E'/%3E%3Cpath d='M115.36 13.8799C116.155 12.861 116.814 11.9898 117.342 11.2718C117.865 10.5538 118.294 9.95196 118.619 9.46624C118.885 9.04388 119.095 8.69016 119.246 8.40506C119.398 8.11997 119.508 7.87183 119.576 7.67121C119.644 7.46531 119.691 7.29109 119.707 7.14326C119.728 6.99543 119.733 6.85289 119.733 6.71034V2.88798H115.564V0.744503H121.454C121.919 0.744503 122.155 0.98208 122.155 1.45196V6.52028C122.155 6.82649 122.144 7.1063 122.118 7.35972C122.092 7.61314 122.029 7.88767 121.93 8.18332C121.83 8.47898 121.673 8.8063 121.464 9.17587C121.255 9.54543 120.972 9.99419 120.622 10.5169C120.256 11.0765 119.785 11.7364 119.21 12.4967C118.634 13.2569 117.923 14.1703 117.081 15.242L115.36 13.8799ZM126.156 0.285186V6.34606H127.783V0.174316H130.11V16.5619H127.783V8.48953H126.156V16.4457H123.844V0.285186H126.156Z' fill='%2332323E'/%3E%3Cpath d='M134.473 8.08829C134.143 8.08829 133.876 8.04606 133.667 7.96158C133.458 7.87711 133.259 7.73456 133.071 7.53394L132.558 6.95848C132.38 6.76842 132.255 6.57835 132.171 6.38301C132.087 6.19295 132.046 5.91842 132.046 5.55941V0.306304H134.473V2.15941H138.186V0.306304H140.608V7.34388C140.608 7.84015 140.383 8.08829 139.928 8.08829H134.473ZM145.478 12.3119C145.478 12.7712 145.352 13.1461 145.101 13.4417C144.85 13.7374 144.5 13.8799 144.06 13.8799H135.477V14.429C135.477 14.5187 135.503 14.5874 135.555 14.6243L135.628 14.7035C135.655 14.7405 135.696 14.7616 135.759 14.7616H145.76V16.7889H135.001C134.687 16.7889 134.457 16.752 134.31 16.6728C134.164 16.5989 134.012 16.4669 133.845 16.2926L133.541 15.9864C133.364 15.7805 133.243 15.6063 133.181 15.4532C133.118 15.3001 133.086 15.0467 133.086 14.6877V12.6603C133.086 12.4544 133.154 12.3013 133.296 12.201C133.432 12.1007 133.62 12.0479 133.845 12.0479H142.899C143.035 12.0479 143.108 11.9793 143.108 11.8367V11.2613H133.086V9.19699H144.756C145.237 9.19699 145.478 9.42401 145.478 9.88332V12.3119ZM138.186 6.02401V4.18674H134.473V5.33239C134.473 5.44854 134.509 5.54357 134.588 5.61748L134.854 5.9237C134.917 5.98705 135.016 6.01873 135.158 6.01873H138.186V6.02401ZM145.478 0.174316V3.13612H147.674V5.2004H145.478V8.35755H143.035V0.174316H145.478Z' fill='%2332323E'/%3E%3Cpath d='M152.811 12.4067V9.42376H148.281V7.43339H158.967V9.42376H155.18V12.4067H152.811ZM153.491 0.131836C154.223 0.131836 154.866 0.216308 155.421 0.390532C155.975 0.564755 156.436 0.791774 156.802 1.07687C157.168 1.36196 157.445 1.69457 157.628 2.06941C157.811 2.44426 157.905 2.82966 157.905 3.22562V3.45264C157.905 3.85916 157.811 4.25513 157.628 4.62997C157.445 5.00482 157.168 5.33743 156.802 5.62252C156.436 5.90761 155.975 6.13991 155.421 6.30885C154.866 6.48308 154.223 6.56755 153.491 6.56755C152.732 6.56755 152.079 6.48308 151.519 6.30885C150.964 6.13463 150.499 5.90761 150.128 5.62252C149.756 5.33743 149.479 5.00482 149.296 4.62997C149.113 4.25513 149.019 3.86444 149.019 3.45264V3.2309C149.019 2.83494 149.108 2.44954 149.296 2.07469C149.479 1.69985 149.756 1.36724 150.128 1.08215C150.499 0.797053 150.964 0.564755 151.519 0.395811C152.079 0.221587 152.732 0.131836 153.491 0.131836ZM163 14.7244V16.7887H152.089C151.697 16.7887 151.409 16.7464 151.216 16.662C151.027 16.5775 150.839 16.4297 150.645 16.2132L150.154 15.6958C150.054 15.5797 149.965 15.4741 149.897 15.379C149.829 15.284 149.772 15.1784 149.735 15.0623C149.699 14.9461 149.667 14.8194 149.652 14.6716C149.631 14.5238 149.625 14.3443 149.625 14.1278V11.393H152.052V13.8585C152.052 14.0222 152.089 14.1648 152.168 14.2809L152.471 14.6082C152.523 14.6452 152.57 14.6769 152.612 14.6927C152.654 14.7138 152.727 14.7191 152.832 14.7191H163V14.7244ZM155.578 3.28898C155.578 2.98277 155.41 2.70295 155.076 2.44954C154.741 2.19612 154.213 2.06941 153.496 2.06941C152.764 2.06941 152.225 2.19612 151.885 2.44954C151.545 2.70295 151.372 2.98277 151.372 3.28898V3.40513C151.372 3.71134 151.545 3.99643 151.885 4.25513C152.225 4.5191 152.764 4.64581 153.496 4.64581C154.218 4.64581 154.741 4.51382 155.076 4.25513C155.41 3.99643 155.578 3.71134 155.578 3.40513V3.28898ZM156.692 10.3266H160.254V0.174072H162.639V13.2514H160.254V12.1216H156.692V10.3266Z' fill='%2332323E'/%3E%3C/svg%3E") no-repeat 0 0/contain;
  width: clamp(11.45rem, 18vw, 22.9rem);
  height: clamp(3.3rem, 5.2vw, 6.6rem);
  text-indent: -9999px;
}
.dia_intro .dia_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(2rem, 3vw, 6rem);
  position: relative;
  z-index: 2;
}
.dia_intro .dia_area .copy em {
  font-size: clamp(1.6rem, 2vw, 3.2rem);
  font-weight: 400;
  color: #333333;
  display: block;
  text-wrap: balance;
  word-break: keep-all;
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
.dia_intro .dia_area .copy em b {
  color: #5838E6;
  font-weight: 600;
}
.dia_intro .dia_area .copy h1 {
  font-family: GmarketSans, sans-serif;
  font-size: clamp(3.8rem, 6vw, 8rem);
  color: #333333;
  line-height: 0.7;
  padding-top: 1.5rem;
  width: fit-content;
  margin: clamp(1rem, 2vw, 2.4rem) auto 4rem auto;
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  align-items: center;
  gap: 1vw;
  opacity: 0;
}
.dia_intro .dia_area .copy h1 p {
  white-space: nowrap;
}
.dia_intro .dia_area .copy h1 strong {
  color: #5838E6;
  white-space: nowrap;
}
.dia_intro .dia_area .copy h1 span {
  display: block;
  position: absolute;
}
.dia_intro .dia_area .copy h1 span img {
  clip-path: inset(0 100% 0 0);
  display: flex;
  flex-direction: column;
}
.dia_intro .dia_area .copy h1 span img:last-of-type {
  margin-top: -0.3vw;
  margin-left: 1vw;
}
.dia_intro .dia_area .copy > p {
  color: #999999;
  font-weight: 300;
  font-size: clamp(1.8rem, 2.4vw, 2.6rem);
  line-height: 1.3;
  text-wrap: balance;
  word-break: keep-all;
  margin-bottom: clamp(2rem, 3vw, 4rem);
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
.dia_intro .dia_area .copy > p b {
  color: #333333;
  font-weight: 600;
}
.dia_intro .dia_area .copy button {
  opacity: 0;
  margin: 0 auto;
}
.dia_intro .dia_area .copy + ul {
  color: #999999;
  font-size: clamp(1.4rem, 2vw, 1.6rem);
  font-weight: 400;
}
.dia_intro .dia_area .copy + ul li {
  text-wrap: balance;
  word-break: keep-all;
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dia_intro .obj {
  isolation: isolate;
}
.dia_intro .human-f {
  background: url("../img/diagnosis/human-f.svg") no-repeat center bottom/100%;
  width: clamp(20rem, 25vw, 38.4rem);
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 3%;
  z-index: -1;
  opacity: 0;
}
.dia_intro .human-m {
  background: url("../img/diagnosis/human-m.svg") no-repeat center bottom/100%;
  width: clamp(16rem, 20vw, 30.6rem);
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 3%;
  z-index: -1;
  opacity: 0;
}
.dia_intro .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 0;
  background: url("../img/diagnosis/diaBG.svg") no-repeat center bottom/cover;
}

/* STEP */
.StepContents {
  padding: min(10rem, 10vw) 0;
  padding-bottom: 3rem;
  flex-direction: column;
  gap: 2rem;
}
.StepContents .policyArea {
  display: flex;
  flex-direction: column;
  gap: 6.5rem;
}
.StepContents .policy-define {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.StepContents .policy-define dl {
  font-size: 1.8rem;
  line-height: 1.3;
}
.StepContents .policy-define dl dt {
  color: #333333;
  font-weight: 700;
}
.StepContents .policy-define dl dd {
  color: #777777;
  font-weight: 400;
}
.StepContents .policy-define ol {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  line-height: 1.4;
  margin-top: 0.6rem;
  font-weight: 300;
}
.StepContents .policy-define ol li {
  position: relative;
  margin-left: 1rem;
}
.StepContents .policy-define ol li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  border-radius: 10rem;
  background: #777777;
  position: absolute;
  top: 0.9rem;
  left: -1rem;
}
.StepContents .policy-define ul {
  counter-set: policy-num 0;
  counter-reset: policy-num 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.6rem;
  line-height: 1.4;
  font-weight: 300;
}
.StepContents .policy-define ul li {
  counter-increment: policy-num;
  margin-left: 2.2rem;
}
.StepContents .policy-define ul li::before {
  content: counter(policy-num);
  font-size: 1.2rem;
  font-weight: 700;
  border: 2px solid #999999;
  color: #999999;
  line-height: 0.5;
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 10rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -0.2rem;
  margin-right: 0.5rem;
  margin-left: -2.2rem;
}
.StepContents .policy-define ul .caution {
  display: block;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #999999;
}
.StepContents .policy-define ul .caution::before {
  content: "※";
  font-family: "Inter", sans-serif;
  display: inline-block;
  margin-right: 0.2rem;
}
.StepContents .policySec > p {
  font-size: 2rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 1rem;
}
.StepContents .policySec .tableArea {
  padding: min(5rem, 6vw);
  border-radius: 0.4rem;
  border: 1px solid #dddddd;
}
.StepContents .policySec .tableArea table tbody tr td::before {
  display: block;
}

.StepGuide {
  width: 100%;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.3rem 2rem 3.4rem;
}
.StepGuide dl {
  display: flex;
  align-items: center;
  color: #f5f5f5;
  rotate: 0.4deg;
}
.StepGuide dl.active {
  color: #BDF03E;
}
.StepGuide dl.active dt, .StepGuide dl.active dd {
  font-weight: 600;
}
.StepGuide dl:not(:last-child)::after {
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath d='M1.85547 0.293076C1.46494 -0.097448 0.831931 -0.097448 0.441406 0.293076C0.0509195 0.683604 0.0508947 1.31663 0.441406 1.70714L4.91992 6.18565L0.441406 10.6642C0.0509195 11.0547 0.0508947 11.6877 0.441406 12.0782C0.831921 12.4687 1.46495 12.4687 1.85547 12.0782L7.04102 6.89269L7.10938 6.81749C7.22953 6.67019 7.30168 6.49619 7.3252 6.31749L7.33301 6.23351V6.1378C7.33148 6.10615 7.32874 6.07449 7.32422 6.04308C7.2993 5.86809 7.22717 5.69823 7.10938 5.55382L7.04102 5.47862L1.85547 0.293076Z' fill='%23E8E8E8'/%3E%3C/svg%3E") no-repeat center center/contain;
  display: block;
  width: 0.9rem;
  height: 1.4rem;
  margin: 0 min(2vw, 2rem);
}
.StepGuide dl dt {
  font-size: min(3vw, 1.6rem);
  font-weight: 300;
  display: inline-block;
  margin-right: 0.6rem;
}
.StepGuide dl dd {
  font-size: min(4vw, 2.2rem);
  font-weight: 300;
}

.agreeSet .join_all {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #dddddd;
}
.agreeSet .joinList .jl_item {
  margin-bottom: 3rem;
}
.agreeSet .joinList .jl_item > p {
  padding-bottom: 1rem;
}
.agreeSet .joinList .jl_item > div {
  border: 1px solid #dddddd;
  box-sizing: border-box;
  padding: 2rem;
}
.agreeSet .joinList .jl_item > div > div {
  max-height: 27rem;
  min-height: 10rem;
  overflow: scroll;
}

.stepSubmit {
  width: calc(100% - min(6rem, 6vw));
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4rem;
  border-radius: 0.4rem;
  background: #ffffff;
  text-align: center;
}
.stepSubmit h2 {
  color: #5838E6;
  font-size: min(3rem, 10vw);
  font-family: "WavvePADO", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  word-wrap: break-word;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}
.stepSubmit h2::before {
  content: "";
  width: 3.1rem;
  height: 3.1rem;
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='30' height='30' rx='15' fill='%235838E6'/%3E%3Cpath d='M20.3337 11.5L13.0003 18.8333L9.66699 15.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;
}
.stepSubmit > p {
  color: #333333;
  font-family: "WavvePADO", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 2.64rem */
  letter-spacing: -0.048rem;
  margin-top: 1rem;
}
.stepSubmit > span {
  color: #777777;
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  display: block;
  margin-top: 1.5rem;
  word-break: keep-all;
}
.stepSubmit > span b {
  color: #5838E6;
  font-weight: 600;
}
.stepSubmit .ss_info {
  border-radius: 1rem;
  border: 1px solid #dddddd;
  background: #FBFBFB;
  padding: 3rem;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.stepSubmit .ss_info dl {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.stepSubmit .ss_info dt {
  border-radius: 10rem;
  background: #333333;
  color: #ffffff;
  min-width: 12rem;
  padding: 0.4rem 1rem;
}
.stepSubmit .ss_info dd {
  color: #333333;
  font-weight: 300;
  rotate: -0.03deg;
  text-wrap-style: balance;
  text-align: left;
}
.stepSubmit .ss_info dd .line {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #dddddd;
  margin: 0 1.1rem;
}
.stepSubmit .ss_info dd b {
  font-weight: 600;
}

.stepForm {
  width: calc(100% - min(6rem, 6vw));
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4rem;
  border-radius: 0.4rem;
  background: #ffffff;
}
.stepForm h2 {
  color: #333333;
  font-size: min(3rem, 10vw);
  font-family: "WavvePADO", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  word-wrap: break-word;
}
.stepForm > p {
  color: #333333;
  font-family: "WavvePADO", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 2.64rem */
  letter-spacing: -0.048rem;
  margin-top: 1rem;
}
.stepForm > span {
  color: #777777;
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  display: block;
  margin-top: 1.5rem;
}
.stepForm > span b {
  color: #5838E6;
  font-weight: 600;
}
.stepForm .form-user {
  display: flex;
  flex-direction: column;
  gap: min(2rem, 4vw);
  margin-top: 3rem;
}
.stepForm .form-user dl {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.stepForm .form-user dl dt {
  color: #333333;
  font-size: 1.8rem;
  font-weight: 500;
}
.stepForm .form-user dl dt i.imp {
  color: #d32b2b;
  display: inline-block;
  margin-left: 0.1rem;
}
.stepForm .form-user dl dd.ip-tooltip .ip-cau {
  display: block;
}
.stepForm .form-user dl dd.ip-faild input[type=text], .stepForm .form-user dl dd.ip-faild input[type=password] {
  border: 1px solid #d32b2b;
  background-color: rgba(211, 43, 43, 0.08);
}
.stepForm .form-user dl dd.ip-faild input[type=text]::placeholder, .stepForm .form-user dl dd.ip-faild input[type=password]::placeholder {
  color: #d32b2b;
}
.stepForm .form-user dl dd.ip-faild .ip-cau {
  color: #d32b2b;
  display: block;
}
.stepForm .form-user dl dd.ip-faild .ip-cau::before {
  background-color: #d32b2b;
}
.stepForm .form-user dl dd .cut-flex {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.stepForm .form-user dl dd .cut-flex button, .stepForm .form-user dl dd .cut-flex a {
  flex-shrink: 0;
}
.stepForm .form-user dl dd .cut-flex.half {
  width: calc(50% - 0.5rem);
}
.stepForm .form-user dl dd .cut-flex.call {
  width: calc(50% - 0.5rem);
}
.stepForm .form-user dl dd .cut-flex.call input {
  text-align: center;
}
.stepForm .form-user dl dd .cut-flex:not(:last-of-type) {
  margin-bottom: 1rem;
}
.stepForm .form-user dl dd .cut-flex span {
  color: #777777;
  font-weight: 200;
}
.stepForm .form-user dl dd .cut-flex span.dash {
  min-width: 1.4rem;
  text-align: center;
}
.stepForm .form-user dl dd.checkBox {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.stepForm .selArea {
  position: relative;
  width: 100%;
}
.stepForm .selArea label {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  right: 2rem;
  top: calc(50% - 0.8rem);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath d='M6.14453 0.292626C6.53503 -0.0977861 7.16809 -0.0977861 7.55859 0.292626C7.94909 0.683122 7.94903 1.31616 7.55859 1.70669L3.08008 6.1852L7.55859 10.6637C7.94912 11.0542 7.94912 11.6873 7.55859 12.0778C7.16807 12.4683 6.53506 12.4683 6.14453 12.0778L0.958984 6.89224L0.890625 6.81704C0.762153 6.65954 0.6889 6.47165 0.670898 6.27993C0.669412 6.26432 0.667747 6.24871 0.666992 6.23306V6.13735C0.668523 6.1057 0.671259 6.07404 0.675781 6.04263C0.700727 5.86775 0.772907 5.69868 0.890625 5.55434L0.958984 5.47817L6.14453 0.292626Z' fill='%23999'/%3E%3C/svg%3E") no-repeat center center/contain;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  border-radius: 100rem;
  transition: transform 500ms;
}
.stepForm .selArea:has(select:focus-within) label {
  transform: rotate(90deg);
}
.stepForm .selArea select {
  color: #777777;
  font-size: 1.8rem;
  width: 100%;
  padding: 0 2rem;
  border-radius: 0.3rem;
  box-shadow: 0 0 0 1px #eeeeee inset;
  box-sizing: border-box;
  font-weight: 300;
}
.stepForm .cer-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6rem;
  gap: 2rem;
}
.stepForm .cer-item dl {
  text-align: center;
}
.stepForm .cer-item dt {
  font-size: min(6vw, 2.6rem);
  font-family: "WavvePADO", sans-serif;
  color: #333333;
}
.stepForm .cer-item dd {
  font-size: min(3vw, 1.6rem);
  margin-top: 0.6rem;
  color: #777777;
}

.StepTit {
  text-align: center;
  margin-bottom: 4rem;
}
.StepTit h1 {
  font-size: min(9vw, 4.6rem);
  color: #333333;
  font-family: "WavvePADO", sans-serif;
  line-height: 1.2;
  word-break: keep-all;
  text-wrap-style: pretty;
}
.StepTit h1 strong {
  color: #5838E6;
}
.StepTit > p {
  color: #999999;
  font-weight: 300;
  font-size: min(6vw, 2.8rem);
  line-height: 1.3;
  word-break: keep-all;
  text-wrap-style: pretty;
  margin-top: min(4vw, 4rem);
}
.StepTit > p span {
  color: #333333;
  font-weight: 700;
}

.user-info {
  width: calc(100% - min(6rem, 6vw));
  max-width: 90rem;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 1rem;
  padding: 4rem;
  border: 0.3rem solid #5838E6;
}
.user-info i {
  width: min(12rem, 16vw);
  height: min(12rem, 16vw);
  display: block;
  margin: 0 auto 1rem;
  background: url(../img/common/ico-user-p.svg) no-repeat center/contain;
}
.user-info h2 {
  font-family: "WavvePADO", sans-serif;
  font-size: 3.4rem;
  text-align: center;
  color: #5838E6;
  margin-bottom: 2rem;
}
.user-info .user-data {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.user-info dl {
  border-radius: 10rem;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background: #f8f8f8;
  padding: 1.4rem 4rem;
  justify-content: center;
  color: #333333;
}
.user-info dl dt {
  font-size: 1.6rem;
  min-width: 5.8rem;
  text-align-last: justify;
}
.user-info dl dd {
  font-size: 2.6rem;
}
.user-info dl dd::before {
  content: "";
  width: 1px;
  height: 1.2rem;
  background: #dddddd;
  display: inline-block;
  margin: 0 1.4rem;
}
.user-info .caution {
  color: #999999;
  font-weight: 300;
  display: block;
  text-align: center;
}

.StepQNA {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  max-width: 178rem;
  margin: 0 auto;
  padding: 0 min(3vw, 4rem);
}
.StepQNA dl {
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #eeeeee inset;
  border-radius: min(1.6vw, 1.6rem);
  padding: min(3vw, 4rem);
}
.StepQNA dt {
  color: #333333;
  font-size: min(4vw, 2.6rem);
  gap: 1rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: baseline;
  justify-content: center;
  word-break: keep-all;
  text-wrap-style: pretty;
}
.StepQNA dt span {
  text-align: left;
}
.StepQNA dt::before {
  content: "";
  flex-shrink: 0;
  width: min(6vw, 4rem);
  height: min(6vw, 4rem);
  position: relative;
  top: 1.2rem;
  display: inline-block;
  background: url(../img/common/faq_que.svg) no-repeat 0 0/contain;
}
.StepQNA dt b {
  color: #5838E6;
  font-weight: 700;
}
.StepQNA dd {
  background: #ffffff;
  border-radius: min(1vw, 1rem);
  gap: min(3vw, 3rem) min(4vw, 6rem);
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: min(3vw, 3rem) min(3vw, 2rem);
}
.StepQNA dd span:has(input[type=text], textarea) {
  display: block;
  width: 100%;
  max-width: 90rem;
}
.StepQNA input[type=radio] + label {
  font-size: 2rem;
  rotate: -0.03deg;
}
.StepQNA input[type=radio], .StepQNA input[type=checkbox] {
  display: none;
}
.StepQNA input:checked + label {
  color: #5838E6;
  font-weight: 600;
}
.StepQNA input:checked + label i {
  outline-color: #5838E6;
}
.StepQNA input:checked + label i::before {
  background: #5838E6;
}

.StepKEY {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: min(3vw, 4rem);
  max-width: 178rem;
  margin: 0 auto;
  padding: 0 min(3vw, 4rem);
}
.StepKEY dl {
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #eeeeee inset;
  border-radius: min(1.6vw, 1.6rem);
  padding: min(5vw, 4rem);
  gap: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.StepKEY dl:hover {
  box-shadow: 0 0 0 6px #5838E6 inset;
}
.StepKEY dl:hover dt {
  color: #5838E6;
}
.StepKEY dt {
  word-break: keep-all;
  text-wrap-style: pretty;
  color: #333333;
  font-size: min(8vw, 3.6rem);
  gap: 1rem;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: #333333;
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.StepKEY dt span {
  text-align: left;
}
.StepKEY dt b {
  color: #5838E6;
  font-weight: 700;
}
.StepKEY dd {
  gap: min(3vw, 1rem) min(4vw, 1rem);
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: min(3vw, 3rem) min(3vw, 2rem);
}
.StepKEY input[type=radio] + label,
.StepKEY label {
  font-size: min(4vw, 2rem);
  line-height: 1;
  color: #777777;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 1.2rem 2rem;
  border-radius: 10rem;
  background: #fff;
  outline: 1px solid #eeeeee;
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.StepKEY input[type=radio] + label:hover,
.StepKEY label:hover {
  outline: 1px solid #5838E6;
  color: #5838E6;
  font-weight: 600;
}
.StepKEY input {
  display: none;
}
.StepKEY input:checked + label {
  outline: 1px solid #5838E6;
  background: #5838E6;
  color: #ffffff;
  font-weight: 600;
}

button.bt-rd {
  width: fit-content;
  font-size: min(5vw, 2rem);
  border-radius: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: min(3vw, 2rem) min(6vw, 3rem);
  gap: 1rem;
  position: relative;
  z-index: 1;
  line-height: 1;
  overflow: hidden;
  background: #ffffff;
  color: #5838E6;
  font-weight: 600;
  box-shadow: 0 0 0 2px #5838E6 inset;
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
button.bt-rd:hover {
  box-shadow: 0 0 0 0.4rem #5838E6 inset;
}
button.set-po {
  background: #5838E6;
  color: #ffffff;
}
button.set-po:hover {
  background: rgb(59.7991071429, 26.2276785714, 208.7723214286);
  box-shadow: unset;
  color: #ffffff;
}
button.set-de {
  background: #333333;
  color: #ffffff;
  box-shadow: 0 0 0 2px #333333 inset;
}
button.set-de:hover {
  background: #222222;
  box-shadow: unset;
  color: #ffffff;
}

/* 1024px */
/* 960px */
@media screen and (max-width: 960px) {
  .StepQNA dd {
    justify-content: flex-start;
  }
  .user-info {
    padding: 6vw;
  }
  .user-info dl {
    flex-direction: column;
  }
  .user-info dl dd::before {
    display: none;
  }
  .stepSubmit .ss_info dl {
    align-items: unsafe;
    flex-direction: column;
  }
  .stepSubmit .ss_info dt {
    width: 100%;
    border-radius: 0.4rem;
    font-size: max(2.5vw, 1.8rem);
  }
  .stepSubmit .ss_info dd {
    text-align: center;
    word-break: keep-all;
    font-size: max(2.5vw, 1.8rem);
  }
  .stepSubmit .ss_info dd .line {
    background: none;
    display: block;
  }
}
/* 720px */
@media screen and (max-width: 720px) {
  .StepGuide {
    padding: 4vw 3vw;
  }
  .StepGuide dl dt {
    display: none;
  }
  .StepGuide dl.active::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 10rem;
    background: #BDF03E;
    margin-right: 1.6vw;
    animation: ani-flicker 400ms ease-in-out infinite 500ms alternate-reverse;
  }
  .StepGuide dl:not(:last-child)::after {
    width: 8px;
    height: 12px;
  }
  .StepQNA label i {
    width: 1.6rem;
    height: 1.6rem;
  }
  .StepQNA label i::before {
    width: 50%;
    height: 50%;
  }
  .StepKEY dl {
    flex-direction: column;
    gap: 2vw;
  }
  .StepKEY label {
    padding: 0.8rem 1.6rem;
  }
  br.forPC {
    display: none;
  }
}