/* rotate */
/* transform-origin */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
/*@include keyframes(scroll-loop) { 0% { @include  transform(translateY(0)); } 50% { @include  transform(translateY(0));  } 100% { @include  transform(translateY(0));  }
}*/
/* line */
body { overflow-x: auto; background: #fff; }

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

#content { position: relative; min-width: 1280px; margin: 0 auto; overflow: hidden; }

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

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

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

#content h1 { font-family: 'samsungonelatin300'; font-size: 92px; letter-spacing: -0.015em; line-height: 1; font-weight: 100; color: #fff; }
#content h2 { font-family: 'samsungonekorean400'; font-size: 64px; letter-spacing: -0.04em; line-height: 76px; font-weight: 100; }
#content h3 { font-family: 'samsungonekorean400'; font-size: 22px; letter-spacing: -0.075em; line-height: 1; font-weight: 100; }
#content h4 { font-family: 'samsungonekorean400'; font-size: 24px; letter-spacing: -0.045em; line-height: 38px; font-weight: 100; }
#content h5 { font-family: 'samsungonekorean400'; font-size: 22px; letter-spacing: -0.035em; line-height: 38px; font-weight: 100; }
#content p { font-family: 'samsungonekorean400'; font-size: 18px; letter-spacing: -0.03em; line-height: 1; font-weight: 100; }
#content #section-4 span { font-family: 'samsungonekorean400'; font-size: 14px; letter-spacing: -0.03em; line-height: 0px; font-weight: 100; color: #fff; white-space: nowrap; }

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

/*common*/
html, body { height: 100%; }

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

#container { opacity: 0; filter: alpha(opacity=0); }
#container.onShow { opacity: 1; filter: alpha(opacity=100); }

.pos-reset, #section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div h2.onTrans, #section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div h4.onTrans, #section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div > span.onTrans, #section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div h2.onTrans, #section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div h4.onTrans, #section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div > span.onTrans, #section-4 .inner-cont-wrap .title-holder h2.onTrans, #section-4 .inner-cont-wrap .title-holder p.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-1 .txt-box h3.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-1 .txt-box p.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-2 .txt-box h3.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-2 .txt-box p.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-3 .txt-box h3.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-3 .txt-box p.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-3 .obj-box .img-box.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-4 .txt-box h3.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-4 .txt-box p.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-5 .txt-box h3.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-5 .txt-box p.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-5 .obj-box.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-6 .txt-box h3.onTrans, #section-4 .inner-cont-wrap .content-1 .content-list-6 .txt-box p.onTrans, #section-5 .inner-cont-wrap .txt-holder.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }

/*part section*/
#section-1 { width: 100%; height: 2000px; background-color: #535353; overflow: hidden; }
#section-1 .inner-cont-wrap { width: 100%; height: inherit; position: fixed; min-width: 1280px; }
#section-1 .inner-cont-wrap .obj-holder { height: inherit; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 { position: relative; top: 0; width: 100%; height: inherit; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .bg-box { background: url("../img/sec1_con1_bg.jpg") no-repeat center center; position: absolute; top: 0; width: 100%; height: inherit; background-size: cover; image-rendering: auto; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .bg-box.onShow { -webkit-transition: opacity 0.6s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.6s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: opacity 0.6s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: opacity 0.6s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: opacity 0.6s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .bg-box.onHide { -webkit-transition: opacity 0.2s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.2s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: opacity 0.2s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: opacity 0.2s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: opacity 0.2s cubic-bezier(0,0,1,1); transition-delay: 0s; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .dim-box { background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; image-rendering: auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .dim-box.onShow { opacity: 0.75; filter: alpha(opacity=75); }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box { position: absolute; display: inline-block; left: 50%; top: 50%; margin-top: -150px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box h1 { text-align: left; line-height: 110px; padding-bottom: 30px; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box h1 span { display: inline-block; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box h1 span.onTrans { opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box h1 span.title-0 { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box h1 span.title-0.onTrans { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.7s ease-out,0.6s opacity linear; -moz-transition: -moz-transform 0.7s ease-out,0.6s opacity linear; -ms-transition: -ms-transform 0.7s ease-out,0.6s opacity linear; -o-transition: -o-transform 0.7s ease-out,0.6s opacity linear; transition: transform 0.7s ease-out,0.6s opacity linear; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box h1 span.title-1 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box h1 span.title-1.onTrans { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.7s ease-out,0.6s opacity linear; -moz-transition: -moz-transform 0.7s ease-out,0.6s opacity linear; -ms-transition: -ms-transform 0.7s ease-out,0.6s opacity linear; -o-transition: -o-transform 0.7s ease-out,0.6s opacity linear; transition: transform 0.7s ease-out,0.6s opacity linear; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box p { text-align: left; font-family: samsungonelatin300; font-size: 30px; letter-spacing: -0.005em; text-indent: 8px; opacity: 0; filter: alpha(opacity=0); color: #fff; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0.5s; -moz-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0.5s; -ms-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0.5s; -o-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0.5s; transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0.5s; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .txt-box.onTrans { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1); -ms-transition-delay: 0s; -o-transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1); -o-transition-delay: 0s; transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1); transition-delay: 0s; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .img-box { position: absolute; left: 50%; height: 100%; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-1 .img-box img { position: absolute; bottom: 0; height: auto; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-2 { position: absolute; top: 0; width: 100%; height: inherit; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-2 .txt-box { position: absolute; display: inline-block; left: 50%; top: 50%; margin-top: -130px; margin-left: 10px; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-2 .txt-box .txt { color: #fff; text-align: left; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-2 .txt-box.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.6s cubic-bezier(0.5, 0, 1, 0.5); -webkit-transition-delay: 0.35s; -moz-transition: opacity 0.6s cubic-bezier(0.5, 0, 1, 0.5); -moz-transition-delay: 0.35s; -ms-transition: opacity 0.6s cubic-bezier(0.5, 0, 1, 0.5); -ms-transition-delay: 0.35s; -o-transition: opacity 0.6s cubic-bezier(0.5, 0, 1, 0.5); -o-transition-delay: 0.35s; transition: opacity 0.6s cubic-bezier(0.5, 0, 1, 0.5); transition-delay: 0.35s; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-2 .txt-box.onHide { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1); -ms-transition-delay: 0s; -o-transition: opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1); -o-transition-delay: 0s; transition: opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1); transition-delay: 0s; }
#section-1 .inner-cont-wrap .obj-holder .sec1-content-2.onShow { opacity: 1; filter: alpha(opacity=100); }
#section-1 .btn-scroll { position: fixed; bottom: 0; width: 100%; min-width: 1280px; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }
#section-1 .btn-scroll a { position: absolute; left: 64%; bottom: 0; }
#section-1 .btn-scroll.onShow { opacity: 1; filter: alpha(opacity=100); }
#section-1 .btn-scroll.onHide { opacity: 0; filter: alpha(opacity=0); }

#section-2 { width: 100%; height: 1000px; overflow: hidden; }
#section-2 .inner-cont-wrap { width: 100%; height: inherit; min-width: 1280px; }
#section-2 .inner-cont-wrap .bg-holder img { position: absolute; }
#section-2 .inner-cont-wrap .obj-holder { position: absolute; top: 50%; left: 50%; margin-left: -310px; margin-top: -244px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.8, 0.8) rotate(90deg); -moz-transform: scale(0.8, 0.8) rotate(90deg); -ms-transform: scale(0.8, 0.8) rotate(90deg); -o-transform: scale(0.8, 0.8) rotate(90deg); transform: scale(0.8, 0.8) rotate(90deg); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-1 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-2 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-3 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-4 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-5 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-6 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-7 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-8 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-9 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-10 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-11 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-12 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-13 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-14 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-15 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-16 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-17 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-18 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-19 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-20 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-21 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-22 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-23 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-24 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-25 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-26 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-27 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-28 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-29 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder svg g .path-30 { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder.onTrans { -webkit-transition: -webkit-transform 1.7s ease-out; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.7s ease-out; -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.7s ease-out; -ms-transition-delay: 0s; -o-transition: -o-transform 1.7s ease-out; -o-transition-delay: 0s; transition: transform 1.7s ease-out; transition-delay: 0s; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-1 { -webkit-transition: -webkit-transform 0.35s 0.03759s ease-out,opacity 0.35s 0.03759s; -moz-transition: -moz-transform 0.35s 0.03759s ease-out,opacity 0.35s 0.03759s; -ms-transition: -ms-transform 0.35s 0.03759s ease-out,opacity 0.35s 0.03759s; -o-transition: -o-transform 0.35s 0.03759s ease-out,opacity 0.35s 0.03759s; transition: transform 0.35s 0.03759s ease-out,opacity 0.35s 0.03759s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-2 { -webkit-transition: -webkit-transform 0.35s 0.0775s ease-out,opacity 0.35s 0.0775s; -moz-transition: -moz-transform 0.35s 0.0775s ease-out,opacity 0.35s 0.0775s; -ms-transition: -ms-transform 0.35s 0.0775s ease-out,opacity 0.35s 0.0775s; -o-transition: -o-transform 0.35s 0.0775s ease-out,opacity 0.35s 0.0775s; transition: transform 0.35s 0.0775s ease-out,opacity 0.35s 0.0775s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-3 { -webkit-transition: -webkit-transform 0.35s 0.11741s ease-out,opacity 0.35s 0.11741s; -moz-transition: -moz-transform 0.35s 0.11741s ease-out,opacity 0.35s 0.11741s; -ms-transition: -ms-transform 0.35s 0.11741s ease-out,opacity 0.35s 0.11741s; -o-transition: -o-transform 0.35s 0.11741s ease-out,opacity 0.35s 0.11741s; transition: transform 0.35s 0.11741s ease-out,opacity 0.35s 0.11741s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-4 { -webkit-transition: -webkit-transform 0.35s 0.15731s ease-out,opacity 0.35s 0.15731s; -moz-transition: -moz-transform 0.35s 0.15731s ease-out,opacity 0.35s 0.15731s; -ms-transition: -ms-transform 0.35s 0.15731s ease-out,opacity 0.35s 0.15731s; -o-transition: -o-transform 0.35s 0.15731s ease-out,opacity 0.35s 0.15731s; transition: transform 0.35s 0.15731s ease-out,opacity 0.35s 0.15731s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-5 { -webkit-transition: -webkit-transform 0.35s 0.1972s ease-out,opacity 0.35s 0.1972s; -moz-transition: -moz-transform 0.35s 0.1972s ease-out,opacity 0.35s 0.1972s; -ms-transition: -ms-transform 0.35s 0.1972s ease-out,opacity 0.35s 0.1972s; -o-transition: -o-transform 0.35s 0.1972s ease-out,opacity 0.35s 0.1972s; transition: transform 0.35s 0.1972s ease-out,opacity 0.35s 0.1972s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-6 { -webkit-transition: -webkit-transform 0.35s 0.23708s ease-out,opacity 0.35s 0.23708s; -moz-transition: -moz-transform 0.35s 0.23708s ease-out,opacity 0.35s 0.23708s; -ms-transition: -ms-transform 0.35s 0.23708s ease-out,opacity 0.35s 0.23708s; -o-transition: -o-transform 0.35s 0.23708s ease-out,opacity 0.35s 0.23708s; transition: transform 0.35s 0.23708s ease-out,opacity 0.35s 0.23708s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-7 { -webkit-transition: -webkit-transform 0.35s 0.27696s ease-out,opacity 0.35s 0.27696s; -moz-transition: -moz-transform 0.35s 0.27696s ease-out,opacity 0.35s 0.27696s; -ms-transition: -ms-transform 0.35s 0.27696s ease-out,opacity 0.35s 0.27696s; -o-transition: -o-transform 0.35s 0.27696s ease-out,opacity 0.35s 0.27696s; transition: transform 0.35s 0.27696s ease-out,opacity 0.35s 0.27696s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-8 { -webkit-transition: -webkit-transform 0.35s 0.31682s ease-out,opacity 0.35s 0.31682s; -moz-transition: -moz-transform 0.35s 0.31682s ease-out,opacity 0.35s 0.31682s; -ms-transition: -ms-transform 0.35s 0.31682s ease-out,opacity 0.35s 0.31682s; -o-transition: -o-transform 0.35s 0.31682s ease-out,opacity 0.35s 0.31682s; transition: transform 0.35s 0.31682s ease-out,opacity 0.35s 0.31682s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-9 { -webkit-transition: -webkit-transform 0.35s 0.35667s ease-out,opacity 0.35s 0.35667s; -moz-transition: -moz-transform 0.35s 0.35667s ease-out,opacity 0.35s 0.35667s; -ms-transition: -ms-transform 0.35s 0.35667s ease-out,opacity 0.35s 0.35667s; -o-transition: -o-transform 0.35s 0.35667s ease-out,opacity 0.35s 0.35667s; transition: transform 0.35s 0.35667s ease-out,opacity 0.35s 0.35667s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-10 { -webkit-transition: -webkit-transform 0.35s 0.3965s ease-out,opacity 0.35s 0.3965s; -moz-transition: -moz-transform 0.35s 0.3965s ease-out,opacity 0.35s 0.3965s; -ms-transition: -ms-transform 0.35s 0.3965s ease-out,opacity 0.35s 0.3965s; -o-transition: -o-transform 0.35s 0.3965s ease-out,opacity 0.35s 0.3965s; transition: transform 0.35s 0.3965s ease-out,opacity 0.35s 0.3965s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-11 { -webkit-transition: -webkit-transform 0.35s 0.43632s ease-out,opacity 0.35s 0.43632s; -moz-transition: -moz-transform 0.35s 0.43632s ease-out,opacity 0.35s 0.43632s; -ms-transition: -ms-transform 0.35s 0.43632s ease-out,opacity 0.35s 0.43632s; -o-transition: -o-transform 0.35s 0.43632s ease-out,opacity 0.35s 0.43632s; transition: transform 0.35s 0.43632s ease-out,opacity 0.35s 0.43632s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-12 { -webkit-transition: -webkit-transform 0.35s 0.47611s ease-out,opacity 0.35s 0.47611s; -moz-transition: -moz-transform 0.35s 0.47611s ease-out,opacity 0.35s 0.47611s; -ms-transition: -ms-transform 0.35s 0.47611s ease-out,opacity 0.35s 0.47611s; -o-transition: -o-transform 0.35s 0.47611s ease-out,opacity 0.35s 0.47611s; transition: transform 0.35s 0.47611s ease-out,opacity 0.35s 0.47611s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-13 { -webkit-transition: -webkit-transform 0.35s 0.51588s ease-out,opacity 0.35s 0.51588s; -moz-transition: -moz-transform 0.35s 0.51588s ease-out,opacity 0.35s 0.51588s; -ms-transition: -ms-transform 0.35s 0.51588s ease-out,opacity 0.35s 0.51588s; -o-transition: -o-transform 0.35s 0.51588s ease-out,opacity 0.35s 0.51588s; transition: transform 0.35s 0.51588s ease-out,opacity 0.35s 0.51588s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-14 { -webkit-transition: -webkit-transform 0.35s 0.55563s ease-out,opacity 0.35s 0.55563s; -moz-transition: -moz-transform 0.35s 0.55563s ease-out,opacity 0.35s 0.55563s; -ms-transition: -ms-transform 0.35s 0.55563s ease-out,opacity 0.35s 0.55563s; -o-transition: -o-transform 0.35s 0.55563s ease-out,opacity 0.35s 0.55563s; transition: transform 0.35s 0.55563s ease-out,opacity 0.35s 0.55563s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-15 { -webkit-transition: -webkit-transform 0.35s 0.59533s ease-out,opacity 0.35s 0.59533s; -moz-transition: -moz-transform 0.35s 0.59533s ease-out,opacity 0.35s 0.59533s; -ms-transition: -ms-transform 0.35s 0.59533s ease-out,opacity 0.35s 0.59533s; -o-transition: -o-transform 0.35s 0.59533s ease-out,opacity 0.35s 0.59533s; transition: transform 0.35s 0.59533s ease-out,opacity 0.35s 0.59533s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-16 { -webkit-transition: -webkit-transform 0.35s 0.635s ease-out,opacity 0.35s 0.635s; -moz-transition: -moz-transform 0.35s 0.635s ease-out,opacity 0.35s 0.635s; -ms-transition: -ms-transform 0.35s 0.635s ease-out,opacity 0.35s 0.635s; -o-transition: -o-transform 0.35s 0.635s ease-out,opacity 0.35s 0.635s; transition: transform 0.35s 0.635s ease-out,opacity 0.35s 0.635s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-17 { -webkit-transition: -webkit-transform 0.35s 0.67462s ease-out,opacity 0.35s 0.67462s; -moz-transition: -moz-transform 0.35s 0.67462s ease-out,opacity 0.35s 0.67462s; -ms-transition: -ms-transform 0.35s 0.67462s ease-out,opacity 0.35s 0.67462s; -o-transition: -o-transform 0.35s 0.67462s ease-out,opacity 0.35s 0.67462s; transition: transform 0.35s 0.67462s ease-out,opacity 0.35s 0.67462s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-18 { -webkit-transition: -webkit-transform 0.35s 0.71417s ease-out,opacity 0.35s 0.71417s; -moz-transition: -moz-transform 0.35s 0.71417s ease-out,opacity 0.35s 0.71417s; -ms-transition: -ms-transform 0.35s 0.71417s ease-out,opacity 0.35s 0.71417s; -o-transition: -o-transform 0.35s 0.71417s ease-out,opacity 0.35s 0.71417s; transition: transform 0.35s 0.71417s ease-out,opacity 0.35s 0.71417s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-19 { -webkit-transition: -webkit-transform 0.35s 0.75364s ease-out,opacity 0.35s 0.75364s; -moz-transition: -moz-transform 0.35s 0.75364s ease-out,opacity 0.35s 0.75364s; -ms-transition: -ms-transform 0.35s 0.75364s ease-out,opacity 0.35s 0.75364s; -o-transition: -o-transform 0.35s 0.75364s ease-out,opacity 0.35s 0.75364s; transition: transform 0.35s 0.75364s ease-out,opacity 0.35s 0.75364s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-20 { -webkit-transition: -webkit-transform 0.35s 0.793s ease-out,opacity 0.35s 0.793s; -moz-transition: -moz-transform 0.35s 0.793s ease-out,opacity 0.35s 0.793s; -ms-transition: -ms-transform 0.35s 0.793s ease-out,opacity 0.35s 0.793s; -o-transition: -o-transform 0.35s 0.793s ease-out,opacity 0.35s 0.793s; transition: transform 0.35s 0.793s ease-out,opacity 0.35s 0.793s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-21 { -webkit-transition: -webkit-transform 0.35s 0.83222s ease-out,opacity 0.35s 0.83222s; -moz-transition: -moz-transform 0.35s 0.83222s ease-out,opacity 0.35s 0.83222s; -ms-transition: -ms-transform 0.35s 0.83222s ease-out,opacity 0.35s 0.83222s; -o-transition: -o-transform 0.35s 0.83222s ease-out,opacity 0.35s 0.83222s; transition: transform 0.35s 0.83222s ease-out,opacity 0.35s 0.83222s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-22 { -webkit-transition: -webkit-transform 0.35s 0.87125s ease-out,opacity 0.35s 0.87125s; -moz-transition: -moz-transform 0.35s 0.87125s ease-out,opacity 0.35s 0.87125s; -ms-transition: -ms-transform 0.35s 0.87125s ease-out,opacity 0.35s 0.87125s; -o-transition: -o-transform 0.35s 0.87125s ease-out,opacity 0.35s 0.87125s; transition: transform 0.35s 0.87125s ease-out,opacity 0.35s 0.87125s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-23 { -webkit-transition: -webkit-transform 0.35s 0.91s ease-out,opacity 0.35s 0.91s; -moz-transition: -moz-transform 0.35s 0.91s ease-out,opacity 0.35s 0.91s; -ms-transition: -ms-transform 0.35s 0.91s ease-out,opacity 0.35s 0.91s; -o-transition: -o-transform 0.35s 0.91s ease-out,opacity 0.35s 0.91s; transition: transform 0.35s 0.91s ease-out,opacity 0.35s 0.91s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-24 { -webkit-transition: -webkit-transform 0.35s 0.94833s ease-out,opacity 0.35s 0.94833s; -moz-transition: -moz-transform 0.35s 0.94833s ease-out,opacity 0.35s 0.94833s; -ms-transition: -ms-transform 0.35s 0.94833s ease-out,opacity 0.35s 0.94833s; -o-transition: -o-transform 0.35s 0.94833s ease-out,opacity 0.35s 0.94833s; transition: transform 0.35s 0.94833s ease-out,opacity 0.35s 0.94833s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-25 { -webkit-transition: -webkit-transform 0.35s 0.986s ease-out,opacity 0.35s 0.986s; -moz-transition: -moz-transform 0.35s 0.986s ease-out,opacity 0.35s 0.986s; -ms-transition: -ms-transform 0.35s 0.986s ease-out,opacity 0.35s 0.986s; -o-transition: -o-transform 0.35s 0.986s ease-out,opacity 0.35s 0.986s; transition: transform 0.35s 0.986s ease-out,opacity 0.35s 0.986s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-26 { -webkit-transition: -webkit-transform 0.35s 1.0225s ease-out,opacity 0.35s 1.0225s; -moz-transition: -moz-transform 0.35s 1.0225s ease-out,opacity 0.35s 1.0225s; -ms-transition: -ms-transform 0.35s 1.0225s ease-out,opacity 0.35s 1.0225s; -o-transition: -o-transform 0.35s 1.0225s ease-out,opacity 0.35s 1.0225s; transition: transform 0.35s 1.0225s ease-out,opacity 0.35s 1.0225s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-27 { -webkit-transition: -webkit-transform 0.35s 1.05667s ease-out,opacity 0.35s 1.05667s; -moz-transition: -moz-transform 0.35s 1.05667s ease-out,opacity 0.35s 1.05667s; -ms-transition: -ms-transform 0.35s 1.05667s ease-out,opacity 0.35s 1.05667s; -o-transition: -o-transform 0.35s 1.05667s ease-out,opacity 0.35s 1.05667s; transition: transform 0.35s 1.05667s ease-out,opacity 0.35s 1.05667s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-28 { -webkit-transition: -webkit-transform 0.35s 1.085s ease-out,opacity 0.35s 1.085s; -moz-transition: -moz-transform 0.35s 1.085s ease-out,opacity 0.35s 1.085s; -ms-transition: -ms-transform 0.35s 1.085s ease-out,opacity 0.35s 1.085s; -o-transition: -o-transform 0.35s 1.085s ease-out,opacity 0.35s 1.085s; transition: transform 0.35s 1.085s ease-out,opacity 0.35s 1.085s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-29 { -webkit-transition: -webkit-transform 0.35s 1.09s ease-out,opacity 0.35s 1.09s; -moz-transition: -moz-transform 0.35s 1.09s ease-out,opacity 0.35s 1.09s; -ms-transition: -ms-transform 0.35s 1.09s ease-out,opacity 0.35s 1.09s; -o-transition: -o-transform 0.35s 1.09s ease-out,opacity 0.35s 1.09s; transition: transform 0.35s 1.09s ease-out,opacity 0.35s 1.09s; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g .path-30 { -webkit-transition: -webkit-transform 0.35s -Infinitys ease-out,opacity 0.35s -Infinitys; -moz-transition: -moz-transform 0.35s -Infinitys ease-out,opacity 0.35s -Infinitys; -ms-transition: -ms-transform 0.35s -Infinitys ease-out,opacity 0.35s -Infinitys; -o-transition: -o-transform 0.35s -Infinitys ease-out,opacity 0.35s -Infinitys; transition: transform 0.35s -Infinitys ease-out,opacity 0.35s -Infinitys; }
#section-2 .inner-cont-wrap .obj-holder.onTrans svg g path { -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); }
#section-2 .inner-cont-wrap .txt-holder { position: absolute; left: 50%; top: 50%; width: 1280px; height: inherit; margin-top: -382px; margin-left: -640px; }
#section-2 .inner-cont-wrap .txt-holder h2 { width: 100%; top: 0; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); }
#section-2 .inner-cont-wrap .txt-holder h2.onTrans { 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: -webkit-transform 0.55s ease-out,0.7s opacity linear; -moz-transition: -moz-transform 0.55s ease-out,0.7s opacity linear; -ms-transition: -ms-transform 0.55s ease-out,0.7s opacity linear; -o-transition: -o-transform 0.55s ease-out,0.7s opacity linear; transition: transform 0.55s ease-out,0.7s opacity linear; }
#section-2 .inner-cont-wrap .txt-holder p { width: 100%; line-height: 36px; color: #fff; margin-top: 138px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); }
#section-2 .inner-cont-wrap .txt-holder p.onTrans { 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: -webkit-transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; -moz-transition: -moz-transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; -ms-transition: -ms-transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; -o-transition: -o-transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; transition: transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; }

#section-3 { width: 100%; height: 3912px; }
#section-3 .inner-cont-wrap { width: 100%; min-width: 1280px; height: inherit; top: 0; left: 0; }
#section-3 .inner-cont-wrap .bg-holder { background-color: #1d1d1d; height: inherit; }
#section-3 .inner-cont-wrap .title-holder { position: absolute; left: 0; top: 0; width: 100%; height: inherit; }
#section-3 .inner-cont-wrap .title-holder h2 { color: #fff; padding-top: 130px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); }
#section-3 .inner-cont-wrap .title-holder h2.onTrans { 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: -webkit-transform 0.55s ease-out,0.55s opacity linear; -moz-transition: -moz-transform 0.55s ease-out,0.55s opacity linear; -ms-transition: -ms-transform 0.55s ease-out,0.55s opacity linear; -o-transition: -o-transform 0.55s ease-out,0.55s opacity linear; transition: transform 0.55s ease-out,0.55s opacity linear; }
#section-3 .inner-cont-wrap .obj-holder { position: absolute; width: 1280px; height: 100%; left: 50%; top: 0; margin-left: -640px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 { position: absolute; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box div { position: absolute; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box div .open { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box div .open.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.7s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.7s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: opacity 0.7s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: opacity 0.7s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: opacity 0.7s cubic-bezier(0,0,1,1); transition-delay: 0s; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box .light { left: -200px; top: 300px; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box .thumb-0 { left: 122px; top: 490px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box .thumb-1 { left: -556px; top: 684px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box .thumb-2 { left: -288px; top: 1044px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box .thumb-2.open { display: none; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box .thumb-3 { left: 695px; top: 1394px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box .thumb-4 { left: 732px; top: 306px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .img-box .thumb-5 { left: 1354px; top: 1178px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div { position: absolute; left: 782px; top: 1058px; width: 340px; color: #fff; text-align: left; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div h2 { font-family: samsungonekorean200; line-height: 1; padding-bottom: 42px; letter-spacing: 0em; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div h2.onTrans { -webkit-transition: -webkit-transform 0.6s ease-out,0.4s opacity linear; -moz-transition: -moz-transform 0.6s ease-out,0.4s opacity linear; -ms-transition: -ms-transform 0.6s ease-out,0.4s opacity linear; -o-transition: -o-transform 0.6s ease-out,0.4s opacity linear; transition: transform 0.6s ease-out,0.4s opacity linear; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div h4 { padding-bottom: 22px; margin-left: -10px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div h4 em { display: inline-block; float: left; height: 69px; margin-right: 8px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div h4 span { font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; font-weight: inherit; text-align: left; margin-left: -4px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div h4.onTrans { -webkit-transition: -webkit-transform 0.5s ease-out,0.3s opacity linear; -moz-transition: -moz-transform 0.5s ease-out,0.3s opacity linear; -ms-transition: -ms-transform 0.5s ease-out,0.3s opacity linear; -o-transition: -o-transform 0.5s ease-out,0.3s opacity linear; transition: transform 0.5s ease-out,0.3s opacity linear; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div > span { font-family: samsungonekorean400; font-size: 14px; line-height: 1; letter-spacing: -0.075em; margin-top: -2px; display: block; margin-left: 84px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box div > span.onTrans { -webkit-transition: -webkit-transform 0.5s 0.5s ease-out,0.7s 0.5s opacity linear; -moz-transition: -moz-transform 0.5s 0.5s ease-out,0.7s 0.5s opacity linear; -ms-transition: -ms-transform 0.5s 0.5s ease-out,0.7s 0.5s opacity linear; -o-transition: -o-transform 0.5s 0.5s ease-out,0.7s 0.5s opacity linear; transition: transform 0.5s 0.5s ease-out,0.7s 0.5s opacity linear; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box .des { position: absolute; left: 85px; top: 1726px; width: 580px; font-family: samsungonekorean400; font-size: 18px; line-height: 36px; color: #fff; text-align: left; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-0 .txt-box .des.onShow { -webkit-transition: -webkit-transform 1s ease-out, opacity 0.5s; -moz-transition: -moz-transform 1s ease-out, opacity 0.5s; -ms-transition: -ms-transform 1s ease-out, opacity 0.5s; -o-transition: -o-transform 1s ease-out, opacity 0.5s; transition: transform 1s ease-out, opacity 0.5s; 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); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 { position: absolute; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div { position: absolute; left: 86px; top: 2388px; width: 580px; color: #fff; text-align: left; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div h2 { font-family: samsungonekorean200; line-height: 1; padding-bottom: 40px; letter-spacing: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div h2.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.4s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.4s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.4s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.4s opacity linear; transition: transform 0.8s ease-out,0.4s opacity linear; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div h4 { padding-bottom: 10px; letter-spacing: -0.04em; margin-left: -10px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div h4 em { display: inline-block; float: left; height: 69px; margin-right: 4px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div h4 span { display: inline; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; font-weight: inherit; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div h4.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.3s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.3s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.3s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.3s opacity linear; transition: transform 0.8s ease-out,0.3s opacity linear; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div > span { font-family: samsungonekorean400; font-size: 14px; line-height: 1; letter-spacing: -0.02em; text-align: left; width: 100%; display: inline-block; margin-left: 176px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box div > span.onTrans { -webkit-transition: -webkit-transform 0.8s 0.5s ease-out,0.7s 0.5s opacity linear; -moz-transition: -moz-transform 0.8s 0.5s ease-out,0.7s 0.5s opacity linear; -ms-transition: -ms-transform 0.8s 0.5s ease-out,0.7s 0.5s opacity linear; -o-transition: -o-transform 0.8s 0.5s ease-out,0.7s 0.5s opacity linear; transition: transform 0.8s 0.5s ease-out,0.7s 0.5s opacity linear; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box .des { position: absolute; left: 650px; top: 3348px; width: 570px; font-family: samsungonekorean400; font-size: 18px; line-height: 36px; color: #fff; text-align: left; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .txt-box .des.onShow { -webkit-transition: -webkit-transform 1s ease-out, opacity 0.5s; -moz-transition: -moz-transform 1s ease-out, opacity 0.5s; -ms-transition: -ms-transform 1s ease-out, opacity 0.5s; -o-transition: -o-transform 1s ease-out, opacity 0.5s; transition: transform 1s ease-out, opacity 0.5s; 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); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .img-box { position: absolute; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .img-box div .on { position: absolute; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .img-box div .off { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .img-box .thumb-0 { position: absolute; top: 2790px; left: 75px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .img-box .thumb-0.onShow .on { -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .img-box .thumb-1 { position: absolute; top: 2704px; left: 196px; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .img-box .thumb-1.onShow .on { -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0.1s; -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0.1s; -ms-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0.1s; -o-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0.1s; transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0.1s; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0.15s; -moz-transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0.15s; -ms-transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0.15s; -o-transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0.15s; transition: opacity 0.9s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0.15s; }
#section-3 .inner-cont-wrap .obj-holder .obj-list-1 .img-box .sh { position: absolute; left: -204px; top: 2492px; /* &.onShow{ .on{ @include opacity(1); @include css-transition-linear(opacity,1.1,0.1); } }*/ }

#section-4 { width: 100%; height: 7350px; }
#section-4 .inner-cont-wrap { width: 100%; height: inherit; background-color: #111; }
#section-4 .inner-cont-wrap .title-holder { position: absolute; top: 118px; left: 0; right: 0; }
#section-4 .inner-cont-wrap .title-holder h2 { font-family: samsungonekorean400; color: #fff; font-size: 64px; line-height: 76px; letter-spacing: -0.075em; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); }
#section-4 .inner-cont-wrap .title-holder h2.onTrans { -webkit-transition: -webkit-transform 0.55s 0.2s ease-out,0.55s 0.2s opacity linear; -moz-transition: -moz-transform 0.55s 0.2s ease-out,0.55s 0.2s opacity linear; -ms-transition: -ms-transform 0.55s 0.2s ease-out,0.55s 0.2s opacity linear; -o-transition: -o-transform 0.55s 0.2s ease-out,0.55s 0.2s opacity linear; transition: transform 0.55s 0.2s ease-out,0.55s 0.2s opacity linear; }
#section-4 .inner-cont-wrap .title-holder p { margin-top: 40px; font-family: samsungonekorean400; color: #fff; font-size: 18px; line-height: 36px; letter-spacing: -0.075em; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); }
#section-4 .inner-cont-wrap .title-holder p.onTrans { -webkit-transition: -webkit-transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; -moz-transition: -moz-transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; -ms-transition: -ms-transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; -o-transition: -o-transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; transition: transform 0.55s 0.4s ease-out,0.55s 0.4s opacity linear; }
#section-4 .inner-cont-wrap .content-holder { position: absolute; left: 0; right: 0; top: 413px; }
#section-4 .inner-cont-wrap .content-holder .content-wrapper { width: 1280px; margin: 0 auto; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 { position: relative; height: 1287px; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .txt-box { position: absolute; top: 490px; left: 50%; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .txt-box h3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .txt-box h3.onTrans { -webkit-transition: -webkit-transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; -moz-transition: -moz-transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; -ms-transition: -ms-transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; -o-transition: -o-transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; transition: transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .txt-box p.onTrans { -webkit-transition: -webkit-transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; -moz-transition: -moz-transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; -ms-transition: -ms-transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; -o-transition: -o-transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; transition: transform 1s 1.5s ease-out,0.7s 1.5s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(50px, 0); -moz-transform: translate(50px, 0); -ms-transform: translate(50px, 0); -o-transform: translate(50px, 0); transform: translate(50px, 0); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1 .img-box { position: absolute; right: 50%; top: 300px; margin-right: 46px; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1 .svg-box { position: absolute; right: 50%; top: 246px; margin-right: -7px; border-radius: 50%; width: 270px; height: 270px; /*@include transform(rotate(-90deg));*/ }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1 .svg-box .small-circle { position: absolute; left: 50%; top: 50%; margin-left: -97px; margin-top: -97px; width: 194px; height: 194px; background: url(../img/sec4_circle01.png); -webkit-transform: rotate(-360deg) scale(0.5, 0.5); -moz-transform: rotate(-360deg) scale(0.5, 0.5); -ms-transform: rotate(-360deg) scale(0.5, 0.5); -o-transform: rotate(-360deg) scale(0.5, 0.5); transform: rotate(-360deg) scale(0.5, 0.5); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1 .svg-box .big-circle { position: absolute; left: 50%; top: 50%; margin-left: -135px; margin-top: -135px; width: 270px; height: 270px; background: url(../img/sec4_circle02.png); -webkit-transform: rotate(360deg) scale(0.5, 0.5); -moz-transform: rotate(360deg) scale(0.5, 0.5); -ms-transform: rotate(360deg) scale(0.5, 0.5); -o-transform: rotate(360deg) scale(0.5, 0.5); transform: rotate(360deg) scale(0.5, 0.5); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1 .svg-box.onTrans { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 1s ease-in-out,1s opacity linear; -moz-transition: -moz-transform 1s ease-in-out,1s opacity linear; -ms-transition: -ms-transform 1s ease-in-out,1s opacity linear; -o-transition: -o-transform 1s ease-in-out,1s opacity linear; transition: transform 1s ease-in-out,1s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1.onTrans { -webkit-transition: -webkit-transform 1s ease-out,1s opacity linear; -moz-transition: -moz-transform 1s ease-out,1s opacity linear; -ms-transition: -ms-transform 1s ease-out,1s opacity linear; -o-transition: -o-transform 1s ease-out,1s opacity linear; transition: transform 1s ease-out,1s opacity linear; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1.onTrans .svg-box .small-circle { -webkit-transform: rotate(0deg) scale(1, 1); -moz-transform: rotate(0deg) scale(1, 1); -ms-transform: rotate(0deg) scale(1, 1); -o-transform: rotate(0deg) scale(1, 1); transform: rotate(0deg) scale(1, 1); -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; transition: transform 2s ease-out; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-1.onTrans .svg-box .big-circle { -webkit-transform: rotate(0deg) scale(1, 1); -moz-transform: rotate(0deg) scale(1, 1); -ms-transform: rotate(0deg) scale(1, 1); -o-transform: rotate(0deg) scale(1, 1); transform: rotate(0deg) scale(1, 1); -webkit-transition: -webkit-transform 2s 0.5s ease-out; -moz-transition: -moz-transform 2s 0.5s ease-out; -ms-transition: -ms-transform 2s 0.5s ease-out; -o-transition: -o-transform 2s 0.5s ease-out; transition: transform 2s 0.5s ease-out; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .img-box { position: absolute; right: 50%; top: 482px; margin-right: 145px; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box { position: absolute; overflow: hidden; top: -112px; left: -530px; width: 890px; height: 941px; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box .line-mask .mask-1 { overflow: hidden; position: absolute; top: -91px; right: 569px; width: 600px; height: 600px; -webkit-transform: rotate(42deg); -moz-transform: rotate(42deg); -ms-transform: rotate(42deg); -o-transform: rotate(42deg); transform: rotate(42deg); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box .line-mask .mask-1 .line-1 { position: absolute; right: -15px; top: -118px; -webkit-transform: rotate(-42deg); -moz-transform: rotate(-42deg); -ms-transform: rotate(-42deg); -o-transform: rotate(-42deg); transform: rotate(-42deg); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box .line-mask .mask-1 .black-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; background-color: #111; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box .line-mask .mask-2 { overflow: hidden; position: absolute; top: 219px; right: 399px; width: 300px; height: 600px; -webkit-transform: rotate(43deg); -moz-transform: rotate(43deg); -ms-transform: rotate(43deg); -o-transform: rotate(43deg); transform: rotate(43deg); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box .line-mask .mask-2 .line-2 { position: absolute; left: -92px; top: 110px; -webkit-transform: rotate(-43deg); -moz-transform: rotate(-43deg); -ms-transform: rotate(-43deg); -o-transform: rotate(-43deg); transform: rotate(-43deg); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box .line-mask .mask-2 .black-box { position: absolute; width: 100%; height: 100%; left: 0; top: -60px; background-color: #111; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box .line-mask .mask-3 { overflow: hidden; position: absolute; top: 312px; right: -22px; width: 530px; height: 400px; -webkit-transform: rotate(16deg); -moz-transform: rotate(16deg); -ms-transform: rotate(16deg); -o-transform: rotate(16deg); transform: rotate(16deg); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box .line-mask .mask-3 .line-3 { position: absolute; left: -28px; top: -14px; -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); transform: rotate(-16deg); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2 .svg-box .line-mask .mask-3 .black-box { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background-color: #111; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2.onTrans { -webkit-transition: -webkit-transform 1s ease-out,0.5s opacity linear; -moz-transition: -moz-transform 1s ease-out,0.5s opacity linear; -ms-transition: -ms-transform 1s ease-out,0.5s opacity linear; -o-transition: -o-transform 1s ease-out,0.5s opacity linear; transition: transform 1s ease-out,0.5s opacity linear; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2.onTrans .svg-box .mask-1 .black-box { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0.4s; -moz-transition: -moz-transform 0.8s cubic-bezier(0,0,1,1); -moz-transition-delay: 0.4s; -ms-transition: -ms-transform 0.8s cubic-bezier(0,0,1,1); -ms-transition-delay: 0.4s; -o-transition: -o-transform 0.8s cubic-bezier(0,0,1,1); -o-transition-delay: 0.4s; transition: transform 0.8s cubic-bezier(0,0,1,1); transition-delay: 0.4s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2.onTrans .svg-box .mask-2 .black-box { -webkit-transition: -webkit-transform 0.15s cubic-bezier(0,0,1,1); -webkit-transition-delay: 1.2s; -moz-transition: -moz-transform 0.15s cubic-bezier(0,0,1,1); -moz-transition-delay: 1.2s; -ms-transition: -ms-transform 0.15s cubic-bezier(0,0,1,1); -ms-transition-delay: 1.2s; -o-transition: -o-transform 0.15s cubic-bezier(0,0,1,1); -o-transition-delay: 1.2s; transition: transform 0.15s cubic-bezier(0,0,1,1); transition-delay: 1.2s; -webkit-transform: translateX(172px) rotate(-27deg); -moz-transform: translateX(172px) rotate(-27deg); -ms-transform: translateX(172px) rotate(-27deg); -o-transform: translateX(172px) rotate(-27deg); transform: translateX(172px) rotate(-27deg); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-2.onTrans .svg-box .mask-3 .black-box { -webkit-transition: -webkit-transform 0.7s cubic-bezier(0,0,1,1); -webkit-transition-delay: 1.35s; -moz-transition: -moz-transform 0.7s cubic-bezier(0,0,1,1); -moz-transition-delay: 1.35s; -ms-transition: -ms-transform 0.7s cubic-bezier(0,0,1,1); -ms-transition-delay: 1.35s; -o-transition: -o-transform 0.7s cubic-bezier(0,0,1,1); -o-transition-delay: 1.35s; transition: transform 0.7s cubic-bezier(0,0,1,1); transition-delay: 1.35s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3 { position: absolute; left: 50%; top: 735px; margin-left: 365px; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3 .svg-box { position: absolute; left: -74px; top: 16px; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3 .svg-box g > path { fill: #0075C9; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3 .svg-box svg g path { fill: #0075C9; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -ms-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3 .img-box { position: absolute; top: 0; left: 0; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans { -webkit-transition: opacity 1s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0.3s; -moz-transition: opacity 1s cubic-bezier(0,0,1,1); -moz-transition-delay: 0.3s; -ms-transition: opacity 1s cubic-bezier(0,0,1,1); -ms-transition-delay: 0.3s; -o-transition: opacity 1s cubic-bezier(0,0,1,1); -o-transition-delay: 0.3s; transition: opacity 1s cubic-bezier(0,0,1,1); transition-delay: 0.3s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-1 { -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); -webkit-transition: -webkit-transform 0.4s 1.05655s ease-out,opacity 0.4s 1.05655s; -moz-transition: -moz-transform 0.4s 1.05655s ease-out,opacity 0.4s 1.05655s; -ms-transition: -ms-transform 0.4s 1.05655s ease-out,opacity 0.4s 1.05655s; -o-transition: -o-transform 0.4s 1.05655s ease-out,opacity 0.4s 1.05655s; transition: transform 0.4s 1.05655s ease-out,opacity 0.4s 1.05655s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-2 { -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); -webkit-transition: -webkit-transform 0.4s 1.11643s ease-out,opacity 0.4s 1.11643s; -moz-transition: -moz-transform 0.4s 1.11643s ease-out,opacity 0.4s 1.11643s; -ms-transition: -ms-transform 0.4s 1.11643s ease-out,opacity 0.4s 1.11643s; -o-transition: -o-transform 0.4s 1.11643s ease-out,opacity 0.4s 1.11643s; transition: transform 0.4s 1.11643s ease-out,opacity 0.4s 1.11643s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-3 { -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); -webkit-transition: -webkit-transform 0.4s 1.1763s ease-out,opacity 0.4s 1.1763s; -moz-transition: -moz-transform 0.4s 1.1763s ease-out,opacity 0.4s 1.1763s; -ms-transition: -ms-transform 0.4s 1.1763s ease-out,opacity 0.4s 1.1763s; -o-transition: -o-transform 0.4s 1.1763s ease-out,opacity 0.4s 1.1763s; transition: transform 0.4s 1.1763s ease-out,opacity 0.4s 1.1763s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-4 { -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); -webkit-transition: -webkit-transform 0.4s 1.23615s ease-out,opacity 0.4s 1.23615s; -moz-transition: -moz-transform 0.4s 1.23615s ease-out,opacity 0.4s 1.23615s; -ms-transition: -ms-transform 0.4s 1.23615s ease-out,opacity 0.4s 1.23615s; -o-transition: -o-transform 0.4s 1.23615s ease-out,opacity 0.4s 1.23615s; transition: transform 0.4s 1.23615s ease-out,opacity 0.4s 1.23615s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-5 { -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); -webkit-transition: -webkit-transform 0.4s 1.296s ease-out,opacity 0.4s 1.296s; -moz-transition: -moz-transform 0.4s 1.296s ease-out,opacity 0.4s 1.296s; -ms-transition: -ms-transform 0.4s 1.296s ease-out,opacity 0.4s 1.296s; -o-transition: -o-transform 0.4s 1.296s ease-out,opacity 0.4s 1.296s; transition: transform 0.4s 1.296s ease-out,opacity 0.4s 1.296s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-6 { -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); -webkit-transition: -webkit-transform 0.4s 1.35583s ease-out,opacity 0.4s 1.35583s; -moz-transition: -moz-transform 0.4s 1.35583s ease-out,opacity 0.4s 1.35583s; -ms-transition: -ms-transform 0.4s 1.35583s ease-out,opacity 0.4s 1.35583s; -o-transition: -o-transform 0.4s 1.35583s ease-out,opacity 0.4s 1.35583s; transition: transform 0.4s 1.35583s ease-out,opacity 0.4s 1.35583s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-7 { -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); -webkit-transition: -webkit-transform 0.4s 1.41565s ease-out,opacity 0.4s 1.41565s; -moz-transition: -moz-transform 0.4s 1.41565s ease-out,opacity 0.4s 1.41565s; -ms-transition: -ms-transform 0.4s 1.41565s ease-out,opacity 0.4s 1.41565s; -o-transition: -o-transform 0.4s 1.41565s ease-out,opacity 0.4s 1.41565s; transition: transform 0.4s 1.41565s ease-out,opacity 0.4s 1.41565s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-8 { -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); -webkit-transition: -webkit-transform 0.4s 1.47545s ease-out,opacity 0.4s 1.47545s; -moz-transition: -moz-transform 0.4s 1.47545s ease-out,opacity 0.4s 1.47545s; -ms-transition: -ms-transform 0.4s 1.47545s ease-out,opacity 0.4s 1.47545s; -o-transition: -o-transform 0.4s 1.47545s ease-out,opacity 0.4s 1.47545s; transition: transform 0.4s 1.47545s ease-out,opacity 0.4s 1.47545s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-9 { -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); -webkit-transition: -webkit-transform 0.4s 1.53524s ease-out,opacity 0.4s 1.53524s; -moz-transition: -moz-transform 0.4s 1.53524s ease-out,opacity 0.4s 1.53524s; -ms-transition: -ms-transform 0.4s 1.53524s ease-out,opacity 0.4s 1.53524s; -o-transition: -o-transform 0.4s 1.53524s ease-out,opacity 0.4s 1.53524s; transition: transform 0.4s 1.53524s ease-out,opacity 0.4s 1.53524s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-10 { -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); -webkit-transition: -webkit-transform 0.4s 1.595s ease-out,opacity 0.4s 1.595s; -moz-transition: -moz-transform 0.4s 1.595s ease-out,opacity 0.4s 1.595s; -ms-transition: -ms-transform 0.4s 1.595s ease-out,opacity 0.4s 1.595s; -o-transition: -o-transform 0.4s 1.595s ease-out,opacity 0.4s 1.595s; transition: transform 0.4s 1.595s ease-out,opacity 0.4s 1.595s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-11 { -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); -webkit-transition: -webkit-transform 0.4s 1.65474s ease-out,opacity 0.4s 1.65474s; -moz-transition: -moz-transform 0.4s 1.65474s ease-out,opacity 0.4s 1.65474s; -ms-transition: -ms-transform 0.4s 1.65474s ease-out,opacity 0.4s 1.65474s; -o-transition: -o-transform 0.4s 1.65474s ease-out,opacity 0.4s 1.65474s; transition: transform 0.4s 1.65474s ease-out,opacity 0.4s 1.65474s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-12 { -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); -webkit-transition: -webkit-transform 0.4s 1.71444s ease-out,opacity 0.4s 1.71444s; -moz-transition: -moz-transform 0.4s 1.71444s ease-out,opacity 0.4s 1.71444s; -ms-transition: -ms-transform 0.4s 1.71444s ease-out,opacity 0.4s 1.71444s; -o-transition: -o-transform 0.4s 1.71444s ease-out,opacity 0.4s 1.71444s; transition: transform 0.4s 1.71444s ease-out,opacity 0.4s 1.71444s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-13 { -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); -webkit-transition: -webkit-transform 0.4s 1.77412s ease-out,opacity 0.4s 1.77412s; -moz-transition: -moz-transform 0.4s 1.77412s ease-out,opacity 0.4s 1.77412s; -ms-transition: -ms-transform 0.4s 1.77412s ease-out,opacity 0.4s 1.77412s; -o-transition: -o-transform 0.4s 1.77412s ease-out,opacity 0.4s 1.77412s; transition: transform 0.4s 1.77412s ease-out,opacity 0.4s 1.77412s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-14 { -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); -webkit-transition: -webkit-transform 0.4s 1.83375s ease-out,opacity 0.4s 1.83375s; -moz-transition: -moz-transform 0.4s 1.83375s ease-out,opacity 0.4s 1.83375s; -ms-transition: -ms-transform 0.4s 1.83375s ease-out,opacity 0.4s 1.83375s; -o-transition: -o-transform 0.4s 1.83375s ease-out,opacity 0.4s 1.83375s; transition: transform 0.4s 1.83375s ease-out,opacity 0.4s 1.83375s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-15 { -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); -webkit-transition: -webkit-transform 0.4s 1.89333s ease-out,opacity 0.4s 1.89333s; -moz-transition: -moz-transform 0.4s 1.89333s ease-out,opacity 0.4s 1.89333s; -ms-transition: -ms-transform 0.4s 1.89333s ease-out,opacity 0.4s 1.89333s; -o-transition: -o-transform 0.4s 1.89333s ease-out,opacity 0.4s 1.89333s; transition: transform 0.4s 1.89333s ease-out,opacity 0.4s 1.89333s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-16 { -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); -webkit-transition: -webkit-transform 0.4s 1.95286s ease-out,opacity 0.4s 1.95286s; -moz-transition: -moz-transform 0.4s 1.95286s ease-out,opacity 0.4s 1.95286s; -ms-transition: -ms-transform 0.4s 1.95286s ease-out,opacity 0.4s 1.95286s; -o-transition: -o-transform 0.4s 1.95286s ease-out,opacity 0.4s 1.95286s; transition: transform 0.4s 1.95286s ease-out,opacity 0.4s 1.95286s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-17 { -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); -webkit-transition: -webkit-transform 0.4s 2.01231s ease-out,opacity 0.4s 2.01231s; -moz-transition: -moz-transform 0.4s 2.01231s ease-out,opacity 0.4s 2.01231s; -ms-transition: -ms-transform 0.4s 2.01231s ease-out,opacity 0.4s 2.01231s; -o-transition: -o-transform 0.4s 2.01231s ease-out,opacity 0.4s 2.01231s; transition: transform 0.4s 2.01231s ease-out,opacity 0.4s 2.01231s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-18 { -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); -webkit-transition: -webkit-transform 0.4s 2.07167s ease-out,opacity 0.4s 2.07167s; -moz-transition: -moz-transform 0.4s 2.07167s ease-out,opacity 0.4s 2.07167s; -ms-transition: -ms-transform 0.4s 2.07167s ease-out,opacity 0.4s 2.07167s; -o-transition: -o-transform 0.4s 2.07167s ease-out,opacity 0.4s 2.07167s; transition: transform 0.4s 2.07167s ease-out,opacity 0.4s 2.07167s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-19 { -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); -webkit-transition: -webkit-transform 0.4s 2.13091s ease-out,opacity 0.4s 2.13091s; -moz-transition: -moz-transform 0.4s 2.13091s ease-out,opacity 0.4s 2.13091s; -ms-transition: -ms-transform 0.4s 2.13091s ease-out,opacity 0.4s 2.13091s; -o-transition: -o-transform 0.4s 2.13091s ease-out,opacity 0.4s 2.13091s; transition: transform 0.4s 2.13091s ease-out,opacity 0.4s 2.13091s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-20 { -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); -webkit-transition: -webkit-transform 0.4s 2.19s ease-out,opacity 0.4s 2.19s; -moz-transition: -moz-transform 0.4s 2.19s ease-out,opacity 0.4s 2.19s; -ms-transition: -ms-transform 0.4s 2.19s ease-out,opacity 0.4s 2.19s; -o-transition: -o-transform 0.4s 2.19s ease-out,opacity 0.4s 2.19s; transition: transform 0.4s 2.19s ease-out,opacity 0.4s 2.19s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-21 { -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); -webkit-transition: -webkit-transform 0.4s 2.24889s ease-out,opacity 0.4s 2.24889s; -moz-transition: -moz-transform 0.4s 2.24889s ease-out,opacity 0.4s 2.24889s; -ms-transition: -ms-transform 0.4s 2.24889s ease-out,opacity 0.4s 2.24889s; -o-transition: -o-transform 0.4s 2.24889s ease-out,opacity 0.4s 2.24889s; transition: transform 0.4s 2.24889s ease-out,opacity 0.4s 2.24889s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-22 { -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); -webkit-transition: -webkit-transform 0.4s 2.3075s ease-out,opacity 0.4s 2.3075s; -moz-transition: -moz-transform 0.4s 2.3075s ease-out,opacity 0.4s 2.3075s; -ms-transition: -ms-transform 0.4s 2.3075s ease-out,opacity 0.4s 2.3075s; -o-transition: -o-transform 0.4s 2.3075s ease-out,opacity 0.4s 2.3075s; transition: transform 0.4s 2.3075s ease-out,opacity 0.4s 2.3075s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-23 { -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); -webkit-transition: -webkit-transform 0.4s 2.36571s ease-out,opacity 0.4s 2.36571s; -moz-transition: -moz-transform 0.4s 2.36571s ease-out,opacity 0.4s 2.36571s; -ms-transition: -ms-transform 0.4s 2.36571s ease-out,opacity 0.4s 2.36571s; -o-transition: -o-transform 0.4s 2.36571s ease-out,opacity 0.4s 2.36571s; transition: transform 0.4s 2.36571s ease-out,opacity 0.4s 2.36571s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-24 { -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); -webkit-transition: -webkit-transform 0.4s 2.42333s ease-out,opacity 0.4s 2.42333s; -moz-transition: -moz-transform 0.4s 2.42333s ease-out,opacity 0.4s 2.42333s; -ms-transition: -ms-transform 0.4s 2.42333s ease-out,opacity 0.4s 2.42333s; -o-transition: -o-transform 0.4s 2.42333s ease-out,opacity 0.4s 2.42333s; transition: transform 0.4s 2.42333s ease-out,opacity 0.4s 2.42333s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-25 { -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); -webkit-transition: -webkit-transform 0.4s 2.48s ease-out,opacity 0.4s 2.48s; -moz-transition: -moz-transform 0.4s 2.48s ease-out,opacity 0.4s 2.48s; -ms-transition: -ms-transform 0.4s 2.48s ease-out,opacity 0.4s 2.48s; -o-transition: -o-transform 0.4s 2.48s ease-out,opacity 0.4s 2.48s; transition: transform 0.4s 2.48s ease-out,opacity 0.4s 2.48s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-26 { -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); -webkit-transition: -webkit-transform 0.4s 2.535s ease-out,opacity 0.4s 2.535s; -moz-transition: -moz-transform 0.4s 2.535s ease-out,opacity 0.4s 2.535s; -ms-transition: -ms-transform 0.4s 2.535s ease-out,opacity 0.4s 2.535s; -o-transition: -o-transform 0.4s 2.535s ease-out,opacity 0.4s 2.535s; transition: transform 0.4s 2.535s ease-out,opacity 0.4s 2.535s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-27 { -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); -webkit-transition: -webkit-transform 0.4s 2.58667s ease-out,opacity 0.4s 2.58667s; -moz-transition: -moz-transform 0.4s 2.58667s ease-out,opacity 0.4s 2.58667s; -ms-transition: -ms-transform 0.4s 2.58667s ease-out,opacity 0.4s 2.58667s; -o-transition: -o-transform 0.4s 2.58667s ease-out,opacity 0.4s 2.58667s; transition: transform 0.4s 2.58667s ease-out,opacity 0.4s 2.58667s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-28 { -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); -webkit-transition: -webkit-transform 0.4s 2.63s ease-out,opacity 0.4s 2.63s; -moz-transition: -moz-transform 0.4s 2.63s ease-out,opacity 0.4s 2.63s; -ms-transition: -ms-transform 0.4s 2.63s ease-out,opacity 0.4s 2.63s; -o-transition: -o-transform 0.4s 2.63s ease-out,opacity 0.4s 2.63s; transition: transform 0.4s 2.63s ease-out,opacity 0.4s 2.63s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-29 { -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); -webkit-transition: -webkit-transform 0.4s 2.64s ease-out,opacity 0.4s 2.64s; -moz-transition: -moz-transform 0.4s 2.64s ease-out,opacity 0.4s 2.64s; -ms-transition: -ms-transform 0.4s 2.64s ease-out,opacity 0.4s 2.64s; -o-transition: -o-transform 0.4s 2.64s ease-out,opacity 0.4s 2.64s; transition: transform 0.4s 2.64s ease-out,opacity 0.4s 2.64s; }
#section-4 .inner-cont-wrap .content-1 .content-list-1 .obj-box-3.onTrans .svg-box svg g .path-30 { -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); -webkit-transition: -webkit-transform 0.4s -Infinitys ease-out,opacity 0.4s -Infinitys; -moz-transition: -moz-transform 0.4s -Infinitys ease-out,opacity 0.4s -Infinitys; -ms-transition: -ms-transform 0.4s -Infinitys ease-out,opacity 0.4s -Infinitys; -o-transition: -o-transform 0.4s -Infinitys ease-out,opacity 0.4s -Infinitys; transition: transform 0.4s -Infinitys ease-out,opacity 0.4s -Infinitys; }
#section-4 .inner-cont-wrap .content-1 .content-list-2 { position: relative; height: 1167px; }
#section-4 .inner-cont-wrap .content-1 .content-list-2 .light { position: absolute; opacity: 0; filter: alpha(opacity=0); bottom: 0; left: 80px; }
#section-4 .inner-cont-wrap .content-1 .content-list-2 .light.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.1s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0.1s; -moz-transition: opacity 1.1s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0.1s; -ms-transition: opacity 1.1s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0.1s; -o-transition: opacity 1.1s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0.1s; transition: opacity 1.1s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0.1s; }
#section-4 .inner-cont-wrap .content-1 .content-list-2 .txt-box { position: absolute; top: 350px; left: 80px; }
#section-4 .inner-cont-wrap .content-1 .content-list-2 .txt-box h3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-2 .txt-box h3.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.8s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.8s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.8s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.8s opacity linear; transition: transform 0.8s ease-out,0.8s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-2 .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-2 .txt-box p.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.8s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.8s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.8s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.8s opacity linear; transition: transform 0.8s ease-out,0.8s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-2 .slide-holder { position: absolute; top: 160px; right: -94px; width: 900px; height: 760px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li { position: absolute; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li li .line-box .line-1 { position: absolute; width: 0; height: 1px; overflow: hidden; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li li .line-box .line-1 .line { width: 100%; border-top: 1px solid #fff; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.3s; -moz-transition: -moz-transform 0.3s ease-in, opacity 0.3s; -ms-transition: -ms-transform 0.3s ease-in, opacity 0.3s; -o-transition: -o-transform 0.3s ease-in, opacity 0.3s; transition: transform 0.3s ease-in, opacity 0.3s; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li li .line-box .line-2 { position: absolute; width: 0; height: 1px; opacity: 0.5; filter: alpha(opacity=50); overflow: hidden; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li li .line-box .line-2 .line { width: 100%; border-top: 1px solid #fff; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: -webkit-transform 0.3s ease-out; -webkit-transition-delay: 0.3s; -moz-transition: -moz-transform 0.3s ease-out; -moz-transition-delay: 0.3s; -ms-transition: -ms-transform 0.3s ease-out; -ms-transition-delay: 0.3s; -o-transition: -o-transform 0.3s ease-out; -o-transition-delay: 0.3s; transition: transform 0.3s ease-out; transition-delay: 0.3s; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li li .info-txt { position: absolute; text-align: left; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li li .info-txt .msk { position: absolute; width: 110%; height: 100%; background-color: #111; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform 0.4s ease-out; -webkit-transition-delay: 0.55s; -moz-transition: -moz-transform 0.4s ease-out; -moz-transition-delay: 0.55s; -ms-transition: -ms-transform 0.4s ease-out; -ms-transition-delay: 0.55s; -o-transition: -o-transform 0.4s ease-out; -o-transition-delay: 0.55s; transition: transform 0.4s ease-out; transition-delay: 0.55s; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li li.left .line-box .line-1 .line { -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li li.left .line-box .line-2 .line { -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-1 { top: 507px; right: 633px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-1 .line-1 { top: 0; right: 0; width: 100px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-1 .line-2 { top: 70px; right: 70px; width: 57px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-1 .info-txt { top: 70px; right: 135px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-2 { top: 157px; left: 678px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-2 .line-1 { width: 29px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-2 .line-2 { top: -20px; left: 20px; width: 67px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-2 .info-txt { top: -20px; left: 94px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-3 { top: 319px; left: 613px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-3 .line-1 { width: 120px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-3 .line-2 { top: -84px; left: 84px; width: 68px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-1 .info-3 .info-txt { top: -84px; left: 158px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-2 .info-1 { top: 353px; left: 473px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-2 .info-1 .line-1 { width: 158px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-2 .info-1 .line-2 { top: -111px; left: 111px; width: 68px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-2 .info-1 .info-txt { top: -111px; left: 186px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-3 .info-1 { top: 209px; left: 476px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-3 .info-1 .line-1 { width: 38px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-3 .info-1 .line-2 { top: -26px; left: 26px; width: 263px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-3 .info-1 .info-txt { top: -26px; left: 296px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-3 .info-2 { top: 492px; left: 673px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-3 .info-2 .line-1 { width: 30px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-3 .info-2 .line-2 { top: -20px; left: 20px; width: 71px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-3 .info-2 .info-txt { top: -20px; left: 98px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-4 .info-1 { top: 295px; left: 473px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-4 .info-1 .line-1 { width: 158px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-4 .info-1 .line-2 { top: -111px; left: 111px; width: 68px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.slide-list-4 .info-1 .info-txt { top: -111px; left: 186px; }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.onShow li .line-1 .line { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; filter: alpha(opacity=100); }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.onShow li .line-2 .line { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.onShow li .msk { -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.onShow li.left .line-1 .line { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; filter: alpha(opacity=100); }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.onShow li.left .line-2 .line { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
#section-4 .inner-cont-wrap .content-1 .prd-info-slide li.onShow li.left .msk { -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); }
#section-4 .inner-cont-wrap .content-1 .content-list-3 { position: relative; height: 1502px; }
#section-4 .inner-cont-wrap .content-1 .content-list-3 .txt-box { position: absolute; left: 50%; top: 0; margin-left: 140px; }
#section-4 .inner-cont-wrap .content-1 .content-list-3 .txt-box h3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-3 .txt-box h3.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.55s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.55s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.55s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.55s opacity linear; transition: transform 0.8s ease-out,0.55s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-3 .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-3 .txt-box p.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.55s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.55s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.55s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.55s opacity linear; transition: transform 0.8s ease-out,0.55s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-3 .obj-box { position: absolute; right: 50%; top: 108px; margin-right: -420px; }
#section-4 .inner-cont-wrap .content-1 .content-list-3 .obj-box .img-box { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); }
#section-4 .inner-cont-wrap .content-1 .content-list-3 .obj-box .img-box.onTrans { -webkit-transition: -webkit-transform 1.2s ease-out,1.2s opacity linear; -moz-transition: -moz-transform 1.2s ease-out,1.2s opacity linear; -ms-transition: -ms-transform 1.2s ease-out,1.2s opacity linear; -o-transition: -o-transform 1.2s ease-out,1.2s opacity linear; transition: transform 1.2s ease-out,1.2s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 { position: relative; height: 1215px; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .txt-box { position: absolute; left: 80px; top: 540px; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .txt-box h3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .txt-box h3.onTrans { -webkit-transition: -webkit-transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; -moz-transition: -moz-transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; -ms-transition: -ms-transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; -o-transition: -o-transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; transition: transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .txt-box p.onTrans { -webkit-transition: -webkit-transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; -moz-transition: -moz-transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; -ms-transition: -ms-transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; -o-transition: -o-transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; transition: transform 0.8s 0.3s ease-out,0.55s 0.3s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list { position: absolute; width: 973px; height: 973px; top: 0; right: 80px; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-0 .pattern-box { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-1 .pattern-box { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.3s; -moz-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.3s; -ms-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.3s; -o-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.3s; transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.3s; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-2 .pattern-box { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.6s; -moz-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.6s; -ms-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.6s; -o-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.6s; transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.6s; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-3 .pattern-box { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.9s; -moz-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.9s; -ms-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.9s; -o-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.9s; transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.9s; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-4 .pattern-box { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.2s; -moz-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.2s; -ms-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.2s; -o-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.2s; transition: opacity 0.8s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.2s; }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list.onShow .pattern-box { opacity: 1; filter: alpha(opacity=100); }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-0 { position: absolute; left: 0; top: 0; background: url(../img/sec4_pattern_hover01.jpg); }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-1 { position: absolute; left: 331px; top: 0; background: url(../img/sec4_pattern_hover02.jpg); }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-2 { position: absolute; left: 331px; top: 331px; background: url(../img/sec4_pattern_hover03.jpg); }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-3 { position: absolute; left: 662px; top: 331px; background: url(../img/sec4_pattern_hover04.jpg); }
#section-4 .inner-cont-wrap .content-1 .content-list-4 .pattern-list .pattern-4 { position: absolute; left: 331px; top: 662px; background: url(../img/sec4_pattern_hover05.jpg); }
#section-4 .inner-cont-wrap .content-1 .content-list-5 { position: relative; height: 500px; }
#section-4 .inner-cont-wrap .content-1 .content-list-5 .txt-box { position: absolute; right: 100px; top: 165px; }
#section-4 .inner-cont-wrap .content-1 .content-list-5 .txt-box h3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-5 .txt-box h3.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.55s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.55s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.55s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.55s opacity linear; transition: transform 0.8s ease-out,0.55s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-5 .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-5 .txt-box p.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.55s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.55s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.55s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.55s opacity linear; transition: transform 0.8s ease-out,0.55s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-5 .obj-box { position: absolute; top: 80px; left: 80px; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .content-1 .content-list-5 .obj-box.onTrans { -webkit-transition: -webkit-transform 0.55s ease-out,0.55s opacity linear; -moz-transition: -moz-transform 0.55s ease-out,0.55s opacity linear; -ms-transition: -ms-transform 0.55s ease-out,0.55s opacity linear; -o-transition: -o-transform 0.55s ease-out,0.55s opacity linear; transition: transform 0.55s ease-out,0.55s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-5 .light { position: absolute; opacity: 0; filter: alpha(opacity=0); bottom: -1188px; left: -111px; }
#section-4 .inner-cont-wrap .content-1 .content-list-5 .light.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.35s cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-transition-delay: 0s; -moz-transition: opacity 0.35s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition-delay: 0s; -ms-transition: opacity 0.35s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition-delay: 0s; -o-transition: opacity 0.35s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-delay: 0s; transition: opacity 0.35s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-delay: 0s; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 { position: relative; height: 1257px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder { position: absolute; width: 713px; height: 720px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask { overflow: hidden; position: absolute; background: transparent; left: 0; bottom: 0; right: 0; top: 0; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li { position: absolute; overflow: hidden; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.y1 { left: 72px; top: 0px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.y2 { left: 211px; top: 23px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.y3 { right: 213px; bottom: 0px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.x1 { left: 3px; bottom: 64px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.x2 { left: 0px; bottom: 250px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.x3 { left: 2px; top: 78px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.z1-1 { left: 175px; bottom: 134px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.z1-2 { left: 37px; bottom: 349px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.z2-1 { right: 8px; bottom: 249px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.z2-2 { right: 8px; top: 86px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.z2-3 { left: 174px; top: 50px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.grid-y img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.grid-x img { -webkit-transform: translate(-100%, -100%); -moz-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); transform: translate(-100%, -100%); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .line-mask .graph-line > li.grid-z img { -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .box-holder .small-box { position: absolute; bottom: 149px; left: 73px; width: 235px; height: 239px; -webkit-transition: bottom 1s 0.5s ease-in-out; -moz-transition: bottom 1s 0.5s ease-in-out; -ms-transition: bottom 1s 0.5s ease-in-out; -o-transition: bottom 1s 0.5s ease-in-out; transition: bottom 1s 0.5s ease-in-out; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .box-holder .small-box .box-depth { position: absolute; top: 16px; right: 40px; width: 176px; height: 215px; background: url("../img/graph/blue_box_small.png"); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .box-holder .small-box .box-package { position: absolute; left: 0; bottom: 0; width: 196px; height: 228px; background: url("../img/graph/box_small.png"); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .box-holder .big-box { overflow: hidden; position: absolute; top: 71px; right: 74px; width: 426px; height: 381px; -webkit-transition: top 1s 0.5s ease-in-out; -moz-transition: top 1s 0.5s ease-in-out; -ms-transition: top 1s 0.5s ease-in-out; -o-transition: top 1s 0.5s ease-in-out; transition: top 1s 0.5s ease-in-out; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .box-holder .big-box .box-depth { position: absolute; right: 70px; top: 19px; width: 332px; height: 376px; background: url("../img/graph/blue_box_big.png"); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder .box-holder .big-box .box-package { position: absolute; left: 0; bottom: 0; width: 374px; height: 370px; background: url("../img/graph/box_big.png"); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li { position: absolute; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li .item-1 { width: 2em; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li.x1 img { -webkit-transition: -webkit-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0.1s; -moz-transition: -moz-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0.1s; -ms-transition: -ms-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0.1s; -o-transition: -o-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0.1s; transition: transform 2s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li.y1 img { -webkit-transition: -webkit-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0.1s; -moz-transition: -moz-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0.1s; -ms-transition: -ms-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0.1s; -o-transition: -o-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0.1s; transition: transform 2s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0.1s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li .item-2 { width: 4em; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li.x2 img { -webkit-transition: -webkit-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0.3s; -moz-transition: -moz-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0.3s; -ms-transition: -ms-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0.3s; -o-transition: -o-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0.3s; transition: transform 2s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li.y2 img { -webkit-transition: -webkit-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0.3s; -moz-transition: -moz-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0.3s; -ms-transition: -ms-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0.3s; -o-transition: -o-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0.3s; transition: transform 2s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0.3s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li .item-3 { width: 6em; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li.x3 img { -webkit-transition: -webkit-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0.5s; -moz-transition: -moz-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0.5s; -ms-transition: -ms-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0.5s; -o-transition: -o-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0.5s; transition: transform 2s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0.5s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li.y3 img { -webkit-transition: -webkit-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0.5s; -moz-transition: -moz-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0.5s; -ms-transition: -ms-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0.5s; -o-transition: -o-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0.5s; transition: transform 2s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0.5s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-mask .graph-line > li.grid-z img { -webkit-transition: -webkit-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 1s; -moz-transition: -moz-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 1s; -ms-transition: -ms-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 1s; -o-transition: -o-transform 2s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 1s; transition: transform 2s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 1s; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-dim { position: absolute; top: -74px; left: -159px; background: url("../img/sec4_6_dim.png") no-repeat; width: 814px; height: 932px; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .line-dim.onShow { -webkit-transition: opacity 0s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0.35s; -moz-transition: opacity 0s cubic-bezier(0,0,1,1); -moz-transition-delay: 0.35s; -ms-transition: opacity 0s cubic-bezier(0,0,1,1); -ms-transition-delay: 0.35s; -o-transition: opacity 0s cubic-bezier(0,0,1,1); -o-transition-delay: 0.35s; transition: opacity 0s cubic-bezier(0,0,1,1); transition-delay: 0.35s; opacity: 1; filter: alpha(opacity=100); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .box-holder .small-box .box-depth { top: 0; right: 0; -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 3s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 3s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 3s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 3s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 3s; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder.onTrans .box-holder .big-box .box-depth { right: 0; top: 0; -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 3s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 3s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 3s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 3s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 3s; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .txt-box { position: absolute; left: 80px; top: 463px; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .txt-box h3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .txt-box h3.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.55s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.55s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.55s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.55s opacity linear; transition: transform 0.8s ease-out,0.55s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .txt-box p.onTrans { -webkit-transition: -webkit-transform 0.8s ease-out,0.55s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.55s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.55s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.55s opacity linear; transition: transform 0.8s ease-out,0.55s opacity linear; }
#section-4 .inner-cont-wrap .content-1 .content-list-6 .graph-holder { right: 8PX; top: 222px; }
#section-4 .inner-cont-wrap .obj-holder .txt-box { text-align: left; }
#section-4 .inner-cont-wrap .obj-holder .txt-box h3 { font-family: samsungonekorean400; color: #fff; font-size: 30px; letter-spacing: -0.04em; }
#section-4 .inner-cont-wrap .obj-holder .txt-box p { margin-top: 25px; font-family: samsungonekorean400; color: #fff; font-size: 18px; line-height: 36px; letter-spacing: -0.04em; }

#section-5 { width: 100%; height: 1000px; }
#section-5 .inner-cont-wrap { width: 100%; height: inherit; }
#section-5 .inner-cont-wrap .bg-holder { position: absolute; width: 100%; height: 100%; background: url(../img/sec5_bg.jpg) no-repeat center center scroll; background-size: cover; image-rendering: auto; }
#section-5 .inner-cont-wrap .txt-holder { position: absolute; left: 0; top: 50%; width: 100%; height: 300px; margin-top: -150px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-5 .inner-cont-wrap .txt-holder p { font-family: 'samsungonekorean400'; font-size: 22px; letter-spacing: -0.035em; line-height: 38px; font-weight: 100; color: #fff; padding-bottom: 70px; }
#section-5 .inner-cont-wrap .txt-holder.onTrans { -webkit-transition: -webkit-transform 0.55s 0.5s ease-out,0.7s 0.5s opacity linear; -moz-transition: -moz-transform 0.55s 0.5s ease-out,0.7s 0.5s opacity linear; -ms-transition: -ms-transform 0.55s 0.5s ease-out,0.7s 0.5s opacity linear; -o-transition: -o-transform 0.55s 0.5s ease-out,0.7s 0.5s opacity linear; transition: transform 0.55s 0.5s ease-out,0.7s 0.5s opacity linear; }

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