/* rotate */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
/*@include keyframes(scroll-loop) { 0% { @include  transform(translateY(0)); } 50% { @include  transform(translateY(0));  } 100% { @include  transform(translateY(0));  }
}*/
@-webkit-keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0.5; filter: alpha(opacity=50); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0.5; filter: alpha(opacity=50); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0.5; filter: alpha(opacity=50); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0.5; filter: alpha(opacity=50); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0; filter: alpha(opacity=0); } }
@keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0.5; filter: alpha(opacity=50); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 0; filter: alpha(opacity=0); } }
@-webkit-keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-moz-keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-ms-keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-o-keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* line */
body { overflow: auto; background: #fff; min-width: 1280px; }

.footer_wrap { position: relative; z-index: 100; }

.section { overflow: hidden; position: relative; width: 100%; }

.btn_download { display: inline-block; width: 210px; height: 45px; font-size: 0; text-indent: -9999px; vertical-align: top; background: url(../img/btn_download.png) no-repeat 0 0; }

.btn_download:hover { background-position: 0 -55px; }

#content h1 { font-family: 'samsungonekorean600'; font-size: 50px; letter-spacing: -0.05em; line-height: 66px; font-weight: 100; color: inherit; }
#content h1 .en { letter-spacing: 0em; }
#content h2 { font-family: 'samsungonekorean200'; font-size: 46px; letter-spacing: -0.01em; line-height: 60px; font-weight: 100; color: inherit; text-align: inherit; }
#content h3 { font-family: 'samsungonekorean600'; font-size: 32px; letter-spacing: -0.045em; line-height: 46px; font-weight: 100; color: inherit; text-align: inherit; }
#content h4 { font-family: 'samsungonekorean400'; font-size: 28px; letter-spacing: 0em; line-height: 1.3em; font-weight: 100; }
#content h5 { font-family: 'samsungonekorean500'; font-size: 17.98px; letter-spacing: 0em; line-height: 1em; }
#content p { font-family: 'samsungonekorean400'; font-size: 18px; letter-spacing: -0.045em; line-height: 34px; font-weight: 100; color: inherit; text-align: inherit; }

.inner-cont-wrap { position: relative; width: 1280px; height: 100%; margin: 0 auto; text-align: center; }

.alt-txt-hide { text-indent: -9999px; font-size: 0; position: absolute; top: -9999px; }

/*common*/
.origin .inner-cont-wrap .txt-holder.type-1 .txt-l { display: block; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; filter: alpha(opacity=0); }
.origin .inner-cont-wrap .txt-holder.type-1 .txt-r { display: block; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); opacity: 0; filter: alpha(opacity=0); }
.origin .inner-cont-wrap .txt-holder.type-1 p { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); opacity: 0; filter: alpha(opacity=0); }
.origin.onTrans .inner-cont-wrap .txt-holder.type-1 h3 span { -webkit-transition: -webkit-transform 0.8s 1s ease-out, opacity 0.8s 1s; -moz-transition: -moz-transform 0.8s 1s ease-out, opacity 0.8s 1s; -ms-transition: -ms-transform 0.8s 1s ease-out, opacity 0.8s 1s; -o-transition: -o-transform 0.8s 1s ease-out, opacity 0.8s 1s; transition: transform 0.8s 1s ease-out, opacity 0.8s 1s; }
.origin.onTrans .inner-cont-wrap .txt-holder.type-1 .txt-l { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); }
.origin.onTrans .inner-cont-wrap .txt-holder.type-1 .txt-r { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); }
.origin.onTrans .inner-cont-wrap .txt-holder.type-1 p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; -moz-transition: -moz-transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; -ms-transition: -ms-transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; -o-transition: -o-transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; transition: transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; }

.clone .inner-cont-wrap .txt-holder.type-1 .txt-l { display: block; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 0; filter: alpha(opacity=0); }
.clone .inner-cont-wrap .txt-holder.type-1 .txt-r { display: block; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 0; filter: alpha(opacity=0); }
.clone .inner-cont-wrap .txt-holder.type-1 p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 0; filter: alpha(opacity=0); }
.clone.onTrans .inner-cont-wrap .txt-holder.type-1 h3 span { -webkit-transition: -webkit-transform 0.8s 1s ease-out, opacity 0.8s 1s; -moz-transition: -moz-transform 0.8s 1s ease-out, opacity 0.8s 1s; -ms-transition: -ms-transform 0.8s 1s ease-out, opacity 0.8s 1s; -o-transition: -o-transform 0.8s 1s ease-out, opacity 0.8s 1s; transition: transform 0.8s 1s ease-out, opacity 0.8s 1s; }
.clone.onTrans .inner-cont-wrap .txt-holder.type-1 .txt-l { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); }
.clone.onTrans .inner-cont-wrap .txt-holder.type-1 .txt-r { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); }
.clone.onTrans .inner-cont-wrap .txt-holder.type-1 p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; -moz-transition: -moz-transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; -ms-transition: -ms-transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; -o-transition: -o-transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; transition: transform 0.7s 1.4s ease-out, opacity 0.7s 1.4s; }

