/* rotate */
/* transform-origin */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/*clip-path prefix transition*/
/* keyframes */
/* 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; }

h1 { font-family: 'samsungonelatin1100'; font-size: 130px; letter-spacing: 0.03em; line-height: 161px; font-weight: 100; color: inherit; }

h2 { font-family: 'samsungonekorean700'; font-size: 70px; letter-spacing: -0.015em; line-height: 90px; font-weight: 100; color: inherit; text-align: inherit; }

h3 { font-family: 'samsungonekorean700'; font-size: 42px; letter-spacing: -0.018em; line-height: 60px; font-weight: 100; color: inherit; text-align: inherit; }

h4 { font-family: 'samsungonekorean400'; font-size: 22px; letter-spacing: -0.05em; line-height: 48px; font-weight: 100; color: inherit; text-align: inherit; }

h5 { font-family: 'samsungonekorean400'; font-size: 22px; letter-spacing: 0.032em; line-height: 1; font-weight: 100; color: inherit; text-align: inherit; }

h6 { font-family: 'samsungonekorean400'; font-size: 20px; letter-spacing: -0.045em; line-height: 34px; font-weight: 100; color: inherit; }

p { font-family: 'samsungonekorean600'; font-size: 22px; letter-spacing: -0.05em; line-height: 48px; font-weight: 100; color: inherit; text-align: inherit; }

em { font-family: 'samsungonekorean600'; font-size: 14px; letter-spacing: -0.015em; line-height: 1em; color: inherit; text-align: inherit; font-weight: initial; }

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

img { vertical-align: top; }

.inner-cont-wrap { position: relative; width: 100%; min-width: 1280px; height: 100%; }

.bg-holder { position: absolute; width: 100%; height: 100%; }

.cont-holder { position: relative; width: 1280px; height: 100%; margin: 0 auto; }

.noTransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }

.content-box { position: absolute; width: 100%; }

.cont-holder { opacity: 1; }

.slider li { position: absolute; }

.bx-wrapper { margin: 0 auto; }
.bx-wrapper .bx-pager { text-align: center; font-size: 0; line-height: 0; }
.bx-wrapper .bx-pager .bx-pager-item { display: inline-block; width: 14px; height: 14px; border-radius: 50%; margin-left: 10px; }
.bx-wrapper .bx-pager .bx-pager-item a { display: block; border-radius: 50%; width: 100%; height: 100%; font-size: 0; margin-left: 0; border: 2px solid #fff; line-height: unset; }
.bx-wrapper .bx-pager .bx-pager-item a.active { background-color: #fff; }
.bx-wrapper .bx-pager .bx-pager-item:first-child { margin-left: 0; }

.none-click { pointer-events: none; }

.content .title-box h2 .txt-1 { display: inline-block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-45px); -moz-transform: translateX(-45px); -ms-transform: translateX(-45px); -o-transform: translateX(-45px); transform: translateX(-45px); }
.content .title-box h2 .txt-2 { display: inline-block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(45px); -moz-transform: translateX(45px); -ms-transform: translateX(45px); -o-transform: translateX(45px); transform: translateX(45px); }
.content .title-box p .txt-3 { display: inline-block; 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); }
.content .title-box.onShow h2 .txt-1 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.6s ease-out, opacity 0.4s linear; -moz-transition: transform 0.6s ease-out, opacity 0.4s linear; -ms-transition: transform 0.6s ease-out, opacity 0.4s linear; -o-transition: transform 0.6s ease-out, opacity 0.4s linear; transition: transform 0.6s ease-out, opacity 0.4s linear; }
.content .title-box.onShow h2 .txt-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.6s ease-out, opacity 0.4s linear; -moz-transition: transform 0.6s ease-out, opacity 0.4s linear; -ms-transition: transform 0.6s ease-out, opacity 0.4s linear; -o-transition: transform 0.6s ease-out, opacity 0.4s linear; transition: transform 0.6s ease-out, opacity 0.4s linear; }
.content .title-box.onShow p .txt-3 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.6s 0.5s ease-out, opacity 0.4s 0.5s linear; -moz-transition: transform 0.6s 0.5s ease-out, opacity 0.4s 0.5s linear; -ms-transition: transform 0.6s 0.5s ease-out, opacity 0.4s 0.5s linear; -o-transition: transform 0.6s 0.5s ease-out, opacity 0.4s 0.5s linear; transition: transform 0.6s 0.5s ease-out, opacity 0.4s 0.5s linear; }
.content .content-box .txt-clip h3.txt-l { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px); }
.content .content-box .txt-clip h3.txt-r { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px); }
.content .content-box .txt-clip .txt-l { 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); }
.content .content-box .txt-clip .txt-r { 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); }
.content .content-box .txt-clip .txt-up { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
.content .content-box .img-clip { /*.diagram{@include opacity(0);}*/ }
.content .content-box .img-clip .desc { opacity: 0; filter: alpha(opacity=0); }
.content .content-box .img-clip .sense .lines { opacity: 0; filter: alpha(opacity=0); }
.content .content-box .img-clip .sense ul { width: 585px; height: 457px; position: absolute; left: 0; top: 0; }
.content .content-box .img-clip .sense ul li { opacity: 1; filter: alpha(opacity=100); }
.content .content-box .img-clip .sense ul .dia-1 { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
.content .content-box .img-clip .sense ul .dia-2 { -webkit-transform: translate(-30px, 30px); -moz-transform: translate(-30px, 30px); -ms-transform: translate(-30px, 30px); -o-transform: translate(-30px, 30px); transform: translate(-30px, 30px); }
.content .content-box .img-clip .sense ul .dia-2 > img { -webkit-transform: scale(0.44); -moz-transform: scale(0.44); -ms-transform: scale(0.44); -o-transform: scale(0.44); transform: scale(0.44); }
.content .content-box .img-clip .sense ul .dia-2 .active { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.44); -moz-transform: scale(0.44); -ms-transform: scale(0.44); -o-transform: scale(0.44); transform: scale(0.44); }
.content .content-box .img-clip .sense ul .dia-3 { -webkit-transform: translate(-30px, -30px); -moz-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); -o-transform: translate(-30px, -30px); transform: translate(-30px, -30px); }
.content .content-box .img-clip .sense ul .dia-4 { -webkit-transform: translate(30px, -30px); -moz-transform: translate(30px, -30px); -ms-transform: translate(30px, -30px); -o-transform: translate(30px, -30px); transform: translate(30px, -30px); }
.content .content-box .img-clip .sense ul .dia-5 { -webkit-transform: translate(30px, 30px); -moz-transform: translate(30px, 30px); -ms-transform: translate(30px, 30px); -o-transform: translate(30px, 30px); transform: translate(30px, 30px); }
.content .content-box .img-clip .percent { opacity: 1; filter: alpha(opacity=100); }
.content .content-box .txt-ending { opacity: 0; filter: alpha(opacity=0); }
.content .content-box.onShow .txt-clip .txt-l, .content .content-box.onShow .txt-clip .txt-r { 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); }
.content .content-box.onShow .txt-clip .txt-up { 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.8s 1.8s ease-out, opacity 0.8s 1.8s; -moz-transition: -moz-transform 0.8s 1.8s ease-out, opacity 0.8s 1.8s; -ms-transition: -ms-transform 0.8s 1.8s ease-out, opacity 0.8s 1.8s; -o-transition: -o-transform 0.8s 1.8s ease-out, opacity 0.8s 1.8s; transition: transform 0.8s 1.8s ease-out, opacity 0.8s 1.8s; }
.content .content-box.onShow .txt-clip .txt-1 { -webkit-transition: -webkit-transform 0.7s 0s ease-out, opacity 0.5s 0s linear; -moz-transition: -moz-transform 0.7s 0s ease-out, opacity 0.5s 0s linear; -ms-transition: -ms-transform 0.7s 0s ease-out, opacity 0.5s 0s linear; -o-transition: -o-transform 0.7s 0s ease-out, opacity 0.5s 0s linear; transition: transform 0.7s 0s ease-out, opacity 0.5s 0s linear; }
.content .content-box.onShow .txt-clip .txt-2 { -webkit-transition: -webkit-transform 0.7s 0.4s ease-out, opacity 0.5s 0.4s linear; -moz-transition: -moz-transform 0.7s 0.4s ease-out, opacity 0.5s 0.4s linear; -ms-transition: -ms-transform 0.7s 0.4s ease-out, opacity 0.5s 0.4s linear; -o-transition: -o-transform 0.7s 0.4s ease-out, opacity 0.5s 0.4s linear; transition: transform 0.7s 0.4s ease-out, opacity 0.5s 0.4s linear; }
.content .content-box.onShow .txt-clip .txt-3 { -webkit-transition: -webkit-transform 0.7s 0.8s ease-out, opacity 0.5s 0.8s linear; -moz-transition: -moz-transform 0.7s 0.8s ease-out, opacity 0.5s 0.8s linear; -ms-transition: -ms-transform 0.7s 0.8s ease-out, opacity 0.5s 0.8s linear; -o-transition: -o-transform 0.7s 0.8s ease-out, opacity 0.5s 0.8s linear; transition: transform 0.7s 0.8s ease-out, opacity 0.5s 0.8s linear; }
.content .content-box.onShow .img-clip { /*.diagram{@include opacity(1); @include transform-css-transition('0.3s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.5s 0s');}*/ }
.content .content-box.onShow .img-clip .desc { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.5s 0s; -moz-transition: -moz-transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.5s 0s; -ms-transition: -ms-transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.5s 0s; -o-transition: -o-transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.5s 0s; transition: transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.5s 0s; }
.content .content-box.onShow .img-clip .sense .lines { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s 0.4s; -moz-transition: opacity 1s 0.4s; -ms-transition: opacity 1s 0.4s; -o-transition: opacity 1s 0.4s; transition: opacity 1s 0.4s; }
.content .content-box.onShow .img-clip .sense .lines svg { margin: 0; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); }
.content .content-box.onShow .img-clip .sense .lines #path { stroke-dasharray: 1237.7875055143784; animation: dash 1.2s 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
@keyframes dash { from { stroke-dashoffset: 1237.7875055143784; }
  to { stroke-dashoffset: 0; } }
