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

.cont-holder { color: #454853; }

.tab-area .tab-menu-box > li.on a:after { background-color: #454853; }
.tab-area .tab-cont-box li span.refer { display: block; margin-top: 2.34375%; font-family: 'samsungonelatin600'; font-size: 2.5vw; letter-spacing: -0.015em; color: #454853; opacity: 0.5; filter: alpha(opacity=50); }

#section-1 .inner-cont-wrap { height: 167.96875vw; }
#section-1 .inner-cont-wrap .kv-holder .obj-area .circle-box li { width: 82.34375vw; height: 82.34375vw; border-radius: 50%; overflow: hidden; }
#section-1 .inner-cont-wrap .kv-holder .obj-area .circle-box li.circle-1 { position: absolute; top: 4.3720930233%; left: -52.8125%; }
#section-1 .inner-cont-wrap .kv-holder .obj-area .circle-box li.circle-2 { position: absolute; top: 4.3720930233%; left: 29.53125%; }
#section-1 .inner-cont-wrap .kv-holder .obj-area .circle-box li.circle-3 { position: absolute; top: 46.7906976744%; left: -11.875%; }
#section-1 .inner-cont-wrap .kv-holder .obj-area .circle-box li.circle-4 { position: absolute; top: 46.7906976744%; left: 70.625%; }
#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: 46.875%; color: #454853; text-align: center; }
#section-1 .inner-cont-wrap .kv-holder .txt-area span { display: block; margin-top: 3.84375%; font-family: 'samsungonelatin500'; font-size: 4.0625vw; line-height: 1.6923076923; letter-spacing: -0.025em; }

#section-2 { height: 284.625vw; }
#section-2 .inner-cont-wrap .sticker .sticker-back { -webkit-transform: translateX(-37%); -moz-transform: translateX(-37%); -ms-transform: translateX(-37%); -o-transform: translateX(-37%); transform: translateX(-37%); }
#section-2 .inner-cont-wrap .sticker .sticker-back.onTrans { -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.15s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: -moz-transform 0.7s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: -ms-transform 0.7s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: -o-transform 0.7s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.7s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
#section-2 .inner-cont-wrap .sticker .fixed { position: absolute; top: 0; left: 0; width: 100%; }
#section-2 .inner-cont-wrap .sticker .sticker-list li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .sticker .sticker-list li.active { z-index: 10; -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -ms-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 1s linear; opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .sticker .sticker-list li.on { z-index: 5; opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .sticker .frame { position: absolute; top: 0; left: 0; width: 100%; z-index: 20; }
#section-2 .inner-cont-wrap .emoji .fixed { position: absolute; top: 0; left: 0; width: 100%; }
#section-2 .inner-cont-wrap .emoji .emoji-list li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .emoji .emoji-list li:first-child { position: relative; }
#section-2 .inner-cont-wrap .emoji .emoji-list li.active { z-index: 10; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .emoji .emoji-list li.on { z-index: 5; opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .emoji .frame { position: absolute; top: 0; left: 0; width: 100%; z-index: 20; }
#section-2 .inner-cont-wrap .emoji .icon-list li { position: absolute; z-index: 30; border-radius: 50%; overflow: hidden; box-shadow: 8px 10px 18px 0px rgba(62, 19, 39, 0.15); -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 left; -moz-transform-origin: center center left; -ms-transform-origin: center center left; -o-transform-origin: center center left; transform-origin: center center left; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .emoji .icon-list li.icon-1 { width: 23.75%; height: 21.0235131397%; left: 58.4375%; top: 7.0539419087%; }
#section-2 .inner-cont-wrap .emoji .icon-list li.icon-2 { width: 35.625%; height: 31.5352697095%; left: 44.6875%; top: 41.3554633472%; }
#section-2 .inner-cont-wrap .emoji .icon-list li.icon-2 img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 107%; }
#section-2 .inner-cont-wrap .emoji .icon-list.onTrans .icon-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.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 .emoji .icon-list.onTrans .icon-2 { 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.5s ease-out, opacity 0.7s 0.5s; -moz-transition: -moz-transform 0.7s 0.5s ease-out, opacity 0.7s 0.5s; -ms-transition: -ms-transform 0.7s 0.5s ease-out, opacity 0.7s 0.5s; -o-transition: -o-transform 0.7s 0.5s ease-out, opacity 0.7s 0.5s; transition: transform 0.7s 0.5s ease-out, opacity 0.7s 0.5s; }

#section-3 { height: 291.71875vw; /*}*/ }
#section-3 .cont-holder .title-area { margin-bottom: 9.3125%; }
#section-3 .cont-holder .title-area .title-2 { white-space: nowrap; }
#section-3 .cont-holder .tab-area { margin-top: 8.59375%; }
#section-3 .tab-cont-area { height: 125.9375vw; }
#section-3 .tab-cont-area > ul > li .wallpaper, #section-3 .tab-cont-area > ul > li .edge { position: relative; width: 60%; height: inherit; margin: 0 auto; }
#section-3 .tab-cont-area > ul > li .wallpaper .bx-wrapper, #section-3 .tab-cont-area > ul > li .edge .bx-wrapper { position: absolute; left: 0; top: 7.2404371585%; width: 100%; }
#section-3 .tab-cont-area > ul > li .wallpaper .bx-wrapper .bx-controls, #section-3 .tab-cont-area > ul > li .edge .bx-wrapper .bx-controls { margin-top: 2%; }
#section-3 .tab-cont-area > ul > li .wallpaper .bx-wrapper .bx-controls .bx-pager, #section-3 .tab-cont-area > ul > li .edge .bx-wrapper .bx-controls .bx-pager { /*padding-top:percentage( 25 / $tW );*/ }
#section-3 .tab-cont-area > ul > li .wallpaper .bx-wrapper .bx-controls .bx-pager .bx-pager-item, #section-3 .tab-cont-area > ul > li .edge .bx-wrapper .bx-controls .bx-pager .bx-pager-item { background-color: rgba(69, 72, 83, 0.2); margin-right: 2.8%; }
#section-3 .tab-cont-area > ul > li .wallpaper .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, #section-3 .tab-cont-area > ul > li .edge .bx-wrapper .bx-controls .bx-pager .bx-pager-item a { border: none; }
#section-3 .tab-cont-area > ul > li .wallpaper .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, #section-3 .tab-cont-area > ul > li .edge .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active { background-color: #454853; }
#section-3 .tab-cont-area > ul > li .wallpaper .ph-cover, #section-3 .tab-cont-area > ul > li .edge .ph-cover { position: relative; z-index: 100; width: 100%; }
#section-3 .tab-cont-area > ul > li.on .bx-viewport { overflow: initial !important; }
#section-3 .edge .fixed-txt { position: absolute; top: 0; left: 0; z-index: 51; }
#section-3 .edge .ph-icon li { position: absolute; width: 5.9895833333%; top: 11.0655737705%; left: 31.5104166667%; z-index: 999; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.6s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition: opacity 0.6s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition: opacity 0.6s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition: opacity 0.6s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition: opacity 0.6s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
#section-3 .edge .ph-icon li.on { opacity: 1; filter: alpha(opacity=100); }
#section-3 .edge .ph-bg { position: absolute; width: 78.6458333333%; height: 97.96875vw; top: 6.7215363512%; left: 11.4583333333%; background-color: #000; }
#section-3 .edge .caption { position: relative; top: 128vw; }
#section-3 .edge .caption li { position: absolute; left: 0; bottom: -10.1092896175%; width: 100%; text-align: center; font-family: 'samsungonekorean400'; font-size: 3.125vw; letter-spacing: 0; color: #454853; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition: opacity 0.2s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition: opacity 0.2s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition: opacity 0.2s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition: opacity 0.2s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
#section-3 .edge .caption li.on { opacity: 1; filter: alpha(opacity=100); }

#section-4 .inner-cont-wrap { /*padding-bottom: percentage( 230 / $tW );*/ }
#section-4 .inner-cont-wrap .cont-holder .title-area { margin-bottom: 23.875%; }
#section-4 .inner-cont-wrap .desc-area { margin-bottom: 19%; }
#section-4 .inner-cont-wrap .desc-area .img-box { margin-bottom: 12.03125%; }
#section-4 .inner-cont-wrap .desc-area .img-box span { display: block; margin-top: -46.09375%; font-family: 'samsungonelatin600'; font-size: 2.5vw; letter-spacing: -0.015em; color: #454853; opacity: 0.5; filter: alpha(opacity=50); text-align: center; }
#section-4 .inner-cont-wrap .desc-area .txt-box { padding: 0 9.375%; }
#section-4 .inner-cont-wrap .desc-area .txt-box p span { display: block; padding-top: 6.25%; height: 10.9375vw; }
#section-4 .inner-cont-wrap .desc-area .txt-box p span em { font-size: 4.0625vw; display: inline-block; line-height: 10.9375vw; vertical-align: top; margin-right: 2.81%; font-family: 'samsungonelatin400'; }
#section-4 .inner-cont-wrap .desc-area .txt-box p span a { display: inline-block; width: 13.4615384615%; height: 10.9375vw; background: url(../img/content_1/aud_play_btn.png); background-size: 100% 200%; }

.aud-area .aud-menu { overflow: hidden; }
.aud-area .aud-menu li { float: left; width: 25%; text-align: center; }
.aud-area .aud-menu li a { display: inline-block; font-family: 'samsungonelatin1000'; font-size: 3.75vw; letter-spacing: -0.015em; color: #454853; opacity: 0.2; filter: alpha(opacity=20); }
.aud-area .aud-menu li.on a { opacity: 1; filter: alpha(opacity=100); }
.aud-area .aud-menu li.on a:after { display: block; width: 100%; height: 3px; content: ''; background-color: #454853; }
.aud-area .aud-contents { padding: 0 9.375%; color: #000000; }
.aud-area .aud-contents li.aud-list { position: relative; z-index: 2; display: none; margin-bottom: 40%; }
.aud-area .aud-contents li.aud-list.on { display: block; }
.aud-area .aud-contents li.aud-list > div { position: relative; }
.aud-area .aud-contents li.aud-list > div .inner-content { position: relative; z-index: 2; }
.aud-area .aud-contents li.aud-list > div .depth-1 { display: block; overflow: hidden; -webkit-transition: height 0.4s 0s ease-in-out; -moz-transition: height 0.4s 0s ease-in-out; -ms-transition: height 0.4s 0s ease-in-out; -o-transition: height 0.4s 0s ease-in-out; transition: height 0.4s 0s ease-in-out; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth { margin-top: 10.15625%; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth.first-child { margin-top: 0; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth .sub-title { font-family: 'samsungonelatin600'; font-size: 3.4375vw; letter-spacing: -0.015em; color: inherit; border-bottom: 1px solid; border-color: inherit; line-height: 6.09375vw; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth ol.list-con { padding-top: 7.03125%; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth ol.list-con > li { height: 10.9375vw; line-height: 10.9375vw; margin-top: 5.15625%; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth ol.list-con > li:first-child { margin-top: 0; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth ol.list-con > li > div a { float: left; display: block; margin-right: 5.7692307692%; width: 13.4615384615%; height: 10.9375vw; background: url(../img/content_1/aud_play_btn.png); background-size: 100% 200%; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth ol.list-con > li > div a.on { background-position-y: bottom; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth ol.list-con > li > div a.on + span { font-family: 'samsungonelatin700'; }
.aud-area .aud-contents li.aud-list > div .depth-1 .inner-depth ol.list-con > li > div span { float: left; font-family: 'samsungonelatin300'; font-size: 5.625vw; line-height: inherit; letter-spacing: -0.015em; color: inherit; }
.aud-area .aud-contents li.aud-list > div .title { height: 23.4375vw; line-height: 23.4375vw; }
.aud-area .aud-contents li.aud-list > div .title span { float: left; font-family: 'samsungonelatin300'; font-size: 7.8125vw; letter-spacing: -0.015em; color: inherit; }
.aud-area .aud-contents li.aud-list > div .title a { float: right; display: block; width: 8.2692307692%; height: 23.4375vw; background: url(../img/aud/aud_title_arrow.png) no-repeat; background-size: 100% 46.875vw; background-position-y: bottom; }
.aud-area .aud-contents li.aud-list > div .title.active a { background-position-y: top; }
.aud-area .aud-contents li.aud-list .joy .title.active + .depth-1 { display: block; height: 143vw; }
.aud-area .aud-contents li.aud-list .interest .title.active + .depth-1 { display: block; height: 112.5vw; }
.aud-area .aud-contents li.aud-list .serenity .title.active + .depth-1 { display: block; height: 96.875vw; }
.aud-area .aud-contents li.aud-list .ecstasy .title.active + .depth-1 { display: block; height: 96.875vw; }

.video-popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.video-popup .btn-close { position: absolute; top: 4%; right: 4%; width: 14%; height: auto; z-index: 1000; text-indent: -999em; font-size: 0; }
.video-popup iframe { border: none; width: 100%; height: 100%; }

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