.origin { position: absolute; top: 0; left: 0; width: 100%; height: inherit; opacity: 1; filter: alpha(opacity=100); }
.origin.onHide { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }

.clone { position: absolute; top: 0; left: 0; width: 100%; height: inherit; opacity: 0; filter: alpha(opacity=0); }
.clone.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }

#container { margin: 0 auto; background-color: #000; }

#content { position: absolute; width: 100%; height: 1024px; overflow: hidden; -webkit-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.close-btn { position: fixed; top: 70px; right: 0; padding: 30px; z-index: 100; }
.close-btn.onHide { display: none; }
.close-btn.color-black a ul li { width: 50px; border-top: 1px solid #222; }
.close-btn a { display: block; }
.close-btn a ul { position: relative; width: 80px; height: 80px; }
.close-btn a ul li { position: absolute; width: 50px; border-top: 1px solid #fff; left: 40px; top: 40px; -webkit-transform-origin: 0 0.5px; -moz-transform-origin: 0 0.5px; -ms-transform-origin: 0 0.5px; -o-transform-origin: 0 0.5px; transform-origin: 0 0.5px; -webkit-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.close-btn a ul li.line0 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.close-btn a ul li.line1 { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.close-btn a ul li.line2 { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.close-btn a ul li.line3 { -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); }

.dim-holder { position: absolute; background-color: #000; opacity: 1; filter: alpha(opacity=100); visibility: visible; width: 100%; height: 100%; top: 0; left: 0; }

/*content*/
.content { position: absolute; top: 0; left: 0; width: 100%; height: 1280px; visibility: hidden; overflow: hidden; }
.content.onCurrentPage { visibility: visible; z-index: 100; }
.content.onNextTransOut { -webkit-animation-name: toNextAniOut; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 0.75s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease-in; -webkit-animation-direction: normal; -moz-animation-name: toNextAniOut; -moz-animation-iteration-count: 1; -moz-animation-duration: 0.75s; -moz-animation-delay: 0s; -moz-animation-timing-function: ease-in; -moz-animation-direction: normal; -ms-animation-name: toNextAniOut; -ms-animation-iteration-count: 1; -ms-animation-duration: 0.75s; -ms-animation-delay: 0s; -ms-animation-timing-function: ease-in; -ms-animation-direction: normal; -o-animation-name: toNextAniOut; -o-animation-iteration-count: 1; -o-animation-duration: 0.75s; -o-animation-delay: 0s; -o-animation-timing-function: ease-in; -o-animation-direction: normal; animation-name: toNextAniOut; animation-iteration-count: 1; animation-duration: 0.75s; animation-delay: 0s; animation-timing-function: ease-in; animation-direction: normal; }
.content.onNextTransIn { -webkit-animation-name: toNextAniIn; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 0.7s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); -webkit-animation-direction: normal; -moz-animation-name: toNextAniIn; -moz-animation-iteration-count: 1; -moz-animation-duration: 0.7s; -moz-animation-delay: 0s; -moz-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); -moz-animation-direction: normal; -ms-animation-name: toNextAniIn; -ms-animation-iteration-count: 1; -ms-animation-duration: 0.7s; -ms-animation-delay: 0s; -ms-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); -ms-animation-direction: normal; -o-animation-name: toNextAniIn; -o-animation-iteration-count: 1; -o-animation-duration: 0.7s; -o-animation-delay: 0s; -o-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); -o-animation-direction: normal; animation-name: toNextAniIn; animation-iteration-count: 1; animation-duration: 0.7s; animation-delay: 0s; animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); animation-direction: normal; }
.content.onPrevTransOut { -webkit-animation-name: toNextAniIn; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 0.75s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); -webkit-animation-direction: reverse; -moz-animation-name: toNextAniIn; -moz-animation-iteration-count: 1; -moz-animation-duration: 0.75s; -moz-animation-delay: 0s; -moz-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); -moz-animation-direction: reverse; -ms-animation-name: toNextAniIn; -ms-animation-iteration-count: 1; -ms-animation-duration: 0.75s; -ms-animation-delay: 0s; -ms-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); -ms-animation-direction: reverse; -o-animation-name: toNextAniIn; -o-animation-iteration-count: 1; -o-animation-duration: 0.75s; -o-animation-delay: 0s; -o-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); -o-animation-direction: reverse; animation-name: toNextAniIn; animation-iteration-count: 1; animation-duration: 0.75s; animation-delay: 0s; animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); animation-direction: reverse; }
.content.onPrevTransIn { -webkit-animation-name: toNextAniOut; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 0.7s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease-in; -webkit-animation-direction: reverse; -moz-animation-name: toNextAniOut; -moz-animation-iteration-count: 1; -moz-animation-duration: 0.7s; -moz-animation-delay: 0s; -moz-animation-timing-function: ease-in; -moz-animation-direction: reverse; -ms-animation-name: toNextAniOut; -ms-animation-iteration-count: 1; -ms-animation-duration: 0.7s; -ms-animation-delay: 0s; -ms-animation-timing-function: ease-in; -ms-animation-direction: reverse; -o-animation-name: toNextAniOut; -o-animation-iteration-count: 1; -o-animation-duration: 0.7s; -o-animation-delay: 0s; -o-animation-timing-function: ease-in; -o-animation-direction: reverse; animation-name: toNextAniOut; animation-iteration-count: 1; animation-duration: 0.7s; animation-delay: 0s; animation-timing-function: ease-in; animation-direction: reverse; }
.content .bg-wrap { position: absolute; image-rendering: auto; width: 100%; height: 100%; }
.content .inner-cont-wrap { position: relative; width: 1280px; height: 100%; margin: 0 auto; text-align: center; }
.content .txt-holder h3 { margin-bottom: 30px; }

