/* background img */
.background-img {
  min-width: 1408px;
  width: 100%;
  height: 100%;
  /*background: url("../images/inc/main-img.png") no-repeat;*/
  /*background: url("../images/inc/test.png") no-repeat;*/
  /* 20201118 이선화 주석처리 */
  background: url("../images/inc/main-bg-img.png") no-repeat;
  /*background-size: cover; 삭제 이세연 1104*/
  background-size: 73.5% 70%; /*추가 이세연 1104*/
  background-position: center;
  position: absolute;
  top: 0;
}
.bcww_video_box {
  width: 152px;
  height: 112px;
  top: 765px;
  left: 975px;
  z-index: -1;
  position: absolute;
  transform: skew(0, 30deg);
  -o-transform: skew(0, 30deg);
  -moz-transform: skew(0, 30deg);
  -webkit-transform: skew(0, 30deg);
}

.bcww_video {
  width: 160px;
  height: 119px;
  top: 765px;
  left: 975px;
  z-index: -1;
  background: url("../images/item/2020_bcww_video.gif") no-repeat;
  background-size: 100% 100%;
}

.bcww_video01_box {
  width: 130px;
  height: 107px;
  top: 620px;
  left: 1383px;
  position: absolute;
  transform: skew(0, -30deg);
  -o-transform: skew(0, -30deg);
  -moz-transform: skew(0, -30deg);
  -webkit-transform: skew(0, -30deg);
}
.bcww_video01 {
  width: 76px;
  height: 107px;
  top: 620px;
  left: 1383px;
  z-index: -1;
  overflow: hidden;
}
.bcww_video01 video {
  width: 90px;
}

.bcww_video02_box {
  width: 100px;
  height: 80px;
  top: 600px;
  left: 1471px;
  position: absolute;
  transform: skew(0, -30deg);
  -o-transform: skew(0, -30deg);
  -moz-transform: skew(0, -30deg);
  -webkit-transform: skew(0, -30deg);
}
.bcww_video02 {
  width: 100px;
  height: 70px;
  top: 600px;
  left: 1471px;
  background-size: 58% 58%;
}
.bcww_video02 video {
  width: 57px;
  height: 48px;
}
.bcww_video03_box {
  width: 100px;
  height: 80px;
  top: 594px;
  left: 1326px;
  position: absolute;
  transform: skew(0, -30deg);
  -o-transform: skew(0, -30deg);
  -moz-transform: skew(0, -30deg);
  -webkit-transform: skew(0, -30deg);
}
.bcww_video03 {
  width: 100px;
  height: 80px;
  top: 594px;
  left: 1325px;
  z-index: -1;
  background-size: 58% 60%;
}
.bcww_video03 video {
  width: 57px;
  height: 46px;
}

.info {
  min-width: 40px;
  min-height: 49px;
  top: 170px;
  left: 458px;
  background: url("../images/item/2020_bcww_info.png") no-repeat;
  position: absolute;

  animation-name: turn;
  -o-animation-name: turn;
  -moz-animation-name: turn;
  -webkit-animation-name: turn;

  animation-duration: 3s;
  -o-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -webkit-animation-duration: 3s;

  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}
.slate {
  width: 145px;
  height: 145px;
  top: 119px;
  left: 194px;
  position: absolute;
}
.slate_people {
  width: 171px;
  height: 130px;
  top: 314px;
  left: 260px;
  position: absolute;
  background: url("../images/item/2020_bcww_slate_people.png") no-repeat;
}
.business_lounge_box {
  width: 94px;
  height: 80px;
  top: 394px;
  left: 1125px;
  position: absolute;
  overflow: hidden;
  padding-top: 25px;
}
.business_lounge {
  width: 94px;
  height: 80px;
  top: 394px;
  left: 1125px;
  color: #f9be32;
  font-size: 16px;
  line-height: 12px;
  transform: skewY(26deg);
  -o-transform: skewY(26deg);
  -moz-transform: skewY(26deg);
  -webkit-transform: skewY(26deg);
}

