/* rotate */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
/*@include keyframes(scroll-loop) { 0% { @include  transform(translateY(0)); } 50% { @include  transform(translateY(0));  } 100% { @include  transform(translateY(0));  }
}*/
/* font */
/* line */
@font-face { font-family: 'samsungonelatin400'; font-weight: normal; font-style: normal; src: url("../../../font/SamsungOneLatin-400.eot"); src: url("../../../font/SamsungOneLatin-400.eot?#iefix") format("embedded-opentype"), url("../../../font/SamsungOneLatin-400.woff") format("woff"), url("../../../font/SamsungOneLatin-400.woff2") format("woff2"), url("../../../font/SamsungOneLatin-400.ttf") format("truetype"), url("../../../font/SamsungOneLatin-400.svg#SamsungOneLatin-600") format("svg"); }
@font-face { font-family: 'samsungonelatin600'; font-weight: normal; font-style: normal; src: url("../../../font/SamsungOneLatin-600.eot"); src: url("../../../font/SamsungOneLatin-600.eot?#iefix") format("embedded-opentype"), url("../../../font/SamsungOneLatin-600.woff") format("woff"), url("../../../font/SamsungOneLatin-600.woff2") format("woff2"), url("../../../font/SamsungOneLatin-600.ttf") format("truetype"), url("../../../font/SamsungOneLatin-600.svg#SamsungOneLatin-600") format("svg"); }
@font-face { font-family: 'samsungonelatin800'; font-weight: normal; font-style: normal; src: url("../../../font/SamsungOneLatin-800.eot"); src: url("../../../font/SamsungOneLatin-800.eot?#iefix") format("embedded-opentype"), url("../../../font/SamsungOneLatin-800.woff") format("woff"), url("../../../font/SamsungOneLatin-800.woff2") format("woff2"), url("../../../font/SamsungOneLatin-800.ttf") format("truetype"), url("../../../font/SamsungOneLatin-800.svg#SamsungOneLatin-800") format("svg"); }
@font-face { font-family: 'samsungonelatin1100'; font-weight: normal; font-style: normal; src: url("../../../font/SamsungOneLatin-1100.eot"); src: url("../../../font/SamsungOneLatin-1100.eot?#iefix") format("embedded-opentype"), url("../../../font/SamsungOneLatin-1100.woff") format("woff"), url("../../../font/SamsungOneLatin-1100.woff2") format("woff2"), url("../../../font/SamsungOneLatin-1100.ttf") format("truetype"), url("../../../font/SamsungOneLatin-1100.svg#SamsungOneLatin-1100") format("svg"); }
@font-face { font-family: 'samsungonekorean400'; src: url("../../../font/SamsungOneKorean-400.eot"); src: url("../../../font/SamsungOneKorean-400.eot?#iefix") format("embedded-opentype"), url("../../../font/SamsungOneKorean-400.woff") format("woff"), url("../../../font/SamsungOneKorean-400.ttf") format("truetype"), url("../../../font/SamsungOneKorean-400.svg#samsungonekorean400") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'samsungonekorean600'; src: url("../../../font/SamsungOneKorean-600.eot"); src: url("../../../font/SamsungOneKorean-600.eot?#iefix") format("embedded-opentype"), url("../../../font/SamsungOneKorean-600.woff") format("woff"), url("../../../font/SamsungOneKorean-600.ttf") format("truetype"), url("../../../font/SamsungOneKorean-600.svg#samsungonekorean600") format("svg"); font-weight: normal; font-style: normal; }
body { overflow-x: auto; background: #fff; }

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

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

.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: 70px; letter-spacing: normal; line-height: normal; font-weight: 100; }

h2 { font-family: "samsungonelatin400"; font-size: 70px; letter-spacing: 0em; line-height: normal; font-weight: 100; }

h3 { font-family: "samsungonelatin1100"; font-size: 18px; letter-spacing: 0.41em; line-height: normal; font-weight: 100; }

h4 { font-family: "samsungonekorean600"; font-size: 46px; letter-spacing: -0.03em; line-height: 1.3em; font-weight: 100; }

p { font-family: "samsungonekorean400"; font-size: 16px; letter-spacing: -0.01em; line-height: 1.55em; font-weight: 100; }

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

/*common*/
.vertical-wrap { float: left; height: 50%; width: 100%; }

