@charset "utf-8";

@font-face {
font-family:BebasNeuewebfont;
font-style:normal;
font-weight:500;
src:url(../fonts/bebas/BebasNeuewebfont.eot); /* IE9 Compat Modes */
src:url(../fonts/bebas/BebasNeuewebfont.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(../fonts/bebas/BebasNeuewebfont.ttf) format('truetype'), /* Modern Browsers */
url(../fonts/bebas/BebasNeuewebfont.woff) format('woff'); /* Safari, Android, iOS */
}

html,body{height:100%}
body{margin:0;padding:0;background:#fff;font-family:Arial,'맑은 고딕',malgun gothic,'돋움',Dotum,sans-serif;font-size:12px;color:#333}
h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,input,textarea,pre,code,form,fieldset,blockquote,th,td,select,button,code{margin:0;padding:0}
ul,ol,li{list-style:none}
li{vertical-align:top}
img,fieldset{border:0 none}
em{font-style:normal}
input:focus{outline:0 none !important}
input[type=radio],input[type=checkbox]{width:13px;height:13px;vertical-align:middle}
option{padding:2px 6px 2px 5px}
button,label{cursor:pointer}
button img{vertical-align:top}
input,select{margin:0;padding:0}
button[disabled=disabled]{cursor:pointer;outline:none}
legend span,caption span{visibility:hidden;overflow:hidden;position:absolute}
table,tr,td{margin:0;padding:0;border-collapse:collapse;border-spacing:0}
a,a:link,a:active,a:hover,a:visited{text-decoration:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}
pre{white-space:pre-wrap}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
button,input,select,textarea{font-size:100%}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto;resize:none}
object{display:block}

/* CSS Common */
.blind{display:none !important}
.clear:after{display:block;clear:both;height:0;font-size:0;line-height:0;content:''}
.ir{visibility:hidden;overflow:hidden;position:absolute;width:1%;height:1%;margin:0;padding:0;font-size:1%;line-height:1%}

#wrap{max-width:2560px;margin:0 auto}
#wrap img{max-width:100%;vertical-align:top}

/* gnb */
#header{position:fixed;right:0;left:0;right:0;z-index:9999;padding:0 120px;border-top:1px solid #888;border-bottom:1px solid #888;background:rgba(255,255,255,.8);font-family:BebasNeuewebfont}
#header .language{visibility:hidden;position:fixed;right:140px;top:40px;font-family:arial}
#header .language a{position:relative;display:inline-block;font-size:16px;color:#999;vertical-align:top}
#header .language a:last-child{margin-left:21px}
#header .language a:last-child:after{content:"";position:absolute;left:-11px;top:2px;width:1px;height:12px;background:#ccc}
#header .language .active{color:#363636}
.fp-viewing-v1 #header .language{visibility:visible}

#header nav{position:relative;min-width:1060px;max-width:1680px;margin:0 auto;height:59px;box-sizing:border-box}

#gnb{position:relative;min-width:900px;margin-right:160px}
#gnb li{float:left}
#gnb li a{display:block;min-width:100px;width:7.8125vw;max-width:150px;height:45px;padding-top:8px;font-size:24px;line-height:45px;color:#363636;text-align:center;outline:0}
#gnb li.active{border-bottom:6px solid #f67670}
#gnb li.active a{color:#f67670}
#gnb .shop{position:absolute;top:0;right:0}

#header nav .sns{position:absolute;top:0;right:0;top:8px}
#header nav .sns a{margin-left:12px;font-size:12px;line-height:1}
#header nav .sns a:first-child{margin-left:0}

.fp-viewing-v1 #header{bottom:0}

.fp-viewing-v4 #header li:nth-child(3),
.fp-viewing-v5 #header li:nth-child(3),
.fp-viewing-v6-0 #header li:nth-child(3),
.fp-viewing-v6-1 #header li:nth-child(3),
.fp-viewing-v6-2 #header li:nth-child(3){border-bottom:6px solid #f67670}
.fp-viewing-v4 #header li:nth-child(3) a,
.fp-viewing-v5 #header li:nth-child(3) a,
.fp-viewing-v6-0 #header li:nth-child(3) a,
.fp-viewing-v6-1 #header li:nth-child(3) a,
.fp-viewing-v6-2 #header li:nth-child(3) a{color:#f67670}

.fp-viewing-v8-0 #header li:nth-child(4),
.fp-viewing-v8-1 #header li:nth-child(4),
.fp-viewing-v8-2 #header li:nth-child(4),
.fp-viewing-v8-3 #header li:nth-child(4),
.fp-viewing-v8-4 #header li:nth-child(4),
.fp-viewing-v8-5 #header li:nth-child(4){border-bottom:6px solid #f67670}
.fp-viewing-v8-0 #header li:nth-child(4) a,
.fp-viewing-v8-1 #header li:nth-child(4) a,
.fp-viewing-v8-2 #header li:nth-child(4) a,
.fp-viewing-v8-3 #header li:nth-child(4) a,
.fp-viewing-v8-4 #header li:nth-child(4) a,
.fp-viewing-v8-5 #header li:nth-child(4) a{color:#f67670}

/* section */
.section .txt{position:relative;z-index:3;letter-spacing:-1px}
.section .txt .subject{font-family:BebasNeuewebfont;font-size:120px}
.section .txt .conts{font-size:32px}

:lang(en) .section .txt .conts{
  font-family:arial
}
:lang(ko) .section .txt .conts{
  font-family:'Noto Sans KR';line-height:1.3
}

.section1{background:url(../img/bg_page1.png) no-repeat 50% 220px;text-align:center}
.section1 .fp-tableCell{vertical-align:top}
.section1 .txt{margin-top:640px;color:#363636}

.section2 .slide *{vertical-align:top}
.section2 .s1{position:relative;background:url(../img/bg_page2_slide1.jpg) no-repeat 50% 0;background-size:cover;text-align:center}
.section2.active .s1.active:after{
	content:"";display:block;position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;background:#fff;z-index:-1;
    animation: section2_s1_blink .1s 1s ease forwards
}
@keyframes section2_s1_blink {
    0%{opacity:0;z-index:99}
    100%{opacity:1}
}
.section2 .s1 .in{
	opacity:0;height:100%;background:url(../img/img_page2_slide1.png) no-repeat 50% 193px;
}
.section2.active .s1.active .in{animation: section2_s1_in .4s 1.5s ease forwards}
@keyframes section2_s1_in {
    0%{opacity:0}
    100%{opacity:1}
}
.section2 .s1 .txt{position:absolute;top:454px;width:100%;color:#363636;opacity:0}
.section2.active .s1.active .txt{animation: section2_s1_txt .3s 1.8s ease forwards}
@keyframes section2_s1_txt {
    0%{opacity:0}
    100%{opacity:1}
}

.section2 .s2{position:relative;background:url(../img/bg_page2_slide2.jpg) no-repeat 50% 0;background-size:cover;text-align:center}
.section2 .s2 .txt{position:absolute;top:318px;left:50%;margin-left:-715px;color:#363636;text-align:left;opacity:0}
.section2.active .s2.active .txt{animation: section2_s2_txt .3s 1s ease forwards}
@keyframes section2_s2_txt {
    0%{opacity:0}
    100%{opacity:1}
}
.section2 .s2 .img{position:absolute;left:50%;top:-700px;margin-left:121px;opacity:0}
.section2.active .s2.active .img{animation: section2_s2_img 3s 1.5s ease forwards}
@keyframes section2_s2_img {
    0%{opacity:0}
    20%{opacity:1}
    100%{opacity:1;top:0}
}

.section2 .s3{position:relative;background:url(../img/bg_page2_slide3.jpg) no-repeat 50% 0;background-size:cover;text-align:center}
.section2 .s3 .txt{margin-top:180px;color:#363636;opacity:0}
.section2 .s3 .img{position:absolute;top:552px;left:50%;margin-left:-780px;z-index:2;opacity:0}
.section2 .s3 .img2{position:absolute;top:140px;left:50%;margin-left:422px;opacity:0}
.section2.active .s3.active .txt{animation: section2_s2_txt 1s 1.2s ease forwards}
@keyframes section2_s3_txt {
    0%{opacity:0}
    100%{opacity:1}
}
.section2.active .s3.active .img{animation: section2_s3_img 4s 1s ease forwards}
@keyframes section2_s3_img {
    10%{opacity:1}
    100%{opacity:1;margin-left:-765px}
}
.section2.active .s3.active .img2{animation: section2_s3_img2 1s 1.4s ease forwards}
@keyframes section2_s3_img2 {
    0%{opacity:0}
    100%{opacity:1}
}

.section3{position:relative;text-align:center}
.section3 .fp-tableCell{vertical-align:top}
.section3 .txt{margin-top:120px;color:#363636}
.section3 video{margin-top:60px;background:#fff}

.camera.btn{position:absolute;right:64px;bottom:60px;z-index:2}
.camera.btn a{position:relative;margin-right:40px}
.camera.btn a:first-child{animation: btn_bounce 1s 1s ease-out alternate infinite}
.camera.btn a:last-child{margin-right:0;animation: btn_bounce 1s .5s ease-out alternate infinite}
@keyframes btn_bounce {
    0%{bottom:0}
    100%{bottom:10px}
}

.section4{position:relative;text-align:center;background:url(../img/img_page3_slide2_touch.gif) no-repeat 50% 168px;text-align:center}
.section4 .fp-tableCell{vertical-align:top}
.section4 .txt{margin-top:620px;color:#363636}

.section5{position:relative;background:url(../img/img_page3_slide3_camera.png) no-repeat 50% 217px;text-align:center}
.section5 .fp-tableCell{vertical-align:top}
.section5 .txt{margin-top:620px;color:#363636}

.section6 .slide *{vertical-align:top}
.section6 .s1{background:url(../img/img_page3_slide4.png) no-repeat 50% 160px;text-align:center}
.section6 .s1 .txt{margin-top:620px;color:#363636}

.section6 .s2{position:relative;background:url(../img/bg_page3_slide4.jpg) no-repeat 50% 0;background-size:cover;text-align:left}
.section6 .s2 .txt{position:absolute;top:407px;left:50%;margin-left:60px;color:#fff}
.section6 .s2 .txt .subject{font-family:BebasNeuewebfont;font-size:120px}
.section6 .s2 .txt .conts{font-family:arial;font-size:32px}

.section6 .s3{position:relative;background:url(../img/img_page3_slide6.png) no-repeat 50% 156px;text-align:right}
.section6 .s3 .txt{position:absolute;top:410px;left:50%;width:720px;margin-left:-720px;color:#363636}

.section7{position:relative;background:url(../img/bg_page4_slide1.jpg) no-repeat 50% 0;background-size:cover;text-align:center}
.section7 .fp-tableCell{vertical-align:top}
.section7 .img{margin-top:165px}
.section7 .txt{margin-top:105px;color:#363636}
.section7 .btn{margin-top:50px}
.section7 .btn a{margin-left:74px}
.section7 .btn a:first-child{margin-left:0}
.section7 .btn-appmanual{position:absolute;right:70px;bottom:60px;animation: btn_bounce2 1s .5s ease-out alternate infinite}
@keyframes btn_bounce2 {
    0%{bottom:60px}
    100%{bottom:70px}
}

.section8 .slide *{vertical-align:top}
.section8 .s1{position:relative;background:url(../img/bg_page4_slide2.jpg) no-repeat 50% -30px;background-size:cover;text-align:left}
.section8.active .s1.active{animation: section8_s1_bg 3.5s .1s ease forwards}
@keyframes section8_s1_bg {
    0%{background-position:50% -30px}
    100%{background-position:50% 0}
}
.section8.active .s1.active:after{
	content:"";display:block;position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;background:#fff;z-index:-1;
    animation: section8_s1_blink .1s 1.5s ease forwards
} 
@keyframes section8_s1_blink {
    0%{opacity:0;z-index:99}
    100%{opacity:1}
}
.section8 .s1 .txt{position:absolute;top:234px;left:50%;margin-left:-707px;color:#363636;opacity:0}
.section8.active .s1.active .txt{animation: section8_s1_txt .2s 2.2s ease forwards}
@keyframes section8_s1_txt {
    0%{opacity:0}
    100%{opacity:1}
}
.section8 .s1 .slide-phone{position:absolute;top:167px;left:50%;width:447px;height:895px;margin-left:152px;background:url(../img/bg_phone.png) no-repeat 0 0;opacity:0}
.section8 .s1 .slide-phone .scroll{overflow:hidden;position:absolute;top:194px;right:45px;left:32px;bottom:182px;background:url(../img/bg_scroll.jpg) no-repeat 0 0}
.section8.active .s1.active .slide-phone{animation: section8_s1_phone .3s 2s ease forwards}
@keyframes section8_s1_phone {
    0%{opacity:0}
    100%{opacity:1}
}
.section8.active .s1.active .slide-phone .scroll img{transition:all 1s ease;transform:translate3d(0,-200px,0);animation: section8_s1_phone_scroll 1s 2.4s ease forwards}
@keyframes section8_s1_phone_scroll {
    100%{transform:translate3d(0,0,0)}
}

.section8 .s2{position:relative;background:url(../img/bg_page4_slide3.jpg) no-repeat 50% 0;background-size:cover;text-align:center}
.section8.active .s2.active{animation: section8_s2_bg 4s .1s ease forwards}
@keyframes section8_s2_bg {
    0%{background-position:50% 0}
    100%{background-position:50% -30px}
}
.section8 .s2 .txt{position:relative;z-index:2;margin-top:126px;color:#363636;opacity:0}
.section8.active .s2.active .txt{animation: section8_s2_txt .5s 1.5s ease forwards}
@keyframes section8_s2_txt {
	0%{opacity:0}
    100%{opacity:1}
}
.section8 .s2 .txt .conts{margin-top:-10px}
.section8 .s2 .img{position:absolute;top:375px;left:50%;margin-left:-709px;opacity:0}
.section8.active .s2.active .img{animation: section8_s2_img .5s .5s ease forwards}
@keyframes section8_s2_img {
	0%{opacity:0}
    100%{opacity:1}
}
.section8 .s2 .img2{position:absolute;top:186px;left:50%;margin-left:58px;opacity:0}
.section8.active .s2.active .img2{animation: section8_s2_img2 .5s .8s ease forwards}
@keyframes section8_s2_img2 {
	0%{opacity:0}
    100%{opacity:1}
}
.section8 .s2 .img3{position:absolute;top:425px;left:50%;margin-left:-226px;opacity:0}
.section8.active .s2.active .img3{animation: section8_s2_img3 2s 2s ease forwards}
@keyframes section8_s2_img3 {
    0%{opacity:0;top:475px}
    100%{opacity:1;top:429px}
}

.section8 .s3{position:relative;background:url(../img/bg_page4_slide4.jpg) no-repeat 50% 0;background-size:cover;text-align:left}
.section8.active .s3.active:after{
	content:"";display:block;position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;background:#fff;z-index:-1;
    animation: section8_s3_blink .1s .8s ease forwards
} 
@keyframes section8_s3_blink {
    0%{opacity:0;z-index:99}
    100%{opacity:1}
}
.section8.active .s3.active{animation: section8_s3_bg 4s .1s ease forwards}
@keyframes section8_s3_bg {
    0%{background-position:50% 0}
    100%{background-position:50% -30px}
}
.section8 .s3 .txt{position:relative;top:458px;left:50%;margin-left:-92px;color:#363636;opacity:0}
.section8.active .s3.active .txt{animation: section8_s3_txt .5s 1.5s ease forwards}
@keyframes section8_s3_txt {
	0%{opacity:0}
    100%{opacity:1}
}
.section8 .s3 .img{position:absolute;top:167px;left:50%;margin-left:-637px;opacity:0}
.section8.active .s3.active .img{animation: section8_s3_img 4s 1s ease forwards}
@keyframes section8_s3_img {
    0%{opacity:0}
    25%{opacity:1}
    100%{margin-left:-620px;opacity:1}
}

.section8 .s4{position:relative;background:url(../img/bg_page4_slide5.jpg) no-repeat 50% -20px;background-size:cover}
.section8.active .s4.active{animation: section8_s4_bg 3s .1s ease forwards}
@keyframes section8_s4_bg {
    0%{background-position:50% -20px}
    100%{background-position:50% 0}
}
.section8 .s4 .txt{position:relative;left:50%;top:400px;width:800px;margin-left:-766px;color:#363636;text-align:center;opacity:0}
.section8.active .s4.active .txt{animation: section8_s4_txt .5s 1.3s ease forwards}
@keyframes section8_s4_txt {
	0%{opacity:0}
    100%{opacity:1}
}
.section8 .s4 .img{position:absolute;top:167px;left:50%;margin-left:8px;z-index:2;opacity:0}
.section8.active .s4.active .img{animation: section8_s4_img .3s .8s ease forwards}
@keyframes section8_s4_img {
	0%{opacity:0}
    100%{opacity:1}
}
.section8 .s4 .img2{position:absolute;top:85px;left:50%;margin-left:269px;opacity:0}
.section8.active .s4.active .img2{animation: section8_s4_img2 .3s .9s ease forwards}
@keyframes section8_s4_img2 {
	0%{opacity:0}
    100%{opacity:1}
}

.section8 .s5{position:relative;background:url(../img/bg_page4_slide6.jpg) no-repeat 50% -20px;background-size:cover;text-align:center}
.section8.active .s5.active{animation: section8_s5_bg 3.5s .1s ease forwards}
@keyframes section8_s5_bg {
    0%{background-position:50% -20px}
    100%{background-position:50% 0}
}
.section8 .s5 .txt{margin-top:110px;color:#363636;text-align:center;opacity:0}
.section8.active .s5.active .txt{animation: section8_s5_txt .5s .9s ease forwards}
@keyframes section8_s5_txt {
	0%{opacity:0}
    100%{opacity:1}
}
.section8 .s5 .img{position:absolute;top:475px;left:50%;margin-left:-371px;opacity:0}
.section8.active .s5.active .img{animation: section8_s5_img .3s .6s ease forwards}
@keyframes section8_s5_img {
	0%{opacity:0}
    100%{opacity:1}
}
.section8 .s5 .img2{position:absolute;top:472px;left:50%;width:284px;height:567px;margin-left:91px;background:url(../img/img_page4_slide6_phone2.png) no-repeat 0 0;opacity:0}
.section8 .s5 .img2 .scroll{position:relative;overflow:hidden;height:330px;margin:125px 28px 0 22px}
.section8 .s5 .img2 .scroll img{position:relative;left:0;top:-150px}
.section8.active .s5.active .img2{animation: section8_s5_img2 .3s .7s ease forwards}
@keyframes section8_s5_img2 {
    0%{opacity:0}
    100%{opacity:1}
}
.section8.active .s5.active .img2 .scroll img{transition:all .5s ease-out;transform:translate3d(0,-330px,0);animation: section8_s5_phone_scroll .5s 2.7s ease-out forwards}
@keyframes section8_s5_phone_scroll {
    0%{transform:translate3d(0,-150px,0)}
    100%{transform:translate3d(0,0,0)}
}

.section8 .s6{position:relative;background:url(../img/bg_page4_slide7.jpg) no-repeat 50% 0;background-size:cover}
.section8.active .s6.active{animation: section8_s6_bg 3s .1s ease forwards}
@keyframes section8_s6_bg {
    0%{background-position:50% 0}
    100%{background-position:50% -20px}
}
.section8 .s6 .txt{position:absolute;left:50%;top:520px;margin-left:-92px;color:#fff;opacity:0}
.section8.active .s6.active .txt{animation: section8_s6_txt .5s 1.2s ease forwards}
@keyframes section8_s6_txt {
	0%{opacity:0}
    100%{opacity:1}
}
.section8 .s6 .img{position:absolute;top:169px;left:50%;margin-left:-623px;opacity:0}
.section8.active .s6.active .img{animation: section8_s6_img 3s .8s ease forwards}
@keyframes section8_s6_img {
    0%{opacity:0}
    5%{opacity:1}
    100%{margin-left:-610px;opacity:1}
}

.section9{background:url(../img/bg_page5.jpg) no-repeat 50% 100%;background-size:cover;text-align:center}
.section9 .fp-tableCell{vertical-align:top}
.section9 .btn{margin-top:65.925925vh}

.section10{background:url(../img/bg_page6.jpg) no-repeat 50% 0;background-size:cover;text-align:center}
.section10 .fp-tableCell{vertical-align:top}
.section10 .txt{margin-top:17.592vh;color:#363636}
.section10 .txt .subject{color:#f67670}
.section10 .txt .conts{margin-top:-10px}
.section10 .btn{margin-top:7.407vh}
.section10 .menu{margin-top:14.351vh;padding-bottom:212px;font-size:0;line-height:0}
.section10 .menu li{display:inline-block;margin-left:46px;font-size:12px;line-height:1}
.section10 .menu li:first-child{margin-left:0}
.section10 .menu a{display:block;width:155px;height:155px;background:url(../img/btn_page6_menu.jpg) no-repeat}
.section10 .menu .btn-faq{background-position:0 0}
.section10 .menu .btn-qna{background-position:-155px 0}
.section10 .menu .btn-manual{background-position:-310px 0}
.section10 .menu .btn-career{background-position:-465px 0}
.section10 .menu .btn-aboutus{background-position:-620px 0}
.section10 .menu .btn-faq:hover{background-position:0 100%}
.section10 .menu .btn-qna:hover{background-position:-155px 100%}
.section10 .menu .btn-manual:hover{background-position:-310px 100%}
.section10 .menu .btn-career:hover{background-position:-465px 100%}
.section10 .menu .btn-aboutus:hover{background-position:-620px 100%}

/* 슬라이드 이전 다음 custom */
.section .fp-controlArrow{margin-top:-48px;background:url(../img/btn_slide_pager.png) no-repeat 0 0}
.section .fp-controlArrow.fp-prev,
.section .fp-controlArrow.fp-next{width:96px;height:96px;border:0}
.section .fp-controlArrow.fp-next{right:72px;background-position:100% 0}
.section .fp-controlArrow.fp-prev{left:72px;background-position:0 0}
.section .fp-controlArrow.fp-next:hover{background-position:100% 100%}
.section .fp-controlArrow.fp-prev:hover{background-position:0 100%}

/* footer */
#foot{position:absolute;bottom:0;width:100%;height:157px;padding-top:45px;background:#363636;font-family:arial;font-size:18px;color:#fff;text-align:center;box-sizing:border-box}
#foot .copyright{margin-top:20px;font-size:16px;color:#7d7d7d}