.bg-section { position: relative; width: 100%; height: 100%; }

/*part section*/
#section-1 { width: 100%; height: calc(100vh - 131px); }
#section-1 .origin .bg-wrap { background-image: url("../img/sec1_bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
#section-1 .origin .inner-cont-wrap .txt-holder { position: absolute; width: 50vw; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; }
#section-1 .origin .inner-cont-wrap .txt-holder h1 { margin-bottom: 30px; opacity: 0; filter: alpha(opacity=0); }
#section-1 .origin .inner-cont-wrap .txt-holder p span { display: inline-block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); }
#section-1 .origin.onTrans .bg-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 2.4s ease-out; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 2.4s ease-out; -moz-transition-delay: 0s; -ms-transition: -ms-transform 2.4s ease-out; -ms-transition-delay: 0s; -o-transition: -o-transform 2.4s ease-out; -o-transition-delay: 0s; transition: transform 2.4s ease-out; transition-delay: 0s; }
#section-1 .origin.onTrans .bg-wrap .dim-holder { opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }
#section-1 .origin.onTrans .inner-cont-wrap .txt-holder h1 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0.8s; -moz-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0.8s; -ms-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0.8s; -o-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0.8s; transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0.8s; }
#section-1 .origin.onTrans .inner-cont-wrap .txt-holder p span { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 1.0s ease-out, opacity 1.0s ease-out; -moz-transition: -moz-transform 1.0s ease-out, opacity 1.0s ease-out; -ms-transition: -ms-transform 1.0s ease-out, opacity 1.0s ease-out; -o-transition: -o-transform 1.0s ease-out, opacity 1.0s ease-out; transition: transform 1.0s ease-out, opacity 1.0s ease-out; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-1 .origin.onTrans .inner-cont-wrap .txt-holder p .txt-1 { -webkit-transition: -webkit-transform 0.6s ease-out 1.2s, opacity 0.6s ease-out 1.2s; -moz-transition: -moz-transform 0.6s ease-out 1.2s, opacity 0.6s ease-out 1.2s; -ms-transition: -ms-transform 0.6s ease-out 1.2s, opacity 0.6s ease-out 1.2s; -o-transition: -o-transform 0.6s ease-out 1.2s, opacity 0.6s ease-out 1.2s; transition: transform 0.6s ease-out 1.2s, opacity 0.6s ease-out 1.2s; }
#section-1 .origin.onTrans .inner-cont-wrap .txt-holder p .txt-2 { -webkit-transition: -webkit-transform 0.6s ease-out 1.4s, opacity 0.6s ease-out 1.4s; -moz-transition: -moz-transform 0.6s ease-out 1.4s, opacity 0.6s ease-out 1.4s; -ms-transition: -ms-transform 0.6s ease-out 1.4s, opacity 0.6s ease-out 1.4s; -o-transition: -o-transform 0.6s ease-out 1.4s, opacity 0.6s ease-out 1.4s; transition: transform 0.6s ease-out 1.4s, opacity 0.6s ease-out 1.4s; }
#section-1 .origin.onTrans .inner-cont-wrap .txt-holder p .txt-3 { -webkit-transition: -webkit-transform 0.6s ease-out 1.6s, opacity 0.6s ease-out 1.6s; -moz-transition: -moz-transform 0.6s ease-out 1.6s, opacity 0.6s ease-out 1.6s; -ms-transition: -ms-transform 0.6s ease-out 1.6s, opacity 0.6s ease-out 1.6s; -o-transition: -o-transform 0.6s ease-out 1.6s, opacity 0.6s ease-out 1.6s; transition: transform 0.6s ease-out 1.6s, opacity 0.6s ease-out 1.6s; }
#section-1 .origin.onTrans .inner-cont-wrap .txt-holder p .txt-4 { -webkit-transition: -webkit-transform 0.6s ease-out 1.8s, opacity 0.6s ease-out 1.8s; -moz-transition: -moz-transform 0.6s ease-out 1.8s, opacity 0.6s ease-out 1.8s; -ms-transition: -ms-transform 0.6s ease-out 1.8s, opacity 0.6s ease-out 1.8s; -o-transition: -o-transform 0.6s ease-out 1.8s, opacity 0.6s ease-out 1.8s; transition: transform 0.6s ease-out 1.8s, opacity 0.6s ease-out 1.8s; }