.title-holder { text-align: left; padding-left: 160px; }
.title-holder .line { margin-bottom: 14px; width: 0px; border-top: 40px solid #000; /*@include css-value-transition('width 0.4s ease-in-out,border-top 0.6s ease-in-out 0.3s');*/ }
.title-holder h3 { letter-spacing: 0.41em; margin: 0; opacity: 1; filter: alpha(opacity=100); /*letter-spacing: 0em;margin: -40px 0 0 10px;@include opacity(0);@include css-value-transition('all 0.6s ease-in-out 0.3s');*/ }
.title-holder.onTrans h3 { letter-spacing: 0.41em; margin: 0; opacity: 1; filter: alpha(opacity=100); }

/*content*/
.content-1 { position: relative; width: 100%; height: 1280px; z-index: 9; background-color: #fff; }
.content-1 .vertical-wrap { margin-bottom: -470px; }
.content-1 .inner-cont-wrap { clear: both; width: 1380px; height: 790px; opacity: 0; filter: alpha(opacity=0); }
.content-1 .inner-cont-wrap.onTrans { opacity: 1; filter: alpha(opacity=100); }
.content-1 .inner-cont-wrap ul.box-holder { width: 100%; /*1280x860*/ }
.content-1 .inner-cont-wrap ul.box-holder li { position: absolute; overflow: hidden; background: url("../img/sec1_bg.jpg") no-repeat; -webkit-transition: width 1.2s ease-in-out,height 1.2s ease-in-out,top 1.2s ease-in-out,left 1.2s ease-in-out, background-position 1.2s ease-in-out; -moz-transition: width 1.2s ease-in-out,height 1.2s ease-in-out,top 1.2s ease-in-out,left 1.2s ease-in-out, background-position 1.2s ease-in-out; -ms-transition: width 1.2s ease-in-out,height 1.2s ease-in-out,top 1.2s ease-in-out,left 1.2s ease-in-out, background-position 1.2s ease-in-out; -o-transition: width 1.2s ease-in-out,height 1.2s ease-in-out,top 1.2s ease-in-out,left 1.2s ease-in-out, background-position 1.2s ease-in-out; transition: width 1.2s ease-in-out,height 1.2s ease-in-out,top 1.2s ease-in-out,left 1.2s ease-in-out, background-position 1.2s ease-in-out; }
.content-1 .inner-cont-wrap ul.box-holder li.box1 { width: 500px; height: 300px; top: 145px; left: 191px; -webkit-border-top-left-radius: 80px; -moz-border-top-left-radius: 80px; -ms-border-top-left-radius: 80px; -o-border-top-left-radius: 80px; border-top-left-radius: 80px; background-position: -140px -200px; }
.content-1 .inner-cont-wrap ul.box-holder li.box2 { width: 500px; height: 300px; top: 145px; left: 690px; background-position: -640px -200px; }
.content-1 .inner-cont-wrap ul.box-holder li.box3 { width: 500px; height: 300px; top: 444px; left: 191px; background-position: -140px -500px; }
.content-1 .inner-cont-wrap ul.box-holder li.box4 { width: 500px; height: 300px; top: 444px; left: 690px; -webkit-border-bottom-right-radius: 80px; -moz-border-bottom-right-radius: 80px; -ms-border-bottom-right-radius: 80px; -o-border-bottom-right-radius: 80px; border-bottom-right-radius: 80px; background-position: -640px -500px; }
.content-1 .inner-cont-wrap .sec_1_lineLeft { position: absolute; top: 210px; left: 296px; }
.content-1 .inner-cont-wrap .sec_1_lineRight { position: absolute; top: 405px; right: -84px; }
.content-1 .inner-cont-wrap.onTrans ul.box-holder li.box1 { width: 790px; height: 546px; top: 0; left: 137px; -webkit-border-top-left-radius: 80px; -moz-border-top-left-radius: 80px; -ms-border-top-left-radius: 80px; -o-border-top-left-radius: 80px; border-top-left-radius: 80px; /*background-color: #00b6ee;*/ background-position: -190px -12px; }
.content-1 .inner-cont-wrap.onTrans ul.box-holder li.box2 { width: 452px; height: 405px; top: 141px; left: 926px; /*background-color: #897ca3;*/ background-position: -808px -24px; }
.content-1 .inner-cont-wrap.onTrans ul.box-holder li.box3 { width: 767px; height: 191px; top: 545px; left: 0; /*background-color: #940a4b;*/ background-position: -6px -545px; }
.content-1 .inner-cont-wrap.onTrans ul.box-holder li.box4 { width: 490px; height: 333px; top: 545px; left: 766px; -webkit-border-bottom-right-radius: 80px; -moz-border-bottom-right-radius: 80px; -ms-border-bottom-right-radius: 80px; -o-border-bottom-right-radius: 80px; border-bottom-right-radius: 80px; /*background-color: #ffde00;*/ background-position: -708px -514px; }
.content-1 .inner-cont-wrap .txt-holder { position: relative; padding-top: 300px; }
.content-1 .inner-cont-wrap .txt-holder h1 { padding-left: 0px; padding-top: 20px; letter-spacing: 20px; line-height: 102px; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; }
.content-1 .inner-cont-wrap .txt-holder p { font-family: "samsungonekorean600"; font-size: 26px; letter-spacing: 1.3px; line-height: normal; font-weight: 100; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; }
.content-1 .inner-cont-wrap.onTrans .txt-holder h1 { padding-left: 58px; padding-top: 0; letter-spacing: 49px; line-height: 102px; }
.content-1 .inner-cont-wrap.onTrans .txt-holder p { letter-spacing: 1.3px; }
.content-1 .inner-cont-wrap .scroll-holder { position: absolute; left: 411px; bottom: -75px; z-index: 100; }
.content-1 .inner-cont-wrap .scroll-holder a { display: block; padding: 20px; width: 50px; text-align: center; }
.content-1 .inner-cont-wrap .scroll-holder a .line-top { width: 1px; height: 0px; border-left: 1px solid #000; margin: 0 auto; -webkit-transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-1 .inner-cont-wrap .scroll-holder a .txt { margin-top: 13px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-1 .inner-cont-wrap .scroll-holder a .txt p { font-family: "samsungonelatin1100"; font-size: 12px; letter-spacing: normal; line-height: normal; font-weight: 100; }
.content-1 .inner-cont-wrap.onTrans .scroll-holder a .line-top { height: 100px; }
.content-1 .inner-cont-wrap.onTrans .scroll-holder a .txt { opacity: 1; filter: alpha(opacity=100); }

.content-2 { position: relative; width: 100%; height: 790px; z-index: 8; background-color: #fff; margin-top: -1px; }
.content-2 .inner-cont-wrap .txt-holder { position: absolute; top: 335px; left: 240px; text-align: left; }
.content-2 .inner-cont-wrap .txt-holder h4 { font-size: 28px; line-height: 1.45em; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-2 .inner-cont-wrap .txt-holder p { font-size: 20px; line-height: 1.65em; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-2 .inner-cont-wrap .txt-holder.onTrans h4 { 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); }
.content-2 .inner-cont-wrap .txt-holder.onTrans 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); }
.content-2 .inner-cont-wrap .line-top { position: absolute; top: 140px; right: 160px; }

.content-3 { position: relative; width: 100%; height: 1095px; z-index: 9; background-color: #fff; }
.content-3 .inner-cont-wrap .title-holder .line { margin-top: -1px; width: 194px; border-top: 4px solid #000; }
.content-3 .inner-cont-wrap .title-holder .line { width: 194px; border-top: 4px solid #000; }
.content-3 .inner-cont-wrap ul.box-holder { width: 100%; }
.content-3 .inner-cont-wrap ul.box-holder li { position: absolute; overflow: hidden; -webkit-transition: top 1s ease-in-out,left 1s ease-in-out, background-size 1s ease-in-out; -moz-transition: top 1s ease-in-out,left 1s ease-in-out, background-size 1s ease-in-out; -ms-transition: top 1s ease-in-out,left 1s ease-in-out, background-size 1s ease-in-out; -o-transition: top 1s ease-in-out,left 1s ease-in-out, background-size 1s ease-in-out; transition: top 1s ease-in-out,left 1s ease-in-out, background-size 1s ease-in-out; }
.content-3 .inner-cont-wrap ul.box-holder li.box1 { width: 240px; height: 348px; top: -50px; left: 777px; background: url("../img/sec3_box_img1.jpg") no-repeat center center; /*background-size: 200%;*/ }
.content-3 .inner-cont-wrap ul.box-holder li.box2 { width: 457px; height: 307px; top: 104px; left: 882px; background: url("../img/sec3_box_img2.jpg") no-repeat center center; /*background-size: 200%;*/ }
.content-3 .inner-cont-wrap ul.box-holder li.box3 { width: 320px; height: 445px; top: 536px; left: 0px; -webkit-border-bottom-left-radius: 122px; -moz-border-bottom-left-radius: 122px; -ms-border-bottom-left-radius: 122px; -o-border-bottom-left-radius: 122px; border-bottom-left-radius: 122px; background: url("../img/sec3_box_img3.jpg") no-repeat center center; /*background-size: 200%;*/ }
.content-3 .inner-cont-wrap ul.box-holder li.box4 { width: 564px; height: 440px; top: 366px; left: 156px; -webkit-border-bottom-right-radius: 136px; -moz-border-bottom-right-radius: 136px; -ms-border-bottom-right-radius: 136px; -o-border-bottom-right-radius: 136px; border-bottom-right-radius: 136px; background: url("../img/sec3_box_img4.jpg") no-repeat center center; /*background-size: 200%;*/ }
.content-3 .inner-cont-wrap.onTrans ul.box-holder li.box1 { top: -5px; left: 639px; /*background-size: 100%;*/ }
.content-3 .inner-cont-wrap.onTrans ul.box-holder li.box2 { top: 215px; left: 702px; /*background-size: 100%;*/ }
.content-3 .inner-cont-wrap.onTrans ul.box-holder li.box3 { top: 501px; left: 165px; /*background-size: 100%;*/ }
.content-3 .inner-cont-wrap.onTrans ul.box-holder li.box4 { top: 171px; left: 351px; /*background-size: 100%;*/ }
.content-3 .inner-cont-wrap .divide-txt-holder { position: absolute; left: 235px; top: 157px; }
.content-3 .inner-cont-wrap .divide-txt-holder li h3 { text-align: left; font-size: 46px; letter-spacing: 0.5em; -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; color: black; }
.content-3 .inner-cont-wrap .divide-txt-holder li.txt-refined { margin: 0px 0 0 455px; }
.content-3 .inner-cont-wrap .divide-txt-holder li.txt-progressive { margin: 632px 0 0; }
.content-3 .inner-cont-wrap.onTrans .divide-txt-holder li.txt-refined { margin: 0px 0 0 455px; }
.content-3 .inner-cont-wrap.onTrans .divide-txt-holder li.txt-refined h3 { -webkit-transform: matrix(1, 0, 0, 1, -135, 210); -moz-transform: matrix(1, 0, 0, 1, -135, 210); -ms-transform: matrix(1, 0, 0, 1, -135, 210); -o-transform: matrix(1, 0, 0, 1, -135, 210); transform: matrix(1, 0, 0, 1, -135, 210); letter-spacing: 0; opacity: 0; filter: alpha(opacity=0); color: white; }
.content-3 .inner-cont-wrap.onTrans .divide-txt-holder li.txt-progressive { margin: 632px 0 0; }
.content-3 .inner-cont-wrap.onTrans .divide-txt-holder li.txt-progressive h3 { -webkit-transform: matrix(1, 0, 0, 1, 240, -485); -moz-transform: matrix(1, 0, 0, 1, 240, -485); -ms-transform: matrix(1, 0, 0, 1, 240, -485); -o-transform: matrix(1, 0, 0, 1, 240, -485); transform: matrix(1, 0, 0, 1, 240, -485); letter-spacing: 0; opacity: 0; filter: alpha(opacity=0); color: white; }
.content-3 .inner-cont-wrap .txt-holder { margin: 649px 0 0 557px; text-align: left; }
.content-3 .inner-cont-wrap .txt-holder h4 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: matrix(1, 0, 0, 1, 80, 0); -moz-transform: matrix(1, 0, 0, 1, 80, 0); -ms-transform: matrix(1, 0, 0, 1, 80, 0); -o-transform: matrix(1, 0, 0, 1, 80, 0); transform: matrix(1, 0, 0, 1, 80, 0); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.3s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.3s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.3s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.3s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.3s; }
.content-3 .inner-cont-wrap .txt-holder p { padding: 47px 0 0 83px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: matrix(1, 0, 0, 1, 0, 50); -moz-transform: matrix(1, 0, 0, 1, 0, 50); -ms-transform: matrix(1, 0, 0, 1, 0, 50); -o-transform: matrix(1, 0, 0, 1, 0, 50); transform: matrix(1, 0, 0, 1, 0, 50); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.35s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.35s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.35s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.35s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.35s; }
.content-3 .inner-cont-wrap.onTrans .txt-holder h4 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); }
.content-3 .inner-cont-wrap.onTrans .txt-holder p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); }

.content-4 { position: relative; width: 100%; height: 1030px; z-index: 10; background-color: #fff; }
.content-4 .inner-cont-wrap .title-holder { padding-top: 266px; /*&.onTrans */ }
.content-4 .inner-cont-wrap .title-holder .line { width: 256px; border-top: 4px solid #000; }
.content-4 .inner-cont-wrap .txt-holder { margin: 210px 0 0 160px; text-align: left; }
.content-4 .inner-cont-wrap .txt-holder h4 { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-4 .inner-cont-wrap .txt-holder p { margin-top: 41px; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-4 .inner-cont-wrap .txt-holder.onTrans h4 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.content-4 .inner-cont-wrap .txt-holder.onTrans p { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.content-4 .inner-cont-wrap .img-holder { position: absolute; top: 182px; left: 300px; z-index: 10; -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-4 .inner-cont-wrap .img-holder .img_0 { position: absolute; left: 11px; top: 576px; -webkit-transform: translate(-160px, 80px); -moz-transform: translate(-160px, 80px); -ms-transform: translate(-160px, 80px); -o-transform: translate(-160px, 80px); transform: translate(-160px, 80px); -webkit-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-4 .inner-cont-wrap .img-holder .img_1 { position: absolute; left: 307px; top: 14px; -webkit-transform: translate(40px, -20px); -moz-transform: translate(40px, -20px); -ms-transform: translate(40px, -20px); -o-transform: translate(40px, -20px); transform: translate(40px, -20px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-4 .inner-cont-wrap .img-holder.onTrans .img_0 { -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-4 .inner-cont-wrap .img-holder.onTrans .img_1 { -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-5 { position: relative; width: 100%; height: 1660px; z-index: 9; background-color: #fff; }
.content-5 .bg-wrap { position: absolute; top: 0; left: 0; width: 92.70833%; height: 101%; background-color: #000; -webkit-border-top-right-radius: 195px; -moz-border-top-right-radius: 195px; -ms-border-top-right-radius: 195px; -o-border-top-right-radius: 195px; border-top-right-radius: 195px; margin: 0; }
.content-5 .inner-cont-wrap { position: relative; color: #fff; width: 1640px; height: 100%; margin: 0 auto; overflow: hidden; }
.content-5 .inner-cont-wrap .title-holder { position: relative; padding-left: 253px; padding-top: 252px; }
.content-5 .inner-cont-wrap .con1-holder .txt { position: relative; text-align: left; padding: 159px 0 0 257px; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-5 .inner-cont-wrap .con1-holder ul { position: absolute; top: 0; right: 0; }
.content-5 .inner-cont-wrap .con1-holder ul li { position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-5 .inner-cont-wrap .con1-holder ul li.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-5 .inner-cont-wrap .con1-holder ul li.offTrans { opacity: 0; filter: alpha(opacity=0); }
.content-5 .inner-cont-wrap .con1-holder ul li.phone1 { top: 300px; right: -120px; }
.content-5 .inner-cont-wrap .con1-holder ul li.phone1 .shadow { position: absolute; top: 0; right: 120px; }
.content-5 .inner-cont-wrap .con1-holder ul li.phone1 svg { position: absolute; top: 140px; left: -35px; }
.content-5 .inner-cont-wrap .con1-holder ul li.phone2 { top: 252px; right: 54px; }
.content-5 .inner-cont-wrap .con1-holder ul li.phone2 #sec5_vi0_1_svg { position: absolute; top: 193px; left: 15px; }
.content-5 .inner-cont-wrap .con1-holder ul li.phone2 #sec5_vi0_2_svg { position: absolute; top: 224px; left: 680px; }
.content-5 .inner-cont-wrap .con1-holder.onTrans .txt { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-5 .inner-cont-wrap .con2-holder { position: relative; opacity: 0; -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-5 .inner-cont-wrap .con2-holder .txt { text-align: left; padding-top: 475px; padding-left: 978px; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-5 .inner-cont-wrap .con2-holder .txt p { font-size: 28px; line-height: 1.45em; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-top { position: absolute; bottom: 486.5px; left: 152px; z-index: 80; opacity: 0; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.8s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.8s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.8s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.8s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.8s; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-top .svgWrap { position: relative; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-top .svgWrap svg { position: absolute; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-top .svgWrap #sec5_vi1_0_0_svg { top: 0; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-top .svgWrap #sec5_vi1_0_1_svg { top: -55px; left: 331px; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-top .svgWrap #sec5_vi1_0_2_svg { top: 174px; left: 711px; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-top .svgWrap #sec5_vi1_0_3_svg { top: 314px; left: 409px; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-bottom { position: absolute; bottom: 437px; left: 152px; z-index: 80; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.4s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.4s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.4s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.4s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.4s; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-bottom .svgWrap { position: relative; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-bottom .svgWrap svg { position: absolute; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-bottom .svgWrap #sec5_vi1_1_0_svg { top: 0; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-bottom .svgWrap #sec5_vi1_1_1_svg { top: -55px; left: 331px; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-bottom .svgWrap #sec5_vi1_1_2_svg { top: 174px; left: 711px; }
.content-5 .inner-cont-wrap .con2-holder .svg-blueLine-bottom .svgWrap #sec5_vi1_1_3_svg { top: 314px; left: 409px; }
.content-5 .inner-cont-wrap .con2-holder .svg-baseLine { position: absolute; bottom: 105px; left: 152px; z-index: 70; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.8s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.8s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.8s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.8s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.8s; }
.content-5 .inner-cont-wrap .con2-holder .svg-glass { position: absolute; bottom: 55px; left: 152px; z-index: 60; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.4s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.4s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.4s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.4s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.4s; }
.content-5 .inner-cont-wrap .con2-holder .img-phone { margin: -240px 0 0 -591px; z-index: 60; }
.content-5 .inner-cont-wrap .con2-holder.onTrans { opacity: 1; filter: alpha(opacity=100); }
.content-5 .inner-cont-wrap .con2-holder.onTrans .svg-blueLine-top { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-5 .inner-cont-wrap .con2-holder.onTrans .svg-blueLine-bottom { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-5 .inner-cont-wrap .con2-holder.onTrans .svg-baseLine { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-5 .inner-cont-wrap .con2-holder.onTrans .svg-glass { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-5 .inner-cont-wrap .con2-holder.onTrans .txt { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-5 .inner-cont-wrap .con2-holder.offTrans { opacity: 0; filter: alpha(opacity=0); }
.content-5 .inner-cont-wrap .con2-holder.offTrans .svg-blueLine-top { -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-5 .inner-cont-wrap .con2-holder.offTrans .svg-blueLine-bottom { -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-5 .inner-cont-wrap .con2-holder.offTrans .svg-baseLine { -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-5 .inner-cont-wrap .con2-holder.offTrans .svg-glass { -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }

.content-6 { position: relative; width: 100%; height: 1827px; z-index: 9; background-color: #fff; }
.content-6 .bg-wrap { position: absolute; right: 0; top: 0; width: 92.70833%; height: 100%; -webkit-border-top-left-radius: 195px; -moz-border-top-left-radius: 195px; -ms-border-top-left-radius: 195px; -o-border-top-left-radius: 195px; border-top-left-radius: 195px; background: url("../img/sec6_box_bg.jpg") #323232 no-repeat center center; background-size: cover; }
.content-6 .inner-cont-wrap { position: relative; width: 1280px; height: 100%; overflow: hidden; }
.content-6 .inner-cont-wrap .title-holder { position: relative; padding: 337px 0 78px 0; margin-left: -12px; }
.content-6 .inner-cont-wrap .title-holder h2 { width: 1120px; margin: 0 auto; }
.content-6 .inner-cont-wrap .con1-holder { position: relative; margin: 0 0 85px -12px; }
.content-6 .inner-cont-wrap .con1-holder .txt { width: 1120px; text-align: left; padding: 32px 0 0 7px; margin: 0 auto; opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-6 .inner-cont-wrap .con1-holder .txt p { line-height: 1.625em; }
.content-6 .inner-cont-wrap .con1-holder .txt.onTrans { 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); }
.content-6 .inner-cont-wrap .con2-holder { position: relative; margin: 0 0 0 -12px; }
.content-6 .inner-cont-wrap .con2-holder .txt1 { width: 1120px; text-align: left; padding: 0 0 34px 7px; margin: 0 auto; opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-6 .inner-cont-wrap .con2-holder .txt1.onTrans { 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); }
.content-6 .inner-cont-wrap .con2-holder .img-theme { width: 1120px; text-align: left; padding: 0 0 38px 8px; margin: 0 auto; opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-6 .inner-cont-wrap .con2-holder .img-theme.onTrans { opacity: 1; filter: alpha(opacity=100); }
.content-6 .inner-cont-wrap .con2-holder .txt2 { width: 1120px; text-align: left; padding: 0 0 49px 7px; margin: 0 auto; opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-6 .inner-cont-wrap .con2-holder .txt2.onTrans { 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); }
.content-6 .inner-cont-wrap .con2-holder .img-gui { width: 1120px; text-align: left; padding: 0 0 38px 8px; margin: 0 auto; opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-6 .inner-cont-wrap .con2-holder .img-gui.onTrans { opacity: 1; filter: alpha(opacity=100); }
.content-6 .inner-cont-wrap .icon-list-holder { position: relative; margin: 120px auto 0; text-align: left; }
.content-6 .inner-cont-wrap .icon-list-holder ul.icon-list { width: 1120px; margin: 91px auto 0 auto; -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-6 .inner-cont-wrap .icon-list-holder ul.icon-list li { position: relative; display: inline-block; margin-right: 91px; }
.content-6 .inner-cont-wrap .icon-list-holder ul.icon-list li ul { position: absolute; top: 0; left: 0; }
.content-6 .inner-cont-wrap .icon-list-holder ul.icon-list li ul li { position: absolute; top: 0; left: 0; opacity: 0; }
.content-6 .inner-cont-wrap .icon-list-holder ul.icon-list li ul li:first-child { opacity: 1; filter: alpha(opacity=100); }
.content-6 .inner-cont-wrap .icon-list-holder ul.icon-list li.icon-con5 { margin-right: 0; }
.content-6 .inner-cont-wrap .icon-list-holder ul.icon-list.onTrans { opacity: 1; filter: alpha(opacity=100); }

.content-7 { position: relative; width: 100%; height: 2089px; z-index: 9; background-color: #fff; }
.content-7 .bg-wrap { position: absolute; width: 92.70833%; height: 100%; background-color: #000; -webkit-border-bottom-right-radius: 158px; -moz-border-bottom-right-radius: 158px; -ms-border-bottom-right-radius: 158px; -o-border-bottom-right-radius: 158px; border-bottom-right-radius: 158px; }
.content-7 .inner-cont-wrap { position: relative; color: #fff; width: 1280px; height: 100%; overflow: hidden; }
.content-7 .inner-cont-wrap .title-holder { padding: 284px 0 17px 0; margin-left: -60px; }
.content-7 .inner-cont-wrap .title-holder h2 { line-height: 1.1em; margin-left: 137px; }
.content-7 .inner-cont-wrap .con1-holder { position: relative; margin-left: -69px; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con { position: absolute; top: 113px; left: 137px; width: 748px; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .phone-icon { position: relative; width: 100px; height: 100px; z-index: 100; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .phone-icon .box { width: 100%; height: 100%; background-color: #5c5c5c; -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.4s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.4s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.4s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.4s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.4s; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .phone-icon .icon { position: absolute; top: 50%; left: 50%; margin-top: -34.5px; margin-left: -34.5px; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .phone-icon-value { position: absolute; width: 100px; top: 100px; left: 0px; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .phone-icon-value .line-top { width: 1px; height: 0px; border-left: 1px solid #5c5c5c; margin-left: 12px; -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .phone-icon-value .value { margin: -20px 0 0 -44px; color: white; -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .line-bg { position: absolute; width: 648px; border-top: 1px solid #fff; opacity: 0.3; filter: alpha(opacity=30); top: 51px; right: 0; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .line-progress { position: absolute; width: 0px; border-top: 1px solid #00acec; top: 51px; right: 0; width: 0; -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.5s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.5s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.5s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.5s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.5s; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .dot-value { position: absolute; width: 100px; top: 83px; left: 746px; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .dot-value .line-top { width: 1px; height: 0px; border-left: 1px solid #00acec; margin-left: 12px; -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con .dot-value .value { margin: -20px 0 0 -44px; color: #00acec; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con.onTrans .phone-icon .box { background-color: #00acec; -webkit-border-radius: 42px; -moz-border-radius: 42px; -ms-border-radius: 42px; -o-border-radius: 42px; border-radius: 42px; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con.onTrans .phone-icon-value .line-top { width: 1px; height: 49px; border-left: 1px solid #00acec; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con.onTrans .dot-value .line-top { width: 1px; height: 49px; border-left: 1px solid #00acec; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con.onTrans .dot-value .value { opacity: 1; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con.onTrans .phone-icon-value .value { color: #00acec; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con.onTrans .line-progress { width: 648px; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con.offTrans .phone-icon .box { -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .inner-cont-wrap .con1-holder .progress-icon-con.offTrans .line-progress { -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .inner-cont-wrap .con1-holder .txt { text-align: left; padding: 496px 0 317px 150px; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .inner-cont-wrap .con1-holder .img-Iconography { position: absolute; left: 594px; top: 135px; }
.content-7 .inner-cont-wrap .con1-holder.onTrans .txt { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.content-7 .inner-cont-wrap .con2-holder { position: relative; margin-left: -69px; }
.content-7 .inner-cont-wrap .con2-holder .txt { text-align: left; padding: 0 0 50px 150px; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .inner-cont-wrap .con2-holder .img-icon-group { margin: 0 0 0 -85px; }
.content-7 .inner-cont-wrap .con2-holder.onTrans .txt { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

.content-8 { position: relative; width: 100%; height: 1149px; z-index: 9; background-color: #fff; }
.content-8 .line-wrap .newIconArea_lineLeft { position: absolute; bottom: 188px; left: 50%; margin-left: -700px; }
.content-8 .line-wrap .newIconArea_lineRight { position: absolute; left: 76.7%; top: -220px; z-index: 10; }
.content-8 .line-wrap .newIconArea_lineCenter { position: absolute; left: 64.2%; top: -30px; }
.content-8 .inner-cont-wrap .title-holder { padding-top: 243px; /*&.onTrans */ }
.content-8 .inner-cont-wrap .title-holder .line { width: 238px; border-top: 4px solid #000; }
.content-8 .inner-cont-wrap .txt-holder { padding-top: 89px; }
.content-8 .inner-cont-wrap .txt-holder p { font-size: 28px; letter-spacing: -0.08em; line-height: 1.4em; }
.content-8 .inner-cont-wrap .txt-holder span { font-family: "samsungonekorean400"; font-size: medium; letter-spacing: normal; line-height: normal; font-weight: 100; font-size: 16px; letter-spacing: -0.03em; line-height: 2.45em; }
.content-8 .inner-cont-wrap .vl-holder { position: relative; width: 1280px; height: 262px; margin: 74px 0 0 0; z-index: 120; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap { margin-top: 200px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li { position: absolute; left: 0; top: 0; width: 270px; -webkit-transform: scale(0.48); -moz-transform: scale(0.48); -ms-transform: scale(0.48); -o-transform: scale(0.48); transform: scale(0.48); }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li .iconImgWrap { position: relative; width: 100%; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li .iconImgWrap img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li .iconImgWrap .iconObj { width: 100%; z-index: 70; opacity: 0; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li .iconImgWrap .iconBg { z-index: 60; opacity: 0; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li .iconImgWrap .iconDefault { z-index: 50; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.inMotion { -webkit-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.4s; -moz-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.4s; -ms-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.4s; -o-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.4s; transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.4s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.inMotion .iconImgWrap .iconObj { -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.inMotion .iconImgWrap .iconBg { -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.inMotion .iconImgWrap .iconDefault { -webkit-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.outMotion { -webkit-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.outMotion .iconImgWrap .iconObj { -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.outMotion .iconImgWrap .iconBg { -webkit-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.3s; -moz-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.3s; -ms-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.3s; -o-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.3s; transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.3s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.outMotion .iconImgWrap .iconDefault { -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.2s; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.2s; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.2s; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.2s; transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.2s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.onTrans { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.onTrans .iconImgWrap .iconObj { opacity: 1; width: 100%; -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.onTrans .iconImgWrap .iconBg { opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li.onTrans .iconImgWrap .iconDefault { opacity: 0; -webkit-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li:hover { -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li:nth-child(1) { left: 24px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li:nth-child(2) { left: 262px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li:nth-child(3) { left: 506px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li:nth-child(4) { left: 743px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconListWrap li:nth-child(5) { left: 982px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconBtnList { margin-top: 200px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconBtnList li { position: absolute; top: 0; width: 135px; height: 135px; margin: -68px 0 0 68px; /*background-color: red;@include opacity(0.5);*/ }
.content-8 .inner-cont-wrap .vl-holder ul#iconBtnList li a { display: block; width: 100%; height: 100%; }
.content-8 .inner-cont-wrap .vl-holder ul#iconBtnList li.btn0 { left: 24px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconBtnList li.btn1 { left: 262px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconBtnList li.btn2 { left: 506px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconBtnList li.btn3 { left: 743px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconBtnList li.btn4 { left: 982px; }
.content-8 .inner-cont-wrap .vl-holder ul#iconBtnList li.over { width: 270px; height: 270px; margin: -140px 0 0 0px; }

.content-9 { position: relative; width: 100%; height: 1017px; overflow: hidden; }
.content-9 .inner-cont-wrap { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #000; }
.content-9 .inner-cont-wrap ul.img-holder { position: absolute; bottom: 0; right: 0; }
.content-9 .inner-cont-wrap ul.img-holder li { position: absolute; }
.content-9 .inner-cont-wrap ul.img-holder li.phone1 { right: 251px; bottom: 62px; }
.content-9 .inner-cont-wrap ul.img-holder li.phone2 { right: 127px; bottom: -313px; }
.content-9 .inner-cont-wrap ul.img-holder li.phone3 { right: -503px; bottom: 215px; }
.content-9 .inner-cont-wrap .dim-holder { position: absolute; right: 0; bottom: 0; }
.content-9 .inner-cont-wrap.onTrans .txt-holder h4 { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.content-9 .inner-cont-wrap.onTrans .txt-holder p { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.content-9 .inner-cont-wrap.onTrans .common_btn { opacity: 1; }
.content-9 .mask-wrap .mask-box { position: absolute; background: #fff; z-index: 20; }
.content-9 .mask-wrap .mask-box.left { left: 0; top: -2.5%; width: 20%; height: 105%; }
.content-9 .mask-wrap .mask-box.right { right: 0; top: -2.5%; width: 20%; height: 105%; }
.content-9 .obj-wrap { position: absolute; text-align: left; left: 50%; top: 50%; margin: -240px 0 0 -480px; color: #fff; }
.content-9 .obj-wrap h4 { font-size: 28px; line-height: 1.45em; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-9 .obj-wrap p { margin-bottom: 80px; font-size: 20px; font-weight: 400; line-height: 1.65em; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-9 .obj-wrap.onTrans h4 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.content-9 .obj-wrap.onTrans p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.content-9 .obj-wrap .common_btn { position: relative; text-align: left; -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.3s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.3s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.3s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.3s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.3s; }
.content-9 .obj-wrap .common_btn a { display: inline-block; width: 211px; height: 45px; font-size: 0; text-indent: -9999px; vertical-align: top; background-image: url(../img/btn_download.png); background-repeat: no-repeat; }
.content-9 .obj-wrap .common_btn a:hover { background-position-y: -55px; }
.content-9 .obj-wrap .common_btn.onTrans { opacity: 1; }

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