@charset "UTF-8";
.promotion .wrap,
.promotion .wrap-full, .grid {
  *zoom: 1;
}
.promotion .wrap::before,
.promotion .wrap-full::before, .grid::before, .promotion .wrap::after,
.promotion .wrap-full::after, .grid::after {
  content: "";
  display: table;
}
.promotion .wrap::after,
.promotion .wrap-full::after, .grid::after {
  clear: both;
}

.hidden,
.sr_only,
.sr-only {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 0px;
  height: 0px;
  margin: -1px;
  padding: 0;
  word-break: keep-all;
  white-space: nowrap;
  color: transparent;
  border: 0;
  text-indent: -9999px;
}

.grid {
  position: relative;
  box-sizing: border-box;
}
.grid .col {
  position: relative;
  float: left;
  box-sizing: border-box;
}

.table {
  display: table;
}
.table .table-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.promotion .wide {
  position: relative;
  left: 50%;
  display: block;
  transform: translateX(-50%);
}
@keyframes effectBounceDiagonal {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-10px, -10px);
  }
}
.effect-bounce-diagonal {
  animation-name: effectBounceDiagonal;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: normal;
}
@keyframes effectBounceUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.effect-bounce-updown {
  animation-name: effectBounceUpDown;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: normal;
}
@keyframes effectExtend {
  0%, 100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
}
.effect-extend {
  animation-name: effectExtend;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: normal;
}
@keyframes effectBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.effect-blink {
  animation-name: effectBlink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: step-end;
  animation-direction: normal;
}

.promotion {
  text-align: center;
  overflow: hidden;
}
.promotion * {
  line-height: normal;
  font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
  letter-spacing: -0.1388888889vw;
}
@media screen and (min-width: 720px) {
  .promotion * {
    letter-spacing: -1px;
  }
}
.promotion * {
  box-sizing: border-box;
}
.promotion [class^=sector-] {
  position: relative;
}
.promotion button {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: inherit;
  text-decoration: none;
  border: none;
  background: transparent;
  outline: 0;
  cursor: pointer;
}
.promotion p {
  margin: 0;
  padding: 0;
}
.promotion img {
  vertical-align: top;
}
.promotion .wrap,
.promotion .wrap-full {
  position: relative;
  margin: 0 auto;
}
.promotion .wrap-full {
  width: 100%;
}
.promotion .icon-pointer {
  position: relative;
  display: inline-block;
}
.promotion .icon-pointer::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  display: block;
  width: 7.6388888889vw;
}
@media screen and (min-width: 720px) {
  .promotion .icon-pointer::after {
    width: 55px;
  }
}
.promotion .icon-pointer::after {
  height: 7.7777777778vw;
}
@media screen and (min-width: 720px) {
  .promotion .icon-pointer::after {
    height: 56px;
  }
}
.promotion .icon-pointer::after {
  background: url("//img.eduwill.net/Img2/Common/icon/pointer/icon_pointer_20.png") no-repeat 0 0;
  background-size: 100% auto;
}
@keyframes pointerBounceDiagonal {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-10px, -10px);
  }
}
.promotion .icon-pointer::after {
  animation-name: pointerBounceDiagonal;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: normal;
}