#section-2 { width: 100%; height: calc(100vh - 131px); }
#section-2 .origin .bg-wrap { background-color: #0f1012; }
#section-2 .origin .bg-wrap .obj-holder .slider-box .obj-1 { position: absolute; top: 50%; left: 50%; margin-top: 68px; margin-left: 609px; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); /*@include transform-origin(37% 41%);*/ -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#section-2 .origin .bg-wrap .obj-holder .slider-box .obj-2 { position: absolute; top: 50%; left: 50%; margin-top: 42px; margin-left: 322px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#section-2 .origin .bg-wrap .obj-holder .slider-box .obj-3 { position: absolute; top: 50%; left: 50%; margin-top: 42px; margin-left: 322px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#section-2 .origin .bg-wrap .dim-holder { position: absolute; background-color: #000; opacity: 0.2; filter: alpha(opacity=20); z-index: 50; width: 100%; height: 100%; top: 0; left: 0; }
#section-2 .origin .inner-cont-wrap { position: relative; }
#section-2 .origin .inner-cont-wrap .title-holder { position: absolute; width: 100%; top: 50%; left: 50%; z-index: 999; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; margin-left: 300px; }
#section-2 .origin .inner-cont-wrap .title-holder h2 { width: 678px; height: 68px; opacity: 1; filter: alpha(opacity=100); }
#section-2 .origin .inner-cont-wrap .title-holder h2 span { display: block; }
#section-2 .origin .inner-cont-wrap .title-holder h2 span em { position: absolute; display: block; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .n0-letter { left: 0px; top: 3px; width: 39px; height: 47px; background-image: url("../img/letters_2/n0.png"); background-size: 39px 47px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .o0-letter { left: 43px; top: 12px; width: 39px; height: 39px; background-image: url("../img/letters_2/o0.png"); background-size: 39px 39px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .t0-letter { left: 83px; top: 1px; width: 23px; height: 50px; background-image: url("../img/letters_2/t0.png"); background-size: 23px 50px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .e0-letter { left: 108px; top: 12px; width: 39px; height: 39px; background-image: url("../img/letters_2/e0.png"); background-size: 39px 39px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .b0-letter { left: 151px; top: 2px; width: 39px; height: 49px; background-image: url("../img/letters_2/b0.png"); background-size: 39px 49px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .o2-letter { left: 193px; top: 12px; width: 39px; height: 39px; background-image: url("../img/letters_2/o2.png"); background-size: 39px 39px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .o3-letter { left: 235px; top: 12px; width: 39px; height: 39px; background-image: url("../img/letters_2/o3.png"); background-size: 39px 39px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .k1-letter { left: 279px; top: 2px; width: 36px; height: 48px; background-image: url("../img/letters_2/k1.png"); background-size: 36px 48px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .o4-letter { left: 329px; top: 2px; width: 48px; height: 49px; background-image: url("../img/letters_2/o4.png"); background-size: 48px 49px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .d0-letter { left: 380px; top: 2px; width: 39px; height: 49px; background-image: url("../img/letters_2/d0.png"); background-size: 39px 49px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .y0-letter { left: 423px; top: 12px; width: 39px; height: 56px; background-image: url("../img/letters_2/y0.png"); background-size: 39px 56px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .s0-letter { left: 461px; top: 12px; width: 32px; height: 40px; background-image: url("../img/letters_2/s0.png"); background-size: 32px 40px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .s1-letter { left: 495px; top: 12px; width: 32px; height: 40px; background-image: url("../img/letters_2/s1.png"); background-size: 32px 40px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .e2-letter { left: 530px; top: 12px; width: 39px; height: 39px; background-image: url("../img/letters_2/e2.png"); background-size: 39px 39px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .y2-letter { left: 569px; top: 12px; width: 39px; height: 56px; background-image: url("../img/letters_2/y2.png"); background-size: 39px 56px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .title-holder h2 .z0-letter { left: 614px; top: 1px; width: 59px; height: 52px; background-image: url("../img/letters_2/z0.png"); background-size: 59px 52px; background-repeat: no-repeat; }
#section-2 .origin .inner-cont-wrap .txt-holder { position: absolute; top: 50%; width: 50vw; z-index: 999; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 80px; color: #fff; text-align: left; }
#section-2 .origin.onTrans .bg-wrap .obj-holder .slider-box .obj-1 { -webkit-transform: translate(-59.3%, -54%) scale(0.298); -moz-transform: translate(-59.3%, -54%) scale(0.298); -ms-transform: translate(-59.3%, -54%) scale(0.298); -o-transform: translate(-59.3%, -54%) scale(0.298); transform: translate(-59.3%, -54%) scale(0.298); -webkit-transition: -webkit-transform 2s cubic-bezier(0.65, 0.05, 0.18, 0.91); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 2s cubic-bezier(0.65, 0.05, 0.18, 0.91); -moz-transition-delay: 0s; -ms-transition: -ms-transform 2s cubic-bezier(0.65, 0.05, 0.18, 0.91); -ms-transition-delay: 0s; -o-transition: -o-transform 2s cubic-bezier(0.65, 0.05, 0.18, 0.91); -o-transition-delay: 0s; transition: transform 2s cubic-bezier(0.65, 0.05, 0.18, 0.91); transition-delay: 0s; }
#section-2 .origin.onTrans .bg-wrap .dim-holder { opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0.6s; -moz-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0.6s; -ms-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0.6s; -o-transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0.6s; transition: all 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0.6s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder { /*h2{ @include opacity(0);@include transform(translateX(-120px));@include transform-css-transition('0.6s 2s ease-out, opacity 0.6s 2s');}*/ }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(1) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.9s; -moz-transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.9s; -ms-transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.9s; -o-transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.9s; transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.9s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(2) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.8s; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.8s; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.8s; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.8s; transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.8s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(3) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.7s; -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.7s; -ms-transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.7s; -o-transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.7s; transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.7s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(4) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.7s; -moz-transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.7s; -ms-transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.7s; -o-transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.7s; transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.7s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(5) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.7s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.7s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.7s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.7s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.7s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(6) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 2.1s; -moz-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 2.1s; -ms-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 2.1s; -o-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 2.1s; transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 2.1s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(7) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.7s; -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.7s; -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.7s; -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.7s; transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.7s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(8) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 2.1s; -moz-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 2.1s; -ms-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 2.1s; -o-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 2.1s; transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 2.1s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(9) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.6s; -moz-transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.6s; -ms-transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.6s; -o-transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.6s; transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.6s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(10) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.7s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.7s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.7s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.7s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.7s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(11) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1.1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.7s; -moz-transition: all 1.1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.7s; -ms-transition: all 1.1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.7s; -o-transition: all 1.1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.7s; transition: all 1.1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.7s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(12) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.6s; -moz-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.6s; -ms-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.6s; -o-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.6s; transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.6s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(13) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1.3s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.9s; -moz-transition: all 1.3s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.9s; -ms-transition: all 1.3s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.9s; -o-transition: all 1.3s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.9s; transition: all 1.3s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.9s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(14) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1.4s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.8s; -moz-transition: all 1.4s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.8s; -ms-transition: all 1.4s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.8s; -o-transition: all 1.4s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.8s; transition: all 1.4s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.8s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(15) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 2s; -moz-transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 2s; -ms-transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 2s; -o-transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 2s; transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 2s; }
#section-2 .origin.onTrans .inner-cont-wrap .title-holder h2 em:nth-child(16) { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1.6s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.7s; -moz-transition: all 1.6s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.7s; -ms-transition: all 1.6s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.7s; -o-transition: all 1.6s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.7s; transition: all 1.6s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.7s; }
#section-2 .origin.onTrans .inner-cont-wrap .txt-holder span { -webkit-transition-delay: 2.4s; -moz-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; }
#section-2 .origin.onTrans .inner-cont-wrap .txt-holder p { -webkit-transition-delay: 2.8s; -moz-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s; }
#section-2 .clone .bg-wrap { background-color: #0f1012; }
#section-2 .clone .bg-wrap .obj-holder .slider-box .obj-1 { position: absolute; top: 50%; left: 50%; margin-top: 68px; margin-left: 609px; -webkit-transform: translate(-59.3%, -54%) scale(0.298); -moz-transform: translate(-59.3%, -54%) scale(0.298); -ms-transform: translate(-59.3%, -54%) scale(0.298); -o-transform: translate(-59.3%, -54%) scale(0.298); transform: translate(-59.3%, -54%) scale(0.298); }
#section-2 .clone .bg-wrap .obj-holder .slider-box .obj-2 { position: absolute; top: 50%; left: 50%; margin-top: 42px; margin-left: 322px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#section-2 .clone .bg-wrap .obj-holder .slider-box .obj-3 { position: absolute; top: 50%; left: 50%; margin-top: 42px; margin-left: 322px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#section-2 .clone .inner-cont-wrap { position: relative; }
#section-2 .clone .inner-cont-wrap .txt-holder { position: absolute; top: 50%; width: 50vw; z-index: 999; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 80px; color: #fff; text-align: left; }
#section-2 .clone .inner-cont-wrap .txt-holder span { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
#section-2 .clone .inner-cont-wrap .txt-holder p { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

