body, .content { font-size: 0; font-weight: 100; position: relative; }

*, *:before, *: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; }

/*common*/
h1 { font-family: 'samsungonelatin200'; font-size: 9.0625vw; line-height: 1.3793103448; letter-spacing: 0.2em; color: inherit; text-transform: uppercase; }

h2 { font-family: 'samsungonelatin300'; font-size: 8.125vw; line-height: 1.2692307692; letter-spacing: 0; color: inherit; }

h3 { font-family: 'samsungonelatin300'; font-size: 5.9375vw; line-height: 1.3157894737; letter-spacing: -0.015em; color: inherit; }

h4 { font-family: 'samsungonelatin400'; font-size: 5vw; line-height: 1; letter-spacing: -0.015em; color: inherit; }

h5 { font-family: 'samsungonelatin300'; font-size: 4.0625vw; line-height: 1.4615384615; letter-spacing: 0; color: inherit; }

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

em { font-family: 'samsungonelatin400'; font-size: 2.8125vw; line-height: 1; letter-spacing: -0.045em; color: inherit; }

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

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

.bx-wrapper { margin: 0 auto; }
.bx-wrapper .bx-viewport { padding-bottom: 2.8125%; }
.bx-wrapper .bx-pager { margin-top: 3.125%; text-align: center; font-size: 0; line-height: 0; }
.bx-wrapper .bx-pager .bx-pager-item { display: inline-block; /*text-indent:-999px; */ width: 2.1875vw; height: 2.1875vw; border-radius: 50%; margin-right: 1%; }
.bx-wrapper .bx-pager .bx-pager-item a { display: block; border-radius: 50%; width: 100%; height: 100%; font-size: 0; margin-right: 1%; border: 1px solid #000; line-height: unset; }
.bx-wrapper .bx-pager .bx-pager-item a.active { background-color: #000; }
.bx-wrapper .bx-pager .bx-pager-item:last-child { margin-right: 0; }

/* 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 */
.cover-holder { overflow: hidden; }
.cover-holder .img-inner-box { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 1.2s 0s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: -moz-transform 1.2s 0s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: -ms-transform 1.2s 0s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: -o-transform 1.2s 0s cubic-bezier(0.5, 0, 0.5, 1); transition: transform 1.2s 0s cubic-bezier(0.5, 0, 0.5, 1); }
.cover-holder.onTrans .img-inner-box { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.cont-holder .title-box .txt-1 { display: block; -webkit-transform: translateX(-5vw); -moz-transform: translateX(-5vw); -ms-transform: translateX(-5vw); -o-transform: translateX(-5vw); transform: translateX(-5vw); opacity: 0; filter: alpha(opacity=0); }
.cont-holder .title-box .txt-2 { display: block; -webkit-transform: translateX(5vw); -moz-transform: translateX(5vw); -ms-transform: translateX(5vw); -o-transform: translateX(5vw); transform: translateX(5vw); opacity: 0; filter: alpha(opacity=0); }
.cont-holder .title-box .txt-3 { display: block; -webkit-transform: translateX(-5vw); -moz-transform: translateX(-5vw); -ms-transform: translateX(-5vw); -o-transform: translateX(-5vw); transform: translateX(-5vw); opacity: 0; filter: alpha(opacity=0); }
.cont-holder .title-box p { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); opacity: 0; filter: alpha(opacity=0); }
.cont-holder .title-box.onShow .txt-1 { -webkit-transition: -webkit-transform 1.0s 0.1s ease-out,opacity 1.0s 0.1s; -moz-transition: -moz-transform 1.0s 0.1s ease-out,opacity 1.0s 0.1s; -ms-transition: -ms-transform 1.0s 0.1s ease-out,opacity 1.0s 0.1s; -o-transition: -o-transform 1.0s 0.1s ease-out,opacity 1.0s 0.1s; transition: transform 1.0s 0.1s ease-out,opacity 1.0s 0.1s; -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); }
.cont-holder .title-box.onShow .txt-2 { -webkit-transition: -webkit-transform 1.0s 0.4s ease-out,opacity 1.0s 0.4s; -moz-transition: -moz-transform 1.0s 0.4s ease-out,opacity 1.0s 0.4s; -ms-transition: -ms-transform 1.0s 0.4s ease-out,opacity 1.0s 0.4s; -o-transition: -o-transform 1.0s 0.4s ease-out,opacity 1.0s 0.4s; transition: transform 1.0s 0.4s ease-out,opacity 1.0s 0.4s; -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); }
.cont-holder .title-box.onShow .txt-3 { -webkit-transition: -webkit-transform 1.0s 0.7s ease-out,opacity 1.0s 0.7s; -moz-transition: -moz-transform 1.0s 0.7s ease-out,opacity 1.0s 0.7s; -ms-transition: -ms-transform 1.0s 0.7s ease-out,opacity 1.0s 0.7s; -o-transition: -o-transform 1.0s 0.7s ease-out,opacity 1.0s 0.7s; transition: transform 1.0s 0.7s ease-out,opacity 1.0s 0.7s; -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); }
.cont-holder .title-box.onShow p { -webkit-transition: -webkit-transform 1.2s 1.1s ease-out,opacity 1.2s 1.1s; -moz-transition: -moz-transform 1.2s 1.1s ease-out,opacity 1.2s 1.1s; -ms-transition: -ms-transform 1.2s 1.1s ease-out,opacity 1.2s 1.1s; -o-transition: -o-transform 1.2s 1.1s ease-out,opacity 1.2s 1.1s; transition: transform 1.2s 1.1s ease-out,opacity 1.2s 1.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); }

