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

/*Element*/
.btn_close{display:inline-block;position:absolute;top:30px;right:30px;width:92px;height:93px;background:url(../img/element_contents.png) no-repeat -110px -80px;}
.btn_close.reverse{background-position:-5px -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:'secgcr'; font-size:15px; color:#444;}
.intro{position:relative;}
.intro p{position:relative;width:100%;}
.intro p img{width:100%;}
.intro p:last-child{position:absolute;top:0;left:0;opacity:0;}

.section01{padding:165px 0 115px 0;text-align:center;}
.section01 h2{margin-bottom:75px;}
.section01 p strong{font-size:18px;font-weight:normal;}
.section01 p:last-child{margin-top:65px;}

.section02{margin:0 80px;min-width:1120px;background:url(../img/bg_product.gif) no-repeat 50% 82px;}
.section02 > div{position:relative;max-width:1240px;height:955px;margin:0 auto;padding:160px 0 0 40px;}
.section02 p{position:absolute;right:45px;bottom:240px;font-size:18px;line-height:32px;color:#555;}
.section02 .mv_img{position:absolute;top:250px;left:50%;margin-left:-580px;}

.section03{height:869px;margin:80px 80px 0 80px;min-width:1120px;}
.section03 > div{overflow:hidden;position:relative;width:100%;height:660px;margin:0 auto;padding:210px 0 0 0;}
.section03 h3{position:relative;left:50%;}
.section03 p{position:relative;left:50%;margin-top:51px;font-size:18px;line-height:32px;color:#fff;}
.section03 .mv_img{position:absolute;top:0;left:0;width:1760px;left:50%;margin-left:-880px;}
.section03 .mv_img p{display:none;position:absolute;top:0;left:0;margin-top:0;}
.section03 .mv_img p:first-child{display:block;}




.outro{position:relative;height:1376px;background:url(../img/bg_outro.jpg) no-repeat 50% 0;margin-top:80px;}
.outro > div{width:640px;margin:0 auto;padding:550px 0 0 640px;}
.outro dt{margin-bottom:55px;}
.outro dd{color:#000;}
.outro .btn{margin-top:85px;}
.outro .btn a{margin-right:11px;}


.parallax_box{position:relative;margin:0 80px;overflow:hidden;}
.parallax,
.parallax02{position:relative;width:100%;}
.parallax_box ul li{position:absolute;width:100%;}
.parallax_box .each_box{height:100%;background:#f2e8de;}
.parallax_box .each_box:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.parallax_box .title_note{float:left;position:relative;width:50%;text-align:center;}
.parallax_box .title_note dt{margin-bottom:45px;padding-bottom:46px;}
.parallax_box p{position:relative;float:left;width:50%;height:100%;}
.parallax_box .indicator{position:absolute;height:auto;background:none;}
.parallax_box .indicator a{display:block;width:14px;height:14px;margin-bottom:7px;background:url(../img/bg_indicator.png) no-repeat;}
.parallax_box .indicator a.on{background-position:0 -21px;}
.parallax_box .indicator.fff a{background:url(../img/bg_indicator_white.png) no-repeat;}
.parallax_box .indicator.fff a.on{background-position:0 -21px;}



.product_box .each_box{background:#f2e8de;}
.product_box .indicator{right:40px;}
.product_box .each_box dt{background:url(../img/bg_txt_product.gif) no-repeat 50% 100%;}
.product_box li:nth-child(1) p{background:url(../img/bg_product01.jpg) no-repeat 50% 0;background-size:cover;}
.product_box li:nth-child(1) p .img{position:absolute;top:50%;margin-top:-50%;width:45.45%;}
.product_box li:nth-child(1) p .bg{position:absolute;top:50%;left:0;width:100%;margin-top:-50%;}
.product_box li:nth-child(1) p .bg img{width:100%;}
.product_box li:nth-child(1) p .img:nth-child(2){left:0;}
.product_box li:nth-child(1) p .img:nth-child(3){right:0;}
.product_box li:nth-child(1) p .img img{width:100%;}
.product_box li:nth-child(2) p{position:static;background:url(../img/bg_product02.jpg) no-repeat 50% 0;background-size:cover;}
.product_box li:nth-child(2) p .img{position:absolute;}
.product_box li:nth-child(2) p .img:first-child{width:29.2%;left:70%;top:5%;opacity:0;}
.product_box li:nth-child(2) p .img:last-child{width:61.4%;left:27%;opacity:0;}
.product_box li:nth-child(2) p .img img{width:100%;}
.product_box li:nth-child(3) p{background:url(../img/bg_product03.jpg) no-repeat 50% 0;background-size:cover;}
.product_box li:nth-child(3) p .img{position:absolute;}
.product_box li:nth-child(3) p .img:first-child{width:63.6%;left:-310px;top:200px;}
.product_box li:nth-child(3) p .img:last-child{width:61.2%;right:-235px;top:-200px;}
.product_box li:nth-child(3) p .img img{width:100%;}
.product_box li:nth-child(4) p{overflow:hidden;}
.product_box li:nth-child(4) p .img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.product_box li:nth-child(4) p .img:nth-child(1){background:url(../img/img_product04_1.jpg) no-repeat 50% 50%;background-size:cover;opacity:1;}
.product_box li:nth-child(4) p .img:nth-child(2){background:url(../img/img_product04_2.jpg) no-repeat 50% 50%;background-size:cover;}
.product_box li:nth-child(4) p .img:nth-child(3){background:url(../img/img_product04_3.jpg) no-repeat 50% 50%;background-size:cover;}


.ux_box .each_box{background:#dddfda;}
.ux_box .title_note dt{background:url(../img/bg_txt_ux.gif) no-repeat 50% 100%;}
.ux_box .indicator{left:40px;}
.ux_box li p{overflow:hidden;}
.ux_box li p .btn_replay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/bg_replay.png) no-repeat 50% 50%;background-size:cover;}
.ux_box li p .img{display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.ux_box li p .img:first-child{display:block;}
.ux_box li:nth-child(1) p .img_box{display:block;position:relative;width:100%;height:100%;}
.ux_box li:nth-child(1) p .img_box:last-child{overflow:hidden;left:100%;position:absolute;top:0;left:100%;}
.ux_box li:nth-child(1) p .img_box:first-child .img:nth-child(1){background:url(../img/img_ux01_1.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(1) p .img_box:first-child .img:nth-child(2){background:url(../img/img_ux01_2.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(1) p .img_box:first-child .img:nth-child(3){background:url(../img/img_ux01_3.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(1) p .img_box:first-child .img:nth-child(4){background:url(../img/img_ux01_4.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(1) p .img_box:last-child .img:nth-child(1){background:url(../img/img_ux01_5.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(1) p .img_box:last-child .img:nth-child(2){background:url(../img/img_ux01_6.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(1) p .img_box:last-child .img:nth-child(3){background:url(../img/img_ux01_7.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(2) p .swipe{display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin-left:-12%;background:url(../img/bg_touch.png) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(2) p .img:nth-child(1){background:url(../img/img_ux02_1.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(2) p .img:nth-child(2){background:url(../img/img_ux02_2.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(2) p .img:nth-child(3){background:url(../img/img_ux02_3.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(3) p .img:nth-child(1){background:url(../img/img_ux03_1.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(3) p .img:nth-child(2){background:url(../img/img_ux03_2.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(3) p .img:nth-child(3){background:url(../img/img_ux03_3.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(3) p .img:nth-child(4){background:url(../img/img_ux03_4.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(3) p .img:nth-child(5){background:url(../img/img_ux03_5.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(3) p .gear{width:35.5%;left:100%;background:url(../img/img_ux03_6.png) no-repeat 50% 50%;background-size:contain;}
.ux_box li:nth-child(4) p .img:nth-child(1){background:url(../img/img_ux04_2.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(2){background:url(../img/img_ux04_3.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(3){background:url(../img/img_ux04_4.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(4){background:url(../img/img_ux04_5.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(5){background:url(../img/img_ux04_6.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(6){background:url(../img/img_ux04_7.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(7){background:url(../img/img_ux04_8.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(8){background:url(../img/img_ux04_9.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(9){background:url(../img/img_ux04_10.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(10){background:url(../img/img_ux04_11.jpg) no-repeat 50% 50%;background-size:cover;}
.ux_box li:nth-child(4) p .img:nth-child(11){background:url(../img/img_ux04_12.jpg) no-repeat 50% 50%;background-size:cover;}
/*.ux_box li:nth-child(4) p .img:nth-child(12){background:url(../img/img_ux04_12.jpg) no-repeat 50% 50%;background-size:cover;}*/


@media only screen and (max-width: 1400px){
    .section03 .mv_img p{left:3%;}
}

@media only screen and (min-width: 1921px){
    .section03{margin-bottom:80px;}
}

/*

@media only screen and (min-width: 2560px){
    .product_box li:nth-child(2) p .img:first-child{top:10%}
}

@media only screen and (min-width: 3840px){
    .product_box li:nth-child(2) p .img:first-child{top:20%}
}*/