/* rotate */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/*clip-path prefix transition*/
/* keyframes */
@keyframes phone-folding { 0% { opacity: 0; filter: alpha(opacity=0); }
  15% { opacity: 1; filter: alpha(opacity=100); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  65% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
/*@include keyframes(scroll-loop) { 0% { @include  transform(translateY(0)); } 50% { @include  transform(translateY(0));  } 100% { @include  transform(translateY(0));  }
}*/
@-webkit-keyframes waveMotion_inner { 0% { -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); }
  100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes waveMotion_inner { 0% { -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); }
  100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes waveMotion_inner { 0% { -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); }
  100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes waveMotion_inner { 0% { -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); }
  100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } }
@keyframes waveMotion_inner { 0% { -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); }
  100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0; filter: alpha(opacity=0); } }
@-webkit-keyframes waveMotion_outer { 0% { -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); }
  50% { opacity: 0.8; filter: alpha(opacity=80); }
  100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes waveMotion_outer { 0% { -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); }
  50% { opacity: 0.8; filter: alpha(opacity=80); }
  100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes waveMotion_outer { 0% { -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); }
  50% { opacity: 0.8; filter: alpha(opacity=80); }
  100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes waveMotion_outer { 0% { -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); }
  50% { opacity: 0.8; filter: alpha(opacity=80); }
  100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } }
@keyframes waveMotion_outer { 0% { -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); }
  50% { opacity: 0.8; filter: alpha(opacity=80); }
  100% { -webkit-transform: scale(1.8, 1.8); -moz-transform: scale(1.8, 1.8); -ms-transform: scale(1.8, 1.8); -o-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; filter: alpha(opacity=0); } }
@-webkit-keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); }
  100% { background-color: rgba(0, 0, 0, 0); } }
@-moz-keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); }
  100% { background-color: rgba(0, 0, 0, 0); } }
@-ms-keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); }
  100% { background-color: rgba(0, 0, 0, 0); } }
@-o-keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); }
  100% { background-color: rgba(0, 0, 0, 0); } }
@keyframes trans_backgroundColor { 0% { background-color: rgba(0, 0, 0, 0.1); }
  100% { background-color: rgba(0, 0, 0, 0); } }