.content-box .img-clip { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s 0s linear; -moz-transition: all 0.4s 0s linear; -ms-transition: all 0.4s 0s linear; -o-transition: all 0.4s 0s linear; transition: all 0.4s 0s linear; }
.content-box .img-clip.onShow { opacity: 1; filter: alpha(opacity=100); }
.content-box .txt-clip h3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(3vw); -moz-transform: translateX(3vw); -ms-transform: translateX(3vw); -o-transform: translateX(3vw); transform: translateX(3vw); -webkit-transition: -webkit-transform 1s 0s ease-out, opacity 1s 0s; -moz-transition: -moz-transform 1s 0s ease-out, opacity 1s 0s; -ms-transition: -ms-transform 1s 0s ease-out, opacity 1s 0s; -o-transition: -o-transform 1s 0s ease-out, opacity 1s 0s; transition: transform 1s 0s ease-out, opacity 1s 0s; }
.content-box .txt-clip p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(3vh); -moz-transform: translateY(3vh); -ms-transform: translateY(3vh); -o-transform: translateY(3vh); transform: translateY(3vh); -webkit-transition: -webkit-transform 1s 0s ease-out, opacity 1s 0s; -moz-transition: -moz-transform 1s 0s ease-out, opacity 1s 0s; -ms-transition: -ms-transform 1s 0s ease-out, opacity 1s 0s; -o-transition: -o-transform 1s 0s ease-out, opacity 1s 0s; transition: transform 1s 0s ease-out, opacity 1s 0s; }
.content-box .txt-clip.onShow h3 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.content-box .txt-clip.onShow P { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

@keyframes prd-dissolve { 0% { opacity: 0; filter: alpha(opacity=0); }
  17% { opacity: 1; filter: alpha(opacity=100); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  67% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
/* common */
.dim-holder { position: absolute; opacity: 0; filter: alpha(opacity=0); visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; }
.dim-holder.onShow { visibility: visible; opacity: 1; filter: alpha(opacity=100); }

.dissolve { position: relative; }
.dissolve .img-2 { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); }

.title-box { padding-top: 16.40625%; }
.title-box .txt-clip h2 { margin-bottom: 6.25%; }
.title-box .txt-clip h2, .title-box .txt-clip p { text-align: center; }

.content-box { margin-top: 27.96875%; }
.content-box:first-child { margin-top: 0; }
.content-box .img-clip { margin-bottom: 10.15625%; }
.content-box .txt-clip p { margin-top: 3.125%; }

/* part section */
#section-1 .inner-cont-wrap { height: 167.96875vw; background-image: url("../img/sec1_kv.jpg"); background-repeat: no-repeat; background-position-y: bottom; background-size: cover; }
#section-1 .inner-cont-wrap .cont-holder { padding-top: 32.8125%; }
#section-1 .inner-cont-wrap .cont-holder .txt-box { color: #fff; text-align: center; }
#section-1 .inner-cont-wrap .cont-holder .txt-box h1 { opacity: 0; filter: alpha(opacity=0); margin-bottom: 2.65625%; letter-spacing: 0.1em; will-change: letter-spacing; }
#section-1 .inner-cont-wrap .cont-holder .txt-box h5 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); -webkit-transition: -webkit-transform 0.8s 1.4s ease-out, opacity 0.8s 1.4s; -moz-transition: -moz-transform 0.8s 1.4s ease-out, opacity 0.8s 1.4s; -ms-transition: -ms-transform 0.8s 1.4s ease-out, opacity 0.8s 1.4s; -o-transition: -o-transform 0.8s 1.4s ease-out, opacity 0.8s 1.4s; transition: transform 0.8s 1.4s ease-out, opacity 0.8s 1.4s; }
#section-1 .inner-cont-wrap .cont-holder .txt-box.onShow h1 { opacity: 1; filter: alpha(opacity=100); letter-spacing: 0.2em; -webkit-transition: all 1s 0.6s linear; -moz-transition: all 1s 0.6s linear; -ms-transition: all 1s 0.6s linear; -o-transition: all 1s 0.6s linear; transition: all 1s 0.6s linear; }
#section-1 .inner-cont-wrap .cont-holder .txt-box.onShow h5 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-1 .inner-cont-wrap .dim-holder { visibility: visible; opacity: 1; filter: alpha(opacity=100); background-color: #000; }
#section-1 .inner-cont-wrap .dim-holder.onHide { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1s 0.2s linear; -moz-transition: opacity 1s 0.2s linear; -ms-transition: opacity 1s 0.2s linear; -o-transition: opacity 1s 0.2s linear; transition: opacity 1s 0.2s linear; }

#section-2 .inner-cont-wrap { height: 216.25vw; background-color: #000; }
#section-2 .inner-cont-wrap .cont-holder { padding: 2.5% 9.375% 0; }
#section-2 .inner-cont-wrap .cont-holder .img-box .dissolve { width: 90%; margin: 0 auto; }
#section-2 .inner-cont-wrap .cont-holder .txt-box { margin-top: -5.9375%; color: #fff; }
#section-2 .inner-cont-wrap .cont-holder .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(15%); -moz-transform: translateY(15%); -ms-transform: translateY(15%); -o-transform: translateY(15%); transform: translateY(15%); -webkit-transition: -webkit-transform 1s 0.2s ease-out, opacity 1s 0.2s; -moz-transition: -moz-transform 1s 0.2s ease-out, opacity 1s 0.2s; -ms-transition: -ms-transform 1s 0.2s ease-out, opacity 1s 0.2s; -o-transition: -o-transform 1s 0.2s ease-out, opacity 1s 0.2s; transition: transform 1s 0.2s ease-out, opacity 1s 0.2s; }
#section-2 .inner-cont-wrap .cont-holder.onShow .img-box .dissolve .img-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 1s 1.4s linear; -moz-transition: all 1s 1.4s linear; -ms-transition: all 1s 1.4s linear; -o-transition: all 1s 1.4s linear; transition: all 1s 1.4s linear; }
#section-2 .inner-cont-wrap .cont-holder.onShow .txt-box p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

#section-3 .inner-cont-wrap .cont-holder { padding: 0 9.375% 29.6875%; background-color: #e1e1e2; color: #202020; }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip { margin-bottom: 0; }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip .img-pod { position: relative; width: 100%; height: 81.25vw; }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip .img-pod .img-1 { overflow: hidden; position: absolute; bottom: 0; right: 0; width: 57.6923076923%; -webkit-transform: translate(-5vw, -5vw); -moz-transform: translate(-5vw, -5vw); -ms-transform: translate(-5vw, -5vw); -o-transform: translate(-5vw, -5vw); transform: translate(-5vw, -5vw); -webkit-transition: -webkit-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: -moz-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: -ms-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: -o-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip .img-pod .img-1 .img-inner { -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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: -moz-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: -ms-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: -o-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip .img-pod .img-2 { overflow: hidden; position: absolute; top: 0; left: 0; width: 57.6923076923%; -webkit-transform: translate(5vw, 5vw); -moz-transform: translate(5vw, 5vw); -ms-transform: translate(5vw, 5vw); -o-transform: translate(5vw, 5vw); transform: translate(5vw, 5vw); -webkit-transition: -webkit-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: -moz-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: -ms-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: -o-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip .img-pod .img-2 .img-inner { -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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: -moz-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: -ms-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: -o-transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: transform 1.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip.onTrans .img-pod .img-1 { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip.onTrans .img-pod .img-1 .img-inner { -webkit-transform: scale(1.136); -moz-transform: scale(1.136); -ms-transform: scale(1.136); -o-transform: scale(1.136); transform: scale(1.136); }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip.onTrans .img-pod .img-2 { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .img-trans-clip.onTrans .img-pod .img-2 .img-inner { -webkit-transform: scale(1.136); -moz-transform: scale(1.136); -ms-transform: scale(1.136); -o-transform: scale(1.136); transform: scale(1.136); }
#section-3 .inner-cont-wrap .cont-holder .content-1-box .txt-clip { margin-top: -14.84375%; }
#section-3 .inner-cont-wrap .cont-holder .content-2-box .img-clip.mask { clip-path: inset(8vw 10vw); -webkit-clip-path: inset(8vw 10vw); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); }
#section-3 .inner-cont-wrap .cont-holder .content-2-box .img-clip.mask.onShow { clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }
#section-3 .inner-cont-wrap .cont-holder .content-3-box .img-clip.mask { clip-path: inset(10vw 8vw); -webkit-clip-path: inset(10vw 8vw); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); }
#section-3 .inner-cont-wrap .cont-holder .content-3-box .img-clip.mask.onShow { clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }

#section-4 .inner-cont-wrap { background-image: url("../img/sec4_bg.jpg"); background-repeat: no-repeat; background-position-y: bottom; background-size: 100% auto; }
#section-4 .inner-cont-wrap .cover-holder.onTrans .img-inner-box .dissolve .img-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 1s 1s linear; -moz-transition: all 1s 1s linear; -ms-transition: all 1s 1s linear; -o-transition: all 1s 1s linear; transition: all 1s 1s linear; }
#section-4 .inner-cont-wrap .cont-holder { padding: 0 9.375% 29.6875%; color: #202020; }
#section-4 .inner-cont-wrap .cont-holder .content-1-box .img-clip.mask { clip-path: inset(10vw 10vw); -webkit-clip-path: inset(10vw 10vw); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); }
#section-4 .inner-cont-wrap .cont-holder .content-1-box .img-clip.mask.onShow { clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }
#section-4 .inner-cont-wrap .cont-holder .content-1-box .img-clip-1.onShow .dissolve .img-2 { animation: prd-dissolve 6s 1.98s linear infinite; }
#section-4 .inner-cont-wrap .cont-holder .content-1-box .txt-clip-1 { margin-bottom: 9.375%; }
#section-4 .inner-cont-wrap .cont-holder .content-1-box .img-clip-1 { margin-bottom: 9.375%; }
#section-4 .inner-cont-wrap .cont-holder .content-2-box .img-clip.mask { clip-path: inset(8vw 10vw); -webkit-clip-path: inset(8vw 10vw); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); }
#section-4 .inner-cont-wrap .cont-holder .content-2-box .img-clip.mask.onShow { clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }
#section-4 .inner-cont-wrap .cont-holder .content-3-box .img-clip.mask { clip-path: inset(8vw 10vw); -webkit-clip-path: inset(8vw 10vw); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); }
#section-4 .inner-cont-wrap .cont-holder .content-3-box .img-clip.mask.onShow { clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }
#section-4 .inner-cont-wrap .cont-holder .content-3-box .img-clip-1.onShow .dissolve .img-2 { animation: prd-dissolve 6s 1.98s linear infinite; }
#section-4 .inner-cont-wrap .cont-holder .content-3-box .txt-clip-1 { margin-bottom: 9.375%; }
#section-4 .inner-cont-wrap .cont-holder .content-3-box .img-clip-1 { margin-bottom: 9.375%; }
#section-4 .inner-cont-wrap .cont-holder .content-3-box .txt-clip-2 { margin-bottom: 9.375%; }
#section-4 .inner-cont-wrap .cont-holder .content-3-box .img-clip-2 { margin-bottom: 9.375%; }
#section-4 .inner-cont-wrap .cont-holder .content-4-box { margin-top: 124.21875%; }

#section-5 .inner-cont-wrap { height: 193.90625vw; background-image: url("../img/sec6_bg.jpg"); background-repeat: no-repeat; background-position-y: bottom; background-size: cover; }
#section-5 .inner-cont-wrap .cont-holder .txt-box { padding: 29.6875% 9.375% 0; color: #fff; }
#section-5 .inner-cont-wrap .cont-holder .txt-box p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(4vh); -moz-transform: translateY(4vh); -ms-transform: translateY(4vh); -o-transform: translateY(4vh); transform: translateY(4vh); }
#section-5 .inner-cont-wrap .cont-holder .txt-box p em { display: block; margin-top: 3.125%; color: #9b9b9b; }
#section-5 .inner-cont-wrap .cont-holder .txt-box .btn-clip { width: 62.8846153846%; margin: 12.5% auto 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(2vh); -moz-transform: translateY(2vh); -ms-transform: translateY(2vh); -o-transform: translateY(2vh); transform: translateY(2vh); }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: -moz-transform 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: -ms-transform 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: -o-transform 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: transform 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow .btn-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: -moz-transform 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: -ms-transform 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: -o-transform 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: transform 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); }

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