/*----------------------------------
plx Style
----------------------------------*/
.plx-set .mv-logo {
  -webkit-animation: fade 2s ease 0s both;
          animation: fade 2s ease 0s both;
}
.plx-set .mv-logo:before, .plx-set .mv-logo:after {
  -webkit-animation: mv-logo-bar 1s ease 1s both;
          animation: mv-logo-bar 1s ease 1s both;
}
.plx-set .mv-text {
  -webkit-transform: translateY(221px);
      -ms-transform: translateY(221px);
          transform: translateY(221px);
  -webkit-animation: fade-up 2s ease 1.5s both;
          animation: fade-up 2s ease 1.5s both;
}
.plx-set .mv-scll {
  opacity: 0;
  -webkit-animation: fade 1.5s ease-in-out 2s infinite alternate;
          animation: fade 1.5s ease-in-out 2s infinite alternate;
}
.plx-set #sec01 h3, .plx-set #sec01 p {
  opacity: 0;
}
.plx-set #sec01 h3.plx {
  -webkit-animation: fade 1.5s ease 1s both;
          animation: fade 1.5s ease 1s both;
}
.plx-set #sec01 p.plx {
  -webkit-animation: fade 1.5s ease 3s both;
          animation: fade 1.5s ease 3s both;
}
.plx-set #sec02 {
  overflow: hidden;
}
.plx-set #sec02 .sec-title {
  top: -376px;
  opacity: 0;
}
.plx-set #sec02 .sec-title.plx {
  -webkit-animation: sec-title .5s ease 0s both;
          animation: sec-title .5s ease 0s both;
}
.plx-set #sec02 .ribbon span {
  opacity: 0;
}
.plx-set #sec02 .ribbon.plx span {
  -webkit-animation: fade 1.5s ease .3s both;
          animation: fade 1.5s ease .3s both;
}
.plx-set #sec02 .product {
  opacity: 0;
}
.plx-set #sec02 .product.plx {
  -webkit-animation: fade 2.5s ease 1s both;
          animation: fade 2.5s ease 1s both;
}
.plx-set #sec02 .wrap, .plx-set #sec02 .product-cnt {
  position: relative;
}
.plx-set #sec02 .wrap:before, .plx-set #sec02 .wrap:after, .plx-set #sec02 .product-cnt:before, .plx-set #sec02 .product-cnt:after {
  background-color: #fff;
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
}
.plx-set #sec02 .wrap:after {
  height: 1px;
  left: 0;
  top: 0;
  width: 0;
  visibility: visible;
}
.plx-set #sec02 .wrap.plx:after {
  -webkit-animation: product-main01 2s ease 1s both;
          animation: product-main01 2s ease 1s both;
}
.plx-set #sec02 .wrap:before {
  bottom: 0;
  height: 1px;
  right: 0;
  width: 0;
}
.plx-set #sec02 .wrap.plx:before {
  -webkit-animation: product-main01 2s ease 1s both;
          animation: product-main01 2s ease 1s both;
}
.plx-set #sec02 .product-cnt:after {
  bottom: 0;
  height: 0;
  left: 0;
  width: 1px;
}
.plx-set #sec02 .product-cnt.plx:after {
  -webkit-animation: product-main02 2s ease 1s both;
          animation: product-main02 2s ease 1s both;
}
.plx-set #sec02 .product-cnt:before {
  height: 0;
  right: 0;
  top: 0;
  width: 1px;
}
.plx-set #sec02 .product-cnt.plx:before {
  -webkit-animation: product-main02 2s ease 1s both;
          animation: product-main02 2s ease 1s both;
}
.plx-set #sec03, .plx-set #sec04, .plx-set #sec07 {
  overflow: hidden;
}
.plx-set #sec03 .sec-title, .plx-set #sec04 .sec-title, .plx-set #sec07 .sec-title {
  top: -355px;
  opacity: 0;
}
.plx-set #sec03 .sec-title.plx, .plx-set #sec04 .sec-title.plx, .plx-set #sec07 .sec-title.plx {
  -webkit-animation: sec-title .5s ease 0s both;
          animation: sec-title .5s ease 0s both;
}
.plx-set #sec03 .ribbon span, .plx-set #sec04 .ribbon span, .plx-set #sec07 .ribbon span {
  opacity: 0;
}
.plx-set #sec03 .ribbon.plx span, .plx-set #sec04 .ribbon.plx span, .plx-set #sec07 .ribbon.plx span {
  -webkit-animation: fade 1.5s ease .3s both;
          animation: fade 1.5s ease .3s both;
}
.plx-set #sec03 .product-slide-detail, .plx-set #sec04 .product-slide-detail, .plx-set #sec07 .product-slide-detail {
  opacity: 0;
}
.plx-set #sec03 .product-slide-detail.plx, .plx-set #sec04 .product-slide-detail.plx, .plx-set #sec07 .product-slide-detail.plx {
  -webkit-animation: fade 2.5s ease 1s both;
          animation: fade 2.5s ease 1s both;
}
.plx-set #sec03 .product-cnt, .plx-set #sec04 .product-cnt, .plx-set #sec07 .product-cnt {
  opacity: 0;
  background: #FFFFFF;
  background: rgba(255, 255, 255, 0.8);
}
.plx-set #sec03 .product-cnt.plx, .plx-set #sec04 .product-cnt.plx, .plx-set #sec07 .product-cnt.plx {
  -webkit-animation: fade 2.5s ease 1s both;
  animation: fade 2.5s ease 1s both;
}
.plx-set #sec03 .product-slide-list, .plx-set #sec04 .product-slide-list, .plx-set #sec07 .product-slide-list {
  background: none;
}
.plx-set #sec03 .product-slide-list, .plx-set #sec03 .product-bdr, .plx-set #sec04 .product-slide-list, .plx-set #sec04 .product-bdr, .plx-set #sec07 .product-slide-list, .plx-set #sec07 .product-bdr {
  position: relative;
}
.plx-set #sec03 .product-slide-list:before, .plx-set #sec03 .product-slide-list:after, .plx-set #sec03 .product-bdr:before, .plx-set #sec03 .product-bdr:after, .plx-set #sec04 .product-slide-list:before, .plx-set #sec04 .product-slide-list:after, .plx-set #sec04 .product-bdr:before, .plx-set #sec04 .product-bdr:after, .plx-set #sec07 .product-slide-list:before, .plx-set #sec07 .product-slide-list:after, .plx-set #sec07 .product-bdr:before, .plx-set #sec07 .product-bdr:after {
  background-color: #fff;
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
}
.plx-set #sec03 .product-slide-list:after, .plx-set #sec04 .product-slide-list:after, .plx-set #sec07 .product-slide-list:after {
  height: 1px;
  left: 0;
  top: 0;
  width: 0;
}
.plx-set #sec03 .product-slide-list.plx:after, .plx-set #sec04 .product-slide-list.plx:after, .plx-set #sec07 .product-slide-list.plx:after {
  -webkit-animation: product-main01 2s ease 1s both;
          animation: product-main01 2s ease 1s both;
}
.plx-set #sec03 .product-slide-list:before, .plx-set #sec04 .product-slide-list:before, .plx-set #sec07 .product-slide-list:before {
  bottom: 0;
  height: 1px;
  right: 0;
  width: 0;
}
.plx-set #sec03 .product-slide-list.plx:before, .plx-set #sec04 .product-slide-list.plx:before, .plx-set #sec07 .product-slide-list.plx:before {
  -webkit-animation: product-main01 2s ease 1s both;
          animation: product-main01 2s ease 1s both;
}
.plx-set #sec03 .product-bdr:after, .plx-set #sec04 .product-bdr:after, .plx-set #sec07 .product-bdr:after {
  bottom: 0;
  height: 0;
  left: 0;
  width: 1px;
}
.plx-set #sec03 .product-bdr.plx:after, .plx-set #sec04 .product-bdr.plx:after, .plx-set #sec07 .product-bdr.plx:after {
  -webkit-animation: product-main02 2s ease 1s both;
          animation: product-main02 2s ease 1s both;
}
.plx-set #sec03 .product-bdr:before, .plx-set #sec04 .product-bdr:before, .plx-set #sec07 .product-bdr:before {
  height: 0;
  right: 0;
  top: 0;
  width: 1px;
}
.plx-set #sec03 .product-bdr.plx:before, .plx-set #sec04 .product-bdr.plx:before, .plx-set #sec07 .product-bdr.plx:before {
  -webkit-animation: product-main02 2s ease 1s both;
          animation: product-main02 2s ease 1s both;
}
.plx-set #sec04 .sec-title {
  top: -433px;
}
.plx-set #sec06 {
  overflow: hidden;
}
.plx-set #sec06 .sec-title {
  top: -395px;
  opacity: 0;
}
.plx-set #sec06 .sec-title.plx {
  -webkit-animation: sec-title .5s ease 0s both;
          animation: sec-title .5s ease 0s both;
}
.plx-set #sec06 .ribbon span {
  opacity: 0;
}
.plx-set #sec06 .ribbon.plx span {
  -webkit-animation: fade 1.5s ease .3s both;
          animation: fade 1.5s ease .3s both;
}
.plx-set #sec06 .product-slide-detail {
  opacity: 0;
}
.plx-set #sec06 .product-slide-detail.plx {
  -webkit-animation: fade 1.5s ease 1s both;
          animation: fade 1.5s ease 1s both;
}
.plx-set #sec06 .product-cnt {
  opacity: 0;
  background: #FFFFFF;
  background: rgba(255, 255, 255, 0.8);
}
.plx-set #sec06 .product-cnt.plx {
  -webkit-animation: fade 2s ease 0s both;
          animation: fade 2s ease 0s both;
}
.plx-set #sec06 .product-slide-list {
  background: none;
}
.plx-set #sec06 .product-slide-list, .plx-set #sec06 .product-bdr {
  position: relative;
}
.plx-set #sec06 .product-slide-list:before, .plx-set #sec06 .product-slide-list:after, .plx-set #sec06 .product-bdr:before, .plx-set #sec06 .product-bdr:after {
  background-color: #fff;
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
}
.plx-set #sec06 .product-slide-list:after {
  height: 1px;
  left: 0;
  top: 0;
  width: 0;
}
.plx-set #sec06 .product-slide-list.plx:after {
  -webkit-animation: product-main01 1.5s ease 0s both;
          animation: product-main01 1.5s ease 0s both;
}
.plx-set #sec06 .product-slide-list:before {
  bottom: 0;
  height: 1px;
  right: 0;
  width: 0;
}
.plx-set #sec06 .product-slide-list.plx:before {
  -webkit-animation: product-main01 1.5s ease 0s both;
          animation: product-main01 1.5s ease 0s both;
}
.plx-set #sec06 .product-bdr:after {
  bottom: 0;
  height: 0;
  left: 0;
  width: 1px;
}
.plx-set #sec06 .product-bdr.plx:after {
  -webkit-animation: product-main02 1.5s ease 0s both;
          animation: product-main02 1.5s ease 0s both;
}
.plx-set #sec06 .product-bdr:before {
  height: 0;
  right: 0;
  top: 0;
  width: 1px;
}
.plx-set #sec06 .product-bdr.plx:before {
  -webkit-animation: product-main02 1.5s ease 0s both;
          animation: product-main02 1.5s ease 0s both;
}
.plx-set #sec08 .sec08-main h3 {
  opacity: 0;
}
.plx-set #sec08 .sec08-main h3 + p {
  opacity: 0;
}
.plx-set #sec08 .sec08-main.plx h3 {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0;
  -webkit-animation: merry 4s ease .3s both;
          animation: merry 4s ease .3s both;
}
.plx-set #sec08 .sec08-main.plx h3 + p {
  -webkit-animation: fade 5s ease 3s both;
          animation: fade 5s ease 3s both;
}

@-webkit-keyframes collect01 {
  0% {
    opacity: 0;
    left: -500px;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes collect01 {
  0% {
    opacity: 0;
    left: -500px;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes collect02 {
  0% {
    opacity: 0;
    right: -500px;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}
@keyframes collect02 {
  0% {
    opacity: 0;
    right: -500px;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes merry {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes merry {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes product-main01 {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 100%;
  }
}
@keyframes product-main01 {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes product-main02 {
  0% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@keyframes product-main02 {
  0% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes sec-title {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes sec-title {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes mv-logo-bar {
  0% {
    width: 0;
  }
  100% {
    width: 50px;
  }
}
@keyframes mv-logo-bar {
  0% {
    width: 0;
  }
  100% {
    width: 50px;
  }
}