.promotion .motion-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-1 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-2 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-3 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-4 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-5 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-6 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-7 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-8 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-9 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-x-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-scale-y-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .motion-scale-x-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-clear-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.promotion .motion-up-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(50px);
}
.promotion .motion-down-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateY(-50px);
}
.promotion .motion-left-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(-50px);
}
.promotion .motion-right-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: translateX(50px);
}
.promotion .motion-extend-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: scale(0.1, 0.1);
}
.promotion .motion-extend-rt-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lt-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, -50%) scale(0.1, 0.1);
}
.promotion .motion-extend-rb-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-extend-lb-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  transform: translate(-50%, 50%) scale(0.1, 0.1);
}
.promotion .motion-reduce-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scale(1.5, 1.5);
}
.promotion .motion-width-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleX(0);
  transform-origin: center center;
}
.promotion .motion-height-top-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center top;
}
.promotion .motion-height-bottom-10 {
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transform: scaleY(0);
  transform-origin: center bottom;
}
.promotion .active .motion-1 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}
.promotion .active .motion-x-1 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.2s;
}
.promotion .active .motion-scale-y-1 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.2s;
}
.promotion .active .motion-scale-x-1 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 0.2s;
}
.promotion .active .motion-clear-1 {
  opacity: 1;
  transition-delay: 0.2s;
}
.promotion .active .motion-up-1,
.promotion .active .motion-down-1 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}
.promotion .active .motion-left-1,
.promotion .active .motion-right-1 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.2s;
}
.promotion .active .motion-extend-1,
.promotion .active .motion-reduce-1 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 0.2s;
}
.promotion .active .motion-extend-rt-1,
.promotion .active .motion-extend-lt-1,
.promotion .active .motion-extend-rb-1,
.promotion .active .motion-extend-lb-1 {
  opacity: 1;
  transition-delay: 0.2s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-1 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 0.2s;
}
.promotion .active .motion-height-top-1,
.promotion .active .motion-height-bottom-1 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.2s;
}
.promotion .active .motion-2 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.promotion .active .motion-x-2 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.4s;
}
.promotion .active .motion-scale-y-2 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.4s;
}
.promotion .active .motion-scale-x-2 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 0.4s;
}
.promotion .active .motion-clear-2 {
  opacity: 1;
  transition-delay: 0.4s;
}
.promotion .active .motion-up-2,
.promotion .active .motion-down-2 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.promotion .active .motion-left-2,
.promotion .active .motion-right-2 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.4s;
}
.promotion .active .motion-extend-2,
.promotion .active .motion-reduce-2 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 0.4s;
}
.promotion .active .motion-extend-rt-2,
.promotion .active .motion-extend-lt-2,
.promotion .active .motion-extend-rb-2,
.promotion .active .motion-extend-lb-2 {
  opacity: 1;
  transition-delay: 0.4s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-2 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 0.4s;
}
.promotion .active .motion-height-top-2,
.promotion .active .motion-height-bottom-2 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.4s;
}
.promotion .active .motion-3 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
}
.promotion .active .motion-x-3 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.6s;
}
.promotion .active .motion-scale-y-3 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.6s;
}
.promotion .active .motion-scale-x-3 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 0.6s;
}
.promotion .active .motion-clear-3 {
  opacity: 1;
  transition-delay: 0.6s;
}
.promotion .active .motion-up-3,
.promotion .active .motion-down-3 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
}
.promotion .active .motion-left-3,
.promotion .active .motion-right-3 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.6s;
}
.promotion .active .motion-extend-3,
.promotion .active .motion-reduce-3 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 0.6s;
}
.promotion .active .motion-extend-rt-3,
.promotion .active .motion-extend-lt-3,
.promotion .active .motion-extend-rb-3,
.promotion .active .motion-extend-lb-3 {
  opacity: 1;
  transition-delay: 0.6s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-3 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 0.6s;
}
.promotion .active .motion-height-top-3,
.promotion .active .motion-height-bottom-3 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.6s;
}
.promotion .active .motion-4 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.8s;
}
.promotion .active .motion-x-4 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.8s;
}
.promotion .active .motion-scale-y-4 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.8s;
}
.promotion .active .motion-scale-x-4 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 0.8s;
}
.promotion .active .motion-clear-4 {
  opacity: 1;
  transition-delay: 0.8s;
}
.promotion .active .motion-up-4,
.promotion .active .motion-down-4 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.8s;
}
.promotion .active .motion-left-4,
.promotion .active .motion-right-4 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.8s;
}
.promotion .active .motion-extend-4,
.promotion .active .motion-reduce-4 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 0.8s;
}
.promotion .active .motion-extend-rt-4,
.promotion .active .motion-extend-lt-4,
.promotion .active .motion-extend-rb-4,
.promotion .active .motion-extend-lb-4 {
  opacity: 1;
  transition-delay: 0.8s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-4 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 0.8s;
}
.promotion .active .motion-height-top-4,
.promotion .active .motion-height-bottom-4 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.8s;
}
.promotion .active .motion-5 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1s;
}
.promotion .active .motion-x-5 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1s;
}
.promotion .active .motion-scale-y-5 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1s;
}
.promotion .active .motion-scale-x-5 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1s;
}
.promotion .active .motion-clear-5 {
  opacity: 1;
  transition-delay: 1s;
}
.promotion .active .motion-up-5,
.promotion .active .motion-down-5 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1s;
}
.promotion .active .motion-left-5,
.promotion .active .motion-right-5 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1s;
}
.promotion .active .motion-extend-5,
.promotion .active .motion-reduce-5 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 1s;
}
.promotion .active .motion-extend-rt-5,
.promotion .active .motion-extend-lt-5,
.promotion .active .motion-extend-rb-5,
.promotion .active .motion-extend-lb-5 {
  opacity: 1;
  transition-delay: 1s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-5 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1s;
}
.promotion .active .motion-height-top-5,
.promotion .active .motion-height-bottom-5 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1s;
}
.promotion .active .motion-6 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.2s;
}
.promotion .active .motion-x-6 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.2s;
}
.promotion .active .motion-scale-y-6 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1.2s;
}
.promotion .active .motion-scale-x-6 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1.2s;
}
.promotion .active .motion-clear-6 {
  opacity: 1;
  transition-delay: 1.2s;
}
.promotion .active .motion-up-6,
.promotion .active .motion-down-6 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.2s;
}
.promotion .active .motion-left-6,
.promotion .active .motion-right-6 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.2s;
}
.promotion .active .motion-extend-6,
.promotion .active .motion-reduce-6 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 1.2s;
}
.promotion .active .motion-extend-rt-6,
.promotion .active .motion-extend-lt-6,
.promotion .active .motion-extend-rb-6,
.promotion .active .motion-extend-lb-6 {
  opacity: 1;
  transition-delay: 1.2s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-6 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1.2s;
}
.promotion .active .motion-height-top-6,
.promotion .active .motion-height-bottom-6 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1.2s;
}
.promotion .active .motion-7 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.4s;
}
.promotion .active .motion-x-7 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.4s;
}
.promotion .active .motion-scale-y-7 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1.4s;
}
.promotion .active .motion-scale-x-7 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1.4s;
}
.promotion .active .motion-clear-7 {
  opacity: 1;
  transition-delay: 1.4s;
}
.promotion .active .motion-up-7,
.promotion .active .motion-down-7 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.4s;
}
.promotion .active .motion-left-7,
.promotion .active .motion-right-7 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.4s;
}
.promotion .active .motion-extend-7,
.promotion .active .motion-reduce-7 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 1.4s;
}
.promotion .active .motion-extend-rt-7,
.promotion .active .motion-extend-lt-7,
.promotion .active .motion-extend-rb-7,
.promotion .active .motion-extend-lb-7 {
  opacity: 1;
  transition-delay: 1.4s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-7 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1.4s;
}
.promotion .active .motion-height-top-7,
.promotion .active .motion-height-bottom-7 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1.4s;
}
.promotion .active .motion-8 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.6s;
}
.promotion .active .motion-x-8 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.6s;
}
.promotion .active .motion-scale-y-8 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1.6s;
}
.promotion .active .motion-scale-x-8 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1.6s;
}
.promotion .active .motion-clear-8 {
  opacity: 1;
  transition-delay: 1.6s;
}
.promotion .active .motion-up-8,
.promotion .active .motion-down-8 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.6s;
}
.promotion .active .motion-left-8,
.promotion .active .motion-right-8 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.6s;
}
.promotion .active .motion-extend-8,
.promotion .active .motion-reduce-8 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 1.6s;
}
.promotion .active .motion-extend-rt-8,
.promotion .active .motion-extend-lt-8,
.promotion .active .motion-extend-rb-8,
.promotion .active .motion-extend-lb-8 {
  opacity: 1;
  transition-delay: 1.6s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-8 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1.6s;
}
.promotion .active .motion-height-top-8,
.promotion .active .motion-height-bottom-8 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1.6s;
}
.promotion .active .motion-9 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.8s;
}
.promotion .active .motion-x-9 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.8s;
}
.promotion .active .motion-scale-y-9 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1.8s;
}
.promotion .active .motion-scale-x-9 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1.8s;
}
.promotion .active .motion-clear-9 {
  opacity: 1;
  transition-delay: 1.8s;
}
.promotion .active .motion-up-9,
.promotion .active .motion-down-9 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.8s;
}
.promotion .active .motion-left-9,
.promotion .active .motion-right-9 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.8s;
}
.promotion .active .motion-extend-9,
.promotion .active .motion-reduce-9 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 1.8s;
}
.promotion .active .motion-extend-rt-9,
.promotion .active .motion-extend-lt-9,
.promotion .active .motion-extend-rb-9,
.promotion .active .motion-extend-lb-9 {
  opacity: 1;
  transition-delay: 1.8s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-9 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 1.8s;
}
.promotion .active .motion-height-top-9,
.promotion .active .motion-height-bottom-9 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 1.8s;
}
.promotion .active .motion-10 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 2s;
}
.promotion .active .motion-x-10 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 2s;
}
.promotion .active .motion-scale-y-10 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 2s;
}
.promotion .active .motion-scale-x-10 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 2s;
}
.promotion .active .motion-clear-10 {
  opacity: 1;
  transition-delay: 2s;
}
.promotion .active .motion-up-10,
.promotion .active .motion-down-10 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 2s;
}
.promotion .active .motion-left-10,
.promotion .active .motion-right-10 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 2s;
}
.promotion .active .motion-extend-10,
.promotion .active .motion-reduce-10 {
  opacity: 1;
  transform: scale(1, 1);
  transition-delay: 2s;
}
.promotion .active .motion-extend-rt-10,
.promotion .active .motion-extend-lt-10,
.promotion .active .motion-extend-rb-10,
.promotion .active .motion-extend-lb-10 {
  opacity: 1;
  transition-delay: 2s;
  transform: translate(0, 0) scale(1, 1);
}
.promotion .active .motion-width-10 {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 2s;
}
.promotion .active .motion-height-top-10,
.promotion .active .motion-height-bottom-10 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 2s;
}
.promotion .only-mobile {
  display: none;
}
.promotion .only-pc {
  display: block;
}
.promotion .wrap {
  width: 1160px;
}
.promotion .title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.promotion .title-box .bg-title {
  display: inline-block;
  padding: 12px 16px;
  color: #000;
  font-size: 12px;
  font-weight: 900;
  line-height: 120%;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  border-radius: 8px;
  border: 1px solid #CFCFCF;
  background: #FFF;
}
.promotion .title-box .main-title {
  color: #222;
  font-size: 36px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -2.16px;
}
.promotion .title-box .sub-title {
  color: #222;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -1.44px;
}
.promotion .title-box strong {
  font-weight: 700;
  line-height: inherit;
  letter-spacing: inherit;
}
.promotion .point {
  color: #FF00B7;
}
.promotion .base {
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.48px;
}
.promotion .btn-apply {
  position: relative;
  display: inline-block;
}
.promotion .btn-apply::before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 2.0833333333vw;
}
@media screen and (min-width: 720px) {
  .promotion .btn-apply::before {
    width: 15px;
  }
}
.promotion .btn-apply::before {
  height: 2.0833333333vw;
}
@media screen and (min-width: 720px) {
  .promotion .btn-apply::before {
    height: 15px;
  }
}
.promotion .btn-apply::before {
  margin-top: -1.0416666667vw;
}
@media screen and (min-width: 720px) {
  .promotion .btn-apply::before {
    margin-top: -7.5px;
  }
}
.promotion .btn-apply::before {
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
  transform: rotate(45deg);
  right: 4.1666666667vw;
}
@media screen and (min-width: 720px) {
  .promotion .btn-apply::before {
    right: 30px;
  }
}
.promotion .btn-apply::before {
  border-top-width: 2px;
  border-right-width: 2px;
}
.promotion .btn-apply {
  width: 580px;
  padding: 23px 0;
  color: #FFF;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.2px;
  border-radius: 90px;
  background: #000;
  box-shadow: 4px 4px 10px 0 rgba(255, 255, 255, 0.5) inset, 4px 6px 9px 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(25px);
}
.promotion #ecoBanner {
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: 348px;
}
.promotion .sector-title {
  z-index: 0;
  background-image: url("//img.eduwill.net/eduwill/img/2026/T/simple/260709/pc/bgx_title.jpg");
  background-repeat: repeat-x;
  background-position: center top;
  background-size: auto 100%;
}
.promotion .sector-title::before, .promotion .sector-title::after {
  content: "";
  position: absolute;
}
.promotion .sector-title::before {
  top: 397px;
  left: 50%;
  width: 2191px;
  height: 443px;
  background-image: url("//img.eduwill.net/eduwill/img/2026/T/simple/260709/pc/bg_title.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  transform: translateX(-50%);
}
.promotion .sector-title::after {
  right: 0;
  bottom: 0;
  left: 0;
  height: 136px;
  background: rgba(255, 0, 171, 0.09);
  box-shadow: 1.823px 1.823px 7.294px 0 rgba(255, 255, 255, 0.3) inset, -1.823px -1.823px 3.647px 0 rgba(255, 255, 255, 0.5) inset;
  backdrop-filter: blur(43.3051643372px);
}
.promotion .sector-title .title-box {
  position: absolute;
  top: 160px;
  left: 50%;
  display: block;
  text-align: left;
}
.promotion .sector-title .title-box .title-1 {
  color: #000;
  font-family: serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 142.857%;
  letter-spacing: -2px;
}
.promotion .sector-title .title-box .title-2 {
  margin-top: 20px;
  color: #000;
  font-family: serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 137.5%;
  letter-spacing: -2px;
}
.promotion .sector-title .title-box .title-2 strong {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.promotion .sector-title .title-box .title-3 {
  margin-top: 70px;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 111.868%;
  letter-spacing: -1.492px;
}
.promotion .sector-title .title-box .title-3 span {
  color: #FF00B7;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.promotion .sector-title .title-box .title-4 {
  margin-top: 20px;
  color: #000;
  font-size: 75px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -1.492px;
}
.promotion .sector-title .title-box .title-4 strong {
  color: #FF00B7;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.promotion .sector-title .badge-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 140px;
}
.promotion .sector-title .base {
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 1;
  margin-left: -500px;
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  letter-spacing: -0.7px;
}
.promotion .sector-data {
  padding: 100px 0;
  background: linear-gradient(0deg, #FFFBDC 0%, #FFFBDC 100%), #FFF;
}
.promotion .sector-data .table-box {
  margin-top: 25px;
}
.promotion .sector-data .table-box table {
  width: 100%;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  background-color: #FFFDEE;
}
.promotion .sector-data .table-box table th, .promotion .sector-data .table-box table td {
  padding: 7px 0;
  color: #000;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.48px;
  border-right: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB;
}
.promotion .sector-data .table-box table th:last-child, .promotion .sector-data .table-box table td:last-child {
  border-right: 0;
}
.promotion .sector-data .table-box table th {
  font-weight: 800;
  background-color: #FFFBDC;
}
.promotion .sector-data .table-box table td {
  font-weight: 400;
}
.promotion .sector-data .base {
  margin-top: 10px;
  text-align: right;
}
.promotion .sector-data .base + .title-box {
  margin-top: 40px;
}
.promotion .sector-compare {
  padding: 100px 0;
  background: #FFFEF5;
}
.promotion .sector-compare .compare-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 60px;
}
.promotion .sector-compare .compare-box .box-item {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 10px);
  padding: 15px 30px;
  border-radius: 10px;
  border: 1px solid #E9E9E9;
  background: #FFF;
}
.promotion .sector-compare .compare-box .head {
  width: 120px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #212121;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.36px;
  background: rgba(217, 217, 217, 0.2);
}
.promotion .sector-compare .compare-box .content {
  width: calc(100% - 120px);
  display: flex;
}
.promotion .sector-compare .compare-box .content .col {
  flex: 1;
  text-align: center;
}
.promotion .sector-compare .compare-box .content .col + .col {
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
}
.promotion .sector-compare .compare-box .content .year {
  display: block;
  padding: 10px 0;
  color: #212121;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.36px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.promotion .sector-compare .compare-box .content .year strong {
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: inherit;
}
.promotion .sector-compare .compare-box .content .desc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px 0;
  color: #212121;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.32px;
}
.promotion .sector-compare .compare-box .content .desc:nth-child(2):nth-last-child(1) {
  min-height: 88px;
}
.promotion .sector-compare .compare-box .content .desc + .desc {
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
.promotion .sector-compare .compare-box .content .desc strong {
  color: #FF00BC;
  font-weight: 700;
}
.promotion .sector-compare .compare-box .foot {
  width: 100%;
  padding: 6px 0;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 190%;
  letter-spacing: -0.32px;
  background: #000;
}
.promotion .sector-compare .compare-box .foot strong {
  color: #FF00BC;
  font-weight: 700;
}
.promotion .sector-speech {
  padding-top: 100px;
  background: linear-gradient(180deg, rgba(255, 89, 207, 0.8) 26.44%, rgba(255, 0, 171, 0.8) 100%);
  background-blend-mode: multiply;
}
.promotion .sector-speech::before {
  content: "";
  position: absolute;
  top: 456px;
  left: 50%;
  width: 2191px;
  height: 443px;
  background-image: url("//img.eduwill.net/eduwill/img/2026/T/simple/260709/pc/bg_title.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  transform: translateX(-50%);
  filter: brightness(0.1);
  opacity: 0.2;
}
.promotion .sector-speech::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 220px;
  background: #FFFEF5;
  clip-path: polygon(0 0, calc(50% - 580px) 0, 50% 100px, calc(50% + 580px) 0, 100% 0, 100% 100%, 0 100%);
}
.promotion .sector-speech .wrap {
  z-index: 1;
}
.promotion .sector-speech .title-box .sub-title,
.promotion .sector-speech .title-box .main-title {
  color: #fff;
}
.promotion .sector-speech .title-box .sub-title strong,
.promotion .sector-speech .title-box .main-title strong {
  color: currentColor;
}
.promotion .sector-speech .speech-box {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 40px;
}
.promotion .sector-speech .speech-box .box-item {
  position: relative;
  width: 378px;
  padding: 30px;
  text-align: left;
  color: #212121;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.36px;
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.15));
}
.promotion .sector-speech .speech-box .box-item::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  border-color: transparent;
  border-style: solid;
  border-top-width: 40px;
  border-top-color: #fff;
}
.promotion .sector-speech .speech-box .box-item:nth-child(1) {
  margin-top: 112px;
}
.promotion .sector-speech .speech-box .box-item:nth-child(1)::after {
  margin-left: 100px;
  border-left-width: 40px;
}
.promotion .sector-speech .speech-box .box-item:nth-child(1) .icon {
  bottom: 100%;
  left: 0;
}
.promotion .sector-speech .speech-box .box-item:nth-child(2) {
  margin-bottom: auto;
}
.promotion .sector-speech .speech-box .box-item:nth-child(2)::after {
  margin-left: -20px;
  border-left-width: 20px;
  border-right-width: 20px;
}
.promotion .sector-speech .speech-box .box-item:nth-child(2) .icon {
  right: 0;
  bottom: 0;
}
.promotion .sector-speech .speech-box .box-item:nth-child(3) {
  margin-top: 112px;
}
.promotion .sector-speech .speech-box .box-item:nth-child(3)::after {
  margin-left: -140px;
  border-right-width: 40px;
}
.promotion .sector-speech .speech-box .box-item:nth-child(3) .icon {
  right: 0;
  bottom: 100%;
}
.promotion .sector-speech .speech-box .box-item strong {
  font-weight: 700;
}
.promotion .sector-speech .speech-box .icon {
  position: absolute;
  z-index: 1;
}
.promotion .sector-speech .img-box {
  margin-top: 20px;
}
.promotion .sector-step {
  padding: 100px 0;
  background-color: #FFFEF5;
}
.promotion .sector-step .step-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 60px;
}
.promotion .sector-step .step-box .box-item {
  width: 300px;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);
}
.promotion .sector-step .step-box .arrow {
  position: relative;
  display: inline-block;
}
.promotion .sector-step .step-box .arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-step .step-box .arrow::before {
    width: 10px;
  }
}
.promotion .sector-step .step-box .arrow::before {
  height: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-step .step-box .arrow::before {
    height: 10px;
  }
}
.promotion .sector-step .step-box .arrow::before {
  margin-top: -0.6944444444vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-step .step-box .arrow::before {
    margin-top: -5px;
  }
}
.promotion .sector-step .step-box .arrow::before {
  border-width: 0;
  border-style: solid;
  border-color: #000;
  transform: rotate(45deg);
  right: 2.7777777778vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-step .step-box .arrow::before {
    right: 20px;
  }
}
.promotion .sector-step .step-box .arrow::before {
  border-top-width: 2px;
  border-right-width: 2px;
}
.promotion .sector-step .step-box .arrow {
  width: 40px;
  height: 40px;
  border: 1px solid #F0F0F0;
  border-radius: 50%;
  background: #fff;
  filter: drop-shadow(0 6px 28px rgba(0, 0, 0, 0.2));
}
.promotion .sector-step .step-box .arrow::before {
  right: 15px;
}
.promotion .sector-step .step-box .head {
  padding: 20px 0;
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
  line-height: 190%;
  letter-spacing: -0.36px;
  background: #000;
}
.promotion .sector-step .step-box .content {
  padding: 40px 0;
}
.promotion .sector-step .step-box .content .icon {
  width: 112px;
  margin: 0 auto;
}
.promotion .sector-step .step-box .content .desc {
  margin-top: 20px;
  color: #212121;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.48px;
}
.promotion .sector-step .step-box .content .desc strong {
  color: #FF00B7;
  font-weight: 400;
}
.promotion .sector-video {
  padding: 100px 0;
  background: #1D1D1D;
}
.promotion .sector-video .title-box .main-title {
  color: #fff;
}
.promotion .sector-video .video-box {
  position: relative;
  width: 1100px;
  height: 550px;
  margin: 60px auto 0;
}
.promotion .sector-video .video-box a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.promotion .sector-point {
  padding: 100px 0 50px;
  background-color: #FFFEF5;
}
.promotion .sector-point .point-box {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 1000px;
  margin: 60px auto 0;
}
.promotion .sector-point .point-box .box-item {
  display: grid;
  grid-template-columns: 506px 1fr;
  grid-template-areas: "img title" "img base";
  border: 1px solid #E9E9E9;
  border-radius: 10px;
  background: #fff;
  align-items: center;
}
.promotion .sector-point .point-box .box-item:nth-child(1) .img-box {
  margin-top: -23px;
}
.promotion .sector-point .point-box .box-item:nth-child(2) .img-box {
  margin-top: -52px;
}
.promotion .sector-point .point-box .img-box {
  grid-area: img;
  display: flex;
  justify-content: center;
}
.promotion .sector-point .point-box .title-box {
  grid-area: title;
  flex: none;
  gap: 20px;
  margin-top: 50px;
}
.promotion .sector-point .point-box .title-box .main-title {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1.04px;
}
.promotion .sector-point .point-box .title-box .sub-title {
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.32px;
}
.promotion .sector-point .point-box .base {
  grid-area: base;
  margin-top: 10px;
  padding-bottom: 40px;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.24px;
}
.promotion .sector-review {
  padding: 50px 0 100px;
  background-color: #FFFEF5;
}
.promotion .sector-review .review-slide {
  margin-top: 60px;
}
.promotion .sector-review .review-slide .slick-slide {
  height: 240px;
  margin: 0 5px;
  padding: 32px 24px;
  text-align: left;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  background: #fff;
}
.promotion .sector-review .review-slide .slick-slide div {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.promotion .sector-review .review-slide .slick-slide .comment {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.56px;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.promotion .sector-review .review-slide .slick-slide .user {
  margin-top: auto;
  color: #6E6E6E;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}
.promotion .sector-review .review-slide .slick-arrow {
  border: 1px solid #E6E6E6 !important;
  border-radius: 50%;
}
.promotion .sector-review .review-slide .slick-arrow.slick-prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  width: 5.5555555556vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-prev {
    width: 40px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-prev {
  height: 5.5555555556vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-prev {
    height: 40px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-prev {
  margin: 0;
  padding: 0;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
  border: none;
  outline: none;
  cursor: pointer;
  transform: translateY(-50%);
  left: 50%;
  margin-left: -87.5vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-prev {
    margin-left: -630px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-prev {
  background: #FFF;
}
.promotion .sector-review .review-slide .slick-arrow.slick-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-prev::before {
    width: 10px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-prev::before {
  height: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-prev::before {
    height: 10px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-prev::before {
  border-width: 0;
  border-style: solid;
  border-color: #000;
  border-bottom-width: 2px;
  border-left-width: 2px;
  transform: translate(-25%, -50%) rotate(45deg);
}
.promotion .sector-review .review-slide .slick-arrow.slick-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  width: 5.5555555556vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-next {
    width: 40px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-next {
  height: 5.5555555556vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-next {
    height: 40px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-next {
  margin: 0;
  padding: 0;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
  border: none;
  outline: none;
  cursor: pointer;
  transform: translateY(-50%);
  right: 50%;
  margin-right: -87.5vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-next {
    margin-right: -630px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-next {
  background: #FFF;
}
.promotion .sector-review .review-slide .slick-arrow.slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-next::before {
    width: 10px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-next::before {
  height: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .promotion .sector-review .review-slide .slick-arrow.slick-next::before {
    height: 10px;
  }
}
.promotion .sector-review .review-slide .slick-arrow.slick-next::before {
  border-width: 0;
  border-style: solid;
  border-color: #000;
  border-top-width: 2px;
  border-right-width: 2px;
  transform: translate(-75%, -50%) rotate(45deg);
}
.promotion .sector-curriculum {
  padding: 100px 0;
  background: #FFFBDC;
}
.promotion .sector-curriculum .curriculum-box {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}
.promotion .sector-curriculum .curriculum-box .box-item {
  position: relative;
  width: 255px;
}
.promotion .sector-curriculum .curriculum-box .box-item:last-child .head {
  background: #FF00B7;
}
.promotion .sector-curriculum .curriculum-box .box-item:last-child .item {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  margin-top: 0;
  border: none;
  border-radius: 0;
  background: none;
}
.promotion .sector-curriculum .curriculum-box .head {
  padding: 23px 0;
  color: #FFF;
  font-size: 19px;
  font-weight: 700;
  line-height: 126%;
  letter-spacing: -0.76px;
  border-radius: 10px;
  background: #000;
}
.promotion .sector-curriculum .curriculum-box .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  margin-top: 5px;
  color: #000;
  font-size: 19px;
  font-weight: 700;
  line-height: 138%;
  letter-spacing: -0.38px;
  border-radius: 10px;
  border: 1px solid #E8E8E8;
  background: #FFF;
}
.promotion .sector-curriculum .curriculum-box .item.is-long {
  height: 145px;
}
.promotion .sector-curriculum .curriculum-box .arrow {
  position: absolute;
  left: 0;
  top: 55%;
  width: 45px;
  height: 45px;
  background: #FF00B7;
  clip-path: polygon(0% 25%, 50% 25%, 50% 0%, 100% 50%, 50% 100%, 50% 75%, 0% 75%);
  transform: translateY(-50%);
}
.promotion .sector-curriculum .action {
  margin-top: 60px;
}
.promotion .sector-apply {
  padding-top: 90px;
  background-image: url("//img.eduwill.net/eduwill/img/2026/T/simple/260709/pc/bg_apply.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
}
.promotion .sector-apply .title-box .main-title {
  color: #FFF;
}
.promotion .sector-apply .action {
  position: absolute;
  right: 0;
  bottom: 124px;
  left: 0;
}
.promotion .sector-apply .action .btn-apply {
  box-shadow: 4px 4px 10px 0 rgba(241, 90, 239, 0.5) inset, 4px 6px 9px 0 rgba(0, 0, 0, 0.05);
}/*# sourceMappingURL=web.css.map */