.bannerArea:not(.show) .Img {
  opacity: 0;
}
.bannerArea.show .Img {
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.mainArea .wrap {
  max-width: 1500px;
}
.mainArea:not(.show) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.mainArea:not(.show) .titleBox .decoTitle {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.mainArea:not(.show) .titleBox .title {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.mainArea:not(.show) .bread {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.mainArea:not(.show) .contentBox {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.mainArea.show {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.4s 0.2s ease-out;
  transition: all 0.4s 0.2s ease-out;
}
.mainArea.show .titleBox .decoTitle {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.4s 0.3s ease-out;
  transition: all 0.4s 0.3s ease-out;
}
.mainArea.show .titleBox .title {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.4s 0.4s ease-out;
  transition: all 0.4s 0.4s ease-out;
}
.mainArea.show .bread {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.4s 0.5s ease-out;
  transition: all 0.4s 0.5s ease-out;
}
.mainArea.show .contentBox {
  opacity: 1;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.4s 0.6s ease-out;
  transition: all 0.4s 0.6s ease-out;
}