/* rotate */
/* transform-origin */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
@-webkit-keyframes circle-loop { 0% { width: 0; height: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 10px; height: 10px; -webkit-transform: translateY(-866px); -moz-transform: translateY(-866px); -ms-transform: translateY(-866px); -o-transform: translateY(-866px); transform: translateY(-866px); opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes circle-loop { 0% { width: 0; height: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 10px; height: 10px; -webkit-transform: translateY(-866px); -moz-transform: translateY(-866px); -ms-transform: translateY(-866px); -o-transform: translateY(-866px); transform: translateY(-866px); opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes circle-loop { 0% { width: 0; height: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 10px; height: 10px; -webkit-transform: translateY(-866px); -moz-transform: translateY(-866px); -ms-transform: translateY(-866px); -o-transform: translateY(-866px); transform: translateY(-866px); opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes circle-loop { 0% { width: 0; height: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 10px; height: 10px; -webkit-transform: translateY(-866px); -moz-transform: translateY(-866px); -ms-transform: translateY(-866px); -o-transform: translateY(-866px); transform: translateY(-866px); opacity: 0; filter: alpha(opacity=0); } }
@keyframes circle-loop { 0% { width: 0; height: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 10px; height: 10px; -webkit-transform: translateY(-866px); -moz-transform: translateY(-866px); -ms-transform: translateY(-866px); -o-transform: translateY(-866px); transform: translateY(-866px); opacity: 0; filter: alpha(opacity=0); } }
/* line */
body { overflow-x: auto; background: #fff; }

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

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

.content { position: relative; }

h1 { font-family: 'samsungonelatin1100'; font-size: 70px; letter-spacing: 0em; line-height: 1em; font-weight: 100; }

h2 { font-family: 'samsungonelatin700'; font-size: 60px; letter-spacing: 0em; line-height: 1.2em; font-weight: 100; }
h2 span { font-family: 'samsungonelatin1100'; font-size: 62px; letter-spacing: 0.04em; }

h3 { font-family: 'samsungonelatin700'; font-size: 36px; letter-spacing: -0.015em; line-height: 1.33em; font-weight: 100; }

h4 { font-family: 'samsungonelatin600'; font-size: 18px; letter-spacing: -0.075em; line-height: 1.88em; font-weight: 100; }

p { font-family: 'samsungonelatin400'; font-size: 18px; letter-spacing: -0.015em; line-height: 1.88em; font-weight: 100; }

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

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

@keyframes sec1-txt-ani { 0% { -webkit-transform: translateY(1000px); -moz-transform: translateY(1000px); -ms-transform: translateY(1000px); -o-transform: translateY(1000px); transform: translateY(1000px); }
  100% { -webkit-transform: translateY(-2100px); -moz-transform: translateY(-2100px); -ms-transform: translateY(-2100px); -o-transform: translateY(-2100px); transform: translateY(-2100px); } }
@keyframes star-light { 0% { opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
/*common*/
#container { opacity: 0; filter: alpha(opacity=0); }
#container.onShow { opacity: 1; filter: alpha(opacity=100); }

/*part section*/
#section-1 { height: 1200px; background-color: #000; }
#section-1 .bg-wrap { position: absolute; width: 100%; height: 1030px; background: url("../img/sec1_bg.jpg") no-repeat #000 center 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8, 0.8) translateY(-100px); -moz-transform: scale(0.8, 0.8) translateY(-100px); -ms-transform: scale(0.8, 0.8) translateY(-100px); -o-transform: scale(0.8, 0.8) translateY(-100px); transform: scale(0.8, 0.8) translateY(-100px); }
#section-1 .inner-cont-wrap .obj-holder .txt-box { position: absolute; -webkit-transform-origin: 50% 70%; -moz-transform-origin: 50% 70%; -ms-transform-origin: 50% 70%; -o-transform-origin: 50% 70%; transform-origin: 50% 70%; -webkit-transform: perspective(280px) rotateX(17deg); -moz-transform: perspective(280px) rotateX(17deg); -ms-transform: perspective(280px) rotateX(17deg); -o-transform: perspective(280px) rotateX(17deg); transform: perspective(280px) rotateX(17deg); }
#section-1 .inner-cont-wrap .obj-holder .txt-box .txt-clip { -webkit-transform: translateY(1000px); -moz-transform: translateY(1000px); -ms-transform: translateY(1000px); -o-transform: translateY(1000px); transform: translateY(1000px); }
#section-1 .inner-cont-wrap .obj-holder .txt-box .txt-clip .title { padding-bottom: 80px; }
#section-1 .inner-cont-wrap .obj-holder .txt-box .txt-clip .sub-title { padding-bottom: 157px; }
#section-1 .inner-cont-wrap .obj-holder .logo-box { padding-top: 107px; -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); }
#section-1 .inner-cont-wrap .obj-holder .logo-box img { width: 708px; height: 302px; }
#section-1 .inner-cont-wrap .obj-holder .product-box { position: relative; width: 1920px; height: 473px; margin-left: -320px; padding-top: 51px; }
#section-1 .inner-cont-wrap .obj-holder .product-box .dim { position: absolute; background: url("../img/sec1_txt_dim.png") no-repeat 50.5% bottom; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .obj-holder .product-box .product { position: relative; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .obj-holder .txt-dim-bottom-box { position: absolute; width: 1920px; height: 300px; left: -320px; bottom: 0; background: url("../img/sec1_dim_bottom.png") no-repeat 0 0; }
#section-1 .inner-cont-wrap .obj-holder ul.star-list-box { position: absolute; top: 0; left: -320px; }
#section-1 .inner-cont-wrap .obj-holder ul.star-list-box li { opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .obj-holder ul.star-list-box li.star-1 { position: absolute; width: 1057px; height: 497px; background: url("../img/sec1_star1.png") no-repeat 0 0; top: 250px; left: 390px; }
#section-1 .inner-cont-wrap .obj-holder ul.star-list-box li.star-2 { position: absolute; width: 957px; height: 518px; background: url("../img/sec1_star2.png") no-repeat 0 0; top: 211px; left: 346px; }
#section-1 .inner-cont-wrap .obj-holder ul.star-list-box li.star-3 { position: absolute; width: 760px; height: 291px; background: url("../img/sec1_star3.png") no-repeat 0 0; top: 162px; left: 652px; }
#section-1 .inner-cont-wrap .obj-holder ul.star-list-box li.star-4 { position: absolute; width: 794px; height: 241px; background: url("../img/sec1_star4.png") no-repeat 0 0; top: 334px; left: 505px; }
#section-1.onShow .bg-wrap { -webkit-transition: -webkit-transform 2s 0.5s ease-out, opacity 2s 0.5s; -moz-transition: -moz-transform 2s 0.5s ease-out, opacity 2s 0.5s; -ms-transition: -ms-transform 2s 0.5s ease-out, opacity 2s 0.5s; -o-transition: -o-transform 2s 0.5s ease-out, opacity 2s 0.5s; transition: transform 2s 0.5s ease-out, opacity 2s 0.5s; opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1, 1) translateY(0px); -moz-transform: scale(1, 1) translateY(0px); -ms-transform: scale(1, 1) translateY(0px); -o-transform: scale(1, 1) translateY(0px); transform: scale(1, 1) translateY(0px); }
#section-1.onShow .inner-cont-wrap .obj-holder .txt-box .txt-clip { animation: sec1-txt-ani 20s 2s linear; }
#section-1.onShow .inner-cont-wrap .obj-holder .logo-box { -webkit-transition: -webkit-transform 2s ease-in-out; -moz-transition: -moz-transform 2s ease-in-out; -ms-transition: -ms-transform 2s ease-in-out; -o-transition: -o-transform 2s ease-in-out; transition: transform 2s ease-in-out; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-1.onShow .inner-cont-wrap .obj-holder .logo-box img { width: 236px; height: 100px; -webkit-transition: width 2s ease-in-out, height 2s ease-in-out; -moz-transition: width 2s ease-in-out, height 2s ease-in-out; -ms-transition: width 2s ease-in-out, height 2s ease-in-out; -o-transition: width 2s ease-in-out, height 2s ease-in-out; transition: width 2s ease-in-out, height 2s ease-in-out; }
#section-1.onShow .inner-cont-wrap .obj-holder .product-box .dim { -webkit-transition: opacity 1s cubic-bezier(0,0,1,1); -webkit-transition-delay: 3s; -moz-transition: opacity 1s cubic-bezier(0,0,1,1); -moz-transition-delay: 3s; -ms-transition: opacity 1s cubic-bezier(0,0,1,1); -ms-transition-delay: 3s; -o-transition: opacity 1s cubic-bezier(0,0,1,1); -o-transition-delay: 3s; transition: opacity 1s cubic-bezier(0,0,1,1); transition-delay: 3s; opacity: 1; filter: alpha(opacity=100); }
#section-1.onShow .inner-cont-wrap .obj-holder .product-box .product { -webkit-transition: opacity 0.4s cubic-bezier(0,0,1,1); -webkit-transition-delay: 1.5s; -moz-transition: opacity 0.4s cubic-bezier(0,0,1,1); -moz-transition-delay: 1.5s; -ms-transition: opacity 0.4s cubic-bezier(0,0,1,1); -ms-transition-delay: 1.5s; -o-transition: opacity 0.4s cubic-bezier(0,0,1,1); -o-transition-delay: 1.5s; transition: opacity 0.4s cubic-bezier(0,0,1,1); transition-delay: 1.5s; opacity: 1; filter: alpha(opacity=100); }
#section-1.onShow .inner-cont-wrap .obj-holder ul.star-list-box li.star-1 { animation: star-light 2.5s 4s linear infinite; }
#section-1.onShow .inner-cont-wrap .obj-holder ul.star-list-box li.star-2 { animation: star-light 2.2s 3s linear infinite; }
#section-1.onShow .inner-cont-wrap .obj-holder ul.star-list-box li.star-3 { animation: star-light 2s 5s linear infinite; }
#section-1.onShow .inner-cont-wrap .obj-holder ul.star-list-box li.star-4 { animation: star-light 1.5s 6s linear infinite; }

#section-2 { height: 2043px; background-color: #000; }
#section-2 .bg-wrap { position: absolute; width: 100%; height: 1622px; top: 0px; background: url("../img/sec2_bg.jpg") no-repeat #000 center 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(-45deg) scale(0.8); -moz-transform: rotate(-45deg) scale(0.8); -ms-transform: rotate(-45deg) scale(0.8); -o-transform: rotate(-45deg) scale(0.8); transform: rotate(-45deg) scale(0.8); }
#section-2 .bg-wrap.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -webkit-transition: -webkit-transform 2.5s 0.5s ease-out, opacity 2s 1s; -moz-transition: -moz-transform 2.5s 0.5s ease-out, opacity 2s 1s; -ms-transition: -ms-transform 2.5s 0.5s ease-out, opacity 2s 1s; -o-transition: -o-transform 2.5s 0.5s ease-out, opacity 2s 1s; transition: transform 2.5s 0.5s ease-out, opacity 2s 1s; }
#section-2 .copyright-wrap:after { top: 443px; }
#section-2 .inner-cont-wrap .obj-holder { position: relative; height: 1732px; padding-top: 490px; box-sizing: border-box; }
#section-2 .inner-cont-wrap .obj-holder .circle-box { position: absolute; top: 780px; left: 50%; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s cubic-bezier(0, 0.5, 0.5, 1); -webkit-transition-delay: 3s; -moz-transition: opacity 1s cubic-bezier(0, 0.5, 0.5, 1); -moz-transition-delay: 3s; -ms-transition: opacity 1s cubic-bezier(0, 0.5, 0.5, 1); -ms-transition-delay: 3s; -o-transition: opacity 1s cubic-bezier(0, 0.5, 0.5, 1); -o-transition-delay: 3s; transition: opacity 1s cubic-bezier(0, 0.5, 0.5, 1); transition-delay: 3s; }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul { position: absolute; left: 0; top: 0; border-radius: 50%; }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul.spinner-1 .dot { -webkit-animation: circle-loop 6s 2s linear infinite; -moz-animation: circle-loop 6s 2s linear infinite; -ms-animation: circle-loop 6s 2s linear infinite; -o-animation: circle-loop 6s 2s linear infinite; animation: circle-loop 6s 2s linear infinite; }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul.spinner-2 .dot { -webkit-animation: circle-loop 6s 4s linear infinite; -moz-animation: circle-loop 6s 4s linear infinite; -ms-animation: circle-loop 6s 4s linear infinite; -o-animation: circle-loop 6s 4s linear infinite; animation: circle-loop 6s 4s linear infinite; }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul.spinner-3 .dot { -webkit-animation: circle-loop 6s 6s linear infinite; -moz-animation: circle-loop 6s 6s linear infinite; -ms-animation: circle-loop 6s 6s linear infinite; -o-animation: circle-loop 6s 6s linear infinite; animation: circle-loop 6s 6s linear infinite; }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul.spinner-4 .dot { -webkit-animation: circle-loop 6s  8s linear infinite; -moz-animation: circle-loop 6s  8s linear infinite; -ms-animation: circle-loop 6s  8s linear infinite; -o-animation: circle-loop 6s  8s linear infinite; animation: circle-loop 6s  8s linear infinite; }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul li { height: 100%; position: absolute; left: 50%; }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul li .dot { width: 10px; height: 10px; background-color: #fff; border-radius: 90% 90%; position: absolute; top: 50%; left: 50%; margin-left: -5px; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-1 { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-2 { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-3 { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-4 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-5 { -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-6 { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-7 { -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -o-transform: rotate(35deg); transform: rotate(35deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-8 { -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-9 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-10 { -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -o-transform: rotate(50deg); transform: rotate(50deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-11 { -webkit-transform: rotate(55deg); -moz-transform: rotate(55deg); -ms-transform: rotate(55deg); -o-transform: rotate(55deg); transform: rotate(55deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-12 { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-13 { -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-14 { -webkit-transform: rotate(70deg); -moz-transform: rotate(70deg); -ms-transform: rotate(70deg); -o-transform: rotate(70deg); transform: rotate(70deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-15 { -webkit-transform: rotate(75deg); -moz-transform: rotate(75deg); -ms-transform: rotate(75deg); -o-transform: rotate(75deg); transform: rotate(75deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-16 { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-17 { -webkit-transform: rotate(85deg); -moz-transform: rotate(85deg); -ms-transform: rotate(85deg); -o-transform: rotate(85deg); transform: rotate(85deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-18 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-19 { -webkit-transform: rotate(95deg); -moz-transform: rotate(95deg); -ms-transform: rotate(95deg); -o-transform: rotate(95deg); transform: rotate(95deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-20 { -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -ms-transform: rotate(100deg); -o-transform: rotate(100deg); transform: rotate(100deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-21 { -webkit-transform: rotate(105deg); -moz-transform: rotate(105deg); -ms-transform: rotate(105deg); -o-transform: rotate(105deg); transform: rotate(105deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-22 { -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-23 { -webkit-transform: rotate(115deg); -moz-transform: rotate(115deg); -ms-transform: rotate(115deg); -o-transform: rotate(115deg); transform: rotate(115deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-24 { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-25 { -webkit-transform: rotate(125deg); -moz-transform: rotate(125deg); -ms-transform: rotate(125deg); -o-transform: rotate(125deg); transform: rotate(125deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-26 { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-27 { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-28 { -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(140deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-29 { -webkit-transform: rotate(145deg); -moz-transform: rotate(145deg); -ms-transform: rotate(145deg); -o-transform: rotate(145deg); transform: rotate(145deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-30 { -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-31 { -webkit-transform: rotate(155deg); -moz-transform: rotate(155deg); -ms-transform: rotate(155deg); -o-transform: rotate(155deg); transform: rotate(155deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-32 { -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-33 { -webkit-transform: rotate(165deg); -moz-transform: rotate(165deg); -ms-transform: rotate(165deg); -o-transform: rotate(165deg); transform: rotate(165deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-34 { -webkit-transform: rotate(170deg); -moz-transform: rotate(170deg); -ms-transform: rotate(170deg); -o-transform: rotate(170deg); transform: rotate(170deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-35 { -webkit-transform: rotate(175deg); -moz-transform: rotate(175deg); -ms-transform: rotate(175deg); -o-transform: rotate(175deg); transform: rotate(175deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-36 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-37 { -webkit-transform: rotate(185deg); -moz-transform: rotate(185deg); -ms-transform: rotate(185deg); -o-transform: rotate(185deg); transform: rotate(185deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-38 { -webkit-transform: rotate(190deg); -moz-transform: rotate(190deg); -ms-transform: rotate(190deg); -o-transform: rotate(190deg); transform: rotate(190deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-39 { -webkit-transform: rotate(195deg); -moz-transform: rotate(195deg); -ms-transform: rotate(195deg); -o-transform: rotate(195deg); transform: rotate(195deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-40 { -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-41 { -webkit-transform: rotate(205deg); -moz-transform: rotate(205deg); -ms-transform: rotate(205deg); -o-transform: rotate(205deg); transform: rotate(205deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-42 { -webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); -ms-transform: rotate(210deg); -o-transform: rotate(210deg); transform: rotate(210deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-43 { -webkit-transform: rotate(215deg); -moz-transform: rotate(215deg); -ms-transform: rotate(215deg); -o-transform: rotate(215deg); transform: rotate(215deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-44 { -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); -o-transform: rotate(220deg); transform: rotate(220deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-45 { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-46 { -webkit-transform: rotate(230deg); -moz-transform: rotate(230deg); -ms-transform: rotate(230deg); -o-transform: rotate(230deg); transform: rotate(230deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-47 { -webkit-transform: rotate(235deg); -moz-transform: rotate(235deg); -ms-transform: rotate(235deg); -o-transform: rotate(235deg); transform: rotate(235deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-48 { -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); -ms-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-49 { -webkit-transform: rotate(245deg); -moz-transform: rotate(245deg); -ms-transform: rotate(245deg); -o-transform: rotate(245deg); transform: rotate(245deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-50 { -webkit-transform: rotate(250deg); -moz-transform: rotate(250deg); -ms-transform: rotate(250deg); -o-transform: rotate(250deg); transform: rotate(250deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-51 { -webkit-transform: rotate(255deg); -moz-transform: rotate(255deg); -ms-transform: rotate(255deg); -o-transform: rotate(255deg); transform: rotate(255deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-52 { -webkit-transform: rotate(260deg); -moz-transform: rotate(260deg); -ms-transform: rotate(260deg); -o-transform: rotate(260deg); transform: rotate(260deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-53 { -webkit-transform: rotate(265deg); -moz-transform: rotate(265deg); -ms-transform: rotate(265deg); -o-transform: rotate(265deg); transform: rotate(265deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-54 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-55 { -webkit-transform: rotate(275deg); -moz-transform: rotate(275deg); -ms-transform: rotate(275deg); -o-transform: rotate(275deg); transform: rotate(275deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-56 { -webkit-transform: rotate(280deg); -moz-transform: rotate(280deg); -ms-transform: rotate(280deg); -o-transform: rotate(280deg); transform: rotate(280deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-57 { -webkit-transform: rotate(285deg); -moz-transform: rotate(285deg); -ms-transform: rotate(285deg); -o-transform: rotate(285deg); transform: rotate(285deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-58 { -webkit-transform: rotate(290deg); -moz-transform: rotate(290deg); -ms-transform: rotate(290deg); -o-transform: rotate(290deg); transform: rotate(290deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-59 { -webkit-transform: rotate(295deg); -moz-transform: rotate(295deg); -ms-transform: rotate(295deg); -o-transform: rotate(295deg); transform: rotate(295deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-60 { -webkit-transform: rotate(300deg); -moz-transform: rotate(300deg); -ms-transform: rotate(300deg); -o-transform: rotate(300deg); transform: rotate(300deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-61 { -webkit-transform: rotate(305deg); -moz-transform: rotate(305deg); -ms-transform: rotate(305deg); -o-transform: rotate(305deg); transform: rotate(305deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-62 { -webkit-transform: rotate(310deg); -moz-transform: rotate(310deg); -ms-transform: rotate(310deg); -o-transform: rotate(310deg); transform: rotate(310deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-63 { -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-64 { -webkit-transform: rotate(320deg); -moz-transform: rotate(320deg); -ms-transform: rotate(320deg); -o-transform: rotate(320deg); transform: rotate(320deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-65 { -webkit-transform: rotate(325deg); -moz-transform: rotate(325deg); -ms-transform: rotate(325deg); -o-transform: rotate(325deg); transform: rotate(325deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-66 { -webkit-transform: rotate(330deg); -moz-transform: rotate(330deg); -ms-transform: rotate(330deg); -o-transform: rotate(330deg); transform: rotate(330deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-67 { -webkit-transform: rotate(335deg); -moz-transform: rotate(335deg); -ms-transform: rotate(335deg); -o-transform: rotate(335deg); transform: rotate(335deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-68 { -webkit-transform: rotate(340deg); -moz-transform: rotate(340deg); -ms-transform: rotate(340deg); -o-transform: rotate(340deg); transform: rotate(340deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-69 { -webkit-transform: rotate(345deg); -moz-transform: rotate(345deg); -ms-transform: rotate(345deg); -o-transform: rotate(345deg); transform: rotate(345deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-70 { -webkit-transform: rotate(350deg); -moz-transform: rotate(350deg); -ms-transform: rotate(350deg); -o-transform: rotate(350deg); transform: rotate(350deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-71 { -webkit-transform: rotate(355deg); -moz-transform: rotate(355deg); -ms-transform: rotate(355deg); -o-transform: rotate(355deg); transform: rotate(355deg); }
#section-2 .inner-cont-wrap .obj-holder .circle-box.onShow ul .item-72 { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
#section-2 .inner-cont-wrap .obj-holder .obj-box { position: relative; width: 549px; height: 568px; margin: 0 auto 60px; }
#section-2 .inner-cont-wrap .obj-holder .obj-box .obj-before { position: absolute; left: 0; top: 0; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
#section-2 .inner-cont-wrap .obj-holder .obj-box .obj-after { position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .obj-holder .obj-box.onTrans .obj-before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; filter: alpha(opacity=0); -webkit-transition: -webkit-transform 1.5s 0.5s cubic-bezier(.72,-0.01,.34,.86), opacity 1s 3.8s ease-in; -moz-transition: -moz-transform 1.5s 0.5s cubic-bezier(.72,-0.01,.34,.86), opacity 1s 3.8s ease-in; -ms-transition: -ms-transform 1.5s 0.5s cubic-bezier(.72,-0.01,.34,.86), opacity 1s 3.8s ease-in; -o-transition: -o-transform 1.5s 0.5s cubic-bezier(.72,-0.01,.34,.86), opacity 1s 3.8s ease-in; transition: transform 1.5s 0.5s cubic-bezier(.72,-0.01,.34,.86), opacity 1s 3.8s ease-in; }
#section-2 .inner-cont-wrap .obj-holder .obj-box.onTrans .obj-after { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s cubic-bezier(0,0,1,1); -webkit-transition-delay: 3s; -moz-transition: opacity 1s cubic-bezier(0,0,1,1); -moz-transition-delay: 3s; -ms-transition: opacity 1s cubic-bezier(0,0,1,1); -ms-transition-delay: 3s; -o-transition: opacity 1s cubic-bezier(0,0,1,1); -o-transition-delay: 3s; transition: opacity 1s cubic-bezier(0,0,1,1); transition-delay: 3s; }
#section-2 .inner-cont-wrap .obj-holder .txt-box h2 { margin-bottom: 53px; color: #fff; opacity: 0; filter: alpha(opacity=0); font-size: 45px; letter-spacing: -0.015em; }
#section-2 .inner-cont-wrap .obj-holder .txt-box p { font-family: 'samsungonelatin500'; margin-bottom: 32px; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
#section-2 .inner-cont-wrap .obj-holder .txt-box p:last-child { margin-bottom: 0; }
#section-2 .inner-cont-wrap .obj-holder .txt-box.onTrans h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s cubic-bezier(0,0,1,1); -webkit-transition-delay: 3s; -moz-transition: opacity 1s cubic-bezier(0,0,1,1); -moz-transition-delay: 3s; -ms-transition: opacity 1s cubic-bezier(0,0,1,1); -ms-transition-delay: 3s; -o-transition: opacity 1s cubic-bezier(0,0,1,1); -o-transition-delay: 3s; transition: opacity 1s cubic-bezier(0,0,1,1); transition-delay: 3s; }
#section-2 .inner-cont-wrap .obj-holder .txt-box.onTrans p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 1s 3.5s ease-out, opacity 1s 3.5s; -moz-transition: -moz-transform 1s 3.5s ease-out, opacity 1s 3.5s; -ms-transition: -ms-transform 1s 3.5s ease-out, opacity 1s 3.5s; -o-transition: -o-transform 1s 3.5s ease-out, opacity 1s 3.5s; transition: transform 1s 3.5s ease-out, opacity 1s 3.5s; }

#section-3 { background-color: #151515; height: 3135px; color: #fff; }
#section-3 .bg-wrap { position: absolute; width: 100%; height: 1000px; background: url("../img/sec3_bg.jpg") no-repeat #000 center 0; }
#section-3 .inner-cont-wrap .title-holder { position: relative; padding-top: 169px; }
#section-3 .inner-cont-wrap .title-holder h2 { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .title-holder h2.t-1 { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
#section-3 .inner-cont-wrap .title-holder h2.t-2 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); padding-bottom: 43px; }
#section-3 .inner-cont-wrap .title-holder p { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .title-holder.onShow h2 { -webkit-transition: -webkit-transform 1s ease-out, opacity 1s; -moz-transition: -moz-transform 1s ease-out, opacity 1s; -ms-transition: -ms-transform 1s ease-out, opacity 1s; -o-transition: -o-transform 1s ease-out, opacity 1s; transition: transform 1s ease-out, opacity 1s; -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-3 .inner-cont-wrap .title-holder.onShow p { -webkit-transition: -webkit-transform 1s 0.7s ease-out, opacity 1s 0.7s; -moz-transition: -moz-transform 1s 0.7s ease-out, opacity 1s 0.7s; -ms-transition: -ms-transform 1s 0.7s ease-out, opacity 1s 0.7s; -o-transition: -o-transform 1s 0.7s ease-out, opacity 1s 0.7s; transition: transform 1s 0.7s ease-out, opacity 1s 0.7s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-1-holder { position: relative; height: 1300px; text-align: left; margin-bottom: 136px; }
#section-3 .inner-cont-wrap .cont-1-holder .title-box { position: absolute; top: 496px; left: 729px; }
#section-3 .inner-cont-wrap .cont-1-holder .title-box h3 { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-1-holder .title-box h3.t-1 { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
#section-3 .inner-cont-wrap .cont-1-holder .title-box h3.t-2 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); }
#section-3 .inner-cont-wrap .cont-1-holder .title-box.onShow h3 { -webkit-transition: -webkit-transform 1s ease-out, opacity 1s; -moz-transition: -moz-transform 1s ease-out, opacity 1s; -ms-transition: -ms-transform 1s ease-out, opacity 1s; -o-transition: -o-transform 1s ease-out, opacity 1s; transition: transform 1s ease-out, opacity 1s; -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-3 .inner-cont-wrap .cont-1-holder .txt-box { position: absolute; top: 704px; left: 53px; }
#section-3 .inner-cont-wrap .cont-1-holder .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
#section-3 .inner-cont-wrap .cont-1-holder .txt-box.onShow p { -webkit-transition: -webkit-transform 1s 0.7s ease-out, opacity 1s 0.7s; -moz-transition: -moz-transform 1s 0.7s ease-out, opacity 1s 0.7s; -ms-transition: -ms-transform 1s 0.7s ease-out, opacity 1s 0.7s; -o-transition: -o-transform 1s 0.7s ease-out, opacity 1s 0.7s; transition: transform 1s 0.7s ease-out, opacity 1s 0.7s; 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); }
#section-3 .inner-cont-wrap .cont-1-holder .product-box { position: absolute; top: 238px; left: 50px; }
#section-3 .inner-cont-wrap .cont-1-holder .product-box ul { position: absolute; }
#section-3 .inner-cont-wrap .cont-1-holder .product-box ul li { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-1-holder .product-box ul li.active { z-index: 10; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.7s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.7s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: opacity 0.7s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: opacity 0.7s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: opacity 0.7s cubic-bezier(0,0,1,1); transition-delay: 0s; }
#section-3 .inner-cont-wrap .cont-1-holder .product-box ul li.on { z-index: 5; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-1-holder .product-box ul.black { width: 537px; height: 610px; background: url("../img/sec3_1_shadow.png") no-repeat -17px bottom; }
#section-3 .inner-cont-wrap .cont-1-holder .product-box ul.white { width: 534px; height: 498px; top: 493px; left: 679px; background: url("../img/sec3_2_shadow.png") no-repeat -17px bottom; }
#section-3 .inner-cont-wrap .cont-2-holder { position: relative; text-align: left; }
#section-3 .inner-cont-wrap .cont-2-holder .product-box .shadow { position: absolute; top: -380px; left: -220px; width: 1643px; height: 1226px; background: url("../img/sec3_3_shadow.png") no-repeat 0 0; opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-2-holder .product-box .black { position: absolute; top: 0; left: -100px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-2-holder .product-box .white { position: absolute; top: 26px; left: 805px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-2-holder .product-box.onShow .shadow { -webkit-transition: opacity 2s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0.5s; -moz-transition: opacity 2s cubic-bezier(0,0,1,1); -moz-transition-delay: 0.5s; -ms-transition: opacity 2s cubic-bezier(0,0,1,1); -ms-transition-delay: 0.5s; -o-transition: opacity 2s cubic-bezier(0,0,1,1); -o-transition-delay: 0.5s; transition: opacity 2s cubic-bezier(0,0,1,1); transition-delay: 0.5s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-2-holder .product-box.onShow .black { -webkit-transition: opacity 2s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: opacity 2s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: opacity 2s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: opacity 2s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: opacity 2s cubic-bezier(0,0,1,1); transition-delay: 0s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-2-holder .product-box.onShow .white { -webkit-transition: opacity 2s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0.5s; -moz-transition: opacity 2s cubic-bezier(0,0,1,1); -moz-transition-delay: 0.5s; -ms-transition: opacity 2s cubic-bezier(0,0,1,1); -ms-transition-delay: 0.5s; -o-transition: opacity 2s cubic-bezier(0,0,1,1); -o-transition-delay: 0.5s; transition: opacity 2s cubic-bezier(0,0,1,1); transition-delay: 0.5s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-2-holder .txt-box { padding: 590px 0 0 54px; }
#section-3 .inner-cont-wrap .cont-2-holder .txt-box .title { float: left; width: 422px; height: 231px; }
#section-3 .inner-cont-wrap .cont-2-holder .txt-box .title h3.t-1 { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-2-holder .txt-box .title h3.t-2 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-2-holder .txt-box .txt p { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-2-holder .txt-box.onShow .title h3 { -webkit-transition: -webkit-transform 1s ease-out, opacity 1s; -moz-transition: -moz-transform 1s ease-out, opacity 1s; -ms-transition: -ms-transform 1s ease-out, opacity 1s; -o-transition: -o-transform 1s ease-out, opacity 1s; transition: transform 1s ease-out, opacity 1s; -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-3 .inner-cont-wrap .cont-2-holder .txt-box.onShow .txt p { -webkit-transition: -webkit-transform 1s 0.4s ease-out, opacity 1s 0.4s; -moz-transition: -moz-transform 1s 0.4s ease-out, opacity 1s 0.4s; -ms-transition: -ms-transform 1s 0.4s ease-out, opacity 1s 0.4s; -o-transition: -o-transform 1s 0.4s ease-out, opacity 1s 0.4s; transition: transform 1s 0.4s ease-out, opacity 1s 0.4s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); }

#section-4 { height: 2569px; background-color: #0e0e0e; overflow: hidden; }
#section-4 .bg-wrap .bg-white { position: absolute; left: 50%; right: 0; height: 100%; margin-left: -1270px; background: #eee url(../img/sec4_bg_white.png) left no-repeat; }
#section-4 .bg-wrap .bg-black { position: absolute; right: 50%; left: 0; height: 100%; margin-right: -1013px; background: url(../img/sec4_bg_black.png) right no-repeat; }
#section-4 .inner-cont-wrap .title-holder { padding-top: 170px; margin-bottom: 95px; }
#section-4 .inner-cont-wrap .title-holder h2 { opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .title-holder h2.t-1 { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
#section-4 .inner-cont-wrap .title-holder h2.t-2 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); margin-bottom: 41px; }
#section-4 .inner-cont-wrap .title-holder p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
#section-4 .inner-cont-wrap .title-holder p.p-1 { margin-bottom: 38px; }
#section-4 .inner-cont-wrap .title-holder p.p-2 { margin-bottom: 0; }
#section-4 .inner-cont-wrap .title-holder.onShow h2 { -webkit-transition: -webkit-transform 1s ease-out, opacity 1s; -moz-transition: -moz-transform 1s ease-out, opacity 1s; -ms-transition: -ms-transform 1s ease-out, opacity 1s; -o-transition: -o-transform 1s ease-out, opacity 1s; transition: transform 1s ease-out, opacity 1s; -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-4 .inner-cont-wrap .title-holder.onShow p { -webkit-transition: -webkit-transform 1s 0.4s ease-out, opacity 1s 0.4s; -moz-transition: -moz-transform 1s 0.4s ease-out, opacity 1s 0.4s; -ms-transition: -ms-transform 1s 0.4s ease-out, opacity 1s 0.4s; -o-transition: -o-transform 1s 0.4s ease-out, opacity 1s 0.4s; transition: transform 1s 0.4s ease-out, opacity 1s 0.4s; 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); }
#section-4 .inner-cont-wrap .cont-1-holder { position: relative; left: 50%; margin-left: -325px; height: 740px; }
#section-4 .inner-cont-wrap .cont-1-holder .obj-box { position: absolute; left: 0; top: 0; -webkit-transform: translate(1200px, -1250px); -moz-transform: translate(1200px, -1250px); -ms-transform: translate(1200px, -1250px); -o-transform: translate(1200px, -1250px); transform: translate(1200px, -1250px); }
#section-4 .inner-cont-wrap .cont-1-holder .audio-box { position: absolute; left: 442px; bottom: 8px; z-index: 10; }
#section-4 .inner-cont-wrap .cont-1-holder .audio-box ul.audio-list li { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); -o-transform: translateY(70px); transform: translateY(70px); }
#section-4 .inner-cont-wrap .cont-1-holder .audio-box ul.audio-list li.audio-1.active .black-bg { -webkit-transition: left 0.4s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: left 0.4s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: left 0.4s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: left 0.4s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: left 0.4s cubic-bezier(0,0,1,1); transition-delay: 0s; left: 0; }
#section-4 .inner-cont-wrap .cont-1-holder.onShow .obj-box { -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; transition: transform 2s ease-out; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .cont-1-holder.onShow .audio-box ul.audio-list li.audio-1 { -webkit-transition: -webkit-transform 0.8s ease-out,opacity 0.8s; -moz-transition: -moz-transform 0.8s ease-out,opacity 0.8s; -ms-transition: -ms-transform 0.8s ease-out,opacity 0.8s; -o-transition: -o-transform 0.8s ease-out,opacity 0.8s; transition: transform 0.8s ease-out,opacity 0.8s; 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); }
#section-4 .inner-cont-wrap .cont-1-holder.onShow .audio-box ul.audio-list li.audio-2 { -webkit-transition: -webkit-transform 0.8s 0.25s ease-out,opacity 0.8s 0.25s; -moz-transition: -moz-transform 0.8s 0.25s ease-out,opacity 0.8s 0.25s; -ms-transition: -ms-transform 0.8s 0.25s ease-out,opacity 0.8s 0.25s; -o-transition: -o-transform 0.8s 0.25s ease-out,opacity 0.8s 0.25s; transition: transform 0.8s 0.25s ease-out,opacity 0.8s 0.25s; 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); }
#section-4 .inner-cont-wrap .cont-1-holder.onShow .audio-box ul.audio-list li.audio-3 { -webkit-transition: -webkit-transform 0.8s 0.45s ease-out,opacity 0.8s 0.45s; -moz-transition: -moz-transform 0.8s 0.45s ease-out,opacity 0.8s 0.45s; -ms-transition: -ms-transform 0.8s 0.45s ease-out,opacity 0.8s 0.45s; -o-transition: -o-transform 0.8s 0.45s ease-out,opacity 0.8s 0.45s; transition: transform 0.8s 0.45s ease-out,opacity 0.8s 0.45s; 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); }
#section-4 .inner-cont-wrap .cont-2-holder { position: relative; margin-top: -437px; left: 50%; margin-left: -687px; height: 1190px; }
#section-4 .inner-cont-wrap .cont-2-holder .obj-box { position: absolute; top: 0; -webkit-transform: translate(-1800px, -1800px); -moz-transform: translate(-1800px, -1800px); -ms-transform: translate(-1800px, -1800px); -o-transform: translate(-1800px, -1800px); transform: translate(-1800px, -1800px); }
#section-4 .inner-cont-wrap .cont-2-holder .audio-box { position: absolute; top: 588px; left: 135px; }
#section-4 .inner-cont-wrap .cont-2-holder .audio-box ul.audio-list li { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); -o-transform: translateY(70px); transform: translateY(70px); }
#section-4 .inner-cont-wrap .cont-2-holder .audio-box ul.audio-list li .txt-clip p { color: #414141; }
#section-4 .inner-cont-wrap .cont-2-holder .audio-box ul.audio-list li.audio-1 .txt-clip .txt { width: 191px; }
#section-4 .inner-cont-wrap .cont-2-holder .audio-box ul.audio-list li.audio-2.active .black-bg { -webkit-transition: left 1.7s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: left 1.7s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: left 1.7s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: left 1.7s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: left 1.7s cubic-bezier(0,0,1,1); transition-delay: 0s; left: 0; }
#section-4 .inner-cont-wrap .cont-2-holder .audio-box ul.audio-list li.audio-3.active .black-bg { -webkit-transition: left 2.5s cubic-bezier(0,0,1,1); -webkit-transition-delay: 1s; -moz-transition: left 2.5s cubic-bezier(0,0,1,1); -moz-transition-delay: 1s; -ms-transition: left 2.5s cubic-bezier(0,0,1,1); -ms-transition-delay: 1s; -o-transition: left 2.5s cubic-bezier(0,0,1,1); -o-transition-delay: 1s; transition: left 2.5s cubic-bezier(0,0,1,1); transition-delay: 1s; left: 0; }
#section-4 .inner-cont-wrap .cont-2-holder .audio-box ul.audio-list li.audio-4.active .black-bg { -webkit-transition: left 2.3s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: left 2.3s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: left 2.3s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: left 2.3s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: left 2.3s cubic-bezier(0,0,1,1); transition-delay: 0s; left: 0; }
#section-4 .inner-cont-wrap .cont-2-holder .audio-box ul.audio-list li.audio-5.active .black-bg { -webkit-transition: left 1.6s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: left 1.6s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: left 1.6s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: left 1.6s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: left 1.6s cubic-bezier(0,0,1,1); transition-delay: 0s; left: 0; }
#section-4 .inner-cont-wrap .cont-2-holder.onShow .obj-box { -webkit-transition: -webkit-transform 2s 0.3s ease-out; -moz-transition: -moz-transform 2s 0.3s ease-out; -ms-transition: -ms-transform 2s 0.3s ease-out; -o-transition: -o-transform 2s 0.3s ease-out; transition: transform 2s 0.3s ease-out; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .cont-2-holder.onShow .audio-box ul.audio-list li.audio-1 { -webkit-transition: -webkit-transform 0.8s ease-out,opacity 0.8s; -moz-transition: -moz-transform 0.8s ease-out,opacity 0.8s; -ms-transition: -ms-transform 0.8s ease-out,opacity 0.8s; -o-transition: -o-transform 0.8s ease-out,opacity 0.8s; transition: transform 0.8s ease-out,opacity 0.8s; 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); }
#section-4 .inner-cont-wrap .cont-2-holder.onShow .audio-box ul.audio-list li.audio-2 { -webkit-transition: -webkit-transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; -moz-transition: -moz-transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; -ms-transition: -ms-transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; -o-transition: -o-transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; transition: transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; 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); }
#section-4 .inner-cont-wrap .cont-2-holder.onShow .audio-box ul.audio-list li.audio-3 { -webkit-transition: -webkit-transform 0.8s 0.55s ease-out,opacity 0.8s 0.55s; -moz-transition: -moz-transform 0.8s 0.55s ease-out,opacity 0.8s 0.55s; -ms-transition: -ms-transform 0.8s 0.55s ease-out,opacity 0.8s 0.55s; -o-transition: -o-transform 0.8s 0.55s ease-out,opacity 0.8s 0.55s; transition: transform 0.8s 0.55s ease-out,opacity 0.8s 0.55s; 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); }
#section-4 .inner-cont-wrap .cont-2-holder.onShow .audio-box ul.audio-list li.audio-4 { -webkit-transition: -webkit-transform 0.8s 0.75s ease-out,opacity 0.8s 0.75s; -moz-transition: -moz-transform 0.8s 0.75s ease-out,opacity 0.8s 0.75s; -ms-transition: -ms-transform 0.8s 0.75s ease-out,opacity 0.8s 0.75s; -o-transition: -o-transform 0.8s 0.75s ease-out,opacity 0.8s 0.75s; transition: transform 0.8s 0.75s ease-out,opacity 0.8s 0.75s; 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); }
#section-4 .inner-cont-wrap .cont-2-holder.onShow .audio-box ul.audio-list li.audio-5 { -webkit-transition: -webkit-transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; -moz-transition: -moz-transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; -ms-transition: -ms-transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; -o-transition: -o-transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; transition: transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; 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); }
#section-4 .inner-cont-wrap .audio-list li { display: table; table-layout: fixed; margin-top: 54px; }
#section-4 .inner-cont-wrap .audio-list li:first-child { margin-top: 0; }
#section-4 .inner-cont-wrap .audio-list li .btn-clip { display: table-cell; vertical-align: middle; width: 90px; }
#section-4 .inner-cont-wrap .audio-list li .btn-clip .btn { display: block; width: 61px; height: 61px; background: url(../img/spr_btn_audio.png) 0 -65px no-repeat; }
#section-4 .inner-cont-wrap .audio-list li .btn-clip .btn.v2 { background-position: 0 -130px; }
#section-4 .inner-cont-wrap .audio-list li .txt-clip { display: table-cell; vertical-align: middle; text-align: left; }
#section-4 .inner-cont-wrap .audio-list li .txt-clip p { margin-bottom: 10px; font-family: 'samsungonelatin700'; font-size: 28px; letter-spacing: -0.015em; line-height: 1; color: #a0a0a0; }
#section-4 .inner-cont-wrap .audio-list li .txt-clip .txt { position: relative; }
#section-4 .inner-cont-wrap .audio-list li .txt-clip .txt .line-bg { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; background: url(../img/audio/txt_bg.png) repeat; }
#section-4 .inner-cont-wrap .audio-list li .txt-clip .txt .line-bg .black-bg { position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #000; -webkit-transition: left 0.4s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: left 0.4s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: left 0.4s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: left 0.4s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: left 0.4s cubic-bezier(0,0,1,1); transition-delay: 0s; }
#section-4 .inner-cont-wrap .audio-list li .txt-clip .txt .line-bg .black-bg.v2 { background-color: #fff; }
#section-4 .inner-cont-wrap .audio-list li .txt-clip .txt .txt-mask { position: relative; overflow: hidden; }
#section-4 .inner-cont-wrap .audio-list li.active .btn-clip .btn { background-position: 0 0px; }
#section-4 .inner-cont-wrap .audio-list li.active .btn-clip .btn.v2 { background-position: 0 -195px; }
#section-4 .inner-cont-wrap .audio-list li.active .txt-clip .txt .line-bg .black-bg { -webkit-transition: left 0.8s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: left 0.8s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: left 0.8s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: left 0.8s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: left 0.8s cubic-bezier(0,0,1,1); transition-delay: 0s; left: 0; }
#section-4 .inner-cont-wrap .audio-list li.done .txt-clip .txt .line-bg .black-bg { left: 0; }

#section-5 { height: 1767px; background-color: #000; }
#section-5 .bg-wrap { position: absolute; width: 100%; height: 1750px; background: url("../img/sec5_bg.jpg") no-repeat center 0; -webkit-transform: scale(0.7, 0.7); -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -o-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); opacity: 0; filter: alpha(opacity=0); }
#section-5 .bg-wrap.onShow { -webkit-transition: -webkit-transform 2.5s ease-out,opacity 2.5s; -moz-transition: -moz-transform 2.5s ease-out,opacity 2.5s; -ms-transition: -ms-transform 2.5s ease-out,opacity 2.5s; -o-transition: -o-transform 2.5s ease-out,opacity 2.5s; transition: transform 2.5s ease-out,opacity 2.5s; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap { width: 100%; min-width: 1280px; height: 1750px; }
#section-5 .inner-cont-wrap .txt-holder { position: relative; padding: 173px 0 218px 0; color: #fff; }
#section-5 .inner-cont-wrap .txt-holder h2 { opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .txt-holder h2.t-1 { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
#section-5 .inner-cont-wrap .txt-holder h2.t-2 { padding-bottom: 44px; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); }
#section-5 .inner-cont-wrap .txt-holder p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
#section-5 .inner-cont-wrap .txt-holder p.p-1 { padding-bottom: 37px; }
#section-5 .inner-cont-wrap .txt-holder.onShow h2 { -webkit-transition: -webkit-transform 1s ease-out, opacity 1s; -moz-transition: -moz-transform 1s ease-out, opacity 1s; -ms-transition: -ms-transform 1s ease-out, opacity 1s; -o-transition: -o-transform 1s ease-out, opacity 1s; transition: transform 1s ease-out, opacity 1s; -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 .txt-holder.onShow p.p-1 { -webkit-transition: -webkit-transform 1s 0.4s ease-out, opacity 1s 0.4s; -moz-transition: -moz-transform 1s 0.4s ease-out, opacity 1s 0.4s; -ms-transition: -ms-transform 1s 0.4s ease-out, opacity 1s 0.4s; -o-transition: -o-transform 1s 0.4s ease-out, opacity 1s 0.4s; transition: transform 1s 0.4s ease-out, opacity 1s 0.4s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .txt-holder.onShow p.p-2 { -webkit-transition: -webkit-transform 1s 0.6s ease-out, opacity 1s 0.6s; -moz-transition: -moz-transform 1s 0.6s ease-out, opacity 1s 0.6s; -ms-transition: -ms-transform 1s 0.6s ease-out, opacity 1s 0.6s; -o-transition: -o-transform 1s 0.6s ease-out, opacity 1s 0.6s; transition: transform 1s 0.6s ease-out, opacity 1s 0.6s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap ul.icon-holder { position: absolute; width: 1734px; top: 302px; left: 50%; margin-left: -838px; }
#section-5 .inner-cont-wrap ul.icon-holder li.icon-1 { float: left; margin: -190px 0 0 132px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -ms-transform: translateX(150px); -o-transform: translateX(150px); transform: translateX(150px); }
#section-5 .inner-cont-wrap ul.icon-holder li.icon-2 { float: right; padding-top: 77px; margin-right: -8px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -o-transform: translateX(-150px); transform: translateX(-150px); }
#section-5 .inner-cont-wrap ul.icon-holder.onShow li.icon-1 { -webkit-transition: -webkit-transform 1.5s 1s ease-out, opacity 1.5s 1s; -moz-transition: -moz-transform 1.5s 1s ease-out, opacity 1.5s 1s; -ms-transition: -ms-transform 1.5s 1s ease-out, opacity 1.5s 1s; -o-transition: -o-transform 1.5s 1s ease-out, opacity 1.5s 1s; transition: transform 1.5s 1s ease-out, opacity 1.5s 1s; -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 ul.icon-holder.onShow li.icon-2 { -webkit-transition: -webkit-transform 1.5s 0.8s ease-out, opacity 1.5s 0.8s; -moz-transition: -moz-transform 1.5s 0.8s ease-out, opacity 1.5s 0.8s; -ms-transition: -ms-transform 1.5s 0.8s ease-out, opacity 1.5s 0.8s; -o-transition: -o-transform 1.5s 0.8s ease-out, opacity 1.5s 0.8s; transition: transform 1.5s 0.8s ease-out, opacity 1.5s 0.8s; -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 ul.product-holder { width: 1139px; /*margin-left: 74px;*/ margin: 0 auto; }
#section-5 .inner-cont-wrap ul.product-holder li.product-1 { float: left; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); }
#section-5 .inner-cont-wrap ul.product-holder li.product-2 { float: right; padding-top: 81px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
#section-5 .inner-cont-wrap ul.product-holder.onShow li.product-1 { -webkit-transition: -webkit-transform 1.5s ease-out, opacity 1.5s; -moz-transition: -moz-transform 1.5s ease-out, opacity 1.5s; -ms-transition: -ms-transform 1.5s ease-out, opacity 1.5s; -o-transition: -o-transform 1.5s ease-out, opacity 1.5s; transition: transform 1.5s ease-out, opacity 1.5s; -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 ul.product-holder.onShow li.product-2 { -webkit-transition: -webkit-transform 1.5s 0.7s ease-out, opacity 1.5s 0.7s; -moz-transition: -moz-transform 1.5s 0.7s ease-out, opacity 1.5s 0.7s; -ms-transition: -ms-transform 1.5s 0.7s ease-out, opacity 1.5s 0.7s; -o-transition: -o-transform 1.5s 0.7s ease-out, opacity 1.5s 0.7s; transition: transform 1.5s 0.7s ease-out, opacity 1.5s 0.7s; -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-6 { height: 1080px; }
#section-6 .bg-wrap { position: absolute; width: 100%; height: 100%; background: url("../img/sec6_bg.jpg") no-repeat center 0; background-size: cover; }
#section-6 .inner-cont-wrap .obj-holder { position: absolute; width: 100%; height: 300px; top: 50%; margin-top: -230px; }
#section-6 .inner-cont-wrap .obj-holder .txt-box { padding-bottom: 50px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); -o-transform: translateY(70px); transform: translateY(70px); }
#section-6 .inner-cont-wrap .obj-holder .btn-box { opacity: 0; filter: alpha(opacity=0); }
#section-6 .inner-cont-wrap .obj-holder .btn-box .btn_download { display: inline-block; width: 210px; height: 45px; margin-right: 15px; font-size: 0; text-indent: -9999px; vertical-align: top; background: url(../img/btn_download.png) no-repeat 0 0; }
#section-6 .inner-cont-wrap .obj-holder .btn-box .btn_download:hover { background-position: 0 -55px; }
#section-6 .inner-cont-wrap .obj-holder .btn-box .btn_go_sec { display: inline-block; width: 210px; height: 45px; margin-right: 5px; font-size: 0; text-indent: -9999px; vertical-align: top; background: url(../img/common_button_global.png) no-repeat -215px -130px; }
#section-6 .inner-cont-wrap .obj-holder .btn-box .btn_go_sec:hover { background-position: -215px -185px; }
#section-6 .inner-cont-wrap .obj-holder.onShow .txt-box { -webkit-transition: -webkit-transform 1s ease-out, opacity 1s; -moz-transition: -moz-transform 1s ease-out, opacity 1s; -ms-transition: -ms-transform 1s ease-out, opacity 1s; -o-transition: -o-transform 1s ease-out, opacity 1s; transition: transform 1s ease-out, opacity 1s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); }
#section-6 .inner-cont-wrap .obj-holder.onShow .btn-box { -webkit-transition: -webkit-transform 1s 0.7s ease-out, opacity 1s 0.7s; -moz-transition: -moz-transform 1s 0.7s ease-out, opacity 1s 0.7s; -ms-transition: -ms-transform 1s 0.7s ease-out, opacity 1s 0.7s; -o-transition: -o-transform 1s 0.7s ease-out, opacity 1s 0.7s; transition: transform 1s 0.7s ease-out, opacity 1s 0.7s; opacity: 1; filter: alpha(opacity=100); }

.scroll-content { position: fixed; bottom: -1000px; left: 50%; margin-left: -42.5px; -webkit-transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.4s; -moz-transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.4s; -ms-transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.4s; -o-transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.4s; transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.4s; }
.scroll-content a { display: inline-block; padding: 20px; }
.scroll-content a .scroll { width: 45px; height: 10px; background: url("../img/sec1_scroll.png") no-repeat 0 0; padding-bottom: 14px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.scroll-content a .line-top { width: 1px; height: 0px; border-left: 1px solid #fff; margin: 0 auto; -webkit-transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.2s; -moz-transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.2s; -ms-transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.2s; -o-transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.2s; transition: height 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.2s; }
.scroll-content .dim { position: absolute; width: 100%; height: 100px; bottom: 0; visibility: visible; }
.scroll-content.onShow { -webkit-transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: bottom 0s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; bottom: 0; }
.scroll-content.onShow a .scroll { opacity: 1; filter: alpha(opacity=100); }
.scroll-content.onShow a .line-top { height: 45px; }
.scroll-content.onShow .dim { width: 100%; height: 100%; visibility: hidden; }

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