/* 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/#ffffff+0,dcecfa+100 */ background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #dcecfa 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, white 0%, #dcecfa 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, white 0%, #dcecfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcecfa',GradientType=0 ); /* IE6-9 */ }

.cont-holder { color: #223a65; }

.tab-area .tab-menu-box > li.on a:after { background-color: #223a65; }

h6:after { background-color: #223a65 !important; }

#section-1 .inner-cont-wrap { height: 171.40625vw; }
#section-1 .inner-cont-wrap .kv-holder .obj-area .circle-box li { width: 104.6875vw; height: 104.6875vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; overflow: hidden; }
#section-1 .inner-cont-wrap .kv-holder .obj-area .circle-box li.circle-1 { position: absolute; top: -2.0054694622%; opacity: 0.9; filter: alpha(opacity=90); }
#section-1 .inner-cont-wrap .kv-holder .obj-area .circle-box li.circle-2 { position: absolute; top: 39.0154968095%; opacity: 0.6; filter: alpha(opacity=60); }
#section-1 .inner-cont-wrap .kv-holder .obj-area .phone-line-box { position: absolute; top: 10.3008204193%; left: 0; width: 100%; }
#section-1 .inner-cont-wrap .kv-holder .txt-area { position: relative; padding-top: 46.125%; color: #454853; text-align: center; }
#section-1 .inner-cont-wrap .kv-holder .txt-area span { display: block; margin-top: 3.6875%; font-family: 'samsungonelatin500'; font-size: 4.0625vw; line-height: 1.6923076923; letter-spacing: -0.035em; }

#section-2 .inner-cont-wrap { height: 202.65625vw; padding-top: 16.71875%; }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box .account { position: relative; }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box .account li { position: absolute; top: 0; left: 0; width: 100%; }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box .account li:first-child { position: relative; }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box .account .screen-1 .cursor { position: absolute; top: 5.65%; left: 41.6%; width: 4.5vw; height: 4.5vw; background-color: #223a65; opacity: 0.6; filter: alpha(opacity=60); border-radius: 50%; -webkit-transform: scale(1) translate(70%, 380%); -moz-transform: scale(1) translate(70%, 380%); -ms-transform: scale(1) translate(70%, 380%); -o-transform: scale(1) translate(70%, 380%); transform: scale(1) translate(70%, 380%); }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box .account .screen-2 { opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box .account.onTrans .screen-1 .cursor { -webkit-transform: scale(1, 1) translate(0); -moz-transform: scale(1, 1) translate(0); -ms-transform: scale(1, 1) translate(0); -o-transform: scale(1, 1) translate(0); transform: scale(1, 1) translate(0); -webkit-transition: -webkit-transform 0.8s 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: -moz-transform 0.8s 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: -ms-transform 0.8s 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: -o-transform 0.8s 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition: transform 0.8s 0.2s cubic-bezier(0.5, 0, 0.5, 1); }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box .account.onTrans .screen-1 .cursor.onTrans { -webkit-transform: scale(0.6, 0.6) translate(0); -moz-transform: scale(0.6, 0.6) translate(0); -ms-transform: scale(0.6, 0.6) translate(0); -o-transform: scale(0.6, 0.6) translate(0); transform: scale(0.6, 0.6) translate(0); opacity: 0.6; filter: alpha(opacity=60); -webkit-transition: -webkit-transform 0.2s 0s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: -moz-transform 0.2s 0s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: -ms-transform 0.2s 0s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: -o-transform 0.2s 0s cubic-bezier(0.5, 0, 0.5, 1); transition: transform 0.2s 0s cubic-bezier(0.5, 0, 0.5, 1); }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box .account.onTrans .screen-1 .cursor.onHide { -webkit-transform: scale(2, 2) translate(0); -moz-transform: scale(2, 2) translate(0); -ms-transform: scale(2, 2) translate(0); -o-transform: scale(2, 2) translate(0); transform: scale(2, 2) translate(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: -webkit-transform 0.5s 0s ease-in, opacity 0.5s 0s linear; -moz-transition: -moz-transform 0.5s 0s ease-in, opacity 0.5s 0s linear; -ms-transition: -ms-transform 0.5s 0s ease-in, opacity 0.5s 0s linear; -o-transition: -o-transform 0.5s 0s ease-in, opacity 0.5s 0s linear; transition: transform 0.5s 0s ease-in, opacity 0.5s 0s linear; }
#section-2 .inner-cont-wrap .cont-holder .content-area .img-box .account.onTrans .screen-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 1.3s linear; -moz-transition: opacity 0.5s 1.3s linear; -ms-transition: opacity 0.5s 1.3s linear; -o-transition: opacity 0.5s 1.3s linear; transition: opacity 0.5s 1.3s linear; }

#section-3 { padding-bottom: 47.15%; }
#section-3 .inner-cont-wrap { height: 215vw; padding-top: 32.15%; }
#section-3 .edge { position: relative; width: inherit; height: 114.0625vw; }
#section-3 .edge .bx-wrapper { position: absolute; top: 0; width: 100%; }
#section-3 .edge .bx-wrapper .bx-pager { padding-top: 3.4%; width: 100%; }
#section-3 .edge .bx-wrapper .bx-pager .bx-pager-item { background-color: rgba(34, 58, 101, 0.2); margin-right: 2.2648083624%; }
#section-3 .edge .bx-wrapper .bx-pager .bx-pager-item a { border: none; }
#section-3 .edge .bx-wrapper .bx-pager .bx-pager-item a.active { background-color: #223a65; }
#section-3 .edge ol.edge-slide { width: 47.1875%; }
#section-3 .edge ol.edge-slide li { width: 100%; }
#section-3 .edge ol.edge-slide li img { width: 88.4375%; margin-left: 5.78125%; }
#section-3 .edge .screen-light { width: 3.75%; position: absolute; left: 50%; top: 0; margin: 0 auto; margin-left: -23.59%; margin-top: 7.96875%; z-index: 100; }
#section-3 .edge .screen-light-right { width: 3.75%; position: absolute; left: 50%; top: 0; margin: 0 auto; margin-left: 20%; margin-top: 7.96875%; z-index: 100; }
#section-3 .edge .sec3_ph { width: 45.3125%; left: 9.0625%; }
#section-3 .back { position: relative; }
#section-3 .back .change-edge { position: absolute; left: 44.53125%; top: 0; width: 100%; margin-top: 5.3125%; }
#section-3 .back .change-edge .edge { width: 50.78125%; }
#section-3 .back .change-edge .edge-1 { position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
#section-3 .back .change-edge .edge-back { position: absolute; left: 0; top: 0; width: 50.78125%; }
#section-3 .back .ph { position: relative; z-index: 20; }

#section-4 { padding-bottom: 20%; }
#section-4 .inner-cont-wrap { height: 247.96875vw; }
#section-4 .inner-cont-wrap .cont-holder .content-area .img-box { margin-bottom: 10%; }
#section-4 .inner-cont-wrap .cont-holder .content-area .txt-box h6 { margin-bottom: 4.0625%; }
#section-4 .inner-cont-wrap .cont-holder .content-area .txt-box p { margin-top: 3.125%; }
#section-4 .img-box .display-clip { position: absolute; top: 7.5vw; left: 0; width: 100%; height: 97.03125vw; overflow: hidden; }
#section-4 .img-box .display-clip .img-box { margin: 0; -webkit-transition: -webkit-transform 3.5s 2s cubic-bezier(0.680, 0, 0.355, 1.000); -moz-transition: -moz-transform 3.5s 2s cubic-bezier(0.680, 0, 0.355, 1.000); -ms-transition: -ms-transform 3.5s 2s cubic-bezier(0.680, 0, 0.355, 1.000); -o-transition: -o-transform 3.5s 2s cubic-bezier(0.680, 0, 0.355, 1.000); transition: transform 3.5s 2s cubic-bezier(0.680, 0, 0.355, 1.000); }
#section-4 .img-box .display-clip.onTrans .img-box { -webkit-transform: translateY(-51%); -moz-transform: translateY(-51%); -ms-transform: translateY(-51%); -o-transform: translateY(-51%); transform: translateY(-51%); -webkit-transition: -webkit-transform 3.5s 0s cubic-bezier(0.680, 0, 0.355, 1.000); -moz-transition: -moz-transform 3.5s 0s cubic-bezier(0.680, 0, 0.355, 1.000); -ms-transition: -ms-transform 3.5s 0s cubic-bezier(0.680, 0, 0.355, 1.000); -o-transition: -o-transform 3.5s 0s cubic-bezier(0.680, 0, 0.355, 1.000); transition: transform 3.5s 0s cubic-bezier(0.680, 0, 0.355, 1.000); }
#section-4 .img-box .ph-clip { position: relative; z-index: 2; }

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