#section-3 { width: 100%; height: calc(100vh - 131px); background-color: #0f1012; }
#section-3 .origin .bg-wrap .obj-holder .obj-box-1 .obj-clip { position: absolute; top: 50%; left: 50%; -webkit-transform: scale(0.95) translate(-57%, -57%); -moz-transform: scale(0.95) translate(-57%, -57%); -ms-transform: scale(0.95) translate(-57%, -57%); -o-transform: scale(0.95) translate(-57%, -57%); transform: scale(0.95) translate(-57%, -57%); margin-top: -180px; margin-left: 406px; opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: -10% 50%; -moz-transform-origin: -10% 50%; -ms-transform-origin: -10% 50%; -o-transform-origin: -10% 50%; transform-origin: -10% 50%; }
#section-3 .origin .bg-wrap .obj-holder .obj-box-1 .desc-clip { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 18px; margin-left: 506px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-1 .desc-clip span { display: inline-block; font-family: 'samsungonekorean200'; font-size: 44px; letter-spacing: -0.035em; line-height: 1; font-weight: 100; color: #fff; text-align: inherit; }
#section-3 .origin .bg-wrap .obj-holder .obj-box-1 .desc-clip span.littlex { display: inline-block; vertical-align: top; margin-left: 4px; font-size: 22px; opacity: 0.5; filter: alpha(opacity=50); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .obj-clip { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-55%, -50%); -moz-transform: translate(-55%, -50%); -ms-transform: translate(-55%, -50%); -o-transform: translate(-55%, -50%); transform: translate(-55%, -50%); margin-top: 283px; margin-left: -499px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .line .line-1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 190px; margin-left: 148px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .line .line-1 span { display: block; width: 52px; height: 1px; background-color: white; }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .line .line-2 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 289px; margin-left: 148px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .line .line-2 span { display: block; width: 52px; height: 1px; background-color: white; }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .arrow .arrow-1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 143px; margin-left: 148px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .arrow .arrow-1 span { display: block; width: 17px; height: 78px; background-image: url("../img/sec4_arrow_down.png"); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .arrow .arrow-2 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 336px; margin-left: 148px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .arrow .arrow-2 span { display: block; width: 17px; height: 78px; background-image: url("../img/sec4_arrow_up.png"); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .num { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 240px; margin-left: 307px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .num span { display: inline-block; font-family: 'samsungonekorean200'; font-size: 86.57px; letter-spacing: -0.035em; line-height: 1; font-weight: 100; color: #fff; text-align: inherit; }
#section-3 .origin .bg-wrap .obj-holder .obj-box-2 .desc-clip .num span.littlex { display: inline-block; vertical-align: top; margin-left: 10px; font-size: 40px; opacity: 0.5; filter: alpha(opacity=50); }
#section-3 .origin .inner-cont-wrap { position: relative; }
#section-3 .origin .inner-cont-wrap .txt-holder { position: absolute; top: 50%; width: 50vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: -82px; left: 80px; color: #fff; text-align: left; }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-1 .obj-clip { -webkit-transform: scale(1) translate(-50%, -50%); -moz-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); -o-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 1.4s; -moz-transition: -moz-transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 1.4s; -ms-transition: -ms-transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 1.4s; -o-transition: -o-transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 1.4s; transition: transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 1.4s; }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-1 .desc-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 2s; -moz-transition: -moz-transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 2s; -ms-transition: -ms-transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 2s; -o-transition: -o-transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 2s; transition: transform 1.2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1.2s 2s; }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-2 .obj-clip { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.8s 0s ease-out, opacity 0.8s 0s; -moz-transition: -moz-transform 0.8s 0s ease-out, opacity 0.8s 0s; -ms-transition: -ms-transform 0.8s 0s ease-out, opacity 0.8s 0s; -o-transition: -o-transform 0.8s 0s ease-out, opacity 0.8s 0s; transition: transform 0.8s 0s ease-out, opacity 0.8s 0s; }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-2 .desc-clip .line .line-1 { margin-top: 208px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.8s 0s ease-out, all 0.8s 0s; -moz-transition: -moz-transform 0.8s 0s ease-out, all 0.8s 0s; -ms-transition: -ms-transform 0.8s 0s ease-out, all 0.8s 0s; -o-transition: -o-transform 0.8s 0s ease-out, all 0.8s 0s; transition: transform 0.8s 0s ease-out, all 0.8s 0s; }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-2 .desc-clip .line .line-1 span { background-color: rgba(255, 255, 255, 0.3); }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-2 .desc-clip .line .line-2 { margin-top: 271px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.8s 0s ease-out, all 0.8s 0s; -moz-transition: -moz-transform 0.8s 0s ease-out, all 0.8s 0s; -ms-transition: -ms-transform 0.8s 0s ease-out, all 0.8s 0s; -o-transition: -o-transform 0.8s 0s ease-out, all 0.8s 0s; transition: transform 0.8s 0s ease-out, all 0.8s 0s; }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-2 .desc-clip .line .line-2 span { background-color: rgba(255, 255, 255, 0.3); }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-2 .desc-clip .arrow .arrow-1 { margin-top: 161px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.6s 0.2s ease-out, all 0.6s 0.2s; -moz-transition: -moz-transform 0.6s 0.2s ease-out, all 0.6s 0.2s; -ms-transition: -ms-transform 0.6s 0.2s ease-out, all 0.6s 0.2s; -o-transition: -o-transform 0.6s 0.2s ease-out, all 0.6s 0.2s; transition: transform 0.6s 0.2s ease-out, all 0.6s 0.2s; }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-2 .desc-clip .arrow .arrow-2 { margin-top: 318px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.6s 0.2s ease-out, all 0.6s 0.2s; -moz-transition: -moz-transform 0.6s 0.2s ease-out, all 0.6s 0.2s; -ms-transition: -ms-transform 0.6s 0.2s ease-out, all 0.6s 0.2s; -o-transition: -o-transform 0.6s 0.2s ease-out, all 0.6s 0.2s; transition: transform 0.6s 0.2s ease-out, all 0.6s 0.2s; }
#section-3 .origin.onTrans .bg-wrap .obj-holder .obj-box-2 .desc-clip .num { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0.8s; -moz-transition: opacity 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0.8s; -ms-transition: opacity 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0.8s; -o-transition: opacity 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0.8s; transition: opacity 1.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0.8s; }
#section-3 .origin.onTrans .inner-cont-wrap .txt-holder span { -webkit-transition-delay: 2.5s; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; }
#section-3 .origin.onTrans .inner-cont-wrap .txt-holder p { -webkit-transition-delay: 2.9s; -moz-transition-delay: 2.9s; -o-transition-delay: 2.9s; transition-delay: 2.9s; }

