.alpha-wrap {
   overflow:hidden;
}
.alpha-wrap img {
   display:block;
   width:100%;
   height:auto;
}

/* visual */
.visual-wrap {position:relative;width:100%;height:100%;}
.visual {background-color:#0c061a;height:113.437vw;overflow:hidden;position:relative;}
.visual .bg {position:absolute;top:0;left:0;right:0;margin:0 auto;}
.visual .inner {width:100%; position:absolute;top:0;left:50%;transform:translateX(-50%);height:113.437vw;}
.visual *[class^="v-circle0"] {position:absolute;opacity:0;}
.visual .v-circle01 {
   top:-24%;
   left:0;
   width:50%;
   animation: floatUp 1s ease-out forwards, floating 3s ease-in-out infinite;
   animation-delay: .4s, 1s;
}
.visual .v-circle02 {
   top:5%;
   right:5%;
   width:15%;
   animation: floatUp 1s ease-out forwards, floating 3s ease-in-out infinite;
   animation-delay: .6s, 1.4s;
}
.visual .v-circle03 {
   top: auto;
   bottom: -15%;
   left: 6%;
   width:29.375%;
   animation: floatUp 1s ease-out forwards, floating 3s ease-in-out infinite;
   animation-delay: .8s, 1.8s;
}
.visual .v-circle04 {
   top: auto;
   bottom: -35%;
   right: -20%;
   width: 57%;
   animation: floatUp 1s ease-out forwards, floating 3s ease-in-out infinite;
   animation-delay: 1.2s, 2.2s;
}
.visual .v-circle05 {
   top:25%;
   left:-5%;
   width:14.843%;
   animation:fadeIn 1s both, floating 3s ease-in-out infinite;
   animation-delay: 1s, 2.6s;
}
@keyframes floatUp {
   0% {
      opacity: 0;
      transform: translateY(100px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
@keyframes floating {
   0% {
      transform: translateY(0);
   }
   50% {
      transform: translateY(-25px);
   }
   100% {
      transform: translateY(0);
   }
}
.visual h3 {
   font-size:8vw;
   color:#fff;
   font-weight:800;
   position:absolute;
   top:50%;
   left:0;
   width:100%;
   transform:translateY(-50%);
   text-align:center;
   opacity: 0;
   animation:letterMove 2.5s .5s both;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   gap:4.688vw;
}
@keyframes letterMove {
   0% {
      opacity: 0;
      gap:4.688vw;
   }
   50% {
      opacity: 1;
      gap:0;
   }
      100% {
      opacity: 0;
      gap:0;
   }
}
.visual .v-planet {
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   right:0;
   margin:0 auto;
   mix-blend-mode: screen;
   animation: floatUp 1s 2.5s ease-out forwards;
   opacity: 0;
}
.visual .v-planet img{ 
   width:100%;
   height:100%;
}
.visual .v-light {
   position:absolute;
   top:0;
   left:0;
   right:0;
   margin:0 auto;
   mix-blend-mode: hard-light;
   animation:fadeIn 1s 2.5s infinite alternate;
   opacity: 0;
}
.visual .v-tit { 
   display:flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   height:100%;
}
.visual .v-tit h2 {
   width:91.875%;
   margin:0 auto;
   margin-top:3vw;
   animation:fadeIn 1s 3s both;
}
.visual .v-tit h1 {
   width:94.375%;
   margin-top:-7.5vw;
   animation: puff-in-center 0.3s 3.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

@keyframes puff-in-center {
   0% {
      transform: scale(2.5);
      filter: blur(4px);
      opacity: 0;
   }
   100% {
      transform: scale(1);
      filter: blur(0px);
      opacity: 1;
   }
}
@keyframes fadeIn {
   0% {opacity: 0;}
   100% {opacity: 1;}
}


/* container */
.alpha-wrap .container {
   position:relative;
}

.alpha-wrap .cont{
   padding:15.625vw 0;
}

.alpha-wrap .cont .title{
   width:94.375%;
   margin:0 auto;
}

.alpha-wrap .notice {
   color:#888;
   text-align: right;
   font-family: Pretendard;
   font-size: 3.125vw;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
}

/* cont01 */
.alpha-wrap .cont01{
   background:#fff9e3;
}

.alpha-wrap .cont01 .inner{
   padding:12.5vw 3.75vw 0 3.75vw;
}

.alpha-wrap .cont01 .type-list{
   display: flex;
   width: 100%;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 4.688vw;
}

.alpha-wrap .cont01 .type-list{
   width:85.810%;
   margin:0 auto;
}

/* cont02 */
.alpha-wrap .cont02 .sub-title{
   width:47.1875%;
   margin:0 auto;
   margin-top:6.25vw;
}

.alpha-wrap .cont02 .inner{
   padding:12.5vw 3.75vw 0 3.75vw;
}

.alpha-wrap .cont02 .quest-list {
   width:100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 3.75vw;
   align-self: stretch;
   margin-bottom:15.625vw;
}

.alpha-wrap .cont02 .quest-list > div {
   display: flex;
   padding: 3.75vw 4.375vw;
   justify-content: space-between;
   align-items: center;
   align-self: stretch;
   border-radius: 1.563vw;
   border: 0.313vw solid #E3E3E3;
   font-family:Pretendard;
}

.alpha-wrap .cont02 .quest-list > div .num{
   color: #000;
   font-family: Pretendard;
   font-size: 4.3vw;
   font-style: normal;
   font-weight: 500;
   line-height: 1.3;
   letter-spacing: -.5px;
}

.alpha-wrap .cont02 .quest-list > div .link {
   display: flex;
   padding: 2.656vw 4.844vw 2.656vw 7.656vw;
   justify-content: center;
   align-items: center;
   gap: 1.25vw;
   border-radius: 999px;
   background: #FFD961;
}

.alpha-wrap .cont02 .quest-list > div .link span {
   color: #000;
   font-family: Pretendard;
   font-size: 4.063vw;
   font-style: normal;
   font-weight: 700;
   line-height: 1.5;
}

.alpha-wrap .cont02 .quest-list > div .link .i-magnify {
   width: 6.094vw;
   height: 5.938vw;
   flex-shrink: 0;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='38' viewBox='0 0 40 38' fill='none'%3E%3Cpath d='M27.6429 23.8857H25.9274L25.3194 23.2994C27.4474 20.824 28.7286 17.6103 28.7286 14.1143C28.7286 6.31886 22.4097 0 14.6143 0C6.81886 0 0.5 6.31886 0.5 14.1143C0.5 21.9097 6.81886 28.2286 14.6143 28.2286C18.1103 28.2286 21.324 26.9474 23.7994 24.8194L24.3857 25.4274V27.1429L35.2429 38L38.5 34.7429L27.6429 23.8857ZM14.6143 23.8857C9.18571 23.8857 4.84286 19.5429 4.84286 14.1143C4.84286 8.68571 9.18571 4.34286 14.6143 4.34286C20.0429 4.34286 24.3857 8.68571 24.3857 14.1143C24.3857 19.5429 20.0429 23.8857 14.6143 23.8857Z' fill='black'/%3E%3Cpath d='M16.6003 16.05L20.5 16.0502L20.5001 13.0502L16.6003 13.05L16.6002 9.05005L13.5 9.05L13.5001 13.0499L9.50007 13.05L9.50001 16.05L13.5 16.0499L13.5 20.05L16.6002 20.0501L16.6003 16.05Z' fill='black'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center;
   background-size:cover;
}

.alpha-wrap .cont02 .bubble-list {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2.656vw;
   padding-bottom:2.656vw;
}

.alpha-wrap .cont02 .bubble-list > div:nth-child(1){ width:98.310%; }
.alpha-wrap .cont02 .bubble-list > div:nth-child(2){ width:96.959%; }
.alpha-wrap .cont02 .bubble-list > div:nth-child(3){ width:87.162%; }
.alpha-wrap .cont02 .bubble-list > div:nth-child(4){ width:95.270%; }
.alpha-wrap .cont02 .bubble-list > div:nth-child(5){ width:97.972%; }
.alpha-wrap .cont02 .bubble-list > div:nth-child(6){ width:86.148%; }
.alpha-wrap .cont02 .bubble-list > div:nth-child(7){ width:80.743%; }

/* cont03 */
.alpha-wrap .cont03{
   background:#231931;
}  

.alpha-wrap .cont03 .inner{
   padding-top:12.5vw;
}

.alpha-wrap .cont03 .step-list{
   display: flex;
   width: 100%;
   justify-content: space-around;
   align-items: center;
}

.alpha-wrap .cont03 .step-list > img:nth-child(1),
.alpha-wrap .cont03 .step-list > img:nth-child(3) { width:46.563vw; }
.alpha-wrap .cont03 .step-list > img:nth-child(2){ width:6.25vw; }

/* cont04 */
.alpha-wrap .cont04{
   background: #EEE7F6;
}

.alpha-wrap .cont04 .inner{
   padding:12.5vw 3.75vw 0 3.75vw;
}

.alpha-wrap .cont04 .sub-title{
   padding-top:12.5vw;
}