@import url('/kr/css/webfont.css');
/*common*/
.wa{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}
.sns-bns{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}
.clfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.vjs-control-bar,
.vjs-loading-spinner,
.vjs-text-track-display,
.vjs-big-play-button{display:none}
.sns-bns{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}

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;font-family:'samsungonekorean400';font-size:16px;color:#000;letter-spacing:-0.2px}
.section{overflow:hidden;position:relative;width:100%;max-width:1920px;margin:0 auto;}

/*button*/
.btn_close{display:inline-block;position:absolute;top:30px;right:30px;width:92px;height:93px;background:url(../img/element_contents.png) no-repeat -5px -80px;}
.btn_close.reverse{background-position:-110px -80px;}
.btn_close span{text-indent:-9999px;font-size:0;position:absolute;top:-9999px;}

.common_btn{text-align:center;}
.common_btn a{display:inline-block;width:210px;height:45px;font-size:0;text-indent:-9999px;vertical-align:top;background-image:url(../img/common_button.png);background-repeat:no-repeat;}
.common_btn a:nth-child(2){margin:0 9px;}
.btn_download{background-position: -215px 0}
.btn_download:hover{background-position: -215px -55px}
.btn_sec{background-position: -215px -130px;}
.btn_sec:hover{background-position: -215px -185px}
.btn_video{background-position: 0 -130px;}
.btn_video:hover{background-position: 0 -185px}

/*Common*/
.ib{display:inline-block}
.section{width:100%;box-sizing:border-box}
.layout{position:relative;width:1280px;height:100%;margin:0 auto;box-sizing:border-box}
h4{margin-bottom:27px;font-size:40px;line-height:48px;font-family:'samsungonekorean200';}
h4 strong{display:block;margin-bottom:13px;font-size:20px;line-height:20px;font-family:'samsungonelatin1000';letter-spacing:4.5px}