.sponsor_box {
  width: 97px;
  height: 98px;
  top: 233px;
  left: 1326px;
  position: absolute;
  overflow: hidden;
  padding-top: 30px;
}
.sponsor_text {
  width: 97px;
  height: 98px;
  top: 233px;
  left: 1326px;
  color: #94efff;
  font-size: 17px;
  text-shadow: 2px 2px #0d254d;
  line-height: 12px;
  transform: skewY(29deg);
  -o-transform: skewY(29deg);
  -moz-transform: skewY(29deg);
  -webkit-transform: skewY(29deg);
}

.business_lounge-graph {
  width: 10px;
  height: 16px;
  top: 359px;
  left: 1327px;
  background: url("../images/item/2020_bcww_business_lounge-graph.png")
    no-repeat;
  position: absolute;

  animation-duration: 1s;
  -o-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;

  animation-name: fadeout;
  -o-animation-name: fadeout;
  -moz-animation-name: fadeout;
  -webkit-animation-name: fadeout;

  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}
.business_lounge-monitor {
  width: 39px;
  height: 25px;
  top: 498px;
  left: 1283px;
  background: url("../images/item/2020_bcww_business-lounge-monitor.png")
    no-repeat;
  position: absolute;

  animation-duration: 1s;
  -o-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;

  animation-name: fadein;
  -o-animation-name: fadein;
  -moz-animation-name: fadein;
  -webkit-animation-name: fadein;

  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}
.sponsor01 {
  width: 297px;
  height: 330px;
  top: 45px;
  left: 1400px;
  position: absolute;
  background: url("../images/item/2020_bcww_sponsor01.png") no-repeat;
}

.sponsor_kbs {
  width: 45px;
  height: 67px;
  top: 233px;
  left: 1623px;
  position: absolute;
  background: url("../images/item/2020_bcww_sponsor-kbs.png") no-repeat;
}

