:root {
  --main: #774bea;
  --yellow: #ffd117;
  --white: #eef2fa;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.container1 {
  background-color: var(--main);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 393px;
  display: flex;
  overflow: clip;
}

.frame-398 {
  grid-column-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 393px;
  height: 784px;
  padding: 130px 10px 10px;
  text-decoration: none;
  display: flex;
}

.frame-396 {
  grid-row-gap: 150px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 59px;
  text-decoration: none;
  display: flex;
}

.frame-395 {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-393 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-394 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  font-family: Noto Sans KR, sans-serif;
  text-decoration: none;
  display: flex;
}

.h4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.h4._3 {
  letter-spacing: 4px;
  font-weight: 700;
}

.h4-2 {
  color: var(--yellow);
  text-align: center;
  letter-spacing: 5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame {
  grid-column-gap: 10px;
  background-color: #b898ff;
  border-radius: 23.5332px;
  justify-content: center;
  align-items: center;
  width: 47.0664px;
  height: 47.0664px;
  padding: 11px 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20.4928px;
  height: 22.0531px;
  text-decoration: none;
  display: flex;
}

.body {
  background-color: #1c1c1c;
}

.container_intro {
  background-color: var(--main);
  background-image: linear-gradient(#00000080, #00000080), url('../images/introimage.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  max-width: 393px;
}

.frame-401 {
  grid-row-gap: 101px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 85px;
  text-decoration: none;
  display: flex;
}

.frame-400 {
  grid-row-gap: 68px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-399 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h2-2 {
  color: #ffd117;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-397 {
  grid-row-gap: 39px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  text-decoration: none;
  display: flex;
}

.frame-402 {
  grid-column-gap: 6.72px;
  background-color: #14062d;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 25px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 34.8835px;
  height: 24.5645px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 82%;
}

.p {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.p.intro {
  display: block;
}

.frame-403 {
  grid-column-gap: 6.72px;
  background-color: #14062d;
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 25px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-3 {
  object-fit: cover;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 34.7438px;
  height: 24.3597px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 94%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.frame-404 {
  grid-column-gap: 6.72px;
  background-color: #14062d;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  padding: 10px 25px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 36.2844px;
  height: 26.6783px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 89%;
}

.h2-3 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  display: flex;
}

.p-0 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.p-1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.h2-1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.image {
  position: absolute;
  inset: auto -15% 11% auto;
}

.image-2 {
  position: absolute;
  inset: auto auto 15% -16%;
}

.intro_twing {
  position: relative;
}

.div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 79px;
  display: flex;
}

.image-3 {
  max-width: 84%;
}

.text {
  color: #461da1;
  text-align: center;
  letter-spacing: .88em;
  text-transform: uppercase;
  margin-top: 78px;
  margin-bottom: 0;
  padding-top: 39px;
  padding-bottom: 39px;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.elite_text2 {
  color: #461da1;
  text-align: center;
  letter-spacing: .88em;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-top: 39px;
  padding-bottom: 39px;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.elite_text2.low {
  margin-top: 0;
  margin-bottom: 0;
}

.elite_text2._2 {
  opacity: .57;
  color: #fff;
  letter-spacing: .7em;
  mix-blend-mode: hard-light;
  margin-top: 0;
  padding-top: 0;
  font-size: 16px;
}

.frame-405 {
  z-index: 2;
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}

.frame-406 {
  grid-row-gap: 21px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: clip;
}

.text03 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 29px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.text38 {
  text-align: center;
  flex-flow: column;
  line-height: 40px;
}

.frame-407 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.class1 {
  border-radius: 20px;
  width: 180px;
}

.frame-408 {
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.h4-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
}

.h4-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
  text-decoration: none;
}

.text38-0 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 43px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text38-1 {
  color: #ffd117;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.image-4 {
  z-index: -1;
  width: 352.003px;
  position: absolute;
  inset: 0% auto auto -46%;
  overflow: visible;
}

.image-5 {
  z-index: -1;
  width: 392.997px;
  position: absolute;
  inset: auto auto -2% -30%;
  overflow: visible;
}

.image-6 {
  z-index: -1;
  mix-blend-mode: normal;
  width: 350.994px;
  position: absolute;
  inset: 30% -47% auto auto;
  overflow: visible;
}

.frame-409 {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 112px;
  margin-bottom: 58px;
  text-decoration: none;
  display: flex;
}

.h2-4 {
  color: #fff;
  text-align: center;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 45px;
  text-decoration: none;
  display: inline-block;
}

.frame-410 {
  grid-column-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 165px;
  height: 331px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.phone-2 {
  border-radius: 20px;
  width: 100%;
  max-width: none;
  margin-left: -1px;
  padding-left: 0;
  position: absolute;
  overflow: visible;
}

.frame-411 {
  grid-row-gap: 18px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.h4-5 {
  text-align: center;
  flex-flow: column;
  display: block;
}

.h4-6 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
  text-decoration: none;
}

.h4-0 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  text-decoration: none;
}

.h4-1 {
  color: var(--yellow);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-412 {
  background-color: #fff;
  border-radius: 6.6px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 7px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 34% auto auto -47%;
  box-shadow: 9px 7px 5px 1px #0003;
}

.frame-412._2 {
  inset: auto -43% 35% auto;
  box-shadow: 9px 7px 5px 1px #0003;
}

.frame-412._3 {
  inset: auto auto 21% -31%;
  box-shadow: 9px 7px 5px 1px #0003;
}

.text24 {
  color: #202020;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-5 {
  object-fit: cover;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 12px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 20.9886px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.vectors-wrapper-5._2 {
  inset: auto auto -32% 16%;
  transform: rotate(0);
}

.image-7 {
  position: absolute;
  bottom: 30px;
}

.image-7._1 {
  bottom: 34px;
  transform: rotate(15deg);
}

.image-7._2 {
  bottom: 126%;
  right: 49%;
  transform: rotate(-15deg);
}

.image-7._3 {
  mix-blend-mode: normal;
  bottom: 122%;
  left: 31%;
  transform: rotate(15deg);
}

.frame-413 {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 393px;
  margin-top: 47px;
  margin-bottom: 76px;
  padding-top: 67px;
  text-decoration: none;
  display: flex;
}

.frame-414 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-415 {
  grid-column-gap: 6.4512px;
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70%;
  height: 86px;
  margin-right: 32px;
  padding: 20px;
  display: flex;
  position: relative;
}

.vectors-wrapper-6 {
  object-fit: cover;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 33.7882px;
  height: 24.0253px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 76px;
  left: 80px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.text23 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #101010;
  text-align: center;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.frame-416 {
  grid-column-gap: 6.4512px;
  background-color: #ffd117;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 244px;
  height: 68px;
  margin-left: 48px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-7 {
  object-fit: cover;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 33.7882px;
  height: 24.0253px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 55px;
  left: 120px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.text22 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-7 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 260px;
  display: flex;
}

.h4-8 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.h4-9 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-10 {
  color: #ffd117;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-417 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.h4-11 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.h4-12 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-14 {
  color: #ffd117;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-choice {
  grid-column-gap: 10px;
  background-image: url('../images/허지윤-쁘디바디-클래스.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 116px;
  max-width: 30%;
  min-height: auto;
  margin-bottom: 68px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.frame-choice._2 {
  background-image: url('../images/서지윤-쁘디바디-클래스_상담신청.jpg');
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 220px;
}

.div-block-2 {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-8 {
  width: 100%;
}

.div-block-3 {
  width: 54%;
  display: flex;
}

.image-9 {
  width: 66%;
  position: absolute;
  inset: auto -7% -30% auto;
}

.frame-418 {
  grid-row-gap: 70px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 103px;
  text-decoration: none;
  display: flex;
}

.frame-419 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.h2-5 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-420 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h4-15 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.h2-0 {
  color: #ffd117;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-16 {
  color: #ffd117;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-17 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.h4-18 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-421 {
  grid-row-gap: 70px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-422 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.frame-423 {
  background-color: var(--yellow);
  border: 1px solid #fff0;
  border-radius: 288px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 14.08px;
  text-decoration: none;
  display: flex;
}

.text-2 {
  color: #080808;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-424 {
  z-index: 2;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.h4-19 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-425 {
  z-index: 2;
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.h1-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-big {
  z-index: 2;
  grid-column-gap: 10px;
  background-image: url('../images/헬린이-부스터.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  border-radius: 40px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  height: 450px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.image-10 {
  z-index: 1;
  width: 231.08px;
  position: absolute;
  inset: -35% auto auto -63%;
  overflow: visible;
}

.image-1022 {
  z-index: 1;
  width: 231.08px;
  position: absolute;
  inset: auto -73% -31% auto;
  overflow: visible;
}

.image-1023 {
  z-index: 1;
  opacity: .76;
  width: 263.991px;
  position: absolute;
  inset: auto auto 0% -40%;
  overflow: visible;
}

.frame-426 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 100px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
}

.frame-427 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.frame-428 {
  border: 0 solid #774bea;
  border-bottom-width: 1px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #774bea;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.h2-7 {
  grid-row-gap: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
}

.text19 {
  color: #161325;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-429 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h4-20 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.container2 {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 393px;
  display: flex;
  overflow: clip;
}

.image-1024 {
  min-width: 50%;
  max-width: 50%;
}

.div-block-4 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blog {
  max-width: 90%;
  position: absolute;
  inset: 0% auto auto -28%;
}

.image-1026 {
  max-width: 90%;
  position: absolute;
  inset: 0% -28% auto auto;
}

.image-1027 {
  max-width: 90%;
  position: absolute;
  inset: auto auto 0% -28%;
}

.image-1028 {
  max-width: 90%;
  position: absolute;
  inset: auto -28% 0% auto;
}

.image-1029 {
  max-width: 90%;
  position: absolute;
  inset: auto auto 40% -38%;
}

.image-1030 {
  max-width: 90%;
  position: absolute;
  bottom: 40%;
  left: auto;
  right: -38%;
}

.frame-430 {
  grid-row-gap: 360px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 337px;
  text-decoration: none;
  display: flex;
}

.frame-431 {
  grid-row-gap: 39px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.frame-432 {
  border: 0 solid #ffd117;
  border-bottom-width: 1px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #ffd117;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.h2-8 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
}

.text18 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-433 {
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-434 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h4-21 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.h4-22 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.frame-435 {
  grid-column-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-436 {
  grid-row-gap: 3.6px;
  background-color: #ffe359;
  border-radius: 40.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 113px;
  height: 31px;
  padding: 7.2px 20.88px;
  text-decoration: none;
  display: flex;
}

.text-5 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-437 {
  grid-row-gap: 3.6px;
  background-color: #fff;
  border-radius: 40.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 126px;
  height: 31px;
  padding: 7.2px 20.88px;
  text-decoration: none;
  display: flex;
}

.frame-438 {
  grid-row-gap: 3.6px;
  background-color: #3ce197;
  border-radius: 40.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 81px;
  height: 31px;
  padding: 7.2px 20.88px;
  text-decoration: none;
  display: flex;
}

.frame-439 {
  grid-row-gap: 3.6px;
  background-color: #fff;
  border-radius: 40.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 128px;
  height: 31px;
  padding: 7.2px 18px;
  text-decoration: none;
  display: flex;
}

.frame-440 {
  grid-row-gap: 3.6px;
  background-color: #6b51ff;
  border-radius: 40.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 31px;
  padding: 7.2px 20.88px;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-23 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.div-block-5 {
  background-image: url('../images/Group-5.png');
  background-position: 50%;
  background-size: 393px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 835px;
  padding-top: 55px;
  display: flex;
}

.frame-441 {
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 307.2px;
  padding-top: 100px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
}

.h2-9 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
}

.text43 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-442 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.text17 {
  color: #7b7f85;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-443 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.frame-444 {
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text12 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-445 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h1-3 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.check {
  margin-bottom: 31px;
}

.text-span {
  color: var(--yellow);
}

.text-span-2 {
  color: var(--yellow);
  font-weight: 600;
}

.text-span-3, .text-span-4, .text-span-5 {
  color: #100d17;
  font-weight: 700;
}

.frame-446 {
  grid-row-gap: 22px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.frame-447 {
  grid-row-gap: 6.48px;
  background-color: #8655ff;
  border-radius: 72.9px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 50px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #eef2fa;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  position: static;
}

.frame-448 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h2-10 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h2-12 {
  color: #8655ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.div-block-6 {
  width: 59%;
}

.div-block-7 {
  grid-column-gap: 43px;
  grid-row-gap: 43px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-449 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.h4-24 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.div-block-8 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  line-height: 60px;
  display: flex;
}

.image-1031 {
  margin-top: 34px;
  margin-bottom: 34px;
}

.frame-450 {
  grid-row-gap: 167px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 148px;
  text-decoration: none;
  display: flex;
}

.error-733ff135-469a-5a32-4c6b-674f8bc2a59e {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 23px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

.text42 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-451 {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 148px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 5%;
  bottom: auto;
}

.text43-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 23px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

.text42-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.div-block-9 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
}

.div-block-10 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 70%;
}

.div-block-11 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 40%;
}

.div-block-12 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  line-height: 50px;
  display: flex;
  position: absolute;
  top: 7%;
}

.frame-452 {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.frame-453 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.h4-25 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-454 {
  grid-row-gap: 17px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h4-26 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-26.pupple {
  color: var(--main);
}

.image-1032 {
  position: absolute;
  top: 18%;
}

.image-1032._2 {
  top: 50%;
}

.image-1032._3 {
  top: 80%;
}

.frame-455 {
  grid-row-gap: 49px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-456 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-457 {
  grid-column-gap: 10px;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 46px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 19px;
  text-decoration: none;
  display: flex;
}

.text-8 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-458 {
  grid-row-gap: 17px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.text58 {
  color: #01000a;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-459 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 252px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.frame-460 {
  grid-row-gap: 30px;
  background-color: #8955ff;
  border-bottom: 2px dashed #eef2fa;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 219px;
  display: flex;
}

.frame-461 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-462 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 132px;
  padding: 12px;
  display: flex;
}

.frame-463 {
  background-color: #3d3d3d;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5px 8px;
  text-decoration: none;
  display: flex;
}

.text-9 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-464 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-465 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.text59 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-466 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-467 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 3px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text60 {
  color: #ffffff80;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: line-through;
}

.frame-468 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70.8555px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 15px;
  left: 10px;
}

.vectors-wrapper-8 {
  justify-content: center;
  align-items: center;
  width: 70.8555px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.frame-469 {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 3px 16px;
  text-decoration: none;
  display: flex;
}

.text61 {
  color: #252525;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text62 {
  color: #e6e6e6;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-470 {
  background-color: #8955ff;
  border-top: 0 dashed #eef2fa;
  border-bottom: 2px dashed #eef2fa;
  border-left: 0 dashed #eef2fa;
  border-right: 0 dotted #eef2fa;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 54px;
  display: flex;
}

.frame-470.line {
  border-bottom-width: 0;
}

.frame-471 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-472 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  text-decoration: none;
  display: flex;
}

.text63 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-473 {
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 46px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.text64 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text65 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text65.yellow {
  color: var(--yellow);
}

.text65.color {
  color: #7adeff;
}

.frame-474 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 232px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 218px;
  left: 10px;
}

.vectors-wrapper-9 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 0;
  text-decoration: none;
  display: flex;
}

.frame-475 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 232px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 273px;
  left: 10px;
}

.frame-476 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 232px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 328px;
  left: 10px;
}

.frame-477 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 232px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 383px;
  left: 10px;
}

.frame-478 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 232px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 435px;
  left: 10px;
}

.frame-479 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 232px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 489px;
  left: 10px;
}

.frame-480 {
  grid-row-gap: 87px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 102px;
  margin-bottom: 80px;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.frame-481 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.h4-27 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.frame-482 {
  grid-row-gap: 43px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.frame-483 {
  grid-row-gap: 35px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-484 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h1-4 {
  color: #01000a;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.frame-485 {
  grid-row-gap: 9px;
  border-top: 2px solid #919ff7;
  border-bottom: 2px solid #919ff7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 254px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-10 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 1.55717e-14px;
  text-decoration: none;
  display: flex;
}

.text-10 {
  color: #919ff7;
  text-align: center;
  letter-spacing: .88em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-486 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.frame-487 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.h2-13 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text05 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 19.574px;
  height: 9.48228px;
  text-decoration: none;
  display: flex;
}

.frame-488 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  text-decoration: none;
  display: flex;
}

.h4-28 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-489 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.frame-490 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  text-decoration: none;
  display: flex;
}

.frame-491 {
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  text-decoration: none;
  display: flex;
}

.text55 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-492 {
  grid-column-gap: 15px;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 292px;
  display: flex;
}

.frame-493 {
  grid-row-gap: 20px;
  background-color: #dee3ff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 300px;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

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

.frame-494 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 88px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-12 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 19.5681px;
  height: 9.48011px;
  text-decoration: none;
  display: flex;
}

.text46 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #101010;
  text-align: center;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.frame-495 {
  grid-row-gap: 20px;
  background-color: var(--main);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 300px;
  text-decoration: none;
  display: flex;
}

.frame-496 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 95px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  display: flex;
}

.text-12 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-497 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 58px;
  text-decoration: none;
  display: flex;
}

.text47 {
  color: var(--yellow);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-498 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.text57 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.text57-2 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text55-2 {
  position: absolute;
  top: 938.274px;
  left: 80px;
}

.text54-0 {
  color: #01000a;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text54-1 {
  color: #8955ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h2-14 {
  color: #8955ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-29 {
  color: #8955ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text55-1 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text45-0 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.text45-3 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text46-0 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.text46-0.white {
  color: #fff;
}

.text46-1 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text46-1.yellow {
  color: var(--yellow);
}

.text57-0 {
  color: #774bea;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text55-0 {
  color: #774bea;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  position: absolute;
  top: 938.274px;
  left: 80px;
}

.text55-3 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
  position: absolute;
  top: 938.274px;
  left: 80px;
}

.frame-499 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text55-5 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text55-6 {
  color: #774bea;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text55-7 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.text55-8 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-500 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 58px;
  text-decoration: none;
  display: flex;
}

.text45-4 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text45-4.white {
  color: #fff;
}

.text45-1 {
  color: #774bea;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.div-block-13 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.frame-501 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 90px;
  text-decoration: none;
  display: flex;
}

.frame-502 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h2-15 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
}

.text10 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-503 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.text56 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.text56-2 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text56-3 {
  display: flex;
}

.frame-504 {
  grid-row-gap: 73px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-505 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 266px;
  text-decoration: none;
  display: flex;
}

.h1-5 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-506 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.text04 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
}

.frame-507 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--main);
  border-radius: 360px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 15px;
  text-decoration: none;
  display: flex;
}

.frame-507.top {
  background-color: var(--white);
}

.text-13 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-13.yellow {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.text-13.big {
  color: #2f2947;
  font-size: 28px;
  font-weight: 600;
}

.text56-1 {
  color: #101010;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text56-4 {
  color: #774bea;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.image-1033 {
  max-width: 85%;
  margin-bottom: 41px;
}

.text-span-6 {
  font-weight: 700;
}

.text-span-7 {
  color: var(--yellow);
}

.container {
  max-width: 393px;
}

.text2828 {
  color: #898989;
  letter-spacing: -.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17.76px;
  text-decoration: underline;
}

.vectors-wrapper-27 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 14px;
  text-decoration: none;
  display: flex;
}

.text2929 {
  color: #898989;
  letter-spacing: -.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17.76px;
  text-decoration: none;
}

.frame-4016 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 393.119px;
  text-decoration: none;
  display: flex;
}

.text2020 {
  color: #b2b2b2;
  letter-spacing: -.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 17.76px;
  text-decoration: none;
}

.text1515 {
  color: #353535;
  text-align: center;
  letter-spacing: -.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  text-decoration: none;
}

.container-15 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 302.364px;
  padding: 32px 24px;
  text-decoration: none;
  display: flex;
}

.frame-3932 {
  grid-row-gap: 24px;
  background-color: #d6e0fd;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.text1616 {
  color: #353535;
  text-align: center;
  letter-spacing: -.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-3935 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: none;
}

.text1616-1 {
  color: #353535;
  text-align: center;
  letter-spacing: -.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.frame-3934 {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: none;
}

.footer {
  grid-column-gap: 10px;
  background-color: #f0f0f0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 1px;
  padding-right: 1px;
  text-decoration: none;
  display: flex;
}

.paragraph {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0 74px;
  text-decoration: none;
  display: flex;
}

.text3030 {
  color: #898989;
  letter-spacing: -.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.72px;
  text-decoration: none;
}

.text1717 {
  color: #898989;
  letter-spacing: -.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17.76px;
  text-decoration: none;
}

.container-16 {
  max-width: 393px;
}

.vectors-wrapper-26 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 25.2587px;
  height: 23.2106px;
  text-decoration: none;
  display: block;
}

.image-1034 {
  max-width: 14%;
}

.div-block-14 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.text-span-8 {
  color: var(--main);
}

.text-span-9 {
  color: #ffa616;
}

.div-block-15 {
  width: 50%;
  height: 263px;
  position: absolute;
}

.frame-4017 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 330.183px;
  text-decoration: none;
  display: flex;
}

.frame-4018 {
  grid-row-gap: 20.79px;
  background-color: #3b266a;
  border-radius: 20.79px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 160.083px;
  height: 303.534px;
  text-decoration: none;
  display: flex;
}

.frame-4019 {
  grid-column-gap: 10.395px;
  background-color: #fff;
  border-radius: 10.395px;
  justify-content: center;
  align-items: center;
  width: 105.3px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
}

.text01 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.text01._2 {
  color: #282828;
  font-weight: 800;
}

.frame-4020 {
  grid-row-gap: 3.1185px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text02 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text03-2 {
  color: #ffd117;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-28 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20.3444px;
  height: 9.85457px;
  text-decoration: none;
  display: flex;
}

.frame-4021 {
  grid-row-gap: 20.79px;
  background-color: #9766ff;
  border-radius: 20.79px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 160.083px;
  height: 303.534px;
  text-decoration: none;
  display: flex;
}

.frame-4022 {
  grid-column-gap: 10.395px;
  background-color: #151e46;
  border-radius: 10.395px;
  justify-content: center;
  align-items: center;
  width: 105.3px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  display: flex;
}

.text05-0 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text05-1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans KR, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.code-embed {
  width: auto;
  max-width: none;
  overflow: clip;
}

.scroll-trigger {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--main);
  border-radius: 360px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 18%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 15px;
  text-decoration: none;
  display: flex;
}

.scroll-trigger.top {
  background-color: var(--white);
}

.navbar-hidden {
  z-index: 99;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--main);
  text-align: center;
  word-break: normal;
  overflow-wrap: normal;
  border-radius: 360px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 65px;
  margin: -65px auto 0;
  padding: 12px 15px;
  text-decoration: none;
  display: flex;
  position: sticky;
  top: 90vh;
}

.navbar-hidden.top {
  background-color: var(--white);
}

.scroll-trigger2 {
  width: 1px;
  height: 1px;
  position: absolute;
}

.div-block-16 {
  width: 120%;
  position: relative;
}

.section {
  position: relative;
}

.div-block-17 {
  width: 100%;
  height: 800px;
  max-height: 800px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: clip;
}

.div-block-18 {
  width: 100%;
  overflow: clip;
}

.link-block {
  overflow-wrap: normal;
  text-decoration: none;
}

.div-block-19 {
  z-index: 0;
  border-radius: 30px;
  width: 98%;
  height: 99%;
  padding-left: 1px;
  position: absolute;
  overflow: clip;
  transform: translate(0);
}

.image-1035 {
  transform: translate(0);
}

.image-1036 {
  width: 76%;
  position: absolute;
  top: 85%;
}

.main_slide {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.main_slide_con {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: block;
}

.image-1037 {
  vertical-align: baseline;
  width: 2154.55px;
  max-width: none;
  height: 356px;
  display: block;
}

.arrow {
  width: 10%;
  margin-bottom: 25px;
  transform: rotate(180deg);
}

.link-block-2 {
  text-decoration: none;
  display: none;
}

.text-span-10 {
  color: var(--yellow);
}

.link2 {
  text-decoration: none;
  display: none;
}

.link1 {
  text-decoration: none;
  display: flex;
}

.text-span-11 {
  font-weight: 700;
}

.text-span-12 {
  color: var(--yellow);
  display: flex;
}

.text-span-13 {
  color: var(--yellow);
}

@media screen and (max-width: 991px) {
  .frame-407 {
    justify-content: flex-start;
    align-items: stretch;
  }

  .class1 {
    vertical-align: baseline;
    height: auto;
  }

  .frame-501 {
    margin-bottom: 100px;
  }

  .frame-507 {
    padding-top: 10px;
    padding-bottom: 15px;
  }

  .text-13 {
    font-family: Noto Sans KR, sans-serif;
    font-weight: 700;
  }

  .text-13.yellow {
    color: var(--yellow);
    font-size: 30px;
    font-weight: 800;
  }

  .scroll-trigger, .navbar-hidden {
    padding-top: 10px;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .frame-407 {
    justify-content: flex-start;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .frame-407 {
    justify-content: flex-start;
    align-items: stretch;
  }

  .text-13 {
    font-weight: 700;
  }

  .text-13.yellow {
    font-size: 26px;
  }

  .link2 {
    display: flex;
  }

  .link1 {
    display: none;
  }
}