/* cover */
.cover {overflow:hidden;color:#fff;text-align:center;background:#000;max-width:3840px;}
.cover .video-js{position:absolute;top:0;left:0;}
.cover .dim{position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.5);}
.cover video{width:100%;height:100%;}
.cover h2{margin-bottom:40px;font-family:'samsungonelatin600';font-size:90px;line-height:90px;color:#a2faef;}
.cover h2 span{color:#f7de72;}
.cover p strong{font-size:24px;line-height:24px;}
.cover p{font-size:18px;line-height:32px;}
.cover .btn-intro-video{margin:60px 0 48px 0;}

.section01{height:1010px;padding-top:244px;background:url(../img/bg-section01.jpg) no-repeat 50% 50%;}
.section01 h3{margin-left:-5px;margin-bottom:23px;font-size:70px;font-family:'samsungonelatin600';line-height:70px;color:#000;letter-spacing:4px;}
.section01 p{font-size:18px;line-height:32px;}
.section01-1{padding-top:127px;}
.section01-1 .txt{position:relative;top:150px;opacity:0;}
.continous-grip{height:797px;background:url(../img/bg-continous-grip.gif) no-repeat 50% 74px;}
.continous-grip .animation{position:absolute;top:50px;left:949px;opacity:0;}
.family-look{height:1046px;margin-top:132px;background:url(../img/bg-family-look.jpg) no-repeat 50% 0;}
.family-look .layout{padding:635px 0 0 805px;}
.family-look .animation{position:absolute;top:155px;left:-92px;opacity:0;}
.family-look .animation.on .circle li{position:absolute;top:0;left:0;width:828px;height:828px;border:1px solid #f0f0f0;border-radius:100%;}
.family-look .animation.on .circle li:nth-child(1){animation: circle 1.5s 1.5s infinite linear;}
.family-look .animation.on .circle li:nth-child(2){animation: circle 1.5s 1s infinite linear;}
.family-look .animation.on .circle li:nth-child(3){animation: circle 1.5s .5s infinite linear;}
.family-look .animation.on .circle li:nth-child(4){animation: circle 1.5s 0s infinite linear;}
.iconic-design{height:987px;margin-top:110px;background:url(../img/bg-iconic-design.jpg) no-repeat 50% 0;}
.iconic-design .layout{padding:459px 0 0 414px;}
.iconic-design .animation span{position:absolute;opacity:0;}
.iconic-design .animation .thumbsup-gear{top:120px;left:853px;}
.iconic-design .animation .heart-gear{top:467px;left:918px;}
.iconic-design .animation .thumbsup{top:43px;left:929px;margin-top:150px;}
.iconic-design .animation .heart{top:480px;left:898px;margin-top:150px;}

.section02{height:1010px;padding-top:244px;background:url(../img/bg-section02.jpg) no-repeat 100% 50%;}
.section02 h3{margin-left:-5px;margin-bottom:23px;font-size:70px;font-family:'samsungonelatin600';line-height:70px;color:#000;letter-spacing:4px;}
.section02 p{font-size:18px;line-height:32px;}
.section02-1{padding:130px 0;}
.section02-1 .txt{position:relative;top:150px;opacity:0;}
.sns-live-streaming{height:783px;background:url(../img/bg-sns-live-streaming.jpg) no-repeat 50% 151px;}
.sns-live-streaming .layout{padding-top:269px;}
.sns-live-streaming .annotation{display:block;margin-top:24px;color:#666;font-size:13px;}
.sns-live-streaming .animation span{position:absolute;opacity:0;}
.sns-live-streaming .animation span:nth-child(1){top:8px;left:69px;transition:all .3s .1s;animation: floating 2s 3.4s infinite alternate ease-in;}
.sns-live-streaming .animation span:nth-child(2){top:-1px;left:203px;transition:all .3s .3s;animation: floating 2s 3.5s infinite alternate ease-in;}
.sns-live-streaming .animation span:nth-child(3){top:27px;left:283px;transition:all .3s .5s;animation: floating 2s 3.6s infinite alternate ease-in;}
.sns-live-streaming .animation span:nth-child(4){top:64px;left:391px;transition:all .3s .7s;animation: floating 2s 3.7s infinite alternate ease-in;}
.sns-live-streaming .animation span:nth-child(5){top:13px;left:490px;transition:all .3s .9s;animation: floating 2s 3.8s infinite alternate ease-in;}
.sns-live-streaming .animation span:nth-child(6){top:5px;left:612px;transition:all .3s 1.1s;animation: floating 2s 3.9s infinite alternate ease-in;}
.sns-live-streaming .animation span:nth-child(7){top:15px;left:669px;transition:all .3s 1.3s;animation: floating 2s 4s infinite alternate ease-in;}
.sns-live-streaming .animation span:nth-child(8){top:20px;left:772px;transition:all .3s 1.5s;animation: floating 2s 4.1s infinite alternate ease-in;}
.sns-live-streaming .animation span:nth-child(9){top:87px;left:802px;transition:all .3s 1.7s;animation: floating 2s 4.2s infinite alternate ease-in;}
.sns-live-streaming .animation span:nth-child(10){top:390px;left:595px;margin-top:150px;}
.sns-live-streaming .animation span:nth-child(11){top:502px;left:1047px;margin-top:150px;}
.sns-live-streaming .animation.on span:nth-child(1){opacity:1;}
.sns-live-streaming .animation.on span:nth-child(2){opacity:1;}
.sns-live-streaming .animation.on span:nth-child(3){opacity:1;}
.sns-live-streaming .animation.on span:nth-child(4){opacity:1;}
.sns-live-streaming .animation.on span:nth-child(5){opacity:1;}
.sns-live-streaming .animation.on span:nth-child(6){opacity:1;}
.sns-live-streaming .animation.on span:nth-child(7){opacity:1;}
.sns-live-streaming .animation.on span:nth-child(8){opacity:1;}
.sns-live-streaming .animation.on span:nth-child(9){opacity:1;}
.high-resolution-content{height:959px;margin-top:94px;}
.high-resolution-content .layout{padding-left:722px;}
.high-resolution-content .animation{position:absolute;bottom:0;left:0;width:0;height:747px;background:url(../img/bg-high-resolution-content.jpg) no-repeat;}
.high-resolution-content .animation > span{position:absolute;bottom:0;left:-77px;display:none;}
.high-resolution-content .animation > img{display:none;}
.fun-easy-edit{height:635px;margin-top:20px;}
.fun-easy-edit .layout{padding-top:220px;}
.fun-easy-edit .animation-area{position:absolute;right:20px;bottom:20px;width:828px;height:494px;}
.fun-easy-edit .animation-area > div{position:absolute;}
.fun-easy-edit .animation-area .frame{right:-20px;bottom:-20px;width:100%;height:100%;border:1px solid #d8d8d8;box-sizing:border-box;}
.fun-easy-edit .animation-area .photo{width:100%;height:100%;right:0;bottom:0;background:url(../img/bg-photo.jpg) no-repeat;}
.fun-easy-edit .animation-area .photo img{opacity:0;}
.fun-easy-edit .animation-area .sun{left:54px;top:-107px;opacity:0;}
.fun-easy-edit .animation-area .txt-friend{left:371px;top:311px;opacity:0;}

.section01 .animation,
.section02 .animation{position:relative;opacity:0;top:150px;}

.outro{height:1080px;padding-top:654px;text-align:center;background:url(../img/bg-outro.jpg) no-repeat 50% 0;}
.outro h3{margin-bottom:52px;font-size:40px;}
.outro p{position:relative;margin-bottom:52px;font-size:18px;line-height:32px;opacity:0;top:150px;}

.movie_pop{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;background:#fff;}
.movie_pop iframe{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;}
.movie_pop .btn_close{position:absolute;top:30px;right:30px;}


@media screen and (min-width: 1921px) {
    .section01 {
        margin-top:80px;
    }
}

@keyframes circle {
	0% {transform: scale(0.9);opacity:0;}
	10% {transform: scale(1);opacity:0.1;}
	70% {transform: scale(1.04);opacity:0.9}
	100% {transform: scale(1.08);opacity:0.1}
}

@keyframes floating {
    0%{transform:translateY(0);}
    100%{transform:translateY(30px);}
}