@-webkit-keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); } }
@-moz-keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); } }
@-ms-keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); } }
@-o-keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); } }
@keyframes toNextAniOut { 0% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translateZ(0) rotateX(0) scale(1, 1); -moz-transform: translateZ(0) rotateX(0) scale(1, 1); -ms-transform: translateZ(0) rotateX(0) scale(1, 1); -o-transform: translateZ(0) rotateX(0) scale(1, 1); transform: translateZ(0) rotateX(0) scale(1, 1); opacity: 1; filter: alpha(opacity=100); } }
@-webkit-keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-moz-keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-ms-keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-o-keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes toNextAniIn { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* line */
/* font setting */
body, .content { font-size: 0; font-weight: 100; position: relative; }

.content *, .content *:before, .content *:after { box-sizing: border-box; }

em { font-style: normal; display: block; }

figure { margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

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

/*common*/
h1 { font-family: 'samsungonelatin600'; font-size: 13.75vw; line-height: 1.25; letter-spacing: 0.01em; color: inherit; }

h2 { font-family: 'samsungonelatin600'; font-size: 10vw; line-height: 1; letter-spacing: 0; color: inherit; }

h3 { font-family: 'samsungonelatin600'; font-size: 7.5vw; line-height: 1.1666666667; letter-spacing: 0.015em; color: inherit; }

h4 { font-family: 'samsungonelatin600'; font-size: 6.5625vw; line-height: 1.1904761905; letter-spacing: -0.015em; color: inherit; }

h5 { font-family: 'samsungonelatin600'; font-size: 3.4375vw; line-height: 0.5416666667; letter-spacing: -0.025em; color: inherit; }

h6 { font-family: 'samsungonelatin1000'; font-size: 3.75vw; line-height: inherit; letter-spacing: 0; color: inherit; margin: 0; padding: 0; list-style: none; font-weight: normal; }

p { font-family: 'samsungonelatin400'; font-size: 3.75vw; line-height: 1.75; letter-spacing: -0.025em; color: inherit; text-align: left; }

#content { visibility: hidden; }
#content.onShow { visibility: visible; }

.content { overflow: hidden; margin-top: -1px; }

.bx-wrapper .bx-pager { text-align: center; font-size: 0; line-height: 0; }
.bx-wrapper .bx-pager .bx-pager-item { display: inline-block; width: 2.1vw; height: 2.1vw; border-radius: 50%; margin-right: 2%; }
.bx-wrapper .bx-pager .bx-pager-item a { display: block; border-radius: 50%; width: 100%; height: 100%; font-size: 0; margin-right: 3%; border: 1px solid #000; line-height: unset; }
.bx-wrapper .bx-pager .bx-pager-item a.active { background-color: inherit; }
.bx-wrapper .bx-pager .bx-pager-item:last-child { margin-right: 0; }

a:hover, a:visited { text-decoration: none; }

.cont-holder .title-area { padding: 0 9.375%; margin-bottom: 13.59375%; }
.cont-holder .title-area h4.title-0 { margin-bottom: 6.25%; }
.cont-holder .title-area h4.title-2 { margin-bottom: 4.6875%; }
.cont-holder .tab-cont-area { position: relative; }
.cont-holder .tab-cont-area > ul > li { position: absolute; top: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; filter: alpha(opacity=0); }
.cont-holder .tab-cont-area > ul > li.on { position: relative; visibility: visible; opacity: 1; filter: alpha(opacity=100); }
.cont-holder .content-area .img-box { margin-bottom: 7.8125%; }
.cont-holder .content-area .txt-box { padding: 0 9.375%; }
.cont-holder .content-area .txt-box h6 { display: inline-block; }
.cont-holder .content-area .txt-box h6:after { display: block; content: ''; margin-top: 5px; width: 100%; height: 3px; background-color: #fff; }
.cont-holder .content-area .txt-box p { margin-top: 7.03125%; }

/* tab */
.tab-area { padding: 0 9.375%; margin-top: 2.8125%; }
.tab-area .tab-menu-box { overflow: hidden; margin-bottom: 7.8125%; }
.tab-area .tab-menu-box > li { float: left; margin-left: 4.6875%; }
.tab-area .tab-menu-box > li:first-child { margin-left: 0; }
.tab-area .tab-menu-box > li a { display: inline-block; font-family: 'samsungonelatin1000'; font-size: 3.75vw; line-height: 1; letter-spacing: 0; color: inherit; margin: 0; padding: 0; list-style: none; font-weight: normal; opacity: 0.2; filter: alpha(opacity=20); }
.tab-area .tab-menu-box > li.on a { opacity: 1; filter: alpha(opacity=100); }
.tab-area .tab-menu-box > li.on a:after { display: block; content: ''; margin-top: 4%; width: 100%; height: 3px; background-color: #fff; }
.tab-area .tab-cont-box { position: relative; }
.tab-area .tab-cont-box > li { position: absolute; top: 0; left: 0; visibility: hidden; }
.tab-area .tab-cont-box > li.on { position: relative; visibility: visible; }
.tab-area .tab-cont-box > li p { margin-top: 1.5625%; }
.tab-area .tab-cont-box > li p:first-child { margin-top: 0; }

#section-2 .inner-cont-wrap { padding-top: 20.09375%; }

.txt-area .title-1 { overflow: hidden; }
.txt-area .title-1 em { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.txt-area .title-2 { overflow: hidden; }
.txt-area .title-2 em { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.txt-area .title-3 { overflow: hidden; }
.txt-area .title-3 em { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.txt-area .txt { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; filter: alpha(opacity=0); }
.txt-area.onShow .title-1 em { -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -moz-transition: -moz-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -ms-transition: -ms-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -o-transition: -o-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); transition: transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.txt-area.onShow .title-2 em { -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -moz-transition: -moz-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -ms-transition: -ms-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -o-transition: -o-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); transition: transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.txt-area.onShow .title-3 em { -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -moz-transition: -moz-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -ms-transition: -ms-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -o-transition: -o-transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); transition: transform 0.6s 0s cubic-bezier(0, 0.5, 0.5, 1); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.txt-area.onShow .txt { -webkit-transition: -webkit-transform 0.6s ease-out,opacity 0.6s; -moz-transition: -moz-transform 0.6s ease-out,opacity 0.6s; -ms-transition: -ms-transform 0.6s ease-out,opacity 0.6s; -o-transition: -o-transform 0.6s ease-out,opacity 0.6s; transition: transform 0.6s ease-out,opacity 0.6s; -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); }

.title-area .title-0 { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 0; filter: alpha(opacity=0); }
.title-area .title-1 { -webkit-transform: translateX(-5%); -moz-transform: translateX(-5%); -ms-transform: translateX(-5%); -o-transform: translateX(-5%); transform: translateX(-5%); opacity: 0; filter: alpha(opacity=0); }
.title-area .title-2 { -webkit-transform: translateX(5%); -moz-transform: translateX(5%); -ms-transform: translateX(5%); -o-transform: translateX(5%); transform: translateX(5%); opacity: 0; filter: alpha(opacity=0); }
.title-area p { -webkit-transform: translateY(25%); -moz-transform: translateY(25%); -ms-transform: translateY(25%); -o-transform: translateY(25%); transform: translateY(25%); opacity: 0; filter: alpha(opacity=0); }
.title-area.onShow .title-0 { -webkit-transition: -webkit-transform 0.5s ease-out,opacity 0.5s; -moz-transition: -moz-transform 0.5s ease-out,opacity 0.5s; -ms-transition: -ms-transform 0.5s ease-out,opacity 0.5s; -o-transition: -o-transform 0.5s ease-out,opacity 0.5s; transition: transform 0.5s ease-out,opacity 0.5s; -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); }
.title-area.onShow .title-1 { -webkit-transition: -webkit-transform 0.5s ease-out,opacity 0.5s; -moz-transition: -moz-transform 0.5s ease-out,opacity 0.5s; -ms-transition: -ms-transform 0.5s ease-out,opacity 0.5s; -o-transition: -o-transform 0.5s ease-out,opacity 0.5s; transition: transform 0.5s ease-out,opacity 0.5s; -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); }
.title-area.onShow .title-2 { -webkit-transition: -webkit-transform 0.5s ease-out,opacity 0.5s; -moz-transition: -moz-transform 0.5s ease-out,opacity 0.5s; -ms-transition: -ms-transform 0.5s ease-out,opacity 0.5s; -o-transition: -o-transform 0.5s ease-out,opacity 0.5s; transition: transform 0.5s ease-out,opacity 0.5s; -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); }
.title-area.onShow p { -webkit-transition: -webkit-transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; -moz-transition: -moz-transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; -ms-transition: -ms-transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; -o-transition: -o-transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; transition: transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; -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-keyframes cursor-click { 0% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  2% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  10% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  12% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  15% { -webkit-transform: translate(-248%, 220%) scale(0.8); -moz-transform: translate(-248%, 220%) scale(0.8); -ms-transform: translate(-248%, 220%) scale(0.8); -o-transform: translate(-248%, 220%) scale(0.8); transform: translate(-248%, 220%) scale(0.8); opacity: 1; filter: alpha(opacity=100); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes cursor-click { 0% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  2% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  10% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  12% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  15% { -webkit-transform: translate(-248%, 220%) scale(0.8); -moz-transform: translate(-248%, 220%) scale(0.8); -ms-transform: translate(-248%, 220%) scale(0.8); -o-transform: translate(-248%, 220%) scale(0.8); transform: translate(-248%, 220%) scale(0.8); opacity: 1; filter: alpha(opacity=100); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes cursor-click { 0% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  2% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  10% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  12% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  15% { -webkit-transform: translate(-248%, 220%) scale(0.8); -moz-transform: translate(-248%, 220%) scale(0.8); -ms-transform: translate(-248%, 220%) scale(0.8); -o-transform: translate(-248%, 220%) scale(0.8); transform: translate(-248%, 220%) scale(0.8); opacity: 1; filter: alpha(opacity=100); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes cursor-click { 0% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  2% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  10% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  12% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  15% { -webkit-transform: translate(-248%, 220%) scale(0.8); -moz-transform: translate(-248%, 220%) scale(0.8); -ms-transform: translate(-248%, 220%) scale(0.8); -o-transform: translate(-248%, 220%) scale(0.8); transform: translate(-248%, 220%) scale(0.8); opacity: 1; filter: alpha(opacity=100); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); } }
@keyframes cursor-click { 0% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  2% { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 0.6; filter: alpha(opacity=60); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  10% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  12% { -webkit-transform: translate(-248%, 220%) scale(1); -moz-transform: translate(-248%, 220%) scale(1); -ms-transform: translate(-248%, 220%) scale(1); -o-transform: translate(-248%, 220%) scale(1); transform: translate(-248%, 220%) scale(1); opacity: 0.6; filter: alpha(opacity=60); }
  15% { -webkit-transform: translate(-248%, 220%) scale(0.8); -moz-transform: translate(-248%, 220%) scale(0.8); -ms-transform: translate(-248%, 220%) scale(0.8); -o-transform: translate(-248%, 220%) scale(0.8); transform: translate(-248%, 220%) scale(0.8); opacity: 1; filter: alpha(opacity=100); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(-248%, 220%) scale(1.5); -moz-transform: translate(-248%, 220%) scale(1.5); -ms-transform: translate(-248%, 220%) scale(1.5); -o-transform: translate(-248%, 220%) scale(1.5); transform: translate(-248%, 220%) scale(1.5); opacity: 0; filter: alpha(opacity=0); } }
#container { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5d6371+0,252537+100 */ background: #5d6371; /* Old browsers */ background: -moz-linear-gradient(top, #5d6371 0%, #252537 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5d6371 0%, #252537 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5d6371 0%, #252537 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d6371', endColorstr='#252537',GradientType=0 ); /* IE6-9 */ }

#section-1 .inner-cont-wrap { height: 167.96875vw; }
#section-1 .inner-cont-wrap .kv-holder .obj-area .circle-box { position: absolute; top: 15.4418604651%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 116.40625vw; height: 116.40625vw; border-radius: 50%; overflow: hidden; }
#section-1 .inner-cont-wrap .kv-holder .obj-area .phone-line-box { position: absolute; top: 10.511627907%; left: 0; width: 100%; }
#section-1 .inner-cont-wrap .kv-holder .txt-area { position: relative; padding-top: 57.125%; color: #fff; text-align: center; }
#section-1 .inner-cont-wrap .kv-holder .txt-area span { display: block; margin-top: 3.875%; font-family: 'samsungonelatin500'; font-size: 4.0625vw; line-height: 1.6923076923; letter-spacing: -0.045em; }

#section-2 .inner-cont-wrap { height: 312.71875vw; }
#section-2 .inner-cont-wrap .cont-holder { color: #fff; }
#section-2 .inner-cont-wrap .cont-holder .title-area { margin-bottom: 13.84375%; }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box { margin-bottom: 8.75%; }
#section-2 .inner-cont-wrap .cont-holder .img-box .img-list { position: relative; width: 88.75%; height: 85.93vw; margin: 0 auto; }
#section-2 .inner-cont-wrap .cont-holder .img-box .img-list .sec2-img-l { width: 51.4084507042%; float: left; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
#section-2 .inner-cont-wrap .cont-holder .img-box .img-list .sec2-img-r { width: 51.4084507042%; float: left; margin-left: -3.5211267606%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
#section-2 .inner-cont-wrap .cont-holder .img-box .img-list .sec2-finger-print { position: absolute; left: 50%; top: 50%; width: 28.1690140845%; margin-left: -14.0845070423%; margin-top: -14.0845070423%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); }
#section-2 .inner-cont-wrap .cont-holder .img-box .img-list > li { width: 100%; }
#section-2 .inner-cont-wrap .cont-holder .img-box .img-list > li:first-child { position: relative; }
#section-2 .inner-cont-wrap .cont-holder .img-box .img-list.onTrans .sec2-img-l { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.8s 0s ease-out, opacity 0.8s 0s; -moz-transition: -moz-transform 0.8s 0s ease-out, opacity 0.8s 0s; -ms-transition: -ms-transform 0.8s 0s ease-out, opacity 0.8s 0s; -o-transition: -o-transform 0.8s 0s ease-out, opacity 0.8s 0s; transition: transform 0.8s 0s ease-out, opacity 0.8s 0s; }
#section-2 .inner-cont-wrap .cont-holder .img-box .img-list.onTrans .sec2-img-r { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.7s 0.4s ease-out, opacity 0.7s 0.4s; -moz-transition: -moz-transform 0.7s 0.4s ease-out, opacity 0.7s 0.4s; -ms-transition: -ms-transform 0.7s 0.4s ease-out, opacity 0.7s 0.4s; -o-transition: -o-transform 0.7s 0.4s ease-out, opacity 0.7s 0.4s; transition: transform 0.7s 0.4s ease-out, opacity 0.7s 0.4s; }
#section-2 .inner-cont-wrap .cont-holder .img-box .img-list.onTrans .sec2-finger-print { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1.3s 1.0s ease-out, opacity 0.6s 1s; -moz-transition: -moz-transform 1.3s 1.0s ease-out, opacity 0.6s 1s; -ms-transition: -ms-transform 1.3s 1.0s ease-out, opacity 0.6s 1s; -o-transition: -o-transform 1.3s 1.0s ease-out, opacity 0.6s 1s; transition: transform 1.3s 1.0s ease-out, opacity 0.6s 1s; }

#section-3 .inner-cont-wrap { height: 292.1875vw; }
#section-3 .inner-cont-wrap .cont-holder { color: #fff; }
#section-3 .inner-cont-wrap .cont-holder .title-area { margin-bottom: 17.03125%; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 { position: absolute; width: 100%; height: inherit; /*width: percentage( 362 / $tW ); height:inherit; left:50%;margin-left:-1*percentage( 362 / $tW/2 );*/ }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .black-bg { position: absolute; left: 6.9060773481%; top: 5.8171745152%; height: 86.0110803324%; width: 83.4254143646%; background-color: #000; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .caption { position: absolute; width: 100%; top: 122.5vw; left: 0; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .caption li { position: absolute; width: 100%; top: 0; left: 0; font-family: 'samsungonelatin400'; font-size: 3.125vw; letter-spacing: 0; color: #ffffff; opacity: 0; filter: alpha(opacity=0); text-align: center; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .caption li.on { opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper { position: absolute; top: 6.5vw; /*left: percentage( 25 / 362 ); top: percentage( 42 / 722 ); width:percentage( 302 / 362 );*/ width: 100%; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-viewport { overflow: initial !important; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-viewport .slider3-1 li { width: 100%; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-viewport .slider3-1 li ol.sub-slider img { width: 47.1875%; margin-left: 26.40625%; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-viewport .slider3-1 li ol.sub-slider li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-viewport .slider3-1 li ol.sub-slider li.active { z-index: 10; -webkit-transition: opacity 0.35s linear; -moz-transition: opacity 0.35s linear; -ms-transition: opacity 0.35s linear; -o-transition: opacity 0.35s linear; transition: opacity 0.35s linear; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-viewport .slider3-1 li ol.sub-slider li.on { z-index: 5; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-controls { margin-top: 20%; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-controls .bx-pager { margin-top: -9%; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item { background-color: rgba(255, 255, 255, 0.2); margin-right: 2%; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a { border: none; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active { background-color: white; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab1 .ph-cover { position: absolute; top: -6.5%; left: 21.71875%; z-index: 100; width: 56.5625%; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab2 .back { position: relative; width: 56.5625%; margin: 0 auto; }
#section-3 .inner-cont-wrap .cont-holder .tab-cont-area ul li.tab3 .back { position: relative; width: 56.5625%; margin: 0 auto; }

#section-4 .inner-cont-wrap { padding-bottom: 31.75%; padding-top: 31.75%; }
#section-4 .inner-cont-wrap .cont-holder { color: #fff; }
#section-4 .inner-cont-wrap .cont-holder .title-area { margin-bottom: 14.75%; }
#section-4 .inner-cont-wrap .cont-holder .tab-cont-area { margin-bottom: 7.8125%; }
#section-4 .inner-cont-wrap .cont-holder .tab-area { margin-top: 8.59375%; }
#section-4 .inner-cont-wrap .cont-holder .tab-area .tab-cont-box p:nth-child(2) { letter-spacing: -0.045em; }
#section-4 .inner-cont-wrap .cont-holder .tab-area .tab-cont-box span { display: block; margin-top: 2.65625%; margin-left: 1.6vw; font-family: 'samsungonelatin600'; font-size: 3.125vw; letter-spacing: -0.025em; color: #fff; opacity: 0.5; filter: alpha(opacity=50); }
#section-4 .inner-cont-wrap .cont-holder .tab-area .tab-cont-box span em { display: inline-block; margin-left: -1.6vw; }
#section-4 .inner-cont-wrap .cont-holder .my-files li, #section-4 .inner-cont-wrap .cont-holder .multi-window li { position: absolute; top: 0; left: 0; width: 100%; }
#section-4 .inner-cont-wrap .cont-holder .my-files li:first-child, #section-4 .inner-cont-wrap .cont-holder .multi-window li:first-child { position: relative; }
#section-4 .inner-cont-wrap .cont-holder .multi-window .window-1 .dot { position: absolute; left: 27.1875%; top: 29.9270072993%; width: 4.84375%; height: 5.6569343066%; background: #000; border-radius: 50%; }
#section-4 .inner-cont-wrap .cont-holder .multi-window .window-2 .app { display: block; width: 5.3125%; position: absolute; left: 54.21875%; top: 61.496350365%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; }
#section-4 .inner-cont-wrap .cont-holder .multi-window.onTrans .window-1 .dot { -webkit-animation: cursor-click 10s forwards; -moz-animation: cursor-click 10s forwards; -ms-animation: cursor-click 10s forwards; -o-animation: cursor-click 10s forwards; animation: cursor-click 10s forwards; }
#section-4 .inner-cont-wrap .cont-holder .multi-window.onTrans .window-2 .app { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s 2s ease-out, opacity 0.4s 2s; -moz-transition: -moz-transform 0.4s 2s ease-out, opacity 0.4s 2s; -ms-transition: -ms-transform 0.4s 2s ease-out, opacity 0.4s 2s; -o-transition: -o-transform 0.4s 2s ease-out, opacity 0.4s 2s; transition: transform 0.4s 2s ease-out, opacity 0.4s 2s; }
#section-4 .inner-cont-wrap .cont-holder .my-files .files-1 { position: absolute; left: 6.71875%; top: 0; width: 45.3125%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; }
#section-4 .inner-cont-wrap .cont-holder .my-files .files-2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); }
#section-4 .inner-cont-wrap .cont-holder .my-files .files-2 .menu { position: absolute; top: 8.0291970803%; right: 2.5%; width: 25.78125%; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; opacity: 0; filter: alpha(opacity=0); /*@include transform(scale(0.7));*/ }
#section-4 .inner-cont-wrap .cont-holder .my-files .files-2 .menu img { image-rendering: -webkit-optimize-contrast; }
#section-4 .inner-cont-wrap .cont-holder .my-files.onTrans .files-1 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.7s 0s ease-out, opacity 0.7s 0s; -moz-transition: -moz-transform 0.7s 0s ease-out, opacity 0.7s 0s; -ms-transition: -ms-transform 0.7s 0s ease-out, opacity 0.7s 0s; -o-transition: -o-transform 0.7s 0s ease-out, opacity 0.7s 0s; transition: transform 0.7s 0s ease-out, opacity 0.7s 0s; }
#section-4 .inner-cont-wrap .cont-holder .my-files.onTrans .files-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.7s 0.7s ease-out, opacity 0.7s 0.7s; -moz-transition: -moz-transform 0.7s 0.7s ease-out, opacity 0.7s 0.7s; -ms-transition: -ms-transform 0.7s 0.7s ease-out, opacity 0.7s 0.7s; -o-transition: -o-transform 0.7s 0.7s ease-out, opacity 0.7s 0.7s; transition: transform 0.7s 0.7s ease-out, opacity 0.7s 0.7s; }
#section-4 .inner-cont-wrap .cont-holder .my-files.onTrans .files-2 .menu { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: 11px 11px 27px 0px rgba(0, 0, 0, 0.4); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 1.4s cubic-bezier(0.675, 0.000, 0.525, 0.990), opacity 0.4s 1.4s, box-shadow 0.3s 1.6s; -moz-transition: -moz-transform 0.7s 1.4s cubic-bezier(0.675, 0.000, 0.525, 0.990), opacity 0.4s 1.4s, box-shadow 0.3s 1.6s; -ms-transition: -ms-transform 0.7s 1.4s cubic-bezier(0.675, 0.000, 0.525, 0.990), opacity 0.4s 1.4s, box-shadow 0.3s 1.6s; -o-transition: -o-transform 0.7s 1.4s cubic-bezier(0.675, 0.000, 0.525, 0.990), opacity 0.4s 1.4s, box-shadow 0.3s 1.6s; transition: transform 0.7s 1.4s cubic-bezier(0.675, 0.000, 0.525, 0.990), opacity 0.4s 1.4s, box-shadow 0.3s 1.6s; }

#section-3 .tab-cont-area { height: 136.59375vw; }
#section-3 .tab-cont-area .aod { width: inherit; height: inherit; padding-bottom: 13.125%; }
#section-3 .tab-cont-area .aod .bx-wrapper { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; margin: 0 auto; margin-left: -50%; }
#section-3 .tab-cont-area .aod .bx-wrapper .bx-pager .bx-pager-item { background-color: rgba(69, 72, 83, 0.2); margin-right: 4.2904290429%; }
#section-3 .tab-cont-area .aod .bx-wrapper .bx-pager .bx-pager-item a { border: none; }
#section-3 .tab-cont-area .aod .bx-wrapper .bx-pager .bx-pager-item a.active { background-color: #454853; }
#section-3 .tab-cont-area .aod ol.slide { width: 47.1875%; }
#section-3 .tab-cont-area .aod ol.slide li { width: 100%; }
#section-3 .tab-cont-area .aod .screen-light-left { width: 3.59375%; position: absolute; left: 25.15625%; top: 4.5706371191%; z-index: 100; }
#section-3 .tab-cont-area .aod .screen-light-right { width: 4.21875%; position: absolute; right: 26.71875%; top: 4.5706371191%; z-index: 100; }
#section-3 .tab-cont-area .lock-screen { width: inherit; height: inherit; padding-bottom: 13.125%; }
#section-3 .tab-cont-area .lock-screen .lock-screen-inter { position: absolute; left: 25.625%; top: 6.5625vw; width: 47.1875%; }
#section-3 .tab-cont-area .lock-screen .lock-screen-inter #transScreen { position: absolute; left: 0; top: 0; margin-top: 61%; opacity: 0.5; filter: alpha(opacity=50); }
#section-3 .tab-cont-area .lock-screen .lock-screen-inter .txts { width: 100%; position: absolute; left: 0; top: 0; margin-top: 61%; }
#section-3 .tab-cont-area .lock-screen .lock-screen-inter .txts div { position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
#section-3 .tab-cont-area .lock-screen .lock-screen-inter .txts div.on { -webkit-transition: opacity 0.1s 0s; -moz-transition: opacity 0.1s 0s; -ms-transition: opacity 0.1s 0s; -o-transition: opacity 0.1s 0s; transition: opacity 0.1s 0s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .tab-cont-area .lock-screen .lock-screen-inter .txts .low { position: relative; }
#section-3 .tab-cont-area .lock-screen .progress-bar { position: relative; width: 57.1875%; margin: 0 auto; }
#section-3 .tab-cont-area .lock-screen .progress-bar span { position: absolute; font-family: 'samsungonelatin400'; font-size: 2.8125vw; opacity: 0; filter: alpha(opacity=0); }
#section-3 .tab-cont-area .lock-screen .progress-bar span.txt-low { position: relative; float: left; opacity: 1; filter: alpha(opacity=100); }
#section-3 .tab-cont-area .lock-screen .progress-bar span.txt-high { right: 0; top: 0; opacity: 1; filter: alpha(opacity=100); }
#section-3 .tab-cont-area .lock-screen .progress-bar .track-back { position: absolute; width: 76.5027322404%; height: 2px; margin-left: 10.9289617486%; background-color: rgba(0, 0, 0, 0.2); float: left; margin-top: 1.5vw; }
#section-3 .tab-cont-area .lock-screen .progress-bar #track { position: relative; width: 38%; height: 2px; margin-left: 2.7322404372%; background-color: #fff; float: left; margin-top: 1.5vw; }
#section-3 .tab-cont-area .lock-screen .progress-bar .pointer-box { width: 76.5027322404%; position: absolute; top: 1px; margin-left: 8.1967213115%; }
#section-3 .tab-cont-area .lock-screen .progress-bar .pointer-box #pointer { position: absolute; left: 50%; width: 29.2857142857%; margin-left: -11.4285714286%; margin-top: -10.8928571429%; }
#section-3 .tab-cont-area .video-wallpaper { width: inherit; height: inherit; padding-bottom: 13.125%; }
#section-3 .tab-cont-area .video-wallpaper video { position: absolute; left: 25.625%; top: 0; width: 47.03125%; margin-top: 6.5625%; }
#section-3 .tab-cont-area .video-wallpaper .ux { position: absolute; left: 25.625%; top: 0; width: 47.03125%; margin-top: 6.5625%; }
#section-3 .tab-cont-area .video-wallpaper .btn_vd_ctrl { position: absolute; left: 25.625%; height: 97.03125vw; top: 0; width: 47.03125%; margin-top: 6.5625%; display: block; background: url(../img/content_4/btn_vd_ctrl.png) no-repeat 0 50%; background-size: 200% 100%; background-position-x: 0; z-index: 51; }
#section-3 .tab-cont-area .video-wallpaper .btn_vd_ctrl.onPause { background-position-x: 100%; }
#section-3 .tab-cont-area .video-wallpaper .btn_vd_ctrl.onHide { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition: opacity 1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition: opacity 1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition: opacity 1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition: opacity 1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
#section-3 .tab-cont-area .ph-cover { position: relative; z-index: 100; }

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