/* rotate */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
/*@include keyframes(scroll-loop) { 0% { @include  transform(translateY(0)); } 50% { @include  transform(translateY(0));  } 100% { @include  transform(translateY(0));  }
}*/
/* line */
body { overflow-x: auto; background: #fff; }

.footer_wrap { position: relative; z-index: 100; }

#content { position: relative; min-width: 1280px; margin: 0 auto; overflow: hidden; line-height: 28px; }

.section { overflow: hidden; position: relative; width: 100%; }

.common_btn { font-size: 0; }

.btn_download { display: inline-block; width: 210px; height: 45px; margin-right: 15px; font-size: 0; text-indent: -9999px; vertical-align: top; background: url(../img/btn_download.png) no-repeat 0 0; }

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

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

h1 { font-family: 'samsungonelatin1100'; font-size: 140px; font-weight: 100; line-height: 140px; letter-spacing: 0.025em; }

h2 { font-family: 'samsungonekorean600'; font-size: 48px; font-weight: 100; line-height: 68px; letter-spacing: -0.05em; }

h3 { font-family: 'samsungonekorean700'; font-size: 62px; font-weight: 100; line-height: 80px; letter-spacing: -0.04em; }

h4 { font-family: 'samsungonekorean700'; font-size: 38px; font-weight: 100; line-height: 52px; letter-spacing: -0.03em; }

p { font-family: 'samsungonekorean400'; font-size: 16px; font-weight: 100; }

.inner-cont-wrap { position: relative; left: 0; top: 0; width: 1120px; height: 100%; margin: 0 auto; text-align: center; }

/*common*/
.deco-holder.common { position: relative; width: 10px; height: 102px; margin-left: 65px; margin-top: 86px; }
.deco-holder.common li { width: 10px; height: 10px; background-color: #f9c037; margin-bottom: 20px; position: absolute; will-change: opacity; opacity: 0; filter: alpha(opacity=0); }
.deco-holder.common li.idx-0 { top: 0; }
.deco-holder.common li.idx-1 { top: 30px; }
.deco-holder.common li.idx-2 { top: 60px; }
.deco-holder.common li.idx-3 { top: 90px; }
.deco-holder.common li.idx-4 { top: 120px; }
.deco-holder.common li.idx-5 { top: 150px; }
.deco-holder.common li.idx-6 { top: 180px; }
.deco-holder.common li.idx-7 { top: 210px; }
.deco-holder.common li.idx-8 { top: 240px; }
.deco-holder.common.onShow li { opacity: 1; filter: alpha(opacity=100); }
.deco-holder.common.onShow li.idx-0 { -webkit-transition: -webkit-transform 0.2s linear, 0.2s opacity; -moz-transition: -moz-transform 0.2s linear, 0.2s opacity; -ms-transition: -ms-transform 0.2s linear, 0.2s opacity; -o-transition: -o-transform 0.2s linear, 0.2s opacity; transition: transform 0.2s linear, 0.2s opacity; }
.deco-holder.common.onShow li.idx-1 { -webkit-transition: -webkit-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; -moz-transition: -moz-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; -ms-transition: -ms-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; -o-transition: -o-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; transition: transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; }
.deco-holder.common.onShow li.idx-2 { -webkit-transition: -webkit-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; -moz-transition: -moz-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; -ms-transition: -ms-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; -o-transition: -o-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; transition: transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; }
.deco-holder.common.onShow li.idx-3 { -webkit-transition: -webkit-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; -moz-transition: -moz-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; -ms-transition: -ms-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; -o-transition: -o-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; transition: transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; }
.deco-holder.common.onShow li.idx-4 { -webkit-transition: -webkit-transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; -moz-transition: -moz-transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; -ms-transition: -ms-transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; -o-transition: -o-transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; transition: transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; }
.deco-holder.common.onShow li.idx-5 { -webkit-transition: -webkit-transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; -moz-transition: -moz-transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; -ms-transition: -ms-transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; -o-transition: -o-transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; transition: transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; }
.deco-holder.common.onShow li.idx-6 { -webkit-transition: -webkit-transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; -moz-transition: -moz-transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; -ms-transition: -ms-transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; -o-transition: -o-transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; transition: transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; }
.deco-holder.common.onShow li.idx-7 { -webkit-transition: -webkit-transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; -moz-transition: -moz-transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; -ms-transition: -ms-transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; -o-transition: -o-transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; transition: transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; }
.deco-holder.common.onShow li.idx-8 { -webkit-transition: -webkit-transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; -moz-transition: -moz-transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; -ms-transition: -ms-transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; -o-transition: -o-transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; transition: transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; }

.point-deco { position: relative; width: 10px; height: 10px; display: block; background-color: #f9c037; left: 65px; top: 75px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.7); -moz-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); transform: scale(1.7); /*@include transform(rotate(-300deg))*/ }
.point-deco.onShow { -webkit-transition: all 0.3s cubic-bezier(0.360, 0.850, 0.510, 1.625); -webkit-transition-delay: 0.6s; -moz-transition: all 0.3s cubic-bezier(0.360, 0.850, 0.510, 1.625); -moz-transition-delay: 0.6s; -ms-transition: all 0.3s cubic-bezier(0.360, 0.850, 0.510, 1.625); -ms-transition-delay: 0.6s; -o-transition: all 0.3s cubic-bezier(0.360, 0.850, 0.510, 1.625); -o-transition-delay: 0.6s; transition: all 0.3s cubic-bezier(0.360, 0.850, 0.510, 1.625); transition-delay: 0.6s; 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); /*@include transform(rotate(0deg))*/ }

/*part section*/
#section-1 { position: relative; background-color: #000; height: 2020px; left: 0; top: 0; }
#section-1 .inner-cont-wrap { width: 1280px; margin: 0 auto; /*    ul.deco-holder.main{ position:fixed; width:10px; height:420px; left:50%; top:818px; li{ width:10px; height:10px; background-color:#f9c037; margin-bottom:20px; position:absolute; will-change:opacity; @include opacity(0); &.idx-0{ top:0;} &.idx-1{ top:196-60px;} &.idx-2{ top:226-60px;} &.idx-3{ top:256-60px;} &.idx-4{ top:286-60px;} &.idx-5{ top:316-60px;} &.idx-6{ top:346-60px;} &.idx-7{ top:376-60px;} &.idx-8{ top:406-60px;} &.hide{ @include opacity(0); @include transform-css-transition('0.2s linear, 0.2s opacity');} &.show{ @include opacity(1); @include transform-css-transition('0.2s linear, 0.2s opacity');} } &.initMotion{ li{ @include opacity(1); &.idx-0{ @include transform-css-transition('0.2s linear, 0.2s opacity');} &.idx-1{ @include transform-css-transition('0.2s 0.1s linear, 0.2s 0.1s opacity linear');} &.idx-2{ @include transform-css-transition('0.2s 0.2s linear, 0.2s 0.2s opacity linear');} &.idx-3{ @include transform-css-transition('0.2s 0.3s linear, 0.2s 0.3s opacity linear');} &.idx-4{ @include transform-css-transition('0.2s 0.4s linear, 0.2s 0.4s opacity linear');} &.idx-5{ @include transform-css-transition('0.2s 0.5s linear, 0.2s 0.5s opacity linear');} &.idx-6{ @include transform-css-transition('0.2s 0.6s linear, 0.2s 0.6s opacity linear');} &.idx-7{ @include transform-css-transition('0.2s 0.7s linear, 0.2s 0.7s opacity linear');} &.idx-8{ @include transform-css-transition('0.2s 0.8s linear, 0.2s 0.8s opacity linear');} } } }*/ }
#section-1 .inner-cont-wrap .video-holder { position: fixed; left: 50%; top: 237px; width: 663px; height: 663px; margin-left: -80px; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .video-holder .video-bg { position: absolute; left: 0; top: 0; width: 663px; height: 663px; background-image: url("../img/sec1_videocover.png"); }
#section-1 .inner-cont-wrap .video-holder a.btn-play { position: absolute; left: 50%; top: 50%; margin-left: -54px; margin-top: -54px; z-index: 10; will-change: transform,scale; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s ease-out,opacity 0.2s linear; -moz-transition: -moz-transform 0.2s ease-out,opacity 0.2s linear; -ms-transition: -ms-transform 0.2s ease-out,opacity 0.2s linear; -o-transition: -o-transform 0.2s ease-out,opacity 0.2s linear; transition: transform 0.2s ease-out,opacity 0.2s linear; }
#section-1 .inner-cont-wrap .video-holder a.btn-play:hover { -webkit-transform: scale(0.83); -moz-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); transform: scale(0.83); -webkit-transition: -webkit-transform 0.2s ease-out,opacity 0.2s linear; -moz-transition: -moz-transform 0.2s ease-out,opacity 0.2s linear; -ms-transition: -ms-transform 0.2s ease-out,opacity 0.2s linear; -o-transition: -o-transform 0.2s ease-out,opacity 0.2s linear; transition: transform 0.2s ease-out,opacity 0.2s linear; }
#section-1 .inner-cont-wrap .video-holder.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.4s ease-out,0.4s opacity linear; -moz-transition: -moz-transform 0.4s ease-out,0.4s opacity linear; -ms-transition: -ms-transform 0.4s ease-out,0.4s opacity linear; -o-transition: -o-transform 0.4s ease-out,0.4s opacity linear; transition: transform 0.4s ease-out,0.4s opacity linear; }
#section-1 .inner-cont-wrap ul.deco-holder.main { position: absolute; width: 10px; height: 420px; left: 50%; top: 750px; }
#section-1 .inner-cont-wrap ul.deco-holder.main li { width: 10px; height: 10px; background-color: #f9c037; margin-bottom: 20px; position: absolute; will-change: opacity; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap ul.deco-holder.main li.idx-0 { top: 0; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.idx-1 { top: 136px; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.idx-2 { top: 166px; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.idx-3 { top: 196px; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.idx-4 { top: 226px; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.idx-5 { top: 256px; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.idx-6 { top: 286px; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.idx-7 { top: 316px; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.idx-8 { top: 346px; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.hide { opacity: 0; filter: alpha(opacity=0); -webkit-transition: -webkit-transform 0.2s linear, 0.2s opacity; -moz-transition: -moz-transform 0.2s linear, 0.2s opacity; -ms-transition: -ms-transform 0.2s linear, 0.2s opacity; -o-transition: -o-transform 0.2s linear, 0.2s opacity; transition: transform 0.2s linear, 0.2s opacity; }
#section-1 .inner-cont-wrap ul.deco-holder.main li.show { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.2s linear, 0.2s opacity; -moz-transition: -moz-transform 0.2s linear, 0.2s opacity; -ms-transition: -ms-transform 0.2s linear, 0.2s opacity; -o-transition: -o-transform 0.2s linear, 0.2s opacity; transition: transform 0.2s linear, 0.2s opacity; }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li { opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li.idx-0 { -webkit-transition: -webkit-transform 0.2s linear, 0.2s opacity; -moz-transition: -moz-transform 0.2s linear, 0.2s opacity; -ms-transition: -ms-transform 0.2s linear, 0.2s opacity; -o-transition: -o-transform 0.2s linear, 0.2s opacity; transition: transform 0.2s linear, 0.2s opacity; }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li.idx-1 { -webkit-transition: -webkit-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; -moz-transition: -moz-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; -ms-transition: -ms-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; -o-transition: -o-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; transition: transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li.idx-2 { -webkit-transition: -webkit-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; -moz-transition: -moz-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; -ms-transition: -ms-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; -o-transition: -o-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; transition: transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li.idx-3 { -webkit-transition: -webkit-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; -moz-transition: -moz-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; -ms-transition: -ms-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; -o-transition: -o-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; transition: transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li.idx-4 { -webkit-transition: -webkit-transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; -moz-transition: -moz-transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; -ms-transition: -ms-transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; -o-transition: -o-transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; transition: transform 0.2s 0.4s linear, 0.2s 0.4s opacity linear; }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li.idx-5 { -webkit-transition: -webkit-transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; -moz-transition: -moz-transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; -ms-transition: -ms-transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; -o-transition: -o-transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; transition: transform 0.2s 0.5s linear, 0.2s 0.5s opacity linear; }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li.idx-6 { -webkit-transition: -webkit-transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; -moz-transition: -moz-transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; -ms-transition: -ms-transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; -o-transition: -o-transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; transition: transform 0.2s 0.6s linear, 0.2s 0.6s opacity linear; }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li.idx-7 { -webkit-transition: -webkit-transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; -moz-transition: -moz-transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; -ms-transition: -ms-transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; -o-transition: -o-transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; transition: transform 0.2s 0.7s linear, 0.2s 0.7s opacity linear; }
#section-1 .inner-cont-wrap ul.deco-holder.main.initMotion li.idx-8 { -webkit-transition: -webkit-transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; -moz-transition: -moz-transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; -ms-transition: -ms-transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; -o-transition: -o-transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; transition: transform 0.2s 0.8s linear, 0.2s 0.8s opacity linear; }
#section-1 .inner-cont-wrap .content-holder { position: relative; width: 750px; margin-left: 80px; }
#section-1 .inner-cont-wrap .content-holder .txt-box0 { padding-top: 140px; padding-bottom: 472px; text-align: left; }
#section-1 .inner-cont-wrap .content-holder .txt-box0 h1 { line-height: 140px; color: #f9c037; padding-bottom: 56px; }
#section-1 .inner-cont-wrap .content-holder .txt-box0 h1 span { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
#section-1 .inner-cont-wrap .content-holder .txt-box0 h1 span.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-1 .inner-cont-wrap .content-holder .txt-box0 h1 span:nth-child(1).onTrans { -webkit-transition: -webkit-transform 0.4s ease-out,0.4s opacity linear; -moz-transition: -moz-transform 0.4s ease-out,0.4s opacity linear; -ms-transition: -ms-transform 0.4s ease-out,0.4s opacity linear; -o-transition: -o-transform 0.4s ease-out,0.4s opacity linear; transition: transform 0.4s ease-out,0.4s opacity linear; }
#section-1 .inner-cont-wrap .content-holder .txt-box0 h1 span:nth-child(2).onTrans { -webkit-transition: -webkit-transform 0.4s 0.1s ease-out,0.4s 0.1s opacity linear; -moz-transition: -moz-transform 0.4s 0.1s ease-out,0.4s 0.1s opacity linear; -ms-transition: -ms-transform 0.4s 0.1s ease-out,0.4s 0.1s opacity linear; -o-transition: -o-transform 0.4s 0.1s ease-out,0.4s 0.1s opacity linear; transition: transform 0.4s 0.1s ease-out,0.4s 0.1s opacity linear; }
#section-1 .inner-cont-wrap .content-holder .txt-box0 h1 span:nth-child(3).onTrans { -webkit-transition: -webkit-transform 0.4s 0.2s ease-out,0.4s 0.2s opacity linear; -moz-transition: -moz-transform 0.4s 0.2s ease-out,0.4s 0.2s opacity linear; -ms-transition: -ms-transform 0.4s 0.2s ease-out,0.4s 0.2s opacity linear; -o-transition: -o-transform 0.4s 0.2s ease-out,0.4s 0.2s opacity linear; transition: transform 0.4s 0.2s ease-out,0.4s 0.2s opacity linear; }
#section-1 .inner-cont-wrap .content-holder .txt-box0 p { color: #fff; line-height: 26px; font-family: 'samsungonelatin800'; font-size: 32px; letter-spacing: 0; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .content-holder .txt-box0 p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.8s; -moz-transition: all 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.8s; -ms-transition: all 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.8s; -o-transition: all 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.8s; transition: all 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.8s; }
#section-1 .inner-cont-wrap .content-holder .txt-box1 h2 { color: #fff; letter-spacing: -0.02em; text-align: left; padding-bottom: 30px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-1 .inner-cont-wrap .content-holder .txt-box1 p { color: #fff; font-size: 24px; line-height: 42px; text-align: left; letter-spacing: -0.045em; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-1 .inner-cont-wrap .content-holder .txt-box1 span { display: block; padding-top: 12px; font-family: 'samsungonekorean500'; font-size: 16px; line-height: 24px; color: #fff; text-align: left; letter-spacing: -0.02em; }
#section-1 .inner-cont-wrap .content-holder .txt-box1.onShow h2 { -webkit-transition: -webkit-transform 0.6s ease-out,0.6s opacity linear; -moz-transition: -moz-transform 0.6s ease-out,0.6s opacity linear; -ms-transition: -ms-transform 0.6s ease-out,0.6s opacity linear; -o-transition: -o-transform 0.6s ease-out,0.6s opacity linear; transition: transform 0.6s ease-out,0.6s opacity linear; 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 .content-holder .txt-box1.onShow p { -webkit-transition: -webkit-transform 0.6s 0.1s ease-out,0.6s 0.1s opacity linear; -moz-transition: -moz-transform 0.6s 0.1s ease-out,0.6s 0.1s opacity linear; -ms-transition: -ms-transform 0.6s 0.1s ease-out,0.6s 0.1s opacity linear; -o-transition: -o-transform 0.6s 0.1s ease-out,0.6s 0.1s opacity linear; transition: transform 0.6s 0.1s ease-out,0.6s 0.1s opacity linear; 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 .content-holder .deco-holder.sub { position: relative; width: 10px; height: 102px; margin-left: 65px; margin-top: 86px; }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub li { width: 10px; height: 10px; background-color: #fff; margin-bottom: 20px; position: absolute; will-change: opacity; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub li.idx-0 { top: 0; }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub li.idx-1 { top: 30px; }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub li.idx-2 { top: 60px; }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub li.idx-3 { top: 90px; }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub.onShow li { opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub.onShow li.idx-0 { -webkit-transition: -webkit-transform 0.2s linear, 0.2s opacity; -moz-transition: -moz-transform 0.2s linear, 0.2s opacity; -ms-transition: -ms-transform 0.2s linear, 0.2s opacity; -o-transition: -o-transform 0.2s linear, 0.2s opacity; transition: transform 0.2s linear, 0.2s opacity; }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub.onShow li.idx-1 { -webkit-transition: -webkit-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; -moz-transition: -moz-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; -ms-transition: -ms-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; -o-transition: -o-transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; transition: transform 0.2s 0.1s linear, 0.2s 0.1s opacity linear; }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub.onShow li.idx-2 { -webkit-transition: -webkit-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; -moz-transition: -moz-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; -ms-transition: -ms-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; -o-transition: -o-transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; transition: transform 0.2s 0.2s linear, 0.2s 0.2s opacity linear; }
#section-1 .inner-cont-wrap .content-holder .deco-holder.sub.onShow li.idx-3 { -webkit-transition: -webkit-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; -moz-transition: -moz-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; -ms-transition: -ms-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; -o-transition: -o-transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; transition: transform 0.2s 0.3s linear, 0.2s 0.3s opacity linear; }
#section-1 .btn-scroll { position: absolute; bottom: 0; width: 100%; }
#section-1 .btn-scroll a { display: block; width: 47px; margin: 0 auto; }

#section-2 { position: relative; background-color: #fff; }
#section-2 .inner-cont-wrap { width: 100%; }
#section-2 .inner-cont-wrap .content-box { position: relative; width: 1120px; left: 0; top: 0; margin: 0 auto; }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box { position: absolute; right: 0; top: 250px; overflow: hidden; width: 261px; height: 261px; }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box .thumb-cover { width: 261px; height: 261px; position: absolute; left: 0; top: 0; }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box .thumb-cover.onTrans { -webkit-transform: translateY(261px); -moz-transform: translateY(261px); -ms-transform: translateY(261px); -o-transform: translateY(261px); transform: translateY(261px); -webkit-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0.85s; -moz-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0.85s; -ms-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0.85s; -o-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0.85s; transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0.85s; }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box .thumb-cover .thumb-cover-obj { width: inherit; height: inherit; background-color: #161e21; -webkit-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0s; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box .thumb-cover .thumb-cover-obj.onTrans { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box .thumb { width: 522px; height: 522px; position: absolute; left: -130px; top: -130px; }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box .thumb .thumb-obj { -webkit-transform: translateY(-65.25px) scale(1); -moz-transform: translateY(-65.25px) scale(1); -ms-transform: translateY(-65.25px) scale(1); -o-transform: translateY(-65.25px) scale(1); transform: translateY(-65.25px) scale(1); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box .thumb .thumb-obj img { opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box .thumb .thumb-obj img.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.9s; -moz-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.9s; -ms-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.9s; -o-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.9s; transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.9s; }
#section-2 .inner-cont-wrap .content-box .deco-holder .thumb-box .thumb .thumb-obj.onTrans { -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1); -webkit-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0.85s; -moz-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0.85s; -ms-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0.85s; -o-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0.85s; transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0.85s; }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box { position: absolute; top: -228px; width: 663px; height: 663px; margin-bottom: 100px; }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .point-deco { position: relative; width: 10px; height: 10px; display: block; background-color: #f9c037; left: 65px; top: 75px; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .point-deco.onShow { /*@include transform-css-transition('0.2s 0.6s linear, 0.2s 0.6s opacity'); */ opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco-cover { position: absolute; top: 0; width: 663px; height: 663px; background-color: #161e21; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco-cover.onTrans { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0s; -moz-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0s; -ms-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0s; -o-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0s; transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0s; }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco { text-align: right; color: #fff; }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco h1 { position: absolute; left: 60px; bottom: 48px; color: #fff; font-size: 84px; line-height: 94px; letter-spacing: 0.025em; text-align: left; }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco h1 span { display: block; -webkit-transform: translateX(-24px); -moz-transform: translateX(-24px); -ms-transform: translateX(-24px); -o-transform: translateX(-24px); transform: translateX(-24px); }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco h1 span.onTrans { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco h1 span:nth-child(1) { opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco h1 span:nth-child(1).onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 0.45s ease-out,0.7s 0.5s opacity linear; -moz-transition: -moz-transform 0.7s 0.45s ease-out,0.7s 0.5s opacity linear; -ms-transition: -ms-transform 0.7s 0.45s ease-out,0.7s 0.5s opacity linear; -o-transition: -o-transform 0.7s 0.45s ease-out,0.7s 0.5s opacity linear; transition: transform 0.7s 0.45s ease-out,0.7s 0.5s opacity linear; }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco h1 span:nth-child(2) { opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco h1 span:nth-child(2).onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 0.55s ease-out,0.7s 0.6s opacity linear; -moz-transition: -moz-transform 0.7s 0.55s ease-out,0.7s 0.6s opacity linear; -ms-transition: -ms-transform 0.7s 0.55s ease-out,0.7s 0.6s opacity linear; -o-transition: -o-transform 0.7s 0.55s ease-out,0.7s 0.6s opacity linear; transition: transform 0.7s 0.55s ease-out,0.7s 0.6s opacity linear; }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco h1 span:nth-child(3) { opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .content-box .deco-holder .deco-box .deco h1 span:nth-child(3).onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 0.65s ease-out,0.7s 0.7s opacity linear; -moz-transition: -moz-transform 0.7s 0.65s ease-out,0.7s 0.7s opacity linear; -ms-transition: -ms-transform 0.7s 0.65s ease-out,0.7s 0.7s opacity linear; -o-transition: -o-transform 0.7s 0.65s ease-out,0.7s 0.7s opacity linear; transition: transform 0.7s 0.65s ease-out,0.7s 0.7s opacity linear; }
#section-2 .inner-cont-wrap .content-box.content-1 { width: 100%; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder { position: relative; width: 1120px; margin: 0 auto; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box.small { position: absolute; right: auto; left: 246px; top: 216px; width: 247px; height: 246px; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box.small .thumb { width: 247px; height: 246px; left: 0; top: 0; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box.small .thumb .thumb-obj { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transform: translateX(-61.75px); -moz-transform: translateX(-61.75px); -ms-transform: translateX(-61.75px); -o-transform: translateX(-61.75px); transform: translateX(-61.75px); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box.small .thumb .thumb-obj img.onTrans { -webkit-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.9s; -moz-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.9s; -ms-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.9s; -o-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.9s; transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.9s; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box.small .thumb .thumb-obj.onTrans { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box.small .thumb-cover { width: 247px; height: 246px; left: 0; top: 0; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box.small .thumb-cover.onTrans { -webkit-transform: translateX(247px); -moz-transform: translateX(247px); -ms-transform: translateX(247px); -o-transform: translateX(247px); transform: translateX(247px); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box { position: absolute; top: 350px; right: 0; width: 663px; height: 663px; margin-bottom: 100px; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco-cover { position: absolute; top: 0; width: 663px; height: 663px; background-color: #f9c037; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco-cover.onTrans { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0s; -moz-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0s; -ms-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0s; -o-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0s; transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0s; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco { text-align: right; color: #fff; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco h1 { position: absolute; left: 66px; bottom: 52px; color: #000; font-size: 84px; line-height: 94px; letter-spacing: 0.025em; text-align: left; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco h1 span:nth-child(1) { opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco h1 span:nth-child(1).onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; -moz-transition: -moz-transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; -ms-transition: -ms-transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; -o-transition: -o-transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; transition: transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco h1 span:nth-child(2) { opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco h1 span:nth-child(2).onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; -moz-transition: -moz-transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; -ms-transition: -ms-transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; -o-transition: -o-transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; transition: transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco h1 span:nth-child(3) { opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .deco h1 span:nth-child(3).onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; -moz-transition: -moz-transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; -ms-transition: -ms-transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; -o-transition: -o-transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; transition: transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .deco-box .point-deco { background-color: #fff; left: 584px; top: 70px; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box { position: absolute; right: auto; left: -80px; top: 766px; width: 364px; height: 363px; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box .thumb-cover { width: 364px; height: 363px; left: 0; top: 0; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box .thumb-cover.onTrans { -webkit-transform: translateX(364px); -moz-transform: translateX(364px); -ms-transform: translateX(364px); -o-transform: translateX(364px); transform: translateX(364px); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box .thumb-cover .thumb-cover-obj { background-color: #000; -webkit-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0s; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box .thumb-cover .thumb-cover-obj.onTrans { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box .thumb { width: 364px; height: 363px; left: -181px; top: -181px; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box .thumb .thumb-obj { -webkit-transform: translateX(-91px) scale(1); -moz-transform: translateX(-91px) scale(1); -ms-transform: translateX(-91px) scale(1); -o-transform: translateX(-91px) scale(1); transform: translateX(-91px) scale(1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box .thumb .thumb-obj img { opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .content-box.content-1 .deco-holder .thumb-box .thumb .thumb-obj img.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.9s; -moz-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.9s; -ms-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.9s; -o-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.9s; transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.9s; }
#section-2 .inner-cont-wrap .content-box.content-1 .txt-holder { padding-top: 910px; }
#section-2 .inner-cont-wrap .content-box.content-1 .txt-holder > div { background-color: #f3f4f4; padding-bottom: 300px; }
#section-2 .inner-cont-wrap .content-box.content-1 .txt-holder > div > div { width: 1120px; margin: 0 auto; padding-top: 326px; }
#section-2 .inner-cont-wrap .content-box.content-1 .txt-holder > div > div h3 { text-align: left; padding-left: 0; }
#section-2 .inner-cont-wrap .txt-holder { padding-top: 570px; font-size: 0; }
#section-2 .inner-cont-wrap .txt-holder h3 { text-align: left; padding-bottom: 60px; padding-left: 410px; }
#section-2 .inner-cont-wrap .txt-holder h3 span { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-2 .inner-cont-wrap .txt-holder h3 span.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-2 .inner-cont-wrap .txt-holder h3 span:nth-child(1).onTrans { -webkit-transition: -webkit-transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; -moz-transition: -moz-transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; -ms-transition: -ms-transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; -o-transition: -o-transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; transition: transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; }
#section-2 .inner-cont-wrap .txt-holder h3 span:nth-child(2) { white-space: nowrap; }
#section-2 .inner-cont-wrap .txt-holder h3 span:nth-child(2).onTrans { -webkit-transition: -webkit-transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; -moz-transition: -moz-transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; -ms-transition: -ms-transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; -o-transition: -o-transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; transition: transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; }
#section-2 .inner-cont-wrap .txt-holder ul.txts li { width: 535px; }
#section-2 .inner-cont-wrap .txt-holder ul.txts li:nth-child(1) { padding-right: 48px; float: left; }
#section-2 .inner-cont-wrap .txt-holder ul.txts li:nth-child(2) { float: left; }
#section-2 .inner-cont-wrap .txt-holder .txt-box { display: inline-block; width: 535px; text-align: left; vertical-align: text-top; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .txt-holder .txt-box span { color: #000; font-family: 'samsungonekorean700'; font-size: 22px; }
#section-2 .inner-cont-wrap .txt-holder .txt-box p { color: #333; font-family: 'samsungonekorean500'; font-size: 22px; line-height: 32px; letter-spacing: -0.065em; text-align: justify; }
#section-2 .inner-cont-wrap .txt-holder .txt-box.txt0 { padding-bottom: 32px; }
#section-2 .inner-cont-wrap .txt-holder .txt-box.txt2 { padding-bottom: 32px; }
#section-2 .inner-cont-wrap .txt-holder .txt-box.no-padding { padding-bottom: 0; }
#section-2 .inner-cont-wrap .txt-holder.onShow .txt-box.txt0 { -webkit-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0s; -moz-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0s; -ms-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0s; -o-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0s; transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0s; opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .txt-holder.onShow .txt-box.txt1 { -webkit-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.2s; -moz-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.2s; -ms-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.2s; -o-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.2s; transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.2s; opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .txt-holder.onShow .txt-box.txt2 { -webkit-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.4s; -moz-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.4s; -ms-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.4s; -o-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.4s; transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.4s; opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .txt-holder.onShow .txt-box.txt3 { -webkit-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.6s; -moz-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.6s; -ms-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.6s; -o-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.6s; transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.6s; opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .deco-holder.common { position: absolute; left: 1040px; top: 1384px; margin: 0; }

#section-3 { position: relative; background-color: #fff; z-index: 20; }
#section-3 .inner-cont-wrap { width: 100%; padding-bottom: 410px; }
#section-3 .inner-cont-wrap .bg-holder { height: 563px; background-image: url(../img/sec3_bg.jpg); background-position: center 0; background-size: cover; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .bg-holder.onTrans { -webkit-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0s; -moz-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0s; -ms-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0s; -o-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0s; transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .deco-holder { position: relative; width: 1120px; margin: 0 auto; }
#section-3 .inner-cont-wrap .deco-holder .deco-holder.common { position: absolute; left: 65px; top: -142px; margin-left: 0; }
#section-3 .inner-cont-wrap .deco-holder .thumb-box { position: absolute; right: 100px; top: 308px; width: 261px; height: 261px; overflow: hidden; }
#section-3 .inner-cont-wrap .deco-holder .thumb-box .thumb { position: absolute; right: 0; top: 0; }
#section-3 .inner-cont-wrap .deco-holder .thumb-box .thumb .thumb-obj { -webkit-transform: translateY(-65.25px) scale(1); -moz-transform: translateY(-65.25px) scale(1); -ms-transform: translateY(-65.25px) scale(1); -o-transform: translateY(-65.25px) scale(1); transform: translateY(-65.25px) scale(1); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; }
#section-3 .inner-cont-wrap .deco-holder .thumb-box .thumb .thumb-obj img { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .deco-holder .thumb-box .thumb .thumb-obj img.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.9s; -moz-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.9s; -ms-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.9s; -o-transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.9s; transition: all 0s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.9s; }
#section-3 .inner-cont-wrap .deco-holder .thumb-box .thumb .thumb-obj.onTrans { -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1); -webkit-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0.85s; -moz-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0.85s; -ms-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0.85s; -o-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0.85s; transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0.85s; }
#section-3 .inner-cont-wrap .deco-holder .thumb-box .thumb-cover { width: 261px; height: 261px; position: absolute; right: 0; top: 0; }
#section-3 .inner-cont-wrap .deco-holder .thumb-box .thumb-cover.onTrans { -webkit-transform: translateY(261px); -moz-transform: translateY(261px); -ms-transform: translateY(261px); -o-transform: translateY(261px); transform: translateY(261px); -webkit-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0.85s; -moz-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0.85s; -ms-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0.85s; -o-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0.85s; transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0.85s; }
#section-3 .inner-cont-wrap .deco-holder .thumb-box .thumb-cover .thumb-cover-obj { width: inherit; height: inherit; background-color: #161e21; -webkit-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0s; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); }
#section-3 .inner-cont-wrap .deco-holder .thumb-box .thumb-cover .thumb-cover-obj.onTrans { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
#section-3 .inner-cont-wrap .deco-holder .deco-box { position: absolute; top: -248px; width: 663px; height: 663px; margin-bottom: 100px; }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco-cover { position: absolute; width: 663px; height: 663px; background-color: #161e21; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco-cover.onTrans { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -webkit-transition-delay: 0s; -moz-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -moz-transition-delay: 0s; -ms-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -ms-transition-delay: 0s; -o-transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); -o-transition-delay: 0s; transition: all 1.4s cubic-bezier(0.675, 0.005, 0.310, 1.005); transition-delay: 0s; }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco { text-align: right; color: #f9c037; }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco h1 { position: absolute; left: 64px; bottom: 52px; color: #f9c037; font-size: 84px; line-height: 94px; letter-spacing: 0.025em; text-align: left; }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco h1 span { display: block; -webkit-transform: translateX(-24px); -moz-transform: translateX(-24px); -ms-transform: translateX(-24px); -o-transform: translateX(-24px); transform: translateX(-24px); }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco h1 span.onTrans { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco h1 span:nth-child(1) { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco h1 span:nth-child(1).onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; -moz-transition: -moz-transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; -ms-transition: -ms-transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; -o-transition: -o-transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; transition: transform 0.7s 0.6s ease-out,0.7s 0.65s opacity linear; }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco h1 span:nth-child(2) { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco h1 span:nth-child(2).onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; -moz-transition: -moz-transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; -ms-transition: -ms-transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; -o-transition: -o-transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; transition: transform 0.7s 0.7s ease-out,0.7s 0.75s opacity linear; }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco h1 span:nth-child(3) { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .deco-holder .deco-box .deco h1 span:nth-child(3).onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; -moz-transition: -moz-transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; -ms-transition: -ms-transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; -o-transition: -o-transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; transition: transform 0.7s 0.8s ease-out,0.7s 0.85s opacity linear; }
#section-3 .inner-cont-wrap .deco-holder .deco-box .point-deco { background-color: #fff; }
#section-3 .inner-cont-wrap .txt-holder { width: 1120px; padding-top: 714px; font-size: 0; margin: 0 auto; }
#section-3 .inner-cont-wrap .txt-holder h3 { text-align: left; padding-bottom: 70px; margin-left: 450px; white-space: nowrap; }
#section-3 .inner-cont-wrap .txt-holder h3 span { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); }
#section-3 .inner-cont-wrap .txt-holder h3 span.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-3 .inner-cont-wrap .txt-holder h3 span:nth-child(1).onTrans { -webkit-transition: -webkit-transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; -moz-transition: -moz-transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; -ms-transition: -ms-transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; -o-transition: -o-transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; transition: transform 0.6s 1.6s ease-out,0.6s 1.6s opacity linear; }
#section-3 .inner-cont-wrap .txt-holder h3 span:nth-child(2).onTrans { -webkit-transition: -webkit-transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; -moz-transition: -moz-transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; -ms-transition: -ms-transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; -o-transition: -o-transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; transition: transform 0.6s 1.7s ease-out,0.6s 1.7s opacity linear; }
#section-3 .inner-cont-wrap .txt-holder ul.txts li { width: 535px; }
#section-3 .inner-cont-wrap .txt-holder ul.txts li:nth-child(1) { padding-right: 48px; float: left; }
#section-3 .inner-cont-wrap .txt-holder ul.txts li:nth-child(2) { float: left; }
#section-3 .inner-cont-wrap .txt-holder .txt-box { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .txt-holder.onShow .txt-box.txt0 { -webkit-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0s; -moz-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0s; -ms-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0s; -o-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0s; transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .txt-holder.onShow .txt-box.txt1 { -webkit-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.2s; -moz-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.2s; -ms-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.2s; -o-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.2s; transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.2s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .txt-holder.onShow .txt-box.txt2 { -webkit-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.4s; -moz-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.4s; -ms-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.4s; -o-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.4s; transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.4s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .txt-holder.onShow .txt-box.txt3 { -webkit-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.6s; -moz-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.6s; -ms-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -ms-transition-delay: 0.6s; -o-transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.6s; transition: opacity 1s cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.6s; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .txt-holder .txt-box { display: inline-block; width: 535px; text-align: left; vertical-align: text-top; }
#section-3 .inner-cont-wrap .txt-holder .txt-box span { color: #000; font-family: 'samsungonekorean700'; font-size: 22px; }
#section-3 .inner-cont-wrap .txt-holder .txt-box p { color: #333; font-family: 'samsungonekorean500'; font-size: 22px; line-height: 32px; letter-spacing: -0.065em; text-align: justify; }
#section-3 .inner-cont-wrap .txt-holder .txt-box.txt0 { padding-bottom: 20px; }
#section-3 .inner-cont-wrap .txt-holder .txt-box.txt2 { padding-bottom: 20px; }
#section-3 .inner-cont-wrap .txt-holder .txt-box.no-padding { padding-bottom: 0; }
#section-3 .inner-cont-wrap .txt-holder > h4 { margin-top: 330px; }
#section-3 .inner-cont-wrap .txt-holder > h4 span { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: -webkit-transform 0.8s ease-out,0.7s opacity linear; -moz-transition: -moz-transform 0.8s ease-out,0.7s opacity linear; -ms-transition: -ms-transform 0.8s ease-out,0.7s opacity linear; -o-transition: -o-transform 0.8s ease-out,0.7s opacity linear; transition: transform 0.8s ease-out,0.7s opacity linear; }
#section-3 .inner-cont-wrap .txt-holder > h4 span:nth-child(1) { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
#section-3 .inner-cont-wrap .txt-holder > h4 span:nth-child(2) { -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); }
#section-3 .inner-cont-wrap .txt-holder > h4 em { color: #f9c037; }
#section-3 .inner-cont-wrap .txt-holder > h4.onTrans span { 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); }
#section-3 .inner-cont-wrap .deco-text { position: absolute; bottom: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); -webkit-transition: -webkit-transform 0.7s ease-in-out,0.7s opacity linear; -moz-transition: -moz-transform 0.7s ease-in-out,0.7s opacity linear; -ms-transition: -ms-transform 0.7s ease-in-out,0.7s opacity linear; -o-transition: -o-transform 0.7s ease-in-out,0.7s opacity linear; transition: transform 0.7s ease-in-out,0.7s opacity linear; }
#section-3 .inner-cont-wrap .deco-text span { width: 100%; text-align: center; display: block; font-family: 'samsungonelatin1100'; color: #000; font-size: 300px; letter-spacing: 0; line-height: 274px; opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .deco-text.onTrans { -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); }
#section-3 .deco-holder.common { left: 50%; margin-left: -5px; position: absolute; top: 2568px; }
#section-3 .deco-holder.common li.idx-8 { top: 272px; }

#section-4 { position: relative; width: 100%; height: calc(100vh); }
#section-4 .inner-cont-wrap { position: relative; top: 0; width: 100%; height: 100%; }
#section-4 .inner-cont-wrap .content-holder { display: table; position: relative; left: 0; top: 0; width: 100%; height: 100%; }
#section-4 .inner-cont-wrap .content-holder .txt-box { display: table-cell; vertical-align: middle; }
#section-4 .inner-cont-wrap .content-holder .txt-box h4 { font-family: 'samsungonekorean600'; font-size: 40px; letter-spacing: -0.01em; line-height: 52px; padding-bottom: 25px; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); }
#section-4 .inner-cont-wrap .content-holder .txt-box h4.onShow { 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 0.5s ease-out,opacity linear 0.5s; -moz-transition: -moz-transform 0.5s ease-out,opacity linear 0.5s; -ms-transition: -ms-transform 0.5s ease-out,opacity linear 0.5s; -o-transition: -o-transform 0.5s ease-out,opacity linear 0.5s; transition: transform 0.5s ease-out,opacity linear 0.5s; }
#section-4 .inner-cont-wrap .content-holder .txt-box p { font-family: 'samsungonekorean500'; font-size: 24px; letter-spacing: -0.035em; line-height: 40px; color: #fff; padding-bottom: 80px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
#section-4 .inner-cont-wrap .content-holder .txt-box p.onShow { 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 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; -moz-transition: -moz-transform 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; -ms-transition: -ms-transform 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; -o-transition: -o-transform 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; transition: transform 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; }
#section-4 .inner-cont-wrap .content-holder .txt-box .common_btn { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
#section-4 .inner-cont-wrap .content-holder .txt-box .common_btn.onShow { 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 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; -moz-transition: -moz-transform 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; -ms-transition: -ms-transform 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; -o-transition: -o-transform 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; transition: transform 0.8s ease-out 0.1s,opacity linear 0.8s 0.1s; }
#section-4 .bg-holder { position: absolute; width: 100%; height: 100%; background: url(../img/sec7_bg.jpg) no-repeat center center fixed; background-size: cover; image-rendering: auto; }

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

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