/* screen - slide-16u589-55 */

.slide-16u589-55 {
  align-items: flex-start;
  background-color: var(--black);
  display: flex;
  height: 1080px;
  overflow: hidden;
  width: 1920px;
}

.slide-16u589-55 .overlap-group {
  height: 1125px;
  margin-left: 1px;
  margin-top: -23px;
  position: relative;
  width: 1921px;
}

.slide-16u589-55 .group-1171278894 {
  height: 1125px;
  left: 858px;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  width: 240px;
}

.slide-16u589-55 .group-1171278894.animate-enter4 {
  animation: animate-enter4-frames 3.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.slide-16u589-55 .doyoonnnn {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.slide-16u589-55 .doyoonnnn-1 {
  top: 120px;
}

.slide-16u589-55 .doyoonnnn-2 {
  top: 240px;
}

.slide-16u589-55 .doyoonnnn-3 {
  top: 360px;
}

.slide-16u589-55 .doyoonnnn-4 {
  top: 480px;
}

.slide-16u589-55 .doyoonnnn-5 {
  top: 600px;
}

.slide-16u589-55 .doyoonnnn-6 {
  top: 720px;
}

.slide-16u589-55 .doyoonnnn-7 {
  top: 840px;
}

.slide-16u589-55 .doyoonnnn-8 {
  top: 960px;
}

.slide-16u589-55 .doyoonnnn-9 {
  top: 60px;
}

.slide-16u589-55 .doyoonnnn-10 {
  top: 180px;
}

.slide-16u589-55 .doyoonnnn-11 {
  top: 300px;
}

.slide-16u589-55 .doyoonnnn-12 {
  top: 420px;
}

.slide-16u589-55 .doyoonnnn-13 {
  top: 540px;
}

.slide-16u589-55 .doyoonnnn-14 {
  top: 660px;
}

.slide-16u589-55 .doyoonnnn-15 {
  top: 780px;
}

.slide-16u589-55 .doyoonnnn-16 {
  top: 900px;
}

.slide-16u589-55 .doyoonnnn-17 {
  top: 1020px;
}

.slide-16u589-55 .doyoonnnn-18 {
  top: 1080px;
}

.slide-16u589-55 .title {
  color: var(--white);
  cursor: pointer;
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0;
  position: absolute;
  top: 686px;
  transform: scale(0.9);
  transition: all 0.2s ease;
  white-space: nowrap;
}

.slide-16u589-55 .title.animate-enter5 {
  animation: animate-enter5-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: scale(0.9);
}

@keyframes animate-enter5-frames {
  from{opacity: 0;
transform: scale(0.9);
}
to{opacity: 1;
transform: scale(1);
}
}

.slide-16u589-55 .title:hover {
  color: #656565
}

.slide-16u589-55 .doyoonnnn-19 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  white-space: nowrap;
}