.content .content-box.onShow .img-clip .sense ul { width: 585px; height: 457px; position: absolute; left: 0; top: 0; -webkit-transition: -webkit-transform 0.4s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.3s 0s; -moz-transition: -moz-transform 0.4s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.3s 0s; -ms-transition: -ms-transform 0.4s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.3s 0s; -o-transition: -o-transform 0.4s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.3s 0s; transition: transform 0.4s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.3s 0s; }
.content .content-box.onShow .img-clip .sense ul li { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.content .content-box.onShow .img-clip .sense ul .dia-1 { -webkit-transition: -webkit-transform 0.6s 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.8s; -moz-transition: -moz-transform 0.6s 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.8s; -ms-transition: -ms-transform 0.6s 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.8s; -o-transition: -o-transform 0.6s 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.8s; transition: transform 0.6s 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.8s; }
.content .content-box.onShow .img-clip .sense ul .dia-2 { -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; -moz-transition: -moz-transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; -ms-transition: -ms-transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; -o-transition: -o-transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; transition: transform 0.6s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; }
.content .content-box.onShow .img-clip .sense ul .dia-2 > img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; -moz-transition: -moz-transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; -ms-transition: -ms-transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; -o-transition: -o-transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; transition: transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; }
.content .content-box.onShow .img-clip .sense ul .dia-2 .active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; -moz-transition: -moz-transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; -ms-transition: -ms-transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; -o-transition: -o-transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; transition: transform 0.5s 2.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.8s 2.2s; }
.content .content-box.onShow .img-clip .sense ul .dia-3 { -webkit-transition: -webkit-transform 0.6s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.2s; -moz-transition: -moz-transform 0.6s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.2s; -ms-transition: -ms-transform 0.6s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.2s; -o-transition: -o-transform 0.6s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.2s; transition: transform 0.6s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.2s; }
.content .content-box.onShow .img-clip .sense ul .dia-4 { -webkit-transition: -webkit-transform 0.6s 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.4s; -moz-transition: -moz-transform 0.6s 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.4s; -ms-transition: -ms-transform 0.6s 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.4s; -o-transition: -o-transform 0.6s 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.4s; transition: transform 0.6s 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.4s; }
.content .content-box.onShow .img-clip .sense ul .dia-5 { -webkit-transition: -webkit-transform 0.6s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.6s; -moz-transition: -moz-transform 0.6s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.6s; -ms-transition: -ms-transform 0.6s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.6s; -o-transition: -o-transform 0.6s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.6s; transition: transform 0.6s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0.6s; }
.content .content-box.onShow .img-clip .percent { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.3s 0.3s ease-out, opacity 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s ease-out, opacity 0.3s 0.3s; -ms-transition: -ms-transform 0.3s 0.3s ease-out, opacity 0.3s 0.3s; -o-transition: -o-transform 0.3s 0.3s ease-out, opacity 0.3s 0.3s; transition: transform 0.3s 0.3s ease-out, opacity 0.3s 0.3s; }
.content .content-box.onShow .txt-ending { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.8s 0.2s ease-out, opacity 0.6s 0.2s; -moz-transition: -moz-transform 0.8s 0.2s ease-out, opacity 0.6s 0.2s; -ms-transition: -ms-transform 0.8s 0.2s ease-out, opacity 0.6s 0.2s; -o-transition: -o-transform 0.8s 0.2s ease-out, opacity 0.6s 0.2s; transition: transform 0.8s 0.2s ease-out, opacity 0.6s 0.2s; }