.onair02-lighting {
  width: 90px;
  height: 93px;
  top: 124px;
  left: 884px;
  background: url("../images/item/2020_bcww_onair02-lighting.png") no-repeat;
  position: absolute;

  animation-duration: 2s;
  -o-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;

  animation-name: blur-out;
  -o-animation-name: blur-out;
  -moz-animation-name: blur-out;
  -webkit-animation-name: blur-out;

  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.on-air {
  width: 126px;
  height: 114px;
  top: 73px;
  left: 698px;
  background: url("../images/item/2020_bcww_on-air.png") no-repeat;
  position: absolute;

  animation-duration: 2s;
  -o-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;

  animation-name: fadeinOut-onAir;
  -o-animation-name: fadeinOut-onAir;
  -moz-animation-name: fadeinOut-onAir;
  -webkit-animation-name: fadeinOut-onAir;

  animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;

  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.conference01 {
  width: 133px;
  height: 169px;
  top: 324px;
  left: 640px;
  background: url("../images/item/2020_bcww_conference01.png") no-repeat;
  position: absolute;

  animation-duration: 2s;
  -o-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;

  animation-name: fadein;
  -o-animation-name: fadein;
  -moz-animation-name: fadein;
  -webkit-animation-name: fadein;

  transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;

  animation-direction: alternate;
  -o-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;

  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.conference02 {
  width: 167px;
  height: 169px;
  top: 325px;
  left: 614px;
  background: url("../images/item/2020_bcww_conference02.png") no-repeat;
  position: absolute;

  animation-duration: 1s;
  -o-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;

  animation-name: fadein;
  -o-animation-name: fadein;
  -moz-animation-name: fadein;
  -webkit-animation-name: fadein;

  transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;

  animation-direction: alternate;
  -o-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;

  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.pitching_showcase_box {
  width: 167px;
  height: 140px;
  top: 476px;
  left: 159px;
  position: absolute;
  overflow: hidden;
  padding-top: 78px;
  transform: skewY(0deg);
  -o-transform: skewY(0deg);
  -moz-transform: skewY(0deg);
  -webkit-transform: skewY(0deg);
}
.pitching_showcase {
  width: 100%;
  height: 140px;
  top: 476px;
  left: 159px;
  color: #fff;
  font-size: 16px;
  margin-left: 1px;

  transform: skewY(-29deg);
  -o-transform: skewY(-29deg);
  -moz-transform: skewY(-29deg);
  -webkit-transform: skewY(-29deg);

  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.search {
  width: 40px;
  height: 42px;
  top: 856px;
  left: 1793px;
  position: absolute;
  background: url("../images/item/2020_bcww_search.png") no-repeat;

  animation-name: SearchSkew;
  -o-animation-name: SearchSkew;
  -moz-animation-name: SearchSkew;
  -webkit-animation-name: SearchSkew;

  animation-duration: 3s;
  -o-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -webkit-animation-duration: 3s;

  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.DMC_left {
  width: 38px;
  height: 90px;
  top: 626px;
  left: 796px;
  position: absolute;
  transform: skewY(30deg);
}
.DMC_text_left {
  writing-mode: vertical-lr;
  font-size: 10px;
  color: #fff;
  letter-spacing: -1.5px;
}
.DMC_right {
  width: 38px;
  height: 90px;
  top: 611px;
  left: 819px;
  position: absolute;
  transform: skewY(-30deg);
}
.DMC_text_right {
  writing-mode: vertical-lr;
  font-size: 10px;
  color: #fff;
  letter-spacing: -1.5px;
}
.handshake {
  width: 82px;
  height: 101px;
  top: 654px;
  left: 1000px;
  position: absolute;
  transform: rotateY(180deg);
}

.exhibition02 {
  width: 300px;
  height: 270px;
  top: 480px;
  left: 1560px;
  position: absolute;
  overflow: hidden;
}

.screen {
  width: 300px;
  height: 270px;
  top: 486px;
  left: 1563px;
}

/* media Query */

@media screen and (max-width: 1200px) {
  .bcww_video_box {
    top: 763px;
  }
  .bcww_video {
    top: 763px;
  }
  .info {
    top: 180px;
  }
  .slate {
    top: 113px;
  }
  .business_lounge_box {
    top: 395px;
  }
  .business_lounge {
    top: 395px;
  }
  .business_lounge-graph {
    top: 353px;
  }
  .business_lounge-monitor {
    top: 492px;
  }
  .sponsor_box {
    top: 234px;
  }
  .sponsor_text {
    top: 234px;
  }
  .sponsor01 {
    top: 33px;
  }
  .sponsor_kbs {
    top: 118px;
  }
  .onair02-lighting {
    top: 179px;
  }
  .on-air {
    top: 72px;
  }
  .conference01 {
    top: 320px;
  }
  .conference02 {
    top: 318px;
  }
  .pitching_showcase_box {
    top: 477px;
  }
  .pitching_showcase {
    top: 477px;
  }
  .search {
    top: 850px;
  }
  .exhibition01 {
    top: 611px;
  }
  .exhibition02 {
    top: 480px;
  }
  .screen {
    top: 480px;
  }
  .DMC_left {
    top: 625px;
  }
  .DMC_right {
    top: 611px;
  }
  .handshake {
    top: 650px;
  }
  .bcww_video01_box {
    top: 616px;
  }
  .bcww_video01 {
    top: 616px;
  }
  .bcww_video02_box {
    top: 599px;
  }
  .bcww_video02 {
    top: 599px;
  }
  .bcww_video03_box {
    top: 594px;
  }
  .bcww_video03 {
    top: 594px;
  }
  .slate_people {
    top: 301px;
  }
}

/* The animation code */

@keyframes turn {
  0% {
    transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }
  25% {
    transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
  }
  50% {
    transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
  }
  75% {
    transform: rotateY(-270deg);
    -o-transform: rotateY(-270deg);
    -moz-transform: rotateY(-270deg);
    -webkit-transform: rotateY(-270deg);
  }
  100% {
    transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -webkit-transform: rotateY(-360deg);
  }
}

@keyframes skew {
  100% {
    transform-origin: 0%;
    -o-transform-origin: 0%;
    -moz-transform-origin: 0%;
    -webkit-transform-origin: 0%;

    transform: skew(0deg, 13deg);
    -o-transform: skew(0deg, 13deg);
    -moz-transform: skew(0deg, 13deg);
    -webkit-transform: skew(0deg, 13deg);
  }
}

@keyframes blur-out {
  0% {
    filter: blur(0.01);
    -webkit-filter: blur(0.01);
  }
  100% {
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeinOut-onAir {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pitching_showcase {
  /*0% {*/
  /*width: 10%;*/
  /*}*/
  /*10% {*/
  /*width: 30%;*/
  /*}*/
  /*20% {*/
  /*width: 50%;*/
  /*}*/
  /*30% {*/
  /*width: 70%;*/
  /*}*/
  /*40% {*/
  /*width: 80%;*/
  /*}*/
  /*50% {*/
  /*width: 100%;*/
  /*}*/
  60% {
    width: 110%;
    padding-right: 10px;
    transform: translate(-5px, 0px);
    -o-transform: translate(-5px, 0px);
    -moz-transform: translate(-5px, 0px);
    -webkit-transform: translate(-5px, 0px);
  }
  70% {
    width: 120%;
    padding-right: 20px;
    transform: translate(-15px, 6px);
    -o-transform: translate(-15px, 6px);
    -moz-transform: translate(-15px, 6px);
    -webkit-transform: translate(-15px, 6px);
  }
  80% {
    width: 130%;
    padding-right: 30px;
    transform: translate(-25px, 12px);
    -o-transform: translate(-25px, 12px);
    -moz-transform: translate(-25px, 12px);
    -webkit-transform: translate(-25px, 12px);
  }
  90% {
    width: 140%;
    padding-right: 40px;
    transform: translate(-35px, 15px);
    -o-transform: translate(-35px, 15px);
    -moz-transform: translate(-35px, 15px);
    -webkit-transform: translate(-35px, 15px);
  }
  90% {
    width: 150%;
    padding-right: 50px;
    transform: translate(-45px, 22px);
    -o-transform: translate(-45px, 22px);
    -moz-transform: translate(-45px, 22px);
    -webkit-transform: translate(-45px, 22px);
  }
  100% {
    width: 160%;
    padding-right: 83px;
    transform: translate(-62px, 31px);
    -o-transform: translate(-62px, 31px);
    -moz-transform: translate(-62px, 31px);
    -webkit-transform: translate(-62px, 31px);
  }
}

@keyframes sponsor01 {
  0% {
    width: 0%;
  }
  10% {
    width: 15%;
  }
  20% {
    width: 27%;
  }
  30% {
    width: 40%;
  }
  40% {
    width: 50%;
  }
  50% {
    width: 65%;
  }
  60% {
    width: 75%;
  }
  70% {
    width: 85%;
  }
  80% {
    width: 100%;
  }
  90% {
    width: 110%;
  }
  100% {
    width: 120%;
  }
}
@keyframes exhibition02 {
  0% {
    height: 0%;
  }
  10% {
    height: 10%;
  }
  20% {
    height: 20%;
  }
  30% {
    height: 30%;
  }
  40% {
    height: 40%;
  }
  50% {
    height: 50%;
  }
  60% {
    height: 60%;
  }
  70% {
    height: 70%;
  }
  80% {
    height: 80%;
  }
  90% {
    height: 90%;
  }
  100% {
    height: 100%;
  }
}

@keyframes SearchSkew {
  0% {
    transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;

    transform: translate(1px, 2px);
    -o-transform: translate(1px, 2px);
    -moz-transform: translate(1px, 2px);
    -webkit-transform: translate(1px, 2px);
  }
  25% {
    transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;

    -o-transform: translate(-3px, -5px);
    -moz-transform: translate(-3px, -5px);
    -webkit-transform: translate(-3px, -5px);
  }
  50% {
    transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;

    -o-transform: translate(5px, -10px);
    -moz-transform: translate(5px, -10px);
    -webkit-transform: translate(5px, -10px);
  }
  75% {
    transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;

    transform: translate(-3px, -5px);
    -o-transform: translate(-3px, -5px);
    -moz-transform: translate(-3px, -5px);
    -webkit-transform: translate(-3px, -5px);
  }
  100% {
    transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;

    transform: translate(1px, 2px);
    -o-transform: translate(1px, 2px);
    -moz-transform: translate(1px, 2px);
    -webkit-transform: translate(1px, 2px);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(1); /*  크롬 */
    -moz-transform: scale(1); /* FireFox */
    -o-transform: scale(1); /* Opera */
    transform: scale(1);

    transition: transform 0.35s;
    -o-transition: transform 0.35s;
    -moz-transition: transform 0.35s;
    -webkit-transition: transform 0.35s;
  }

  50% {
    -webkit-transform: scale(1.5); /*  크롬 */
    -moz-transform: scale(1.5); /* FireFox */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);

    transition: transform 0.35s;
    -o-transition: transform 0.35s;
    -moz-transition: transform 0.35s;
    -webkit-transition: transform 0.35s;
  }
  100% {
    -webkit-transform: scale(1); /*  크롬 */
    -moz-transform: scale(1); /* FireFox */
    -o-transform: scale(1); /* Opera */
    transform: scale(1);

    transition: transform 0.35s;
    -o-transition: transform 0.35s;
    -moz-transition: transform 0.35s;
    -webkit-transition: transform 0.35s;
  }
}

@keyframes pitching_showcase {
  0% {
    -moz-transform: translate3d(-1px, -1px, -1px); /* Firefox bug fix */
    -webkit-transform: translate3d(-1px, -1px, -1px); /* Firefox bug fix */
    transform: translate3d(-1px, -1px, -1px);
    width: 100%;
  }
  50% {
    -moz-transform: translate3d(-15px, 7px, 4px); /* Firefox bug fix */
    -webkit-transform: translate3d(-15px, 7px, 4px); /* Firefox bug fix */
    transform: translate3d(-15px, 7px, 4px);
    width: 110%;
  }
  50% {
    -moz-transform: translate3d(-25px, 13px, 4px); /* Firefox bug fix */
    -webkit-transform: translate3d(-25px, 13px, 4px); /* Firefox bug fix */
    transform: translate3d(-25px, 13px, 4px);
    width: 120%;
  }
  75% {
    -moz-transform: translate3d(-41px, 22px, 4px); /* Firefox bug fix */
    -webkit-transform: translate3d(-41px, 21px, 4px); /* Firefox bug fix */
    transform: translate3d(-41px, 22px, 4px);
    width: 130%;
  }
  100% {
    -moz-transform: translate3d(-60px, 31px, 4px);
    -webkit-transform: translate3d(-60px, 31px, 4px);
    transform: translate3d(-60px, 31px, 4px);
    width: 140%;
  }
}

/*sponsor*/

#en9c8qvqcnn82 {
  animation: en9c8qvqcnn82_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn82_c_o {
  0% {
    opacity: 0;
  }
  13.333333% {
    opacity: 0;
  }
  26.666667% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#en9c8qvqcnn85 {
  animation: en9c8qvqcnn85_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn85_c_o {
  0% {
    opacity: 0;
  }
  13.333333% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#en9c8qvqcnn89 {
  animation: en9c8qvqcnn89_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn89_c_o {
  0% {
    opacity: 0;
  }
  26.666667% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#en9c8qvqcnn812 {
  animation: en9c8qvqcnn812_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn812_c_o {
  0% {
    opacity: 0;
  }
  53.333333% {
    opacity: 0;
  }
  66.666667% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#en9c8qvqcnn817 {
  animation: en9c8qvqcnn817_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn817_c_o {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  53.333333% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#en9c8qvqcnn820 {
  animation: en9c8qvqcnn820_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn820_c_o {
  0% {
    opacity: 0;
  }
  13.333333% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#en9c8qvqcnn823_to {
  animation: en9c8qvqcnn823_to__to 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn823_to__to {
  0% {
    transform: translate(0px, 0px);
  }
  16.666667% {
    transform: translate(0px, 0px);
  }
  33.333333% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#en9c8qvqcnn866 {
  animation: en9c8qvqcnn866_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn866_c_o {
  0% {
    opacity: 0;
  }
  33.333333% {
    opacity: 0;
  }
  46.666667% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#en9c8qvqcnn8110 {
  animation: en9c8qvqcnn8110_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn8110_c_o {
  0% {
    opacity: 0;
  }
  33.333333% {
    opacity: 0;
  }
  46.666667% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#en9c8qvqcnn8111_to {
  animation: en9c8qvqcnn8111_to__to 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn8111_to__to {
  0% {
    transform: translate(0px, 0px);
  }
  33.333333% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#en9c8qvqcnn8112 {
  animation: en9c8qvqcnn8112_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn8112_c_o {
  0% {
    opacity: 0.94;
  }
  33.333333% {
    opacity: 0.94;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#en9c8qvqcnn8153_to {
  animation: en9c8qvqcnn8153_to__to 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn8153_to__to {
  0% {
    transform: translate(0px, 0px);
  }
  33.333333% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#en9c8qvqcnn8161 {
  animation: en9c8qvqcnn8161_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes en9c8qvqcnn8161_c_o {
  0% {
    opacity: 0;
  }
  43.333333% {
    opacity: 0;
  }
  56.666667% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/* slate */

#eub08fc4ls270_tr {
  animation: eub08fc4ls270_tr__tr 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes eub08fc4ls270_tr__tr {
  0% {
    transform: translate(68.508508px, 178.3px) rotate(-10deg);
  }
  16.666667% {
    transform: translate(68.508508px, 178.3px) rotate(10deg);
  }
  33.333333% {
    transform: translate(68.508508px, 178.3px) rotate(-10deg);
  }
  100% {
    transform: translate(68.508508px, 178.3px) rotate(-10deg);
  }
}

/* handShake */

#eadnlyyiyp528_tr {
  animation: eadnlyyiyp528_tr__tr 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes eadnlyyiyp528_tr__tr {
  0% {
    transform: translate(31.032892px, 38.747974px) rotate(0deg);
  }
  33.333333% {
    transform: translate(31.032892px, 38.747974px) rotate(15deg);
  }
  66.666667% {
    transform: translate(31.032892px, 38.747974px) rotate(0deg);
  }
  100% {
    transform: translate(31.032892px, 38.747974px) rotate(0deg);
  }
}
#eadnlyyiyp531_tr {
  animation: eadnlyyiyp531_tr__tr 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes eadnlyyiyp531_tr__tr {
  0% {
    transform: translate(55.6px, 20.318088px) rotate(0deg);
  }
  33.333333% {
    transform: translate(55.6px, 20.318088px) rotate(-10deg);
  }
  66.666667% {
    transform: translate(55.6px, 20.318088px) rotate(0deg);
  }
  100% {
    transform: translate(55.6px, 20.318088px) rotate(0deg);
  }
}

/*4 screen */

#exgcjsdw4i0e14 {
  animation: exgcjsdw4i0e14_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes exgcjsdw4i0e14_c_o {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  43.333333% {
    opacity: 1;
  }
  83.333333% {
    opacity: 1;
  }
  86.666667% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#exgcjsdw4i0e80 {
  animation: exgcjsdw4i0e80_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes exgcjsdw4i0e80_c_o {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  33.333333% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  73.333333% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#exgcjsdw4i0e132 {
  animation: exgcjsdw4i0e132_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes exgcjsdw4i0e132_c_o {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  13.333333% {
    opacity: 1;
  }
  43.333333% {
    opacity: 1;
  }
  46.666667% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#exgcjsdw4i0e208 {
  animation: exgcjsdw4i0e208_c_o 3000ms linear 1 normal forwards;
  animation-iteration-count: infinite;
}
@keyframes exgcjsdw4i0e208_c_o {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  23.333333% {
    opacity: 1;
  }
  56.666667% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}