@charset "euc-kr";

.fp-enabled body {min-height:auto; padding-top:0; padding-bottom:0;}
.fp-enabled .wrap {height:auto;}
.fp-enabled #footer {position:absolute; right:0; bottom:0; left:0; height:auto;}
main,
#fullpage,
#fullpage .section {height:100%;}

/* common */
.section > div{position:relative; height:100%;}
.section > div.fp-controlArrow.fp-prev,
.section > div.fp-controlArrow.fp-next,
.section > div.fp-slidesNav{position:absolute;}

.box-title{position:relative; z-index:2; width:1199px; margin:0 auto; text-align:left;}
.box-list{padding:60px 0 80px; text-align:center;}
.box-list ul{max-width:1240px; margin:0 auto; text-align:left;}
.box-list li{position:relative; display:inline-block; width:386px; margin:0 10px 15px; text-align:left;}
.box-list li span{position:relative; display:block; width:386px; height:219px;}
.box-list li img{width:100%;height:219px;}
.box-list li strong{display:block; height:38px; line-height:38px; font-size:16px; font-weight:normal; letter-spacing:3px; color:#bbb; }
.box-list.brand-film-list {padding-top:0;}


/* feature */
#nav-feature{position:fixed;top:20%;right:32px; z-index: 10; padding: 0; margin-top:-161px; text-align:center;}
#nav-feature ul li{position:relative; width:100%;}

#nav-feature ul li:first-child:after{display:none;}

#nav-feature li a{position:relative; display:inline-block; width:100%;}
/*#nav-feature li a:before{content:''; display:block; width:100%; height:20px; background-image:url('/img2/product/nav_features.png');}
#nav-feature li a:after{content:''; position:absolute; right:0; top:50%; z-index:1; display:block; width:18px; height:18px; margin-top:-10px; background:url('/img2/product/icon_nav_dot.png');}*/

#nav-feature .active a:after{}
#nav-feature a.features:before{background-position:right 0;}

/*20250610
#nav-feature{position:fixed;top:50%;right:32px;height: 322px;z-index: 10;width:214px;padding: 0;margin-top:-161px;text-align:right;}
#nav-feature ul li{position:relative; width:100%;}
#nav-feature ul li:after{content:''; position:absolute; right:8px; top:-20px; display:block; width:1px; height:45px; background-color:#232d31;}
#nav-feature ul li:first-child:after{display:none;}

#nav-feature li a{position:relative; padding:12px 27px 12px 0; display:inline-block; width:100%; font:0/0 a;  background-color:transparent; -webkit-box-sizing:border-box; box-sizing:border-box;}

#nav-feature li a:before{content:''; display:block; width:100%; height:20px; background-image:url('/img2/product/nav_features.png');}
#nav-feature li a:after{content:''; position:absolute; right:0; top:50%; z-index:1; display:block; width:18px; height:18px; margin-top:-10px; background:url('/img2/product/icon_nav_dot.png');}

#nav-feature .active a:after{background-position:0 -17px;;}
#nav-feature a.features:before{background-position:right 0;}
*/
#nav-feature .features{position:relative; padding:12px 27px 12px 0; display:inline-block; width:100%; font:0/0 a;  -webkit-box-sizing:border-box; box-sizing:border-box;}
#nav-feature .features:before{content:''; display:block; width:100%; height:20px; background:url('/img2/product/nav_features.png') right 0;}
#nav-feature .features:after{content:''; position:absolute; right:0; top:50%; z-index:1; right:4px; width:10px; height:10px; margin-top:-5px; background:url('/img2/product/icon_square.png')}

#nav-feature .features2{position:relative; padding:12px 26px 12px 0; display:inline-block; width:100%; font:0/0 a;  -webkit-box-sizing:border-box; box-sizing:border-box;}
#nav-feature .features2:before{content:''; display:block; width:100%; height:20px; background:url('/img2/product/nav_features.png') right -195px;}
#nav-feature .features2:after{content:''; position:absolute; right:0; top:50%; z-index:1; right:4px; width:10px; height:10px; margin-top:-5px; background:url('/img2/product/icon_square.png')}

#nav-feature .features3{position:relative; padding:12px 26px 12px 0; display:inline-block; width:100%; font:0/0 a;  -webkit-box-sizing:border-box; box-sizing:border-box;}
#nav-feature .features3:before{content:''; display:block; width:100%; height:20px; background:url('/img2/product/nav_features.png') right -225px;}
#nav-feature .features3:after{content:''; position:absolute; right:0; top:50%; z-index:1; right:4px; width:10px; height:10px; margin-top:-5px; background:url('/img2/product/icon_square.png')}

#nav-feature .features4{position:relative; padding:12px 26px 12px 0; display:inline-block; width:100%; font:0/0 a;  -webkit-box-sizing:border-box; box-sizing:border-box;}
#nav-feature .features4:before{content:''; display:block; width:100%; height:20px; background:url('/img2/product/nav_features.png') right -254px;}
#nav-feature .features4:after{content:''; position:absolute; right:0; top:50%; z-index:1; right:4px; width:10px; height:10px; margin-top:-5px; background:url('/img2/product/icon_square.png')}




/*01-寇包*/
#nav-feature a.pro1:before{background-position:right -27px;}
#nav-feature .active a.pro1:before{background-position:right -47px;}
/*02-力前荤柳*/
#nav-feature a.pro2:before{background-position:right -67px;}
#nav-feature .active a.pro2:before{background-position:right -87px;}
/*03-力前家俺*/
#nav-feature a.pro3:before{background-position:right -107px;}
#nav-feature .active a.pro3:before{background-position:right -127px;}

#nav-feature a.pro4:before{background-position:right -147px;}
#nav-feature .active a.pro4:before{background-position:right -167px;}

#nav-feature a.pro5:before{background-position:right -187px;}
#nav-feature .active a.pro5:before{background-position:right -207px;}

#nav-feature a.pro6:before{background-position:right -227px;}
#nav-feature .active a.pro6:before{background-position:right -248px;}

div.features{padding-top:50px;}
.features .contents{position:relative; min-width:1199px; padding-bottom:120px;}


.features .box-title{height:50px; font-size:0; background:#99d2e5 url('/img2/product/tit_features.png') no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.exterior .box-title,
.photos .box-title,
.introduce .box-title,
.contra .box-title,
.sale .box-title{/*position:absolute; left:50%; top:50px; margin-left:-500px;*/}

.exterior .fp-tableCell {vertical-align:top; padding-top:0px;}
.exterior .box-title{background-position:20px 5px;}
.photos .box-title{background-position:20px -46px;}
.introduce .box-title{background-position:20px -96px;}
.contra .box-title{background-position:20px -145px;}
.sale .box-title{background-position:20px -196px;}

.safety .box-title{background-position:0 -250px;}
.smart .box-title{background-position:0 -300px;}
.benefit .box-title{height:79px; background-position:0 -350px;}

.safety, .smart{padding-top:100px}

.txt-notice{position:absolute; left:0; right:0; top:120px; text-align:center;}

.features .list-img{width:1199px; margin:0 auto;}
.features .list-img ul:after,
.features .list-txt:after{content:''; display:block; clear:both;}
.features .list-img li{float:left; margin-right:30px;}
.features .list-img li.end {margin-right:0;}
.features .list-img li.tit {width:1199px; font-size:18pt; font-weight:bold; letter-spacing:-2px; padding:20px 0; text-align:center; color:#000; line-height:30px;}
.features .list-img li.engine{position:relative; z-index:1; margin-top:-79px; }

.features .list-txt{width:1000px; margin:100px auto 0;}
.features .list-txt .item{}
/*.features .list-txt .item:first-child{margin-bottom:35px; padding-bottom:35px; border-bottom:1px solid #232d31;}*/
.features .list-txt h3,
.features .list-txt ul,
.features .list-txt ol,
.features .list-txt span{display:none;}

.txt-helper{margin:100px auto 0; text-align:center;}
.benefit{background-color:#1b1c1e;}
.benefit ul.notice{position:relative; display:block; height:35px; margin-top:30px; font:0/0 a; background:url('') no-repeat 0 0;}
/*.benefit ul.notice a{position:absolute; top:18px; left:530px; width:80px; height:15px; }*/

.exterior{/*background-color:#FFFFFF;*/}
/*.photos > div:before{content:''; position:absolute; display:block; width:100%; height:650px; background-color:#d4d4d6; bordeR:2px solid #000;}*/

.features .bg{position:relative; display:block; min-width:1199px; /*max-width:1440px;*/ margin:0 auto; background-repeat:no-repeat; background-position:50% 0;}