/* rotate */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
@-webkit-keyframes sec1-bg-2 { 0% { opacity: 0; filter: alpha(opacity=0); }
  14% { opacity: 1; filter: alpha(opacity=100); }
  80% { opacity: 1; filter: alpha(opacity=100); }
  96% { opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes sec1-bg-2 { 0% { opacity: 0; filter: alpha(opacity=0); }
  14% { opacity: 1; filter: alpha(opacity=100); }
  80% { opacity: 1; filter: alpha(opacity=100); }
  96% { opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes sec1-bg-2 { 0% { opacity: 0; filter: alpha(opacity=0); }
  14% { opacity: 1; filter: alpha(opacity=100); }
  80% { opacity: 1; filter: alpha(opacity=100); }
  96% { opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes sec1-bg-2 { 0% { opacity: 0; filter: alpha(opacity=0); }
  14% { opacity: 1; filter: alpha(opacity=100); }
  80% { opacity: 1; filter: alpha(opacity=100); }
  96% { opacity: 0; filter: alpha(opacity=0); } }
@keyframes sec1-bg-2 { 0% { opacity: 0; filter: alpha(opacity=0); }
  14% { opacity: 1; filter: alpha(opacity=100); }
  80% { opacity: 1; filter: alpha(opacity=100); }
  96% { opacity: 0; filter: alpha(opacity=0); } }
@-webkit-keyframes sec1-bg-3 { 6% { opacity: 0; filter: alpha(opacity=0); }
  26% { opacity: 1; filter: alpha(opacity=100); }
  70% { opacity: 1; filter: alpha(opacity=100); }
  84% { opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes sec1-bg-3 { 6% { opacity: 0; filter: alpha(opacity=0); }
  26% { opacity: 1; filter: alpha(opacity=100); }
  70% { opacity: 1; filter: alpha(opacity=100); }
  84% { opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes sec1-bg-3 { 6% { opacity: 0; filter: alpha(opacity=0); }
  26% { opacity: 1; filter: alpha(opacity=100); }
  70% { opacity: 1; filter: alpha(opacity=100); }
  84% { opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes sec1-bg-3 { 6% { opacity: 0; filter: alpha(opacity=0); }
  26% { opacity: 1; filter: alpha(opacity=100); }
  70% { opacity: 1; filter: alpha(opacity=100); }
  84% { opacity: 0; filter: alpha(opacity=0); } }
@keyframes sec1-bg-3 { 6% { opacity: 0; filter: alpha(opacity=0); }
  26% { opacity: 1; filter: alpha(opacity=100); }
  70% { opacity: 1; filter: alpha(opacity=100); }
  84% { opacity: 0; filter: alpha(opacity=0); } }
@-webkit-keyframes sec1-bg-4 { 0% { opacity: 0; filter: alpha(opacity=0); }
  28% { opacity: 1; filter: alpha(opacity=100); }
  65% { opacity: 1; filter: alpha(opacity=100); }
  95% { opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes sec1-bg-4 { 0% { opacity: 0; filter: alpha(opacity=0); }
  28% { opacity: 1; filter: alpha(opacity=100); }
  65% { opacity: 1; filter: alpha(opacity=100); }
  95% { opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes sec1-bg-4 { 0% { opacity: 0; filter: alpha(opacity=0); }
  28% { opacity: 1; filter: alpha(opacity=100); }
  65% { opacity: 1; filter: alpha(opacity=100); }
  95% { opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes sec1-bg-4 { 0% { opacity: 0; filter: alpha(opacity=0); }
  28% { opacity: 1; filter: alpha(opacity=100); }
  65% { opacity: 1; filter: alpha(opacity=100); }
  95% { opacity: 0; filter: alpha(opacity=0); } }
@keyframes sec1-bg-4 { 0% { opacity: 0; filter: alpha(opacity=0); }
  28% { opacity: 1; filter: alpha(opacity=100); }
  65% { opacity: 1; filter: alpha(opacity=100); }
  95% { opacity: 0; filter: alpha(opacity=0); } }
@-webkit-keyframes sec1-bg-5 { 0% { opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  58% { opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes sec1-bg-5 { 0% { opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  58% { opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes sec1-bg-5 { 0% { opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  58% { opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes sec1-bg-5 { 0% { opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  58% { opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); } }
@keyframes sec1-bg-5 { 0% { opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  58% { opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); } }
/* line */
/* font */
body { overflow: auto; background: #fff; min-width: 1280px; }

.footer_wrap { position: relative; z-index: 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; }

.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/btn_sec.png) no-repeat 0 0; }

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

.content-1 .txt-box h1 { font-family: SamsungOneLatin200; font-size: 100px; line-height: 140px; letter-spacing: 0.56em; }

.content-1 .txt-box p { font-family: SamsungOneLatin600; font-size: 24px; line-height: 1; }

.content-2 .txt-box h1 { font-family: SamsungOneKorean400; color: #fefefe; font-size: 38px; line-height: 56px; letter-spacing: 0; }

.content-2 .txt-box p { font-family: SamsungOneKorean400; color: #fefefe; font-size: 16px; line-height: 30px; letter-spacing: -0.075em; }

.content-4 h1 { font-family: SamsungOneKorean200; font-size: 66px; line-height: 74px; letter-spacing: 0.2em; }

.content-4 p { font-family: SamsungOneKorean400; font-size: 16px; line-height: 30px; letter-spacing: -0.039em; }

.content-5 .txt-box h1 { font-family: SamsungOneKorean200; font-size: 66px; line-height: 74px; text-align: left; letter-spacing: 0.2em; }

.content-5 .txt-box p { font-family: SamsungOneKorean400; font-size: 16px; line-height: 30px; text-align: left; letter-spacing: -0.075em; }

.content-6 .txt-box h1 { font-family: SamsungOneKorean400; font-size: 38px; line-height: normal; text-align: left; letter-spacing: 0; }

.content-6 .txt-box p { font-family: SamsungOneKorean400; font-size: 16px; text-align: left; line-height: 30px; letter-spacing: -0.075em; }

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

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

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

.txt-box { position: relative; text-align: center; top: 0; font-weight: 100; height: inherit; }

.content { position: relative; display: none; overflow: hidden; }
.content.show { display: block; }

.content-1 { background-color: #000; display: block; height: 2000px; }
.content-1 .inner-cont-wrap { opacity: 0; filter: alpha(opacity=0); }
.content-1 .inner-cont-wrap .video-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.content-1 .inner-cont-wrap .video-holder .video-keyvisual { position: absolute; width: 100%; }
.content-1 .inner-cont-wrap .obj-holder { width: 100%; }
.content-1 .inner-cont-wrap .obj-holder .txt-box { color: #fff; }
.content-1 .inner-cont-wrap .obj-holder .txt-box p { padding-bottom: 30px; letter-spacing: 0.05em; -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); }
.content-1 .inner-cont-wrap .obj-holder .txt-box h1 { -webkit-transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; -moz-transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; -ms-transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; -o-transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; opacity: 1; filter: alpha(opacity=100); letter-spacing: 20px; }
.content-1 .inner-cont-wrap .obj-holder .txt-box.onTrans h1 { letter-spacing: 40px; opacity: 1; filter: alpha(opacity=100); }
.content-1 .inner-cont-wrap .obj-holder .scroll-box { width: 60px; height: 90px; margin-left: -30px; position: absolute; bottom: 70px; left: 50%; -webkit-transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 1.5s; -moz-transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 1.5s; -ms-transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 1.5s; -o-transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 1.5s; transition: opacity 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 1.5s; opacity: 1; filter: alpha(opacity=100); }
.content-1 .inner-cont-wrap .obj-holder .scroll-box .txt { position: relative; left: 0; margin-bottom: 20px; width: 100%; display: block; font-family: SamsungOneLatin600; color: #fff; text-align: center; font-size: 16px; line-height: 1; letter-spacing: 0em; }
.content-1 .inner-cont-wrap .obj-holder .scroll-box .scroll { position: relative; width: 100%; left: 0; height: 70px; }
.content-1 .inner-cont-wrap .obj-holder .scroll-box .scroll span { position: absolute; top: 0; left: 29.5px; display: inline-block; background-color: #fff; width: 1px; height: 20px; }
.content-1 .inner-cont-wrap .obj-holder .scroll-box.onTrans .scroll span { height: 60px; -webkit-transition: height 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: height 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: height 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: height 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: height 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }

.content-2 .inner-cont-wrap { background-color: #000; width: 100%; min-width: 1280px; /* .content-dim-holder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;@include opacity(0); &.onTrans{@include css-transition-inout(opacity,1.6);@include opacity(0.65);} }*/ }
.content-2 .inner-cont-wrap .bg-holder { position: absolute; opacity: 1; filter: alpha(opacity=100); }
.content-2 .inner-cont-wrap .bg-holder.onTrans { -webkit-transition: opacity 1.6s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: opacity 1.6s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: opacity 1.6s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: opacity 1.6s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: opacity 1.6s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; opacity: 0.35; filter: alpha(opacity=35); }
.content-2 .inner-cont-wrap .obj-holder .txt-box { color: #fefefe; }
.content-2 .inner-cont-wrap .obj-holder .txt-box h1 { padding-bottom: 18px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
.content-2 .inner-cont-wrap .obj-holder .txt-box h1.onTrans { -webkit-transition: -webkit-transform  ease-in-out 1.4s 1s, opacity ease-in-out 1.4s 1s; -moz-transition: -moz-transform  ease-in-out 1.4s 1s, opacity ease-in-out 1.4s 1s; -ms-transition: -ms-transform  ease-in-out 1.4s 1s, opacity ease-in-out 1.4s 1s; -o-transition: -o-transform  ease-in-out 1.4s 1s, opacity ease-in-out 1.4s 1s; transition: transform  ease-in-out 1.4s 1s, opacity ease-in-out 1.4s 1s; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.content-2 .inner-cont-wrap .obj-holder .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
.content-2 .inner-cont-wrap .obj-holder .txt-box p.onTrans { -webkit-transition: -webkit-transform ease-in-out 1.4s 1.2s, opacity ease-in-out 1.4s 1.2s; -moz-transition: -moz-transform ease-in-out 1.4s 1.2s, opacity ease-in-out 1.4s 1.2s; -ms-transition: -ms-transform ease-in-out 1.4s 1.2s, opacity ease-in-out 1.4s 1.2s; -o-transition: -o-transform ease-in-out 1.4s 1.2s, opacity ease-in-out 1.4s 1.2s; transition: transform ease-in-out 1.4s 1.2s, opacity ease-in-out 1.4s 1.2s; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.content-3 .inner-cont-wrap .bg-holder { position: absolute; }
.content-3 .inner-cont-wrap .video-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.content-3 .inner-cont-wrap .video-holder .video-preview { position: absolute; width: 100%; }
.content-3 .inner-cont-wrap .obj-holder .btn-play-box { position: relative; width: 112px; height: 112px; left: 50%; margin-left: -56px; }
.content-3 .inner-cont-wrap .obj-holder .btn-play-box a { display: block; border-radius: 50%; border: 2px solid #fff; width: 100%; height: 100%; }
.content-3 .inner-cont-wrap .obj-holder .btn-play-box a img { position: relative; top: 50%; left: 50%; margin-left: -13px; margin-top: -24.5px; }

.content-4 { height: 3660px; background-color: #000; }
.content-4 .inner-cont-wrap { z-index: 10; }
.content-4 .inner-cont-wrap .obj-holder { width: 100%; }
.content-4 .inner-cont-wrap .obj-holder ul { height: 100%; }
.content-4 .inner-cont-wrap .obj-holder ul li { color: #fff; }
.content-4 .inner-cont-wrap .obj-holder ul li h1 { position: relative; }
.content-4 .inner-cont-wrap .obj-holder ul li .img-holder { width: 734px; height: 982px; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 { position: relative; width: 100%; background-image: url("../img/sec4_sub1_bg.jpg"); background-size: cover; height: 1220px; background-repeat: no-repeat; background-position: center; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .sub-content-wrapper { height: 1220px; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .sub-content-wrapper .sub-content-box { position: absolute; width: 1120px; height: 822px; left: 50%; top: 50%; margin-left: -560px; margin-top: -411px; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .sub-content-wrapper .sub-content-box .img-holder { position: absolute; left: 89px; top: 78px; width: 950px; height: 664px; overflow: hidden; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .sub-content-wrapper .sub-content-box .img-holder .img-inner-wrap { position: relative; width: 100%; height: 100%; margin-left: 0; margin-top: 0; overflow: hidden; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .sub-content-wrapper .sub-content-box .img-holder .img-inner-wrap .img-box { position: absolute; width: 100%; height: 100%; background: url("../img/sec4_thumb0_0.jpg") no-repeat; background-position: center; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .sub-content-wrapper .sub-content-box .img-holder.onTrans .img-inner-wrap { width: 90%; height: 90%; margin-left: 5%; margin-top: 3.5%; -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 .obj-holder ul li.sub-content-1 .sub-content-wrapper .sub-content-box h1 { display: inline-block; margin-bottom: 39px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .sub-content-wrapper .sub-content-box h1.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform ease-in-out 1s, opacity ease-in-out 1s ; -moz-transition: -moz-transform ease-in-out 1s, opacity ease-in-out 1s ; -ms-transition: -ms-transform ease-in-out 1s, opacity ease-in-out 1s ; -o-transition: -o-transform ease-in-out 1s, opacity ease-in-out 1s ; transition: transform ease-in-out 1s, opacity ease-in-out 1s ; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .sub-content-wrapper .sub-content-box p { position: absolute; right: 26px; bottom: -13px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .sub-content-wrapper .sub-content-box p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform ease-in-out 1s, opacity ease-in-out 1s; -moz-transition: -moz-transform ease-in-out 1s, opacity ease-in-out 1s; -ms-transition: -ms-transform ease-in-out 1s, opacity ease-in-out 1s; -o-transition: -o-transform ease-in-out 1s, opacity ease-in-out 1s; transition: transform ease-in-out 1s, opacity ease-in-out 1s; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .bg-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 1; filter: alpha(opacity=100); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-1 .bg-holder.onTrans { opacity: 0; filter: alpha(opacity=0); -webkit-transition: -webkit-transform ease-in-out 1s, opacity ease-in-out 1s ; -moz-transition: -moz-transform ease-in-out 1s, opacity ease-in-out 1s ; -ms-transition: -ms-transform ease-in-out 1s, opacity ease-in-out 1s ; -o-transition: -o-transform ease-in-out 1s, opacity ease-in-out 1s ; transition: transform ease-in-out 1s, opacity ease-in-out 1s ; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 { /*height:3150px;*/ position: relative; width: 100%; background-color: #e7e7e9; height: 1220px; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box { position: absolute; left: 50%; top: 50%; margin-left: -960px; margin-top: -426px; width: 1920px; height: 830px; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box h1 { text-align: right; right: 50%; margin-right: -351px; color: #000; -webkit-transition: -webkit-transform ease-out 1s,opacity ease-out 1s ; -moz-transition: -moz-transform ease-out 1s,opacity ease-out 1s ; -ms-transition: -ms-transform ease-out 1s,opacity ease-out 1s ; -o-transition: -o-transform ease-out 1s,opacity ease-out 1s ; transition: transform ease-out 1s,opacity ease-out 1s ; opacity: 0; filter: alpha(opacity=0); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box h1.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .txt-1 { padding-top: 10px; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .txt-2 { margin-bottom: 30px; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box p { position: relative; left: 50%; margin-left: -560px; color: #000; padding-top: 60px; -webkit-transition: -webkit-transform ease-in-out 1s,opacity ease-in-out 1s ; -moz-transition: -moz-transform ease-in-out 1s,opacity ease-in-out 1s ; -ms-transition: -ms-transform ease-in-out 1s,opacity ease-in-out 1s ; -o-transition: -o-transform ease-in-out 1s,opacity ease-in-out 1s ; transition: transform ease-in-out 1s,opacity ease-in-out 1s ; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .img-holder { position: relative; width: 100%; height: 500px; margin-top: -50px; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .img-holder li { position: absolute; width: 960px; height: 500px; top: 0; left: 0; /*height: 75.13%;*/ overflow: hidden; -webkit-transition: -webkit-transform 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: transform 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; background-color: #000; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .img-holder li img { -webkit-transition: -webkit-transform 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: transform 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .img-holder li.img-1 { -webkit-transform: translateY(45px); -moz-transform: translateY(45px); -ms-transform: translateY(45px); -o-transform: translateY(45px); transform: translateY(45px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .img-holder li.img-1 img { -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); -o-transform: translateY(-45px); transform: translateY(-45px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .img-holder li.img-2 { top: 90px; left: 960px; -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); -o-transform: translateY(-45px); transform: translateY(-45px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .img-holder li.img-2 img { -webkit-transform: translateY(45px); -moz-transform: translateY(45px); -ms-transform: translateY(45px); -o-transform: translateY(45px); transform: translateY(45px); margin-top: -100px; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .img-holder.onTrans li { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-2 .sub-content-box .img-holder.onTrans li img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 { position: relative; width: 100%; background-image: url("../img/sec4_sub3_bg.jpg"); background-size: 100% 100%; height: 1220px; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box { position: absolute; width: 1120px; height: 820px; left: 50%; top: 50%; margin-left: -600px; margin-top: -410px; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box .txt { position: absolute; left: 0; top: 0; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box .txt h1 { padding-bottom: 30px; white-space: nowrap; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box .txt h1.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform ease-in-out 1s, opacity ease-in-out 1s ; -moz-transition: -moz-transform ease-in-out 1s, opacity ease-in-out 1s ; -ms-transition: -ms-transform ease-in-out 1s, opacity ease-in-out 1s ; -o-transition: -o-transform ease-in-out 1s, opacity ease-in-out 1s ; transition: transform ease-in-out 1s, opacity ease-in-out 1s ; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box .txt p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box .txt p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform ease-in-out 1s, opacity ease-in-out 1s ; -moz-transition: -moz-transform ease-in-out 1s, opacity ease-in-out 1s ; -ms-transition: -ms-transform ease-in-out 1s, opacity ease-in-out 1s ; -o-transition: -o-transform ease-in-out 1s, opacity ease-in-out 1s ; transition: transform ease-in-out 1s, opacity ease-in-out 1s ; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box .img-holder { position: absolute; left: auto; right: -6px; bottom: -6px; width: 737px; height: 654px; overflow: hidden; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box .img-holder .img-inner-wrap { position: relative; width: 70%; height: 70%; margin-left: 15%; margin-top: 15%; overflow: hidden; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box .img-holder .img-inner-wrap .img-box { position: absolute; width: 100%; height: 100%; background: url("../img/sec4_thumb2.jpg") no-repeat; background-position: center; }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .sub-content-box .img-holder.onTrans .img-inner-wrap { width: 100%; height: 100%; margin-left: 0; margin-top: 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-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .bg-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 1; filter: alpha(opacity=100); }
.content-4 .inner-cont-wrap .obj-holder ul li.sub-content-3 .bg-holder.onTrans { opacity: 0; filter: alpha(opacity=0); -webkit-transition: -webkit-transform ease-in-out 1s, opacity ease-in-out 1s ; -moz-transition: -moz-transform ease-in-out 1s, opacity ease-in-out 1s ; -ms-transition: -ms-transform ease-in-out 1s, opacity ease-in-out 1s ; -o-transition: -o-transform ease-in-out 1s, opacity ease-in-out 1s ; transition: transform ease-in-out 1s, opacity ease-in-out 1s ; }
.content-4 .inner-cont-wrap .dim-holder { height: 3660px; }

.content-5 { background-color: #e7e7e9; height: 1222px; }
.content-5 .sub-content-holder { height: 1220px; }
.content-5 .obj-holder { height: auto; }
.content-5 .obj-holder .txt-box { display: table; height: auto; width: 100%; font-size: 0; margin: 0 auto; padding-bottom: 90px; padding-top: 213px; }
.content-5 .obj-holder .txt-box h1 { display: table-cell; vertical-align: top; padding-right: 58px; padding-left: 82px; -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; filter: alpha(opacity=0); }
.content-5 .obj-holder .txt-box h1.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform ease-in-out 1s , opacity ease-in-out 1s; -moz-transition: -moz-transform ease-in-out 1s , opacity ease-in-out 1s; -ms-transition: -ms-transform ease-in-out 1s , opacity ease-in-out 1s; -o-transition: -o-transform ease-in-out 1s , opacity ease-in-out 1s; transition: transform ease-in-out 1s , opacity ease-in-out 1s; }
.content-5 .obj-holder .txt-box p { width: 603px; display: table-cell; position: relative; vertical-align: top; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); opacity: 0; filter: alpha(opacity=0); }
.content-5 .obj-holder .txt-box p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; -moz-transition: -moz-transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; -ms-transition: -ms-transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; -o-transition: -o-transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; transition: transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; }
.content-5 .obj-holder .txt-box p span { display: inline-block; }
.content-5 .obj-holder .txt-box p span:nth-child(1) { margin-bottom: 20px; }
.content-5 .obj-holder .txt-box p span:nth-child(2) { margin-bottom: 20px; }
.content-5 .style-category-holder { max-width: 1920px; position: relative; margin: 0 auto; }
.content-5 .style-category-holder ul { height: 100%; min-width: 1280px; font-size: 0; text-align: center; }
.content-5 .style-category-holder ul li { position: relative; display: inline-block; overflow: hidden; width: 33.333%; height: 587px; }
.content-5 .style-category-holder ul li a { width: 100%; height: 100%; display: block; }
.content-5 .style-category-holder ul li a .btn-holder { position: absolute; width: 100%; margin-top: 250px; }
.content-5 .style-category-holder ul li a .btn-holder span { font-family: samsungonelatin400; display: block; font-size: 28px; text-align: center; color: #fff; margin-bottom: 25px; }
.content-5 .style-category-holder ul li a .btn-holder .btn { display: inline-block; text-align: center; left: 0; top: 0; width: 40px; height: 40px; border: 2px solid #fff; border-radius: 50%; }
.content-5 .style-category-holder ul li a .btn-holder img { width: 100%; }
.content-5 .style-category-holder ul li a .cover-img { position: absolute; left: 50%; margin-left: -320px; top: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -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-5 .style-category-holder ul li a .dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.45; filter: alpha(opacity=45); -webkit-transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: opacity 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-5 .style-category-holder ul li a:hover .cover-img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-5 .style-category-holder ul li a:hover .dim { -webkit-transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; opacity: 0.2; filter: alpha(opacity=20); }

.content-6 .bg-wrap { position: absolute; top: 0; background-image: url("../img/sec6_bg.jpg"); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 20; }
.content-6 .inner-cont-wrap { z-index: 20; }
.content-6 .inner-cont-wrap .obj-holder { width: 517px; margin: 0 0 0 -560px; overflow: visible; top: 25%; left: 50%; }
.content-6 .inner-cont-wrap .obj-holder .txt-box { display: inline-block; height: auto; margin-bottom: 63px; color: #fff; }
.content-6 .inner-cont-wrap .obj-holder .txt-box h1 { margin-bottom: 25px; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); opacity: 0; filter: alpha(opacity=0); }
.content-6 .inner-cont-wrap .obj-holder .txt-box h1.onTrans { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform ease-in-out 1s, opacity ease-in-out 1s; -moz-transition: -moz-transform ease-in-out 1s, opacity ease-in-out 1s; -ms-transition: -ms-transform ease-in-out 1s, opacity ease-in-out 1s; -o-transition: -o-transform ease-in-out 1s, opacity ease-in-out 1s; transition: transform ease-in-out 1s, opacity ease-in-out 1s; }
.content-6 .inner-cont-wrap .obj-holder .txt-box p { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; filter: alpha(opacity=0); }
.content-6 .inner-cont-wrap .obj-holder .txt-box p.onTrans { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; -moz-transition: -moz-transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; -ms-transition: -ms-transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; -o-transition: -o-transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; transition: transform ease-in-out 1.4s 0.3s, opacity ease-in-out 1.4s 0.3s; }
.content-6 .inner-cont-wrap .obj-holder .common_btn { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; filter: alpha(opacity=0); }
.content-6 .inner-cont-wrap .obj-holder .common_btn .btn_go_sec { margin-left: 10px; }
.content-6 .inner-cont-wrap .obj-holder .common_btn.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform ease-in-out 1s 0.3s, opacity ease-in-out 1s 0.3s; -moz-transition: -moz-transform ease-in-out 1s 0.3s, opacity ease-in-out 1s 0.3s; -ms-transition: -ms-transform ease-in-out 1s 0.3s, opacity ease-in-out 1s 0.3s; -o-transition: -o-transform ease-in-out 1s 0.3s, opacity ease-in-out 1s 0.3s; transition: transform ease-in-out 1s 0.3s, opacity ease-in-out 1s 0.3s; }

.style-category-popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; background-color: #e7e7e9; min-width: 1280px; }
.style-category-popup .btn-close { position: absolute; top: 30px; right: 30px; width: 92px; height: 92px; background: url(../img/btn_close.png) no-repeat; text-indent: -999em; font-size: 0; z-index: 100; }
.style-category-popup .popup-List { position: relative; width: 100%; height: 100%; }
.style-category-popup .popup-List > li { width: 100%; height: 100%; color: #fff; display: none; }
.style-category-popup .popup-List > li .popup-inner-holder { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; background-position-y: 32px; }
.style-category-popup .popup-List > li .popup-inner-holder .txt-holder { position: absolute; width: 100%; margin-top: -67px; z-index: 30; }
.style-category-popup .popup-List > li .popup-inner-holder .txt-holder h3 { white-space: nowrap; font-family: 'samsungonelatin300'; font-size: 36px; color: #000; letter-spacing: 0; width: 100%; }
.style-category-popup .popup-List > li .popup-inner-holder ul { position: relative; width: 100%; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.style-category-popup .popup-List > li .popup-inner-holder ul li { position: absolute; opacity: 0; filter: alpha(opacity=0); width: 100%; }
.style-category-popup .popup-List > li .popup-inner-holder ul li div img { width: 100%; }
.style-category-popup .popup-List > li .popup-inner-holder .controls-pager { position: absolute; bottom: -76px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.style-category-popup .popup-List > li .popup-inner-holder .controls-pager > div { float: left; }
.style-category-popup .popup-List > li .popup-inner-holder .controls-pager > div a { display: inline-block; width: 12px; height: 12px; border: 2px solid #000; border-radius: 50%; font-size: 0; text-indent: -9999px; margin-left: 5px; }
.style-category-popup .popup-List > li .popup-inner-holder .controls-pager > div a.active { background-color: #000; }
.style-category-popup .popup-List > li .popup-inner-holder .controls-pager > div:first-child a { margin-left: 0; }
.style-category-popup .popup-List > li.show { display: block; }
.style-category-popup .slide-control .controls-direction a { position: absolute; top: 50%; margin-top: -18px; font-size: 0; text-indent: -9999px; width: 20px; height: 37px; z-index: 100; }
.style-category-popup .slide-control .controls-direction .prev { left: 60px; background: url("../img/popup_left_button.gif") no-repeat; }
.style-category-popup .slide-control .controls-direction .next { right: 60px; background: url("../img/popup_right_button.gif") no-repeat; }

.video-popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.video-popup iframe { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; }
.video-popup .btn-close { position: absolute; top: 30px; right: 30px; width: 92px; height: 92px; background: url(../img/btn_close_w.png) no-repeat; text-indent: -999em; font-size: 0; }

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