/*part section*/
.content { position: relative; display: none; overflow: hidden; }
.content * { box-sizing: border-box; }
.content.onShow { display: block; }
.content .bg-holder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.content .dim-holder { position: absolute; background-color: #000; opacity: 0; filter: alpha(opacity=0); visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; }

#section-1 { display: block !important; visibility: hidden; height: calc(100vh - 70px); }
#section-1.onShow { visibility: visible; }
#section-1 .bg-holder { background: url(../img/sec1_bg.jpg) no-repeat 50% 50% scroll; background-size: cover; image-rendering: auto; opacity: 0; filter: alpha(opacity=0); }
#section-1 .bg-holder.onShow { opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap { position: relative; height: inherit; }
#section-1 .inner-cont-wrap .video-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#section-1 .inner-cont-wrap .video-holder .video-keyvisual { position: absolute; width: 100%; }
#section-1 .inner-cont-wrap .cont-holder .txt-box { position: absolute; top: 50%; left: 50%; margin-top: -363px; margin-left: -503px; }
#section-1 .inner-cont-wrap .cont-holder .txt-box .txt { position: relative; text-align: center; color: #fff; }
#section-1 .inner-cont-wrap .cont-holder .txt-box .txt h3 { margin-bottom: 27px; }
#section-1 .inner-cont-wrap .cont-holder .txt-box .txt.lv30 { z-index: 70; }
#section-1 .inner-cont-wrap .cont-holder .scroll-box { position: absolute; z-index: 999; overflow: hidden; height: 0; bottom: 25px; left: 50%; width: 100px; margin-left: -50px; font-size: 12px; text-align: center; -webkit-transition: height 0.6s linear,opacity 0.4s linear; -moz-transition: height 0.6s linear,opacity 0.4s linear; -ms-transition: height 0.6s linear,opacity 0.4s linear; -o-transition: height 0.6s linear,opacity 0.4s linear; transition: height 0.6s linear,opacity 0.4s linear; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .cont-holder .scroll-box .txt { color: #fff; font-family: 'samsungonelatin1100'; font-size: 16px; letter-spacing: 0.025em; text-align: center; }
#section-1 .inner-cont-wrap .cont-holder .scroll-box .line { display: block; width: 1px; height: 46px; background-color: #fff; margin: 10px auto 0; }
#section-1 .inner-cont-wrap .cont-holder .scroll-box.onShow { -webkit-transition: height 1s 2s ease-in-out,opacity 0.3s 2s linear; -moz-transition: height 1s 2s ease-in-out,opacity 0.3s 2s linear; -ms-transition: height 1s 2s ease-in-out,opacity 0.3s 2s linear; -o-transition: height 1s 2s ease-in-out,opacity 0.3s 2s linear; transition: height 1s 2s ease-in-out,opacity 0.3s 2s linear; height: 82px; opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .obj-holder { position: fixed; top: 70px; left: 0; width: 100%; height: calc(100% - 70px); z-index: 60; }
#section-1 .inner-cont-wrap .obj-holder.onScroll { position: absolute; top: 200%; left: 0; width: 100%; height: 100%; }
#section-1 .inner-cont-wrap .obj-holder .square { position: absolute; opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.7s,box-shadow 0.3s; -moz-transition: opacity 0.7s,box-shadow 0.3s; -ms-transition: opacity 0.7s,box-shadow 0.3s; -o-transition: opacity 0.7s,box-shadow 0.3s; transition: opacity 0.7s,box-shadow 0.3s; }
#section-1 .inner-cont-wrap .obj-holder .square .dim-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; filter: alpha(opacity=0); -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-1 .inner-cont-wrap .obj-holder .square.red { width: 510px; height: 510px; top: -100%; left: 50%; margin-left: -410px; margin-top: 266px; background-image: url("../img/sec1_square_r.png"); background-size: cover; }
#section-1 .inner-cont-wrap .obj-holder .square.blue { width: 470px; height: 470px; top: 100%; left: 50%; margin-left: -135px; margin-top: 403px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("../img/sec1_square_b.png"); background-size: cover; }
#section-1 .inner-cont-wrap .obj-holder .square.green { width: 409px; height: 409px; top: 50%; left: 100%; margin-left: 410px; margin-top: -114px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("../img/sec1_square_g.png"); background-size: cover; }
#section-1 .inner-cont-wrap .obj-holder .square.on { opacity: 1; filter: alpha(opacity=100); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.38); }
#section-1 .inner-cont-wrap .obj-holder .square.off { opacity: 0.5; filter: alpha(opacity=50); }
#section-1 .inner-cont-wrap .obj-holder .square.off .dim-box { opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .obj-holder .square.in .btn-plus { transform: scale(1); }
#section-1 .inner-cont-wrap .obj-holder .square.out .btn-plus { transform: scale(0); }
#section-1 .inner-cont-wrap .obj-holder .square.pointer { cursor: pointer; }
#section-1 .inner-cont-wrap .obj-holder .square .btn-plus { width: 100%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0s; transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0s; transform: scale(0); }

#section-2 { background: #1a1a1a; height: calc(100vh - 70px); }
#section-2 .inner-cont-wrap { height: inherit; }
#section-2 .inner-cont-wrap .cont-holder .txt-box { position: relative; top: 83.32%; left: 50%; z-index: 70; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; }
#section-2 .inner-cont-wrap .cont-holder .txt-box h2 { margin-bottom: 18px; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .cont-holder .txt-box p { 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 .cont-holder .txt-box.onShow h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s 0.5s; -moz-transition: opacity 0.8s 0.5s; -ms-transition: opacity 0.8s 0.5s; -o-transition: opacity 0.8s 0.5s; transition: opacity 0.8s 0.5s; }
#section-2 .inner-cont-wrap .cont-holder .txt-box.onShow p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 0.8s 0.65s, transform 0.8s 0.65s; -moz-transition: opacity 0.8s 0.65s, transform 0.8s 0.65s; -ms-transition: opacity 0.8s 0.65s, transform 0.8s 0.65s; -o-transition: opacity 0.8s 0.65s, transform 0.8s 0.65s; transition: opacity 0.8s 0.65s, transform 0.8s 0.65s; }

#section-3 { height: calc(100vh - 70px); background-color: #000; }
#section-3 .inner-cont-wrap { min-width: 1280px; height: 100%; }
#section-3 .inner-cont-wrap .slider-holder { width: 100%; height: 100%; }
#section-3 .inner-cont-wrap .slider-holder > li { position: relative; width: 100%; height: 100%; }
#section-3 .inner-cont-wrap .slider-holder > li .img-box { position: absolute; width: 100%; height: 100%; }
#section-3 .inner-cont-wrap .slider-holder > li .img-box.origin { z-index: 10; right: 0; }
#section-3 .inner-cont-wrap .slider-holder > li .img-box.origin.onTrans { width: 0 !important; -webkit-transition: width 0.6s ease-in; -moz-transition: width 0.6s ease-in; -ms-transition: width 0.6s ease-in; -o-transition: width 0.6s ease-in; transition: width 0.6s ease-in; }
#section-3 .inner-cont-wrap .slider-holder > li .txt-box { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -33px; text-align: center; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: opacity 0.4s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: opacity 0.4s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: opacity 0.4s cubic-bezier(0,0,1,1); transition-delay: 0s; }
#section-3 .inner-cont-wrap .slider-holder > li .txt-box h3 { line-height: 1em; }
#section-3 .inner-cont-wrap .slider-holder > li .txt-box.onShow { opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .slider-holder > li.slide-1 .revision { background-image: url("../img/sec8_bg_r_after.jpg"); background-size: cover; background-attachment: fixed; }
#section-3 .inner-cont-wrap .slider-holder > li.slide-2 .revision { background-image: url("../img/sec8_bg_g_after.jpg"); background-size: cover; background-attachment: fixed; }
#section-3 .inner-cont-wrap .slider-holder > li.slide-3 .revision { background-image: url("../img/sec8_bg_b_after.jpg"); background-size: cover; background-attachment: fixed; }

#section-4 { height: calc(100vh - 70px); z-index: 60; }
#section-4 .inner-cont-wrap { height: inherit; }
#section-4 .inner-cont-wrap .bg-holder.color { background: url(../img/sec4_bg.jpg) 50% 70px no-repeat fixed; background-size: cover; image-rendering: auto; }
#section-4 .inner-cont-wrap .bg-holder.gray { opacity: 0; filter: alpha(opacity=0); background: url(../img/sec4_bg_gray.jpg) 50% 70px no-repeat fixed; background-size: cover; image-rendering: auto; }

#section-5 { height: 3776px; }
#section-5 .inner-cont-wrap { height: inherit; background-color: #e0e3e5; }
#section-5 .inner-cont-wrap .cont-holder .title-box { padding-top: 187px; text-align: center; }
#section-5 .inner-cont-wrap .cont-holder .title-box h2 { margin-bottom: 50px; }
#section-5 .inner-cont-wrap .cont-holder .title-box h2 span.txt-1 { -webkit-transform: translateX(-45px); -moz-transform: translateX(-45px); -ms-transform: translateX(-45px); -o-transform: translateX(-45px); transform: translateX(-45px); }
#section-5 .inner-cont-wrap .cont-holder .title-box h2 span.txt-2 { -webkit-transform: translateX(45px); -moz-transform: translateX(45px); -ms-transform: translateX(45px); -o-transform: translateX(45px); transform: translateX(45px); }
#section-5 .inner-cont-wrap .cont-holder .title-box span.txt-3 { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
#section-5 .inner-cont-wrap .cont-holder .title-box.onShow span { -webkit-transition: transform 0.7s ease-out, opacity 0.5s linear; -moz-transition: transform 0.7s ease-out, opacity 0.5s linear; -ms-transition: transform 0.7s ease-out, opacity 0.5s linear; -o-transition: transform 0.7s ease-out, opacity 0.5s linear; transition: transform 0.7s ease-out, opacity 0.5s linear; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .title-box.onShow span.txt-1 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .title-box.onShow span.txt-2 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .title-box.onShow span.txt-3 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; filter: alpha(opacity=100); -webkit-transition: transform 0.7s 0.5s ease-out, opacity 0.4s 0.5s linear; -moz-transition: transform 0.7s 0.5s ease-out, opacity 0.4s 0.5s linear; -ms-transition: transform 0.7s 0.5s ease-out, opacity 0.4s 0.5s linear; -o-transition: transform 0.7s 0.5s ease-out, opacity 0.4s 0.5s linear; transition: transform 0.7s 0.5s ease-out, opacity 0.4s 0.5s linear; }
#section-5 .inner-cont-wrap .cont-holder .dis-line { width: 0; display: block; margin: 0 auto; padding: 83px 0 45px; height: 4px; overflow: hidden; }
#section-5 .inner-cont-wrap .cont-holder .dis-line.onShow { width: 1121px; -webkit-transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
#section-5 .inner-cont-wrap .cont-holder .content-box .txt-clip .txt-1 { -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); }
#section-5 .inner-cont-wrap .cont-holder .content-box .txt-clip .txt-2 { -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); }
#section-5 .inner-cont-wrap .cont-holder .content-box .txt-clip .txt-3 { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
#section-5 .inner-cont-wrap .cont-holder .content-box.onShow .txt-clip .txt-1 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-5 .inner-cont-wrap .cont-holder .content-box.onShow .txt-clip .txt-2 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-5 .inner-cont-wrap .cont-holder .content-box.onShow .txt-clip .txt-3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip { position: absolute; top: 164px; left: 78px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip p:first-child, #section-5 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip h3 { margin-bottom: 30px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip .txt-1 { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip .txt-2 { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip .txt-3 { -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip { position: absolute; top: 109px; right: 135px; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .diagram ul li { left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .diagram ul li.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .diagram ul li:nth-child(1) { position: relative; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .diagram ul li:nth-child(2) { position: absolute; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .diagram ul li:nth-child(3) { position: absolute; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .diagram ul li:nth-child(4) { position: absolute; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .percent { width: 300px; position: absolute; top: 260px; left: 263px; text-align: inherit; font-size: 0; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .percent em, #section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .percent span { font-family: 'samsungonelatin700'; font-size: 148px; display: inline-block; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .percent em.percent-obj { margin-left: -20px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .percent span.number em { position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); font-family: 'samsungonelatin700'; font-size: 244px; letter-spacing: 0; font-weight: 100; color: inherit; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .percent span.number em.onShow { opacity: 1; filter: alpha(opacity=100); left: 0; top: 0; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .percent span.number em:nth-child(1) { position: relative; left: -20px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1.onShow .txt-clip .txt-1 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.8s 0s ease-out, opacity 0.4s 0s linear; -moz-transition: -moz-transform 0.8s 0s ease-out, opacity 0.4s 0s linear; -ms-transition: -ms-transform 0.8s 0s ease-out, opacity 0.4s 0s linear; -o-transition: -o-transform 0.8s 0s ease-out, opacity 0.4s 0s linear; transition: transform 0.8s 0s ease-out, opacity 0.4s 0s linear; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1.onShow .txt-clip .txt-2 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 1s 0.8s ease-out, opacity 0.4s 0.8s linear; -moz-transition: -moz-transform 1s 0.8s ease-out, opacity 0.4s 0.8s linear; -ms-transition: -ms-transform 1s 0.8s ease-out, opacity 0.4s 0.8s linear; -o-transition: -o-transform 1s 0.8s ease-out, opacity 0.4s 0.8s linear; transition: transform 1s 0.8s ease-out, opacity 0.4s 0.8s linear; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1.onShow .txt-clip .txt-3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.8s 1.6s ease-out, opacity 0.4s 1.6s linear; -moz-transition: -moz-transform 0.8s 1.6s ease-out, opacity 0.4s 1.6s linear; -ms-transition: -ms-transform 0.8s 1.6s ease-out, opacity 0.4s 1.6s linear; -o-transition: -o-transform 0.8s 1.6s ease-out, opacity 0.4s 1.6s linear; transition: transform 0.8s 1.6s ease-out, opacity 0.4s 1.6s linear; }
#section-5 .inner-cont-wrap .cont-holder .content-box-1.onShow .img-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 { top: 1361px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip { position: absolute; top: 66px; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram { position: relative; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram .light { position: absolute; top: 203px; left: 0; width: 101px; height: 37px; background-image: url("../img/sec5_cont2_light.png"); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram .light .mask { position: absolute; top: 0; left: 0; width: 110%; height: 100%; background-color: #e0e3e5; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram .gradient { position: absolute; top: 189px; left: 7px; width: 116px; height: 59px; background-image: url("../img/sec5_cont2_graident.png"); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram .eyes { position: relative; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram .eyes .img .eyes-2 { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram .eyes .caption li { position: absolute; font-family: 'samsungonelatin700'; font-size: 22px; letter-spacing: 0em; line-height: 1em; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram .eyes .caption li.red { top: 137px; right: 86px; color: #fff; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram .eyes .caption li.green { top: 137px; left: 221px; color: #fff; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .img-clip .diagram .eyes .caption li.blue { bottom: 104px; right: 184px; color: #fff; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip { position: absolute; top: 62px; left: 642px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip h3 { margin-bottom: 26px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip .para-1 { margin-bottom: 24px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip .txt-1 { -webkit-transform: translateX(35px); -moz-transform: translateX(35px); -ms-transform: translateX(35px); -o-transform: translateX(35px); transform: translateX(35px); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip .txt-2 { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip .txt-3 { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2.onShow .img-clip { -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .content-box-2.onShow .img-clip .diagram .light .mask { -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); -webkit-transition: -webkit-transform 0.8s ease-out; -webkit-transition-delay: 2.2s; -moz-transition: -moz-transform 0.8s ease-out; -moz-transition-delay: 2.2s; -ms-transition: -ms-transform 0.8s ease-out; -ms-transition-delay: 2.2s; -o-transition: -o-transform 0.8s ease-out; -o-transition-delay: 2.2s; transition: transform 0.8s ease-out; transition-delay: 2.2s; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2.onShow .img-clip .diagram .eyes .img .eyes-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s 2.6s ease-out; -moz-transition: opacity 1s 2.6s ease-out; -ms-transition: opacity 1s 2.6s ease-out; -o-transition: opacity 1s 2.6s ease-out; transition: opacity 1s 2.6s ease-out; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2.onShow .img-clip .diagram .eyes .caption li { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s 2.8s ease-out; -moz-transition: opacity 0.8s 2.8s ease-out; -ms-transition: opacity 0.8s 2.8s ease-out; -o-transition: opacity 0.8s 2.8s ease-out; transition: opacity 0.8s 2.8s ease-out; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2.onShow .txt-clip .txt-1 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 1s 0s ease-out, opacity 1s 0s linear; -moz-transition: -moz-transform 1s 0s ease-out, opacity 1s 0s linear; -ms-transition: -ms-transform 1s 0s ease-out, opacity 1s 0s linear; -o-transition: -o-transform 1s 0s ease-out, opacity 1s 0s linear; transition: transform 1s 0s ease-out, opacity 1s 0s linear; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2.onShow .txt-clip .txt-2 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; -moz-transition: -moz-transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; -ms-transition: -ms-transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; -o-transition: -o-transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; transition: transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; }
#section-5 .inner-cont-wrap .cont-holder .content-box-2.onShow .txt-clip .txt-3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; -moz-transition: -moz-transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; -ms-transition: -ms-transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; -o-transition: -o-transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; transition: transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3 { top: 2023px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3 .img-clip { margin-bottom: 13px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3 .img-clip ul { overflow: hidden; width: 92%; margin: 0 auto; height: 263px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3 .img-clip ul li { float: left; width: 20%; text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
#section-5 .inner-cont-wrap .cont-holder .content-box-3 .img-clip ul li .diagram { margin-bottom: 21px; text-align: center; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3 .img-clip ul li .desc { font-family: 'samsungonekorean600'; font-size: 18px; letter-spacing: -0.045em; line-height: 1em; color: #22252b; opacity: 0.7; filter: alpha(opacity=70); }
#section-5 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip { text-align: center; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3.onShow .img-clip ul li { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-5 .inner-cont-wrap .cont-holder .content-box-3.onShow .img-clip ul li:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s,transform 0.8s ease-out; -moz-transition: opacity 1s,transform 0.8s ease-out; -ms-transition: opacity 1s,transform 0.8s ease-out; -o-transition: opacity 1s,transform 0.8s ease-out; transition: opacity 1s,transform 0.8s ease-out; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3.onShow .img-clip ul li:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s 0.2s,transform 0.8s 0.2s ease-out; -moz-transition: opacity 1s 0.2s,transform 0.8s 0.2s ease-out; -ms-transition: opacity 1s 0.2s,transform 0.8s 0.2s ease-out; -o-transition: opacity 1s 0.2s,transform 0.8s 0.2s ease-out; transition: opacity 1s 0.2s,transform 0.8s 0.2s ease-out; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3.onShow .img-clip ul li:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s 0.4s,transform 0.8s 0.4s ease-out; -moz-transition: opacity 1s 0.4s,transform 0.8s 0.4s ease-out; -ms-transition: opacity 1s 0.4s,transform 0.8s 0.4s ease-out; -o-transition: opacity 1s 0.4s,transform 0.8s 0.4s ease-out; transition: opacity 1s 0.4s,transform 0.8s 0.4s ease-out; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3.onShow .img-clip ul li:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s 0.6s,transform 0.8s 0.6s ease-out; -moz-transition: opacity 1s 0.6s,transform 0.8s 0.6s ease-out; -ms-transition: opacity 1s 0.6s,transform 0.8s 0.6s ease-out; -o-transition: opacity 1s 0.6s,transform 0.8s 0.6s ease-out; transition: opacity 1s 0.6s,transform 0.8s 0.6s ease-out; }
#section-5 .inner-cont-wrap .cont-holder .content-box-3.onShow .img-clip ul li:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s 0.8s,transform 0.8s 0.8s ease-out; -moz-transition: opacity 1s 0.8s,transform 0.8s 0.8s ease-out; -ms-transition: opacity 1s 0.8s,transform 0.8s 0.8s ease-out; -o-transition: opacity 1s 0.8s,transform 0.8s 0.8s ease-out; transition: opacity 1s 0.8s,transform 0.8s 0.8s ease-out; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 { top: 2613px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .txt-clip { position: absolute; top: -51px; left: 76px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .txt-clip .para-1, #section-5 .inner-cont-wrap .cont-holder .content-box-4 .txt-clip h3 { margin-bottom: 30px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip { position: absolute; top: -12px; left: 622px; width: 585px; height: 457px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip .diagram { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip .diagram ul li { position: absolute; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip .diagram ul li:nth-child(1) { left: 248px; top: 0px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip .diagram ul li:nth-child(2) { left: 439px; top: 138px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip .diagram ul li:nth-child(3) { left: 366px; top: 360px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip .diagram ul li:nth-child(4) { left: 129px; top: 360px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip .diagram ul li:nth-child(5) { left: 56px; top: 138px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip .diagram.onTrans { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#section-5 .inner-cont-wrap .cont-holder .content-box-4 .img-clip .lines { width: 585px; height: 457px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .txt-clip .txt-1 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 1s 0s ease-out, opacity 1s 0s linear; -moz-transition: -moz-transform 1s 0s ease-out, opacity 1s 0s linear; -ms-transition: -ms-transform 1s 0s ease-out, opacity 1s 0s linear; -o-transition: -o-transform 1s 0s ease-out, opacity 1s 0s linear; transition: transform 1s 0s ease-out, opacity 1s 0s linear; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .txt-clip .txt-2 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; -moz-transition: -moz-transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; -ms-transition: -ms-transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; -o-transition: -o-transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; transition: transform 0.8s 0.8s ease-out, opacity 0.8s 0.8s linear; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .txt-clip .txt-3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; -moz-transition: -moz-transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; -ms-transition: -ms-transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; -o-transition: -o-transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; transition: transform 0.8s 1.6s ease-out, opacity 0.8s 1.6s linear; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .img-clip .diagram { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .img-clip .diagram ul li { position: absolute; opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .img-clip .diagram ul li:nth-child(1) { left: 248px; top: 0px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .img-clip .diagram ul li:nth-child(2) { left: 382px; top: 82px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .img-clip .diagram ul li:nth-child(3) { left: 366px; top: 360px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .img-clip .diagram ul li:nth-child(4) { left: 129px; top: 360px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .img-clip .diagram ul li:nth-child(5) { left: 56px; top: 138px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .img-clip .diagram.onTrans { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#section-5 .inner-cont-wrap .cont-holder .content-box-4.onShow .img-clip .lines { position: absolute; width: 585px; height: 457px; top: 38px; left: 89px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-5 { top: 3212px; }
#section-5 .inner-cont-wrap .cont-holder .content-box-5 h3 { text-align: center; }

#section-6 { height: calc(100vh - 70px); }
#section-6 .inner-cont-wrap { height: inherit; }
#section-6 .inner-cont-wrap .bg-holder.gray { background: url(../img/sec4_bg_gray.jpg) 50% 70px no-repeat fixed; background-size: cover; image-rendering: auto; }
#section-6 .inner-cont-wrap .bg-holder.color { opacity: 0; filter: alpha(opacity=0); background: url(../img/sec4_bg.jpg) 50% 70px no-repeat fixed; background-size: cover; image-rendering: auto; }

#section-7 { height: 2070px; background-image: url("../img/sec7_bg.jpg"); background-size: cover; }
#section-7 .inner-cont-wrap { height: inherit; }
#section-7 .inner-cont-wrap .cont-holder { padding-top: 186px; }
#section-7 .inner-cont-wrap .cont-holder .title-box { text-align: center; }
#section-7 .inner-cont-wrap .cont-holder .title-box h2 { margin-bottom: 49px; }
#section-7 .inner-cont-wrap .cont-holder .dis-line { display: block; width: 0px; height: 4px; text-align: center; margin: 88px auto 0; overflow: hidden; }
#section-7 .inner-cont-wrap .cont-holder .dis-line.onShow { width: 1121px; -webkit-transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: width 1.4s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
#section-7 .inner-cont-wrap .cont-holder .content-box-1 { top: 722px; }
#section-7 .inner-cont-wrap .cont-holder .content-box-1 .img-clip { position: absolute; top: 118px; left: 80px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
#section-7 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip { position: absolute; top: 66px; left: 643px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); }
#section-7 .inner-cont-wrap .cont-holder .content-box-1.onTrans .img-clip { 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); -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; -moz-transition: -moz-transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; -ms-transition: -ms-transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; -o-transition: -o-transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; transition: transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; }
#section-7 .inner-cont-wrap .cont-holder .content-box-1.onTrans .txt-clip { 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); -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; -moz-transition: -moz-transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; -ms-transition: -ms-transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; -o-transition: -o-transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; transition: transform 0.8s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.8s 0s; }
#section-7 .inner-cont-wrap .cont-holder .content-box-2 { top: 1162px; }
#section-7 .inner-cont-wrap .cont-holder .content-box-2 .desc-clip { position: absolute; top: 406px; left: 50%; padding-top: 274px; padding-left: 96px; margin-left: -560px; width: 1120px; height: 540px; background-color: #fff; }
#section-7 .inner-cont-wrap .cont-holder .content-box-2 .desc-clip ul li span { display: inline-block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); font-family: 'samsungonekorean600'; font-size: 14px; letter-spacing: -0.037em; line-height: 22px; font-weight: 100; color: inherit; text-align: inherit; }
#section-7 .inner-cont-wrap .cont-holder .content-box-2 .desc-clip.onShow ul li span { 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-7 .inner-cont-wrap .cont-holder .content-box-2 .desc-clip.onShow ul li .txt-1 { -webkit-transition: -webkit-transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; -moz-transition: -moz-transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; -ms-transition: -ms-transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; -o-transition: -o-transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; transition: transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; }
#section-7 .inner-cont-wrap .cont-holder .content-box-2 .desc-clip.onShow ul li .txt-2 { -webkit-transition: -webkit-transform 0.8s ease-out 0.4s, opacity 0.8s ease-out 0.4s; -moz-transition: -moz-transform 0.8s ease-out 0.4s, opacity 0.8s ease-out 0.4s; -ms-transition: -ms-transform 0.8s ease-out 0.4s, opacity 0.8s ease-out 0.4s; -o-transition: -o-transform 0.8s ease-out 0.4s, opacity 0.8s ease-out 0.4s; transition: transform 0.8s ease-out 0.4s, opacity 0.8s ease-out 0.4s; }
#section-7 .inner-cont-wrap .cont-holder .content-box-2 .slider-clip { 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-7 .inner-cont-wrap .cont-holder .content-box-2 .slider-clip .tv-cover { position: absolute; left: 50%; margin-left: -467px; }
#section-7 .inner-cont-wrap .cont-holder .content-box-2.onShow .slider-clip { 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.4s 0s ease-out, opacity 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s ease-out, opacity 0.4s 0s; -ms-transition: -ms-transform 0.4s 0s ease-out, opacity 0.4s 0s; -o-transition: -o-transform 0.4s 0s ease-out, opacity 0.4s 0s; transition: transform 0.4s 0s ease-out, opacity 0.4s 0s; }

#section-8 { height: calc(100vh - 70px); }
#section-8 .inner-cont-wrap { height: inherit; background-color: #000; }
#section-8 .inner-cont-wrap .slider-holder { width: 100%; height: 100%; }
#section-8 .inner-cont-wrap .slider-holder > li { position: relative; width: 100%; height: 100%; }
#section-8 .inner-cont-wrap .slider-holder > li .img-box { position: absolute; width: 100%; height: 100%; }
#section-8 .inner-cont-wrap .slider-holder > li .img-box.origin { z-index: 10; right: 0; }
#section-8 .inner-cont-wrap .slider-holder > li .shadow-box { position: absolute; top: calc(50% - 70px); left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#section-8 .inner-cont-wrap .slider-holder > li .txt-box { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -55px; text-align: center; color: #fff; z-index: 20; opacity: 0; filter: alpha(opacity=0); }
#section-8 .inner-cont-wrap .slider-holder > li.slide-1 .origin { background-image: url("../img/sec8_bg_r_after.jpg"); background-size: cover; background-attachment: fixed; }
#section-8 .inner-cont-wrap .slider-holder > li.slide-1 .revision { background-image: url("../img/sec8_bg_r.jpg"); background-size: cover; background-attachment: fixed; }
#section-8 .inner-cont-wrap .slider-holder > li.slide-1 .txt-box { -webkit-transition: opacity 0.4s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0.3s; -moz-transition: opacity 0.4s cubic-bezier(0,0,1,1); -moz-transition-delay: 0.3s; -ms-transition: opacity 0.4s cubic-bezier(0,0,1,1); -ms-transition-delay: 0.3s; -o-transition: opacity 0.4s cubic-bezier(0,0,1,1); -o-transition-delay: 0.3s; transition: opacity 0.4s cubic-bezier(0,0,1,1); transition-delay: 0.3s; }
#section-8 .inner-cont-wrap .slider-holder > li.slide-2 .origin { background-image: url("../img/sec8_bg_b_after.jpg"); background-size: cover; background-attachment: fixed; }
#section-8 .inner-cont-wrap .slider-holder > li.slide-2 .revision { background-image: url("../img/sec8_bg_b.jpg"); background-size: cover; background-attachment: fixed; }
#section-8 .inner-cont-wrap .slider-holder > li.slide-2 .txt-box { -webkit-transition: opacity 0.4s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: opacity 0.4s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: opacity 0.4s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: opacity 0.4s cubic-bezier(0,0,1,1); transition-delay: 0s; }
#section-8 .inner-cont-wrap .slider-holder > li.slide-3 .origin { background-image: url("../img/sec8_bg_g_after.jpg"); background-size: cover; background-attachment: fixed; }
#section-8 .inner-cont-wrap .slider-holder > li.slide-3 .revision { background-image: url("../img/sec8_bg_g.jpg"); background-size: cover; background-attachment: fixed; }
#section-8 .inner-cont-wrap .slider-holder > li.slide-3 .txt-box { -webkit-transition: opacity 0.4s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: opacity 0.4s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: opacity 0.4s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: opacity 0.4s cubic-bezier(0,0,1,1); transition-delay: 0s; }
#section-8 .inner-cont-wrap .slider-holder > li.onTrans .img-box.origin { width: 0 !important; -webkit-transition: width 0.9s 1s cubic-bezier(0.9, 0, 1, 1); -moz-transition: width 0.9s 1s cubic-bezier(0.9, 0, 1, 1); -ms-transition: width 0.9s 1s cubic-bezier(0.9, 0, 1, 1); -o-transition: width 0.9s 1s cubic-bezier(0.9, 0, 1, 1); transition: width 0.9s 1s cubic-bezier(0.9, 0, 1, 1); }
#section-8 .inner-cont-wrap .slider-holder > li.onTrans .txt-box { opacity: 1; filter: alpha(opacity=100); }
#section-8 .inner-cont-wrap .obj-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 60; /*.square.pointer:hover{ opacity:0.8!important; filter: alpha(opacity=0.8)!important; }*/ }
#section-8 .inner-cont-wrap .obj-holder.onFixed { position: fixed; top: 70px; left: 0; width: 100%; height: calc(100% - 70px); min-width: 1280px; }
#section-8 .inner-cont-wrap .obj-holder.onEnd { position: absolute; top: 100%; height: 100%; }
#section-8 .inner-cont-wrap .obj-holder .square { position: absolute; opacity: 0.3; filter: alpha(opacity=30); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.375s linear,box-shadow 0.3s; -moz-transition: opacity 0.375s linear,box-shadow 0.3s; -ms-transition: opacity 0.375s linear,box-shadow 0.3s; -o-transition: opacity 0.375s linear,box-shadow 0.3s; transition: opacity 0.375s linear,box-shadow 0.3s; }
#section-8 .inner-cont-wrap .obj-holder .square .dim-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; filter: alpha(opacity=0); -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-8 .inner-cont-wrap .obj-holder .square.red { width: 120px; height: 120px; top: 50%; left: 50%; margin-top: 380px; margin-left: -121px; background-image: url("../img/sec1_square_r.png"); background-size: cover; }
#section-8 .inner-cont-wrap .obj-holder .square.blue { width: 120px; height: 120px; top: 50%; left: 50%; margin-top: 380px; margin-left: 0; background-image: url("../img/sec1_square_g.png"); background-size: cover; }
#section-8 .inner-cont-wrap .obj-holder .square.green { width: 120px; height: 120px; top: 50%; left: 50%; margin-top: 380px; margin-left: 121px; background-image: url("../img/sec1_square_b.png"); background-size: cover; }
#section-8 .inner-cont-wrap .obj-holder .square.black { width: 120px; height: 120px; top: 50%; left: 50%; margin-top: 380px; margin-left: 0; background-color: rgba(0, 0, 0, 0.72); opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
#section-8 .inner-cont-wrap .obj-holder .square.on { opacity: 1; filter: alpha(opacity=100); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.38); }
#section-8 .inner-cont-wrap .obj-holder .square.off { opacity: 0.5; filter: alpha(opacity=50); }
#section-8 .inner-cont-wrap .obj-holder .square.off .dim-box { opacity: 1; filter: alpha(opacity=100); }
#section-8 .inner-cont-wrap .obj-holder .square.in .btn-plus { transform: scale(1); }
#section-8 .inner-cont-wrap .obj-holder .square.black.in { opacity: 1; filter: alpha(opacity=100); }
#section-8 .inner-cont-wrap .obj-holder .square.out { opacity: 0; filter: alpha(opacity=0); }
#section-8 .inner-cont-wrap .obj-holder .square.out .btn-plus { transform: scale(0); }
#section-8 .inner-cont-wrap .obj-holder .square.pointer { cursor: pointer; }
#section-8 .inner-cont-wrap .obj-holder .square .btn-plus { width: 100%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0s; transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0s; transform: scale(0); }

#section-9 { height: calc(100vh - 70px); }
#section-9 .inner-cont-wrap { height: inherit; }
#section-9 .inner-cont-wrap .bg-holder.gray { background: url(../img/sec9_bg_gray.jpg) no-repeat 50% 50% scroll; background-size: cover; image-rendering: auto; }
#section-9 .inner-cont-wrap .bg-holder.color { opacity: 0; filter: alpha(opacity=0); background: url(../img/sec9_bg.jpg) no-repeat 50% 50% scroll; background-size: cover; image-rendering: auto; }
#section-9 .inner-cont-wrap .bg-holder.color.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.2s 0s linear; -moz-transition: opacity 1.2s 0s linear; -ms-transition: opacity 1.2s 0s linear; -o-transition: opacity 1.2s 0s linear; transition: opacity 1.2s 0s linear; }
#section-9 .inner-cont-wrap .cont-holder .txt-box { position: absolute; width: 675px; height: 675px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; padding-top: 68px; z-index: 70; }
#section-9 .inner-cont-wrap .cont-holder .txt-box .quote-clip { margin-bottom: 34px; opacity: 0; filter: alpha(opacity=0); }
#section-9 .inner-cont-wrap .cont-holder .txt-box .quote-clip h3 { margin-bottom: 9px; line-height: 55px; }
#section-9 .inner-cont-wrap .cont-holder .txt-box .quote-clip h3 i { display: inline-block; }
#section-9 .inner-cont-wrap .cont-holder .txt-box .quote-clip h3 i.left { margin-left: -22px; margin-right: 7px; }
#section-9 .inner-cont-wrap .cont-holder .txt-box .quote-clip h3 i.right { margin-left: -11px; margin-right: -13px; }
#section-9 .inner-cont-wrap .cont-holder .txt-box .content-clip { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-9 .inner-cont-wrap .cont-holder .txt-box .content-clip .btn_download { margin: 36px auto 0; }
#section-9 .inner-cont-wrap .cont-holder .txt-box.onShow .quote-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s 0.2s linear; -moz-transition: opacity 0.8s 0.2s linear; -ms-transition: opacity 0.8s 0.2s linear; -o-transition: opacity 0.8s 0.2s linear; transition: opacity 0.8s 0.2s linear; }
#section-9 .inner-cont-wrap .cont-holder .txt-box.onShow .content-clip { 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.5s 0.4s ease-out, opacity 0.5s 0.4s; -moz-transition: -moz-transform 0.5s 0.4s ease-out, opacity 0.5s 0.4s; -ms-transition: -ms-transform 0.5s 0.4s ease-out, opacity 0.5s 0.4s; -o-transition: -o-transform 0.5s 0.4s ease-out, opacity 0.5s 0.4s; transition: transform 0.5s 0.4s ease-out, opacity 0.5s 0.4s; }

#section-3 .bx-wrapper, #section-8 .bx-wrapper { width: 100% !important; height: 100% !important; }
#section-3 .bx-wrapper .bx-viewport, #section-8 .bx-wrapper .bx-viewport { width: 100% !important; height: 100% !important; }
#section-3 .bx-default-pager, #section-8 .bx-default-pager { position: absolute; left: 0; bottom: 50px; width: 100%; z-index: 999; }

#section-7 .bx-wrapper .bx-viewport { width: 934px !important; height: 575px !important; margin: 0 auto; }
#section-7 .bx-wrapper .bx-viewport .slider:before { display: block; content: ''; width: 923px; height: 523px; position: absolute; left: 6px; top: 5px; background-color: #fff; z-index: 0; }
#section-7 .bx-pager { text-align: center; font-size: 0; line-height: 0; }
#section-7 .bx-pager .bx-pager-item { display: inline-block; width: 14px; height: 14px; border-radius: 50%; margin-left: 8px; }
#section-7 .bx-pager .bx-pager-item a { display: block; border-radius: 50%; width: 100%; height: 100%; font-size: 0; margin-left: 0; border: 2px solid #000; line-height: unset; }
#section-7 .bx-pager .bx-pager-item a.active { background-color: #000; z-index: 90; }
#section-7 .bx-pager .bx-pager-item:first-child { margin-left: 0; }
#section-7 .bx-default-pager { position: absolute; left: 0; bottom: -43px; width: 100%; }

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