@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;}

.align_c{text-align:center;}

/*Element*/
/*
.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;}

.btn_download{display:inline-block;width:177px;height:38px;background:url(../img/btn_download_pdf.png) no-repeat}
.btn_download:hover{background-position:0 -48px}
.btn_download span{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}

.btn_sec{display:inline-block;width:177px;height:38px;background:url(../img/btn_sec.png) no-repeat}
.btn_sec:hover{background-position:0 -48px}
.btn_sec span{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}
*/


#content {position:relative; min-width:1280px; margin:0 auto; overflow:hidden; line-height:26px; font-family:samsungonelatin400; font-size:15px; color:#444; background:#fff; letter-spacing:-0.5px}
.section{overflow:hidden;position:relative;width:100%;}
.layout{position:relative;width:1280px;height:100%;margin:0 auto;box-sizing:border-box;}

.btn_download{display:inline-block;width:210px;height:45px;background:url(../img/btn_download.png) no-repeat;}
.btn_download:hover{background-position: 0 -55px;}
.btn_download span{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}

.cover{height:1001px;padding-top:198px;}
.cover .bg_img{position:absolute;top:0;left:50%;margin-left:-960px;opacity:0;}
.cover h2{margin-bottom:33px;margin-left:115px;opacity:0;}
.cover p{margin-bottom:18px;margin-left:115px;color:#000;}

.section01{max-width:1600px;margin:192px auto 0 auto;}
.section01 h3{margin-bottom:45px;text-align:center;}
.section01 .sub_tit{text-align:center;opacity:0;}
.section01 .txt{height:642px;margin-top:42px;background:url(../img/bg_sec01_txt.jpg) no-repeat 50% 0;}
.section01 .txt .layout{padding:270px 0 0 750px;}
.section01 .animation{position:relative;height:412px;background:url(../img/bg_sec01_animation.jpg) no-repeat 50% 0;}
.section01 .animation h4{position:absolute;left:40px;top:58px;z-index:3;}
.section01 .seat{position:absolute;top:45px;left:217px;z-index:2;width:279px;height:321px;}
.section01 .seat li{position:absolute;top:0;left:0;width:279px;height:321px;}
.section01 .seat li:nth-child(1){background:url(../img/seat01.gif) no-repeat 0 0;}
.section01 .seat li:nth-child(2){background:url(../img/seat02.gif) no-repeat 0 0;opacity:0;}
.section01 .arrow{position:absolute;top:220px;left:569px;opacity:0;}
.section01 .infograph img{position:absolute;top:305px;left:827px;opacity:0;}
.section01 .infograph img:first-child{top:-20px;left:779px;}

.section02{max-width:1600px;margin:192px auto 0 auto;}
.section02 h3{margin-bottom:45px;text-align:center;}
.section02 .sub_tit{text-align:center;opacity:0;}
.section02 .txt{position:relative;height:905px;padding-top:90px;margin-top:42px;background:url(../img/bg_sec02_animation.jpg) no-repeat 50% 0;text-align:center;}
.section02 .btn_sec02_ani a{position:absolute;}
.section02 .btn_sec02_ani a:nth-child(1){top:445px;left:274px;}
.section02 .btn_sec02_ani a:nth-child(2){top:663px;left:243px;}
.section02 .btn_sec02_ani a:nth-child(3){top:359px;left:779px;}
.section02 .txt .animation{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);}
.section02 .txt .animation ul{text-align:left;color:#fff;}
.section02 .txt .animation li{position:absolute;top:290px;left:279px;padding:117px 0 0 405px;opacity:0;}
.section02 .txt .animation li dt{margin-bottom:12px;}
.section02 .txt .animation li .sec_img{position:absolute;top:0;left:0;}
.section02 .txt .animation .btn_sec02_close{position:absolute;top:351px;left:585px;}

.section03{max-width:1600px;margin:192px auto 0 auto;}
.section03 h3{margin-bottom:45px;text-align:center;}
.section03 .sub_tit{text-align:center;opacity:0;}
.section03 .txt{position:relative;height:591px;margin-top:42px;background:url(../img/bg_sec03_txt.jpg) no-repeat 50% 0;}
.section03 .txt .layout{padding:80px 0 0 67px;}
.section03 .animation{position:relative;height:370px;padding-top:47px;color:#555;}
.section03 .layout{padding:0 0 0 106px;}
.section03 .layout p{margin-left:22px;color:#000;}

.transfer{position:absolute;top:110px;left:667px;width:75px;height:43px;background:url(../img/bg_transfer02.gif) no-repeat;}
.transfer > span{position:absolute;top:0;right:0;width:75px;height:43px;background:url(../img/bg_transfer01.gif) no-repeat 100% 0;}
.section03 .layout .ani_pad{width:387px;height:254px;margin-bottom:10px;background:url(../img/bg_padnsensor.gif) no-repeat;}
.section03 .layout .ani_phone_wrap{position:absolute;right:39px;bottom:35px;width:324px;height:577px;padding:61px 9px 61px 9px;background:url(../img/bg_phone.png) no-repeat;}
.section03 .layout .ani_phone_wrap .ani_phone{position:relative;width:324px;height:577px;overflow:hidden;}
.section03 .layout .ani_phone_wrap .ani_phone .ani_phone_side{position:absolute;top:0;left:100%;width:324px;height:577px;background:url(../img/screen01.png) no-repeat;}
.section03 .layout .ani_phone_wrap .ani_phone .ani_phone_screen{position:absolute;top:0;left:0;width:324px;height:577px;background:url(../img/screen02.png) no-repeat;opacity:0;}



.outro{height:1103px;margin-top:146px;background:url(../img/bg_outro.jpg) no-repeat 50% 0;}
.outro .layout{padding:192px 0 0 64px;}
.outro .layout .outro_txt{margin-top:20px;}
.outro .layout .outro_txt:first-child{margin-top:0;}
.outro .layout .btn_area{margin-top:30px;}


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

.cover p{opacity:0;}