.content { visibility: hidden; } .content.onShow { visibility: visible; } body, .content { font-size: 0; font-weight: 100; position: relative; } .content { width: 100%; overflow: hidden; } .content *, .content *:before, .content *:after { box-sizing: border-box; } a { text-decoration: none; } a:active, a:focus, a:hover { text-decoration: none; } em { font-style: normal; } figure, h1, h2, h3, h4, h5, h6 { margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } #container .inner-cont-wrap h1 { font-family: 'samsungonelatin800'; font-size: 8.75vw; line-height: 1.6785714286; letter-spacing: 0.325em; color: inherit; text-transform: uppercase; } #container .inner-cont-wrap h2 { font-family: 'samsungonekorean600'; font-size: 9.375vw; line-height: 1.3833333333; letter-spacing: -0.045em; color: inherit; } #container .inner-cont-wrap h3 { font-family: 'samsungonelatin800'; font-size: 5.46875vw; line-height: 1.2857142857; letter-spacing: 0.325em; color: inherit; text-transform: uppercase; } #container .inner-cont-wrap h4 { font-family: 'samsungonekorean400'; font-size: 4.375vw; line-height: 1.6428571429; letter-spacing: -0.045em; color: inherit; text-align: center; } #container .inner-cont-wrap h5 { font-family: 'samsungonekorean700'; font-size: 3.4375vw; line-height: 1.3636363636; letter-spacing: 0.4em; color: inherit; } #container .inner-cont-wrap p { font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1.75; letter-spacing: -0.05em; color: inherit; text-align: justify; word-break: break-all; } #container .inner-cont-wrap .alt-txt-hide { text-indent: -9999px; font-size: 0; position: absolute; top: -9999px; } #section-6 .bx-wrapper { margin: 0 auto; } #section-6 .bx-wrapper .bx-viewport { padding-bottom: 2.8125%; } #section-6 .bx-wrapper .bx-pager { position: absolute; width: 100%; bottom: 32.7%; text-align: center; font-size: 0; line-height: 0; } #section-6 .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; /*text-indent:-999px; */ width: 2.1875vw; height: 2.1875vw; border-radius: 50%; margin-right: 1%; } #section-6 .bx-wrapper .bx-pager .bx-pager-item a { display: block; border-radius: 50%; width: 100%; height: 100%; font-size: 0; margin-right: 1%; border: 1px solid #000; line-height: unset; } #section-6 .bx-wrapper .bx-pager .bx-pager-item a.active { background-color: #000; } #section-6 .bx-wrapper .bx-pager .bx-pager-item:last-child { margin-right: 0; } #section-10 .bx-wrapper { margin: 0 auto; } #section-10 .bx-wrapper .bx-viewport { padding-bottom: 2.8125%; } #section-10 .bx-wrapper .bx-pager { position: absolute; width: 81.25%; bottom: 53%; text-align: center; font-size: 0; line-height: 0; } #section-10 .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; /*text-indent:-999px; */ width: 2.1875vw; height: 2.1875vw; border-radius: 50%; margin-right: 1%; } #section-10 .bx-wrapper .bx-pager .bx-pager-item a { display: block; border-radius: 50%; width: 100%; height: 100%; font-size: 0; margin-right: 1%; border: 1px solid #000; line-height: unset; } #section-10 .bx-wrapper .bx-pager .bx-pager-item a.active { background-color: #000; } #section-10 .bx-wrapper .bx-pager .bx-pager-item:last-child { margin-right: 0; } /* rotate */ /* transform */ /* transition */ /* transition-delay */ /* transform-transition */ /* css-transition */ /* transform-css-transition */ /*clip-path prefix transition*/ /* keyframes */ @keyframes phone-folding { 0% { opacity: 0; filter: alpha(opacity=0); } 15% { opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 1; filter: alpha(opacity=100); } 65% { opacity: 0; filter: alpha(opacity=0); } 100% { opacity: 0; filter: alpha(opacity=0); } } /*@include keyframes(scroll-loop) { 0% { @include transform(translateY(0)); } 50% { @include transform(translateY(0)); } 100% { @include transform(translateY(0)); } }*/ @-webkit-keyframes waveMotion_inner { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } } @-moz-keyframes waveMotion_inner { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } } @-ms-keyframes waveMotion_inner { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } } @-o-keyframes waveMotion_inner { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } } @keyframes waveMotion_inner { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } } @-webkit-keyframes waveMotion_outer { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0.8; filter: alpha(opacity=80); } 100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } } @-moz-keyframes waveMotion_outer { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0.8; filter: alpha(opacity=80); } 100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } } @-ms-keyframes waveMotion_outer { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0.8; filter: alpha(opacity=80); } 100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } } @-o-keyframes waveMotion_outer { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0.8; filter: alpha(opacity=80); } 100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } } @keyframes waveMotion_outer { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0.8; filter: alpha(opacity=80); } 100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } } @-webkit-keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); } 100% { background-color: rgba(0, 0, 0, 0); } } @-moz-keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); } 100% { background-color: rgba(0, 0, 0, 0); } } @-ms-keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); } 100% { background-color: rgba(0, 0, 0, 0); } } @-o-keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); } 100% { background-color: rgba(0, 0, 0, 0); } } @keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); } 100% { background-color: rgba(0, 0, 0, 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: 1; filter: alpha(opacity=100); } 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: 1; filter: alpha(opacity=100); } } @-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: 1; filter: alpha(opacity=100); } 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: 1; filter: alpha(opacity=100); } } @-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: 1; filter: alpha(opacity=100); } 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: 1; filter: alpha(opacity=100); } } @-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: 1; filter: alpha(opacity=100); } 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: 1; filter: alpha(opacity=100); } } @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: 1; filter: alpha(opacity=100); } 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: 1; filter: alpha(opacity=100); } } @-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 */ /* font setting */ .btn-back { width: 45px; height: 45px; display: block; position: fixed; top: 0; left: 0; z-index: 1000; } .column-box .column-img { position: relative; } .effect { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .effect li { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .effect.onShow li.effect-0 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s linear 0s; -moz-transition: opacity 0.3s linear 0s; -ms-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; } .effect.onShow li.effect-1 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s linear 0.4s; -moz-transition: opacity 0.3s linear 0.4s; -ms-transition: opacity 0.3s linear 0.4s; -o-transition: opacity 0.3s linear 0.4s; transition: opacity 0.3s linear 0.4s; } .effect.onShow li.effect-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s linear 0.8s; -moz-transition: opacity 0.3s linear 0.8s; -ms-transition: opacity 0.3s linear 0.8s; -o-transition: opacity 0.3s linear 0.8s; transition: opacity 0.3s linear 0.8s; } .effect.onShow li.effect-3 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s linear 1.2s; -moz-transition: opacity 0.3s linear 1.2s; -ms-transition: opacity 0.3s linear 1.2s; -o-transition: opacity 0.3s linear 1.2s; transition: opacity 0.3s linear 1.2s; } .main.onHide { display: none; } .main #section-1 .inner-cont-wrap { height: 178.75vw; } .main #section-1 .inner-cont-wrap .bg-holder { position: absolute; width: 100%; height: 100%; } .main #section-1 .inner-cont-wrap .cont-holder { position: relative; width: inherit; height: inherit; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box { /*margin-top: percentage(131 / $tW);*/ } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li { position: absolute; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 { top: 11.451048951%; left: 31.25%; width: 58.59375%; height: 22.3776223776%; overflow: hidden; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 .thumb { position: absolute; left: 0; top: 0; width: 100%; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 .thumb .thumb-obj { -webkit-transform: translateX(-16.66%) scale(1); -moz-transform: translateX(-16.66%) scale(1); -ms-transform: translateX(-16.66%) scale(1); -o-transform: translateX(-16.66%) scale(1); transform: translateX(-16.66%) scale(1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 .thumb .thumb-obj img { opacity: 0; filter: alpha(opacity=0); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 .thumb .thumb-obj img.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 2.3s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: opacity 0s 2.3s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition: opacity 0s 2.3s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: opacity 0s 2.3s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: opacity 0s 2.3s cubic-bezier(0.250, 0.250, 0.750, 0.750); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 .thumb .thumb-obj.onTrans { -webkit-transform: translateX(0) scale(1); -moz-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); -o-transform: translateX(0) scale(1); transform: translateX(0) scale(1); -webkit-transition: transform 0.8s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition: transform 0.8s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition: transform 0.8s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition: transform 0.8s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition: transform 0.8s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 .thumb-cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 .thumb-cover.onTrans { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 1s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition: transform 1s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition: transform 1s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition: transform 1s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition: transform 1s 2.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 .thumb-cover .thumb-cover-obj { width: inherit; height: inherit; background-color: #ffd237; -webkit-transition: transform 1s 0.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition: transform 1s 0.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition: transform 1s 0.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition: transform 1s 0.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition: transform 1s 0.3s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-1 .thumb-cover .thumb-cover-obj.onTrans { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 { top: 34.8776223776%; left: 6.25%; width: 78.125%; height: 29.3706293706%; overflow: hidden; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 .thumb { position: absolute; left: 0; top: 0; width: 100%; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 .thumb .thumb-obj { -webkit-transform: translateY(-25%) scale(1); -moz-transform: translateY(-25%) scale(1); -ms-transform: translateY(-25%) scale(1); -o-transform: translateY(-25%) scale(1); transform: translateY(-25%) scale(1); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 .thumb .thumb-obj img { opacity: 0; filter: alpha(opacity=0); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 .thumb .thumb-obj img.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 0.9s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: opacity 0s 0.9s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition: opacity 0s 0.9s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: opacity 0s 0.9s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: opacity 0s 0.9s cubic-bezier(0.250, 0.250, 0.750, 0.750); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 .thumb .thumb-obj.onTrans { -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1); -webkit-transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 .thumb-cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 .thumb-cover.onTrans { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition: transform 1s 1.7s cubic-bezier(0.675, 0.005, 0.310, 1.005); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 .thumb-cover .thumb-cover-obj { width: inherit; height: inherit; background-color: #274fc2; -webkit-transition: transform 1s 0s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition: transform 1s 0s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition: transform 1s 0s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition: transform 1s 0s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition: transform 1s 0s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-2 .thumb-cover .thumb-cover-obj.onTrans { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 { top: 51.1363636364%; right: 3.125%; width: 78.125%; height: 31.3811188811%; overflow: hidden; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 .thumb { position: absolute; right: 0; top: 0; width: 100%; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 .thumb .thumb-obj { -webkit-transform: translateX(16.66%) scale(1); -moz-transform: translateX(16.66%) scale(1); -ms-transform: translateX(16.66%) scale(1); -o-transform: translateX(16.66%) scale(1); transform: translateX(16.66%) scale(1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 .thumb .thumb-obj img { opacity: 0; filter: alpha(opacity=0); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 .thumb .thumb-obj img.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 2.1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: opacity 0s 2.1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition: opacity 0s 2.1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: opacity 0s 2.1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: opacity 0s 2.1s cubic-bezier(0.250, 0.250, 0.750, 0.750); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 .thumb .thumb-obj.onTrans { -webkit-transform: translateX(0) scale(1); -moz-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); -o-transform: translateX(0) scale(1); transform: translateX(0) scale(1); -webkit-transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 .thumb-cover { width: 100%; height: 100%; position: absolute; right: 0; top: 0; } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 .thumb-cover.onTrans { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition: transform 1s 2.1s cubic-bezier(0.675, 0.005, 0.310, 1.005); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 .thumb-cover .thumb-cover-obj { width: inherit; height: inherit; background-color: #ffe7cb; -webkit-transition: transform 1.1s 0.5s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition: transform 1.1s 0.5s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition: transform 1.1s 0.5s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition: transform 1.1s 0.5s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition: transform 1.1s 0.5s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .main #section-1 .inner-cont-wrap .cont-holder .obj-box ul li.box-3 .thumb-cover .thumb-cover-obj.onTrans { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .main #section-1 .inner-cont-wrap .cont-holder .txt-box { position: absolute; top: 23.6888111888%; width: 100%; text-align: center; } .main #section-1 .inner-cont-wrap .cont-holder .txt-box strong { display: block; margin-bottom: 7.8671328671%; opacity: 0; filter: alpha(opacity=0); font-family: 'samsungonekorean600'; font-size: 4.0625vw; line-height: 1; letter-spacing: 0.4em; color: inherit; } .main #section-1 .inner-cont-wrap .cont-holder .txt-box h1 { letter-spacing: 0.45em; } .main #section-1 .inner-cont-wrap .cont-holder .txt-box.onShow strong { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.6s linear 0.8s; -moz-transition: opacity 0.6s linear 0.8s; -ms-transition: opacity 0.6s linear 0.8s; -o-transition: opacity 0.6s linear 0.8s; transition: opacity 0.6s linear 0.8s; } .main #section-1 .inner-cont-wrap .cont-holder .txt-box.onShow h1 { letter-spacing: 0.325em; -webkit-transition: letter-spacing 3s ease-out; -moz-transition: letter-spacing 3s ease-out; -ms-transition: letter-spacing 3s ease-out; -o-transition: letter-spacing 3s ease-out; transition: letter-spacing 3s ease-out; } .main #section-2 .inner-cont-wrap { height: 80.78125vw; } .main #section-2 .inner-cont-wrap .cont-holder .txt-box p { text-align: center; -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; filter: alpha(opacity=0); } .main #section-2 .inner-cont-wrap .cont-holder .txt-box.onShow 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: opacity 0.75s linear,transform 0.55s ease-out ; -moz-transition: opacity 0.75s linear,transform 0.55s ease-out ; -ms-transition: opacity 0.75s linear,transform 0.55s ease-out ; -o-transition: opacity 0.75s linear,transform 0.55s ease-out ; transition: opacity 0.75s linear,transform 0.55s ease-out ; } .main #section-3 .inner-cont-wrap { height: 423.75vw; } .main #section-3 .inner-cont-wrap .cont-holder { position: relative; padding: 33.59375% 6.25% 0; } .main #section-3 .inner-cont-wrap .cont-holder .sub-title-box { position: relative; padding-bottom: 27.34375%; text-align: center; } .main #section-3 .inner-cont-wrap .cont-holder .obj-box li { position: absolute; opacity: 0; filter: alpha(opacity=0); } .main #section-3 .inner-cont-wrap .cont-holder .obj-box .img-1 { width: 37.03125%; top: 0; left: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .main #section-3 .inner-cont-wrap .cont-holder .obj-box .img-2 { width: 34.53125%; right: 0; top: 21.40625vw; -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } .main #section-3 .inner-cont-wrap .cont-holder .obj-box.onShow li { opacity: 1; filter: alpha(opacity=100); } .main #section-3 .inner-cont-wrap .cont-holder .obj-box.onShow .img-1 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 1.25s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.45s; -moz-transition: transform 1.25s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.45s; -ms-transition: transform 1.25s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.45s; -o-transition: transform 1.25s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.45s; transition: transform 1.25s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.45s; } .main #section-3 .inner-cont-wrap .cont-holder .obj-box.onShow .img-2 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 1.25s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 1.1s; -moz-transition: transform 1.25s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 1.1s; -ms-transition: transform 1.25s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 1.1s; -o-transition: transform 1.25s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 1.1s; transition: transform 1.25s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 1.1s; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li { margin-top: 6.25%; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li:first-child { margin-top: 0; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li a { position: relative; padding-left: 6.25%; display: table; width: 100%; overflow: hidden; height: 59.375vw; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li a .align-l { display: table-cell; width: 100%; vertical-align: middle; text-align: left; color: #fff; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li a .align-l em { display: block; margin-bottom: 3.125%; font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1; letter-spacing: -0.05em; color: inherit; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li a .align-l strong { display: block; font-family: 'samsungonekorean600'; font-size: 7.5vw; line-height: 1; letter-spacing: -0.05em; color: inherit; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li a .align-l .line { display: block; margin-top: 2.1875%; width: 0; height: 0.625vw; background-color: #fff; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li a .align-r { display: inline-block; position: absolute; top: 50%; right: 7.1428571429%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 12.5vw; height: 12.5vw; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li.onShow a .align-l .line { width: 25.5238095238%; -webkit-transition: width 0.65s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: width 0.65s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: width 0.65s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: width 0.65s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: width 0.65s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li.designer-1 { background-image: url("../img/sec3_bg1.png"); background-size: cover; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li.designer-2 { background-image: url("../img/sec3_bg2.png"); background-size: cover; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li.designer-3 { background-image: url("../img/sec3_bg3.png"); background-size: cover; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li.designer-4 { background-image: url("../img/sec3_bg4.png"); background-size: cover; } .main #section-3 .inner-cont-wrap .cont-holder .designer-box li.designer-5 { background-image: url("../img/sec3_bg5.png"); background-size: cover; } .main #section-4 .inner-cont-wrap { height: 167.65625vw; background-image: url("../img/sec4_bg.jpg"); background-size: cover; } .main #section-4 .inner-cont-wrap .bg-holder .effect .effect-1 { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .main #section-4 .inner-cont-wrap .cont-holder { padding-top: 64.84375%; } .main #section-4 .inner-cont-wrap .cont-holder .txt-box p { color: #fff; text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); } .main #section-4 .inner-cont-wrap .cont-holder .txt-box.onShow p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.75s 0.4s linear,transform 0.55s ease-out 0.4s; -moz-transition: opacity 0.75s 0.4s linear,transform 0.55s ease-out 0.4s; -ms-transition: opacity 0.75s 0.4s linear,transform 0.55s ease-out 0.4s; -o-transition: opacity 0.75s 0.4s linear,transform 0.55s ease-out 0.4s; transition: opacity 0.75s 0.4s linear,transform 0.55s ease-out 0.4s; } .sub.onHide { display: none; } .sub section.onShow { display: block; } .sub section .cover-holder .bg-box { overflow: hidden; position: absolute; width: 100%; height: inherit; } .sub section .cover-holder .bg-box .bg { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); height: inherit; } .sub section .cover-holder .bg-box.onShow .bg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -ms-transition: transform 1s ease-out; -o-transition: transform 1s ease-out; transition: transform 1s ease-out; } .sub section .cover-holder .cover-txt-box { padding-top: 21.5625%; padding-left: 9.375%; position: relative; } .sub section .cover-holder .cover-txt-box h5 { margin-bottom: 4.6875%; opacity: 0; filter: alpha(opacity=0); } .sub section .cover-holder .cover-txt-box h2 { overflow: hidden; } .sub section .cover-holder .cover-txt-box h2 em { display: inline-block; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; filter: alpha(opacity=0); } .sub section .cover-holder .cover-txt-box h2:last-child { display: inline-block; white-space: nowrap; } .sub section .cover-holder .cover-txt-box h2 .line { display: block; width: 0; height: 0.78125vw; } .sub section .cover-holder .cover-txt-box .line { display: block; width: 0; height: 0.78125vw; } .sub section .cover-holder .cover-txt-box.onShow h5 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s 0.3s linear; -moz-transition: opacity 1s 0.3s linear; -ms-transition: opacity 1s 0.3s linear; -o-transition: opacity 1s 0.3s linear; transition: opacity 1s 0.3s linear; } .sub section .cover-holder .cover-txt-box.onShow h2 .line { width: 100%; -webkit-transition: width 1.05s 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; -moz-transition: width 1.05s 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; -ms-transition: width 1.05s 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; -o-transition: width 1.05s 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: width 1.05s 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.59s 0.39s, transform 0.59s 0.39s ease-out; -moz-transition: opacity 0.59s 0.39s, transform 0.59s 0.39s ease-out; -ms-transition: opacity 0.59s 0.39s, transform 0.59s 0.39s ease-out; -o-transition: opacity 0.59s 0.39s, transform 0.59s 0.39s ease-out; transition: opacity 0.59s 0.39s, transform 0.59s 0.39s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.58s 0.48s, transform 0.58s 0.48s ease-out; -moz-transition: opacity 0.58s 0.48s, transform 0.58s 0.48s ease-out; -ms-transition: opacity 0.58s 0.48s, transform 0.58s 0.48s ease-out; -o-transition: opacity 0.58s 0.48s, transform 0.58s 0.48s ease-out; transition: opacity 0.58s 0.48s, transform 0.58s 0.48s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.57s 0.57s, transform 0.57s 0.57s ease-out; -moz-transition: opacity 0.57s 0.57s, transform 0.57s 0.57s ease-out; -ms-transition: opacity 0.57s 0.57s, transform 0.57s 0.57s ease-out; -o-transition: opacity 0.57s 0.57s, transform 0.57s 0.57s ease-out; transition: opacity 0.57s 0.57s, transform 0.57s 0.57s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.56s 0.66s, transform 0.56s 0.66s ease-out; -moz-transition: opacity 0.56s 0.66s, transform 0.56s 0.66s ease-out; -ms-transition: opacity 0.56s 0.66s, transform 0.56s 0.66s ease-out; -o-transition: opacity 0.56s 0.66s, transform 0.56s 0.66s ease-out; transition: opacity 0.56s 0.66s, transform 0.56s 0.66s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.55s 0.75s, transform 0.55s 0.75s ease-out; -moz-transition: opacity 0.55s 0.75s, transform 0.55s 0.75s ease-out; -ms-transition: opacity 0.55s 0.75s, transform 0.55s 0.75s ease-out; -o-transition: opacity 0.55s 0.75s, transform 0.55s 0.75s ease-out; transition: opacity 0.55s 0.75s, transform 0.55s 0.75s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.54s 0.84s, transform 0.54s 0.84s ease-out; -moz-transition: opacity 0.54s 0.84s, transform 0.54s 0.84s ease-out; -ms-transition: opacity 0.54s 0.84s, transform 0.54s 0.84s ease-out; -o-transition: opacity 0.54s 0.84s, transform 0.54s 0.84s ease-out; transition: opacity 0.54s 0.84s, transform 0.54s 0.84s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.53s 0.93s, transform 0.53s 0.93s ease-out; -moz-transition: opacity 0.53s 0.93s, transform 0.53s 0.93s ease-out; -ms-transition: opacity 0.53s 0.93s, transform 0.53s 0.93s ease-out; -o-transition: opacity 0.53s 0.93s, transform 0.53s 0.93s ease-out; transition: opacity 0.53s 0.93s, transform 0.53s 0.93s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.52s 1.02s, transform 0.52s 1.02s ease-out; -moz-transition: opacity 0.52s 1.02s, transform 0.52s 1.02s ease-out; -ms-transition: opacity 0.52s 1.02s, transform 0.52s 1.02s ease-out; -o-transition: opacity 0.52s 1.02s, transform 0.52s 1.02s ease-out; transition: opacity 0.52s 1.02s, transform 0.52s 1.02s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.51s 1.11s, transform 0.51s 1.11s ease-out; -moz-transition: opacity 0.51s 1.11s, transform 0.51s 1.11s ease-out; -ms-transition: opacity 0.51s 1.11s, transform 0.51s 1.11s ease-out; -o-transition: opacity 0.51s 1.11s, transform 0.51s 1.11s ease-out; transition: opacity 0.51s 1.11s, transform 0.51s 1.11s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.5s 1.2s, transform 0.5s 1.2s ease-out; -moz-transition: opacity 0.5s 1.2s, transform 0.5s 1.2s ease-out; -ms-transition: opacity 0.5s 1.2s, transform 0.5s 1.2s ease-out; -o-transition: opacity 0.5s 1.2s, transform 0.5s 1.2s ease-out; transition: opacity 0.5s 1.2s, transform 0.5s 1.2s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.49s 1.29s, transform 0.49s 1.29s ease-out; -moz-transition: opacity 0.49s 1.29s, transform 0.49s 1.29s ease-out; -ms-transition: opacity 0.49s 1.29s, transform 0.49s 1.29s ease-out; -o-transition: opacity 0.49s 1.29s, transform 0.49s 1.29s ease-out; transition: opacity 0.49s 1.29s, transform 0.49s 1.29s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.48s 1.38s, transform 0.48s 1.38s ease-out; -moz-transition: opacity 0.48s 1.38s, transform 0.48s 1.38s ease-out; -ms-transition: opacity 0.48s 1.38s, transform 0.48s 1.38s ease-out; -o-transition: opacity 0.48s 1.38s, transform 0.48s 1.38s ease-out; transition: opacity 0.48s 1.38s, transform 0.48s 1.38s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.47s 1.47s, transform 0.47s 1.47s ease-out; -moz-transition: opacity 0.47s 1.47s, transform 0.47s 1.47s ease-out; -ms-transition: opacity 0.47s 1.47s, transform 0.47s 1.47s ease-out; -o-transition: opacity 0.47s 1.47s, transform 0.47s 1.47s ease-out; transition: opacity 0.47s 1.47s, transform 0.47s 1.47s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.46s 1.56s, transform 0.46s 1.56s ease-out; -moz-transition: opacity 0.46s 1.56s, transform 0.46s 1.56s ease-out; -ms-transition: opacity 0.46s 1.56s, transform 0.46s 1.56s ease-out; -o-transition: opacity 0.46s 1.56s, transform 0.46s 1.56s ease-out; transition: opacity 0.46s 1.56s, transform 0.46s 1.56s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.45s 1.65s, transform 0.45s 1.65s ease-out; -moz-transition: opacity 0.45s 1.65s, transform 0.45s 1.65s ease-out; -ms-transition: opacity 0.45s 1.65s, transform 0.45s 1.65s ease-out; -o-transition: opacity 0.45s 1.65s, transform 0.45s 1.65s ease-out; transition: opacity 0.45s 1.65s, transform 0.45s 1.65s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.44s 1.74s, transform 0.44s 1.74s ease-out; -moz-transition: opacity 0.44s 1.74s, transform 0.44s 1.74s ease-out; -ms-transition: opacity 0.44s 1.74s, transform 0.44s 1.74s ease-out; -o-transition: opacity 0.44s 1.74s, transform 0.44s 1.74s ease-out; transition: opacity 0.44s 1.74s, transform 0.44s 1.74s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.43s 1.83s, transform 0.43s 1.83s ease-out; -moz-transition: opacity 0.43s 1.83s, transform 0.43s 1.83s ease-out; -ms-transition: opacity 0.43s 1.83s, transform 0.43s 1.83s ease-out; -o-transition: opacity 0.43s 1.83s, transform 0.43s 1.83s ease-out; transition: opacity 0.43s 1.83s, transform 0.43s 1.83s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.42s 1.92s, transform 0.42s 1.92s ease-out; -moz-transition: opacity 0.42s 1.92s, transform 0.42s 1.92s ease-out; -ms-transition: opacity 0.42s 1.92s, transform 0.42s 1.92s ease-out; -o-transition: opacity 0.42s 1.92s, transform 0.42s 1.92s ease-out; transition: opacity 0.42s 1.92s, transform 0.42s 1.92s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.41s 2.01s, transform 0.41s 2.01s ease-out; -moz-transition: opacity 0.41s 2.01s, transform 0.41s 2.01s ease-out; -ms-transition: opacity 0.41s 2.01s, transform 0.41s 2.01s ease-out; -o-transition: opacity 0.41s 2.01s, transform 0.41s 2.01s ease-out; transition: opacity 0.41s 2.01s, transform 0.41s 2.01s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(2) em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.4s 2.1s, transform 0.4s 2.1s ease-out; -moz-transition: opacity 0.4s 2.1s, transform 0.4s 2.1s ease-out; -ms-transition: opacity 0.4s 2.1s, transform 0.4s 2.1s ease-out; -o-transition: opacity 0.4s 2.1s, transform 0.4s 2.1s ease-out; transition: opacity 0.4s 2.1s, transform 0.4s 2.1s ease-out; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.54s 0.99s, transform 0.54s 0.99s; -moz-transition: opacity 0.54s 0.99s, transform 0.54s 0.99s; -ms-transition: opacity 0.54s 0.99s, transform 0.54s 0.99s; -o-transition: opacity 0.54s 0.99s, transform 0.54s 0.99s; transition: opacity 0.54s 0.99s, transform 0.54s 0.99s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.53s 1.08s, transform 0.53s 1.08s; -moz-transition: opacity 0.53s 1.08s, transform 0.53s 1.08s; -ms-transition: opacity 0.53s 1.08s, transform 0.53s 1.08s; -o-transition: opacity 0.53s 1.08s, transform 0.53s 1.08s; transition: opacity 0.53s 1.08s, transform 0.53s 1.08s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.52s 1.17s, transform 0.52s 1.17s; -moz-transition: opacity 0.52s 1.17s, transform 0.52s 1.17s; -ms-transition: opacity 0.52s 1.17s, transform 0.52s 1.17s; -o-transition: opacity 0.52s 1.17s, transform 0.52s 1.17s; transition: opacity 0.52s 1.17s, transform 0.52s 1.17s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.51s 1.26s, transform 0.51s 1.26s; -moz-transition: opacity 0.51s 1.26s, transform 0.51s 1.26s; -ms-transition: opacity 0.51s 1.26s, transform 0.51s 1.26s; -o-transition: opacity 0.51s 1.26s, transform 0.51s 1.26s; transition: opacity 0.51s 1.26s, transform 0.51s 1.26s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.5s 1.35s, transform 0.5s 1.35s; -moz-transition: opacity 0.5s 1.35s, transform 0.5s 1.35s; -ms-transition: opacity 0.5s 1.35s, transform 0.5s 1.35s; -o-transition: opacity 0.5s 1.35s, transform 0.5s 1.35s; transition: opacity 0.5s 1.35s, transform 0.5s 1.35s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.49s 1.44s, transform 0.49s 1.44s; -moz-transition: opacity 0.49s 1.44s, transform 0.49s 1.44s; -ms-transition: opacity 0.49s 1.44s, transform 0.49s 1.44s; -o-transition: opacity 0.49s 1.44s, transform 0.49s 1.44s; transition: opacity 0.49s 1.44s, transform 0.49s 1.44s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.48s 1.53s, transform 0.48s 1.53s; -moz-transition: opacity 0.48s 1.53s, transform 0.48s 1.53s; -ms-transition: opacity 0.48s 1.53s, transform 0.48s 1.53s; -o-transition: opacity 0.48s 1.53s, transform 0.48s 1.53s; transition: opacity 0.48s 1.53s, transform 0.48s 1.53s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.47s 1.62s, transform 0.47s 1.62s; -moz-transition: opacity 0.47s 1.62s, transform 0.47s 1.62s; -ms-transition: opacity 0.47s 1.62s, transform 0.47s 1.62s; -o-transition: opacity 0.47s 1.62s, transform 0.47s 1.62s; transition: opacity 0.47s 1.62s, transform 0.47s 1.62s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.46s 1.71s, transform 0.46s 1.71s; -moz-transition: opacity 0.46s 1.71s, transform 0.46s 1.71s; -ms-transition: opacity 0.46s 1.71s, transform 0.46s 1.71s; -o-transition: opacity 0.46s 1.71s, transform 0.46s 1.71s; transition: opacity 0.46s 1.71s, transform 0.46s 1.71s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.45s 1.8s, transform 0.45s 1.8s; -moz-transition: opacity 0.45s 1.8s, transform 0.45s 1.8s; -ms-transition: opacity 0.45s 1.8s, transform 0.45s 1.8s; -o-transition: opacity 0.45s 1.8s, transform 0.45s 1.8s; transition: opacity 0.45s 1.8s, transform 0.45s 1.8s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.44s 1.89s, transform 0.44s 1.89s; -moz-transition: opacity 0.44s 1.89s, transform 0.44s 1.89s; -ms-transition: opacity 0.44s 1.89s, transform 0.44s 1.89s; -o-transition: opacity 0.44s 1.89s, transform 0.44s 1.89s; transition: opacity 0.44s 1.89s, transform 0.44s 1.89s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.43s 1.98s, transform 0.43s 1.98s; -moz-transition: opacity 0.43s 1.98s, transform 0.43s 1.98s; -ms-transition: opacity 0.43s 1.98s, transform 0.43s 1.98s; -o-transition: opacity 0.43s 1.98s, transform 0.43s 1.98s; transition: opacity 0.43s 1.98s, transform 0.43s 1.98s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.42s 2.07s, transform 0.42s 2.07s; -moz-transition: opacity 0.42s 2.07s, transform 0.42s 2.07s; -ms-transition: opacity 0.42s 2.07s, transform 0.42s 2.07s; -o-transition: opacity 0.42s 2.07s, transform 0.42s 2.07s; transition: opacity 0.42s 2.07s, transform 0.42s 2.07s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.41s 2.16s, transform 0.41s 2.16s; -moz-transition: opacity 0.41s 2.16s, transform 0.41s 2.16s; -ms-transition: opacity 0.41s 2.16s, transform 0.41s 2.16s; -o-transition: opacity 0.41s 2.16s, transform 0.41s 2.16s; transition: opacity 0.41s 2.16s, transform 0.41s 2.16s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.4s 2.25s, transform 0.4s 2.25s; -moz-transition: opacity 0.4s 2.25s, transform 0.4s 2.25s; -ms-transition: opacity 0.4s 2.25s, transform 0.4s 2.25s; -o-transition: opacity 0.4s 2.25s, transform 0.4s 2.25s; transition: opacity 0.4s 2.25s, transform 0.4s 2.25s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.39s 2.34s, transform 0.39s 2.34s; -moz-transition: opacity 0.39s 2.34s, transform 0.39s 2.34s; -ms-transition: opacity 0.39s 2.34s, transform 0.39s 2.34s; -o-transition: opacity 0.39s 2.34s, transform 0.39s 2.34s; transition: opacity 0.39s 2.34s, transform 0.39s 2.34s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.38s 2.43s, transform 0.38s 2.43s; -moz-transition: opacity 0.38s 2.43s, transform 0.38s 2.43s; -ms-transition: opacity 0.38s 2.43s, transform 0.38s 2.43s; -o-transition: opacity 0.38s 2.43s, transform 0.38s 2.43s; transition: opacity 0.38s 2.43s, transform 0.38s 2.43s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.37s 2.52s, transform 0.37s 2.52s; -moz-transition: opacity 0.37s 2.52s, transform 0.37s 2.52s; -ms-transition: opacity 0.37s 2.52s, transform 0.37s 2.52s; -o-transition: opacity 0.37s 2.52s, transform 0.37s 2.52s; transition: opacity 0.37s 2.52s, transform 0.37s 2.52s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.36s 2.61s, transform 0.36s 2.61s; -moz-transition: opacity 0.36s 2.61s, transform 0.36s 2.61s; -ms-transition: opacity 0.36s 2.61s, transform 0.36s 2.61s; -o-transition: opacity 0.36s 2.61s, transform 0.36s 2.61s; transition: opacity 0.36s 2.61s, transform 0.36s 2.61s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(3) em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.35s 2.7s, transform 0.35s 2.7s; -moz-transition: opacity 0.35s 2.7s, transform 0.35s 2.7s; -ms-transition: opacity 0.35s 2.7s, transform 0.35s 2.7s; -o-transition: opacity 0.35s 2.7s, transform 0.35s 2.7s; transition: opacity 0.35s 2.7s, transform 0.35s 2.7s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.49s 1.29s, transform 0.49s 1.29s; -moz-transition: opacity 0.49s 1.29s, transform 0.49s 1.29s; -ms-transition: opacity 0.49s 1.29s, transform 0.49s 1.29s; -o-transition: opacity 0.49s 1.29s, transform 0.49s 1.29s; transition: opacity 0.49s 1.29s, transform 0.49s 1.29s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.48s 1.38s, transform 0.48s 1.38s; -moz-transition: opacity 0.48s 1.38s, transform 0.48s 1.38s; -ms-transition: opacity 0.48s 1.38s, transform 0.48s 1.38s; -o-transition: opacity 0.48s 1.38s, transform 0.48s 1.38s; transition: opacity 0.48s 1.38s, transform 0.48s 1.38s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.47s 1.47s, transform 0.47s 1.47s; -moz-transition: opacity 0.47s 1.47s, transform 0.47s 1.47s; -ms-transition: opacity 0.47s 1.47s, transform 0.47s 1.47s; -o-transition: opacity 0.47s 1.47s, transform 0.47s 1.47s; transition: opacity 0.47s 1.47s, transform 0.47s 1.47s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.46s 1.56s, transform 0.46s 1.56s; -moz-transition: opacity 0.46s 1.56s, transform 0.46s 1.56s; -ms-transition: opacity 0.46s 1.56s, transform 0.46s 1.56s; -o-transition: opacity 0.46s 1.56s, transform 0.46s 1.56s; transition: opacity 0.46s 1.56s, transform 0.46s 1.56s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.45s 1.65s, transform 0.45s 1.65s; -moz-transition: opacity 0.45s 1.65s, transform 0.45s 1.65s; -ms-transition: opacity 0.45s 1.65s, transform 0.45s 1.65s; -o-transition: opacity 0.45s 1.65s, transform 0.45s 1.65s; transition: opacity 0.45s 1.65s, transform 0.45s 1.65s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.44s 1.74s, transform 0.44s 1.74s; -moz-transition: opacity 0.44s 1.74s, transform 0.44s 1.74s; -ms-transition: opacity 0.44s 1.74s, transform 0.44s 1.74s; -o-transition: opacity 0.44s 1.74s, transform 0.44s 1.74s; transition: opacity 0.44s 1.74s, transform 0.44s 1.74s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.43s 1.83s, transform 0.43s 1.83s; -moz-transition: opacity 0.43s 1.83s, transform 0.43s 1.83s; -ms-transition: opacity 0.43s 1.83s, transform 0.43s 1.83s; -o-transition: opacity 0.43s 1.83s, transform 0.43s 1.83s; transition: opacity 0.43s 1.83s, transform 0.43s 1.83s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.42s 1.92s, transform 0.42s 1.92s; -moz-transition: opacity 0.42s 1.92s, transform 0.42s 1.92s; -ms-transition: opacity 0.42s 1.92s, transform 0.42s 1.92s; -o-transition: opacity 0.42s 1.92s, transform 0.42s 1.92s; transition: opacity 0.42s 1.92s, transform 0.42s 1.92s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.41s 2.01s, transform 0.41s 2.01s; -moz-transition: opacity 0.41s 2.01s, transform 0.41s 2.01s; -ms-transition: opacity 0.41s 2.01s, transform 0.41s 2.01s; -o-transition: opacity 0.41s 2.01s, transform 0.41s 2.01s; transition: opacity 0.41s 2.01s, transform 0.41s 2.01s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.4s 2.1s, transform 0.4s 2.1s; -moz-transition: opacity 0.4s 2.1s, transform 0.4s 2.1s; -ms-transition: opacity 0.4s 2.1s, transform 0.4s 2.1s; -o-transition: opacity 0.4s 2.1s, transform 0.4s 2.1s; transition: opacity 0.4s 2.1s, transform 0.4s 2.1s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.39s 2.19s, transform 0.39s 2.19s; -moz-transition: opacity 0.39s 2.19s, transform 0.39s 2.19s; -ms-transition: opacity 0.39s 2.19s, transform 0.39s 2.19s; -o-transition: opacity 0.39s 2.19s, transform 0.39s 2.19s; transition: opacity 0.39s 2.19s, transform 0.39s 2.19s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.38s 2.28s, transform 0.38s 2.28s; -moz-transition: opacity 0.38s 2.28s, transform 0.38s 2.28s; -ms-transition: opacity 0.38s 2.28s, transform 0.38s 2.28s; -o-transition: opacity 0.38s 2.28s, transform 0.38s 2.28s; transition: opacity 0.38s 2.28s, transform 0.38s 2.28s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.37s 2.37s, transform 0.37s 2.37s; -moz-transition: opacity 0.37s 2.37s, transform 0.37s 2.37s; -ms-transition: opacity 0.37s 2.37s, transform 0.37s 2.37s; -o-transition: opacity 0.37s 2.37s, transform 0.37s 2.37s; transition: opacity 0.37s 2.37s, transform 0.37s 2.37s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.36s 2.46s, transform 0.36s 2.46s; -moz-transition: opacity 0.36s 2.46s, transform 0.36s 2.46s; -ms-transition: opacity 0.36s 2.46s, transform 0.36s 2.46s; -o-transition: opacity 0.36s 2.46s, transform 0.36s 2.46s; transition: opacity 0.36s 2.46s, transform 0.36s 2.46s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.35s 2.55s, transform 0.35s 2.55s; -moz-transition: opacity 0.35s 2.55s, transform 0.35s 2.55s; -ms-transition: opacity 0.35s 2.55s, transform 0.35s 2.55s; -o-transition: opacity 0.35s 2.55s, transform 0.35s 2.55s; transition: opacity 0.35s 2.55s, transform 0.35s 2.55s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.34s 2.64s, transform 0.34s 2.64s; -moz-transition: opacity 0.34s 2.64s, transform 0.34s 2.64s; -ms-transition: opacity 0.34s 2.64s, transform 0.34s 2.64s; -o-transition: opacity 0.34s 2.64s, transform 0.34s 2.64s; transition: opacity 0.34s 2.64s, transform 0.34s 2.64s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.33s 2.73s, transform 0.33s 2.73s; -moz-transition: opacity 0.33s 2.73s, transform 0.33s 2.73s; -ms-transition: opacity 0.33s 2.73s, transform 0.33s 2.73s; -o-transition: opacity 0.33s 2.73s, transform 0.33s 2.73s; transition: opacity 0.33s 2.73s, transform 0.33s 2.73s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.32s 2.82s, transform 0.32s 2.82s; -moz-transition: opacity 0.32s 2.82s, transform 0.32s 2.82s; -ms-transition: opacity 0.32s 2.82s, transform 0.32s 2.82s; -o-transition: opacity 0.32s 2.82s, transform 0.32s 2.82s; transition: opacity 0.32s 2.82s, transform 0.32s 2.82s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.31s 2.91s, transform 0.31s 2.91s; -moz-transition: opacity 0.31s 2.91s, transform 0.31s 2.91s; -ms-transition: opacity 0.31s 2.91s, transform 0.31s 2.91s; -o-transition: opacity 0.31s 2.91s, transform 0.31s 2.91s; transition: opacity 0.31s 2.91s, transform 0.31s 2.91s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(4) em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s 3s, transform 0.3s 3s; -moz-transition: opacity 0.3s 3s, transform 0.3s 3s; -ms-transition: opacity 0.3s 3s, transform 0.3s 3s; -o-transition: opacity 0.3s 3s, transform 0.3s 3s; transition: opacity 0.3s 3s, transform 0.3s 3s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.44s 1.59s, transform 0.44s 1.59s; -moz-transition: opacity 0.44s 1.59s, transform 0.44s 1.59s; -ms-transition: opacity 0.44s 1.59s, transform 0.44s 1.59s; -o-transition: opacity 0.44s 1.59s, transform 0.44s 1.59s; transition: opacity 0.44s 1.59s, transform 0.44s 1.59s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.43s 1.68s, transform 0.43s 1.68s; -moz-transition: opacity 0.43s 1.68s, transform 0.43s 1.68s; -ms-transition: opacity 0.43s 1.68s, transform 0.43s 1.68s; -o-transition: opacity 0.43s 1.68s, transform 0.43s 1.68s; transition: opacity 0.43s 1.68s, transform 0.43s 1.68s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.42s 1.77s, transform 0.42s 1.77s; -moz-transition: opacity 0.42s 1.77s, transform 0.42s 1.77s; -ms-transition: opacity 0.42s 1.77s, transform 0.42s 1.77s; -o-transition: opacity 0.42s 1.77s, transform 0.42s 1.77s; transition: opacity 0.42s 1.77s, transform 0.42s 1.77s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.41s 1.86s, transform 0.41s 1.86s; -moz-transition: opacity 0.41s 1.86s, transform 0.41s 1.86s; -ms-transition: opacity 0.41s 1.86s, transform 0.41s 1.86s; -o-transition: opacity 0.41s 1.86s, transform 0.41s 1.86s; transition: opacity 0.41s 1.86s, transform 0.41s 1.86s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.4s 1.95s, transform 0.4s 1.95s; -moz-transition: opacity 0.4s 1.95s, transform 0.4s 1.95s; -ms-transition: opacity 0.4s 1.95s, transform 0.4s 1.95s; -o-transition: opacity 0.4s 1.95s, transform 0.4s 1.95s; transition: opacity 0.4s 1.95s, transform 0.4s 1.95s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.39s 2.04s, transform 0.39s 2.04s; -moz-transition: opacity 0.39s 2.04s, transform 0.39s 2.04s; -ms-transition: opacity 0.39s 2.04s, transform 0.39s 2.04s; -o-transition: opacity 0.39s 2.04s, transform 0.39s 2.04s; transition: opacity 0.39s 2.04s, transform 0.39s 2.04s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.38s 2.13s, transform 0.38s 2.13s; -moz-transition: opacity 0.38s 2.13s, transform 0.38s 2.13s; -ms-transition: opacity 0.38s 2.13s, transform 0.38s 2.13s; -o-transition: opacity 0.38s 2.13s, transform 0.38s 2.13s; transition: opacity 0.38s 2.13s, transform 0.38s 2.13s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.37s 2.22s, transform 0.37s 2.22s; -moz-transition: opacity 0.37s 2.22s, transform 0.37s 2.22s; -ms-transition: opacity 0.37s 2.22s, transform 0.37s 2.22s; -o-transition: opacity 0.37s 2.22s, transform 0.37s 2.22s; transition: opacity 0.37s 2.22s, transform 0.37s 2.22s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.36s 2.31s, transform 0.36s 2.31s; -moz-transition: opacity 0.36s 2.31s, transform 0.36s 2.31s; -ms-transition: opacity 0.36s 2.31s, transform 0.36s 2.31s; -o-transition: opacity 0.36s 2.31s, transform 0.36s 2.31s; transition: opacity 0.36s 2.31s, transform 0.36s 2.31s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.35s 2.4s, transform 0.35s 2.4s; -moz-transition: opacity 0.35s 2.4s, transform 0.35s 2.4s; -ms-transition: opacity 0.35s 2.4s, transform 0.35s 2.4s; -o-transition: opacity 0.35s 2.4s, transform 0.35s 2.4s; transition: opacity 0.35s 2.4s, transform 0.35s 2.4s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.34s 2.49s, transform 0.34s 2.49s; -moz-transition: opacity 0.34s 2.49s, transform 0.34s 2.49s; -ms-transition: opacity 0.34s 2.49s, transform 0.34s 2.49s; -o-transition: opacity 0.34s 2.49s, transform 0.34s 2.49s; transition: opacity 0.34s 2.49s, transform 0.34s 2.49s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.33s 2.58s, transform 0.33s 2.58s; -moz-transition: opacity 0.33s 2.58s, transform 0.33s 2.58s; -ms-transition: opacity 0.33s 2.58s, transform 0.33s 2.58s; -o-transition: opacity 0.33s 2.58s, transform 0.33s 2.58s; transition: opacity 0.33s 2.58s, transform 0.33s 2.58s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.32s 2.67s, transform 0.32s 2.67s; -moz-transition: opacity 0.32s 2.67s, transform 0.32s 2.67s; -ms-transition: opacity 0.32s 2.67s, transform 0.32s 2.67s; -o-transition: opacity 0.32s 2.67s, transform 0.32s 2.67s; transition: opacity 0.32s 2.67s, transform 0.32s 2.67s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.31s 2.76s, transform 0.31s 2.76s; -moz-transition: opacity 0.31s 2.76s, transform 0.31s 2.76s; -ms-transition: opacity 0.31s 2.76s, transform 0.31s 2.76s; -o-transition: opacity 0.31s 2.76s, transform 0.31s 2.76s; transition: opacity 0.31s 2.76s, transform 0.31s 2.76s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s 2.85s, transform 0.3s 2.85s; -moz-transition: opacity 0.3s 2.85s, transform 0.3s 2.85s; -ms-transition: opacity 0.3s 2.85s, transform 0.3s 2.85s; -o-transition: opacity 0.3s 2.85s, transform 0.3s 2.85s; transition: opacity 0.3s 2.85s, transform 0.3s 2.85s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.29s 2.94s, transform 0.29s 2.94s; -moz-transition: opacity 0.29s 2.94s, transform 0.29s 2.94s; -ms-transition: opacity 0.29s 2.94s, transform 0.29s 2.94s; -o-transition: opacity 0.29s 2.94s, transform 0.29s 2.94s; transition: opacity 0.29s 2.94s, transform 0.29s 2.94s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.28s 3.03s, transform 0.28s 3.03s; -moz-transition: opacity 0.28s 3.03s, transform 0.28s 3.03s; -ms-transition: opacity 0.28s 3.03s, transform 0.28s 3.03s; -o-transition: opacity 0.28s 3.03s, transform 0.28s 3.03s; transition: opacity 0.28s 3.03s, transform 0.28s 3.03s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.27s 3.12s, transform 0.27s 3.12s; -moz-transition: opacity 0.27s 3.12s, transform 0.27s 3.12s; -ms-transition: opacity 0.27s 3.12s, transform 0.27s 3.12s; -o-transition: opacity 0.27s 3.12s, transform 0.27s 3.12s; transition: opacity 0.27s 3.12s, transform 0.27s 3.12s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.26s 3.21s, transform 0.26s 3.21s; -moz-transition: opacity 0.26s 3.21s, transform 0.26s 3.21s; -ms-transition: opacity 0.26s 3.21s, transform 0.26s 3.21s; -o-transition: opacity 0.26s 3.21s, transform 0.26s 3.21s; transition: opacity 0.26s 3.21s, transform 0.26s 3.21s; } .sub section .cover-holder .cover-txt-box.onShow h2:nth-child(5) em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.25s 3.3s, transform 0.25s 3.3s; -moz-transition: opacity 0.25s 3.3s, transform 0.25s 3.3s; -ms-transition: opacity 0.25s 3.3s, transform 0.25s 3.3s; -o-transition: opacity 0.25s 3.3s, transform 0.25s 3.3s; transition: opacity 0.25s 3.3s, transform 0.25s 3.3s; } .sub section .cover-holder .cover-txt-box.onShow .line { width: 25%; -webkit-transition: width 0.65s 1.9s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: width 0.65s 1.9s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: width 0.65s 1.9s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: width 0.65s 1.9s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: width 0.65s 1.9s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .sub section .cont-holder { padding-bottom: 15.625%; } .sub section .cont-holder .intro-box { padding: 36.8% 0 16.1875%; } .sub section .cont-holder .intro-box h4 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(5vw); -moz-transform: translateY(5vw); -ms-transform: translateY(5vw); -o-transform: translateY(5vw); transform: translateY(5vw); } .sub section .cont-holder .intro-box h4 img { width: 3.4375%; } .sub section .cont-holder .intro-box h4 img:first-child { margin-left: -3.4375%; } .sub section .cont-holder .intro-box h4 span em { margin-left: 3.4375%; } .sub section .cont-holder .intro-box.onShow h4 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.65s ease-out 0.3s,opacity 0.4s linear 0.3s; -moz-transition: transform 0.65s ease-out 0.3s,opacity 0.4s linear 0.3s; -ms-transition: transform 0.65s ease-out 0.3s,opacity 0.4s linear 0.3s; -o-transition: transform 0.65s ease-out 0.3s,opacity 0.4s linear 0.3s; transition: transform 0.65s ease-out 0.3s,opacity 0.4s linear 0.3s; } .sub section .cont-holder .column-box .column-qna { position: relative; padding: 0 9.375%; margin-bottom: 9.2%; } .sub section .cont-holder .column-box .column-qna .column-question { margin-bottom: 3.7%; font-family: 'samsungonekorean600'; font-size: 5.3125vw; line-height: 1.3529411765; letter-spacing: -0.05em; color: inherit; text-align: left; white-space: nowrap; } .sub section .cont-holder .column-box .column-img { margin-bottom: 9.375%; } .sub #section-5 .cover-holder { position: relative; height: 67.65625vw; } .sub #section-5 .cover-holder .bg-box .bg { background-image: url("../img/sec5_cover.jpg"); background-size: cover; background-repeat: no-repeat; } .sub #section-5 .cover-holder .cover-txt-box { color: #00e626; } .sub #section-5 .cover-holder .cover-txt-box .line { background-color: #00e626; } .sub #section-5 .cont-holder .column-box .column-img.img-1, .sub #section-5 .cont-holder .column-box .column-img.img-2, .sub #section-5 .cont-holder .column-box .column-img.img-4 { width: 81.25%; margin: 0 auto 9.375%; } .sub #section-5 .cont-holder .column-box .column-img.img-3 { width: 81.25%; margin: 0 auto 7.3%; } .sub #section-5 .cont-holder .column-box .column-deco { position: absolute; margin-top: -9.5%; right: 2.5%; width: 24.21875%; } .sub #section-6 .cover-holder { position: relative; height: 67.65625vw; } .sub #section-6 .cover-holder .bg-box .bg { background-image: url("../img/sec6_cover.jpg"); background-size: cover; background-repeat: no-repeat; } .sub #section-6 .cover-holder .cover-txt-box { color: #ff8e00; } .sub #section-6 .cover-holder .cover-txt-box .line { background-color: #ff8e00; } .sub #section-6 .cont-holder .column-box .column-img { width: 81.25%; margin: 0 auto 9.375%; } .sub #section-7 .cover-holder { position: relative; height: 67.65625vw; } .sub #section-7 .cover-holder .bg-box .bg { background-image: url("../img/sec7_cover.jpg"); background-size: cover; background-repeat: no-repeat; } .sub #section-7 .cover-holder .cover-txt-box { color: #f9dd00; } .sub #section-7 .cover-holder .cover-txt-box .line { background-color: #f9dd00; } .sub #section-7 .cont-holder .column-box .column-img { width: 81.25%; margin: 0 auto 9.375%; } .sub #section-7 .cont-holder .column-box .column-deco { position: absolute; width: 15.78125%; right: 12.2%; margin-top: -2.34%; opacity: 0; filter: alpha(opacity=0); } .sub #section-7 .cont-holder .column-box .column-deco.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } .sub #section-8 .cover-holder { position: relative; height: 67.65625vw; } .sub #section-8 .cover-holder .bg-box .bg { background-image: url("../img/sec8_cover.jpg"); background-size: cover; background-repeat: no-repeat; } .sub #section-8 .cover-holder .cover-txt-box { color: #61e4e0; } .sub #section-8 .cover-holder .cover-txt-box .line { background-color: #61e4e0; } .sub #section-8 .cont-holder .column-box .column-img { width: 81.25%; margin: 0 auto 9.375%; } .sub #section-8 .cont-holder .column-box .column-img.img-1 { width: 86.5625%; } .sub #section-8 .cont-holder .column-box .column-deco { position: absolute; width: 15.78125%; right: 12.2%; margin-top: -2.34%; } .sub #section-9 .cover-holder { position: relative; height: 67.65625vw; } .sub #section-9 .cover-holder .bg-box .bg { background-image: url("../img/sec9_cover.jpg"); background-size: cover; background-repeat: no-repeat; } .sub #section-9 .cover-holder .cover-txt-box { color: #ff5bab; } .sub #section-9 .cover-holder .cover-txt-box .line { background-color: #ff5bab; } .sub #section-9 .cont-holder .column-box .column-img { width: 81.25%; margin: 0 auto 9.375%; } .sub #section-9 .cont-holder .column-box .column-img.img-2 { width: 89.375%; margin-left: 9.375%; margin-top: -8.5%; } .sub #section-9 .cont-holder .column-box .column-img.img-3 { width: 84.53125%; margin-left: 6.25%; } .sub #section-9 .cont-holder .column-box .column-deco { position: absolute; width: 15.78125%; right: 12.2%; margin-top: -2.34%; } /*# sourceMappingURL=page.css.map */