#section-4 { width: 100%; height: calc(100vh - 131px); }
#section-4 .origin .bg-wrap { background-color: #0f1012; }
#section-4 .origin .bg-wrap .obj-holder { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.33) rotate(-8deg); -moz-transform: translate(-50%, -50%) scale(0.33) rotate(-8deg); -ms-transform: translate(-50%, -50%) scale(0.33) rotate(-8deg); -o-transform: translate(-50%, -50%) scale(0.33) rotate(-8deg); transform: translate(-50%, -50%) scale(0.33) rotate(-8deg); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); margin-top: 205px; margin-left: -1076px; -webkit-transform-origin: 96% 25.8%; -moz-transform-origin: 96% 25.8%; -ms-transform-origin: 96% 25.8%; -o-transform-origin: 96% 25.8%; transform-origin: 96% 25.8%; }
#section-4 .origin .inner-cont-wrap { position: relative; }
#section-4 .origin .inner-cont-wrap .txt-holder { position: absolute; width: 50vw; top: 50%; left: 50%; z-index: 20; margin-left: 112px; margin-top: -44px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: left; color: #fff; }
#section-4 .origin .inner-cont-wrap .txt-holder .func-list-box { margin-top: 40px; }
#section-4 .origin .inner-cont-wrap .txt-holder .func-list-box li { float: left; opacity: 0; filter: alpha(opacity=0); }
#section-4 .origin .inner-cont-wrap .txt-holder .func-list-box li.func-1 { -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-4 .origin .inner-cont-wrap .txt-holder .func-list-box li.func-2 { -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-4 .origin .inner-cont-wrap .txt-holder .func-list-box li.func-3 { -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-4 .origin .inner-cont-wrap .txt-holder .func-list-box li.func-4 { -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-4 .origin.onTrans .bg-wrap .obj-holder { -webkit-transform: translate(-50%, -50%) scale(1) rotate(0deg); -moz-transform: translate(-50%, -50%) scale(1) rotate(0deg); -ms-transform: translate(-50%, -50%) scale(1) rotate(0deg); -o-transform: translate(-50%, -50%) scale(1) rotate(0deg); transform: translate(-50%, -50%) scale(1) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 1.4s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 1s 0s; -moz-transition: -moz-transform 1.4s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 1s 0s; -ms-transition: -ms-transform 1.4s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 1s 0s; -o-transition: -o-transform 1.4s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 1s 0s; transition: transform 1.4s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 1s 0s; }
#section-4 .origin.onTrans .inner-cont-wrap .txt-holder span { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; }
#section-4 .origin.onTrans .inner-cont-wrap .txt-holder p { -webkit-transition-delay: 1.7s; -moz-transition-delay: 1.7s; -o-transition-delay: 1.7s; transition-delay: 1.7s; }
#section-4 .origin.onTrans .inner-cont-wrap .txt-holder .func-list-box li { opacity: 1; filter: alpha(opacity=100); }
#section-4 .origin.onTrans .inner-cont-wrap .txt-holder .func-list-box li.func-1 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.8s 2s ease-out, opacity 1s 2s; -moz-transition: -moz-transform 0.8s 2s ease-out, opacity 1s 2s; -ms-transition: -ms-transform 0.8s 2s ease-out, opacity 1s 2s; -o-transition: -o-transform 0.8s 2s ease-out, opacity 1s 2s; transition: transform 0.8s 2s ease-out, opacity 1s 2s; }
#section-4 .origin.onTrans .inner-cont-wrap .txt-holder .func-list-box li.func-2 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.8s 2.2s ease-out, opacity 1s 2.2s; -moz-transition: -moz-transform 0.8s 2.2s ease-out, opacity 1s 2.2s; -ms-transition: -ms-transform 0.8s 2.2s ease-out, opacity 1s 2.2s; -o-transition: -o-transform 0.8s 2.2s ease-out, opacity 1s 2.2s; transition: transform 0.8s 2.2s ease-out, opacity 1s 2.2s; }
#section-4 .origin.onTrans .inner-cont-wrap .txt-holder .func-list-box li.func-3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.8s 2.4s ease-out, opacity 1s 2.4s; -moz-transition: -moz-transform 0.8s 2.4s ease-out, opacity 1s 2.4s; -ms-transition: -ms-transform 0.8s 2.4s ease-out, opacity 1s 2.4s; -o-transition: -o-transform 0.8s 2.4s ease-out, opacity 1s 2.4s; transition: transform 0.8s 2.4s ease-out, opacity 1s 2.4s; }
#section-4 .origin.onTrans .inner-cont-wrap .txt-holder .func-list-box li.func-4 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.8s 2.6s ease-out, opacity 1s 2.6s; -moz-transition: -moz-transform 0.8s 2.6s ease-out, opacity 1s 2.6s; -ms-transition: -ms-transform 0.8s 2.6s ease-out, opacity 1s 2.6s; -o-transition: -o-transform 0.8s 2.6s ease-out, opacity 1s 2.6s; transition: transform 0.8s 2.6s ease-out, opacity 1s 2.6s; }

#section-5 { width: 100%; height: calc(100vh - 131px); background-color: #000; }
#section-5 .origin .bg-wrap { background-image: url("../img/sec5_vid.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; }
#section-5 .origin .bg-wrap .video-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#section-5 .origin .bg-wrap .video-holder .video-keyvisual { position: absolute; width: 100%; }
#section-5 .origin .bg-wrap .video-holder .btn_play { display: block; width: 112px; height: 112px; position: absolute; top: 50%; left: 50%; margin-top: -56px; margin-left: -56px; background-image: url("../img/sec5_btn_play.png"); background-repeat: no-repeat; background-position: center center; }

.indicator { position: fixed; top: 50%; left: 120px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 200; opacity: 0; filter: alpha(opacity=0); }
.indicator.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: all 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: all 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: all 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: all 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }
.indicator ul li { position: relative; height: 18px; margin-bottom: 4px; }
.indicator ul li a { display: block; width: 27px; background-image: url("../img/indicator.png"); background-size: 27px 28px; }
.indicator ul li a.show { height: 18px; background-position: center bottom; opacity: 0; filter: alpha(opacity=0); }
.indicator ul li a.hide { position: absolute; top: 4px; left: 0; height: 10px; background-position: center top; opacity: 1; filter: alpha(opacity=100); }
.indicator ul li.select .show { height: 18px; background-position: center bottom; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }
.indicator ul li.select .hide { position: absolute; top: 4px; left: 0; height: 10px; background-position: center top; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); opacity: 0; filter: alpha(opacity=0); -webkit-transition: -webkit-transform 0.8s 0s ease-out, opacity 0.4s 0.2s; -moz-transition: -moz-transform 0.8s 0s ease-out, opacity 0.4s 0.2s; -ms-transition: -ms-transform 0.8s 0s ease-out, opacity 0.4s 0.2s; -o-transition: -o-transform 0.8s 0s ease-out, opacity 0.4s 0.2s; transition: transform 0.8s 0s ease-out, opacity 0.4s 0.2s; }
.indicator ul li.onHide .show { height: 18px; background-position: center bottom; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); opacity: 0; filter: alpha(opacity=0); -webkit-transition: -webkit-transform 0.8s 0s ease-out, opacity 0.4s 0.2s; -moz-transition: -moz-transform 0.8s 0s ease-out, opacity 0.4s 0.2s; -ms-transition: -ms-transform 0.8s 0s ease-out, opacity 0.4s 0.2s; -o-transition: -o-transform 0.8s 0s ease-out, opacity 0.4s 0.2s; transition: transform 0.8s 0s ease-out, opacity 0.4s 0.2s; }
.indicator ul li.onHide .hide { position: absolute; top: 4px; left: 0; height: 10px; background-position: center top; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: all 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }

.video-popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.video-popup iframe { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.video-popup .btn-close { position: absolute; top: 30px; right: 30px; width: 92px; height: 92px; background: url(../img/btn_close_w.png) no-repeat; text-indent: -999em; font-size: 0; }

/*# sourceMappingURL=page.css.map */