@charset "UTF-8";.style_comp_wrap{width:100%;height:100%;padding:50px 0 120px 0}
.style_comp_wrap div{box-sizing:border-box}
.style_comp_wrap .style_comp{width:100%;max-width:1280px;margin:0 auto}
.style_comp_wrap .style_comp .title_area .title{font-size:50px;font-family:kiaB,sans-serif;color:#000}
.style_comp_wrap .style_comp .prod_list_wrap{width:100%;margin-top:20px}
.style_comp_wrap .style_comp .prod_list_wrap:after{display:block;content:"";clear:both}
.style_comp_wrap .style_comp .prod_list_wrap li{overflow:hidden;float:left;width:25%;padding:0 5px;box-sizing:border-box}
.style_comp_wrap .style_comp .prod_list_wrap li .thum_img{overflow:hidden;position:relative;width:100%;height:265px;margin-top:10px;background:#000}
.style_comp_wrap .style_comp .prod_list_wrap li .thum_img img{position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%)}
.style_comp_wrap .style_comp .prod_list_wrap li .thum_img .img_tit{position:absolute;bottom:0;left:0;width:100%;padding:10px 10px 15px 10px;font-family:kiaB,sans-serif;background:rgba(0,0,0,.5)}
.style_comp_wrap .style_comp .prod_list_wrap li .thum_img .img_tit span{color:#fff;font-size:16px}
@media only screen and (max-width:1024px){.style_comp_wrap .style_comp .prod_list_wrap{padding:0 10px}
.style_comp_wrap .style_comp .title_area{padding:0 15px}
}
@media only screen and (max-width:767px){.style_comp_wrap .style_comp .title_area .title{font-size:16px}
.style_comp_wrap .style_comp .prod_list_wrap{padding:0}
.style_comp_wrap .style_comp .prod_list_wrap li{padding:0}
.style_comp_wrap .style_comp .prod_list_wrap .slick-dots{width:100%;text-align:center;padding-top:10px}
.style_comp_wrap .style_comp .prod_list_wrap .slick-dots li{float:none;display:inline-block;width:auto;height:auto;padding:5px 0;margin:0 5px}
.style_comp_wrap .style_comp .prod_list_wrap .slick-dots li button{display:block;border:1px solid #ccc;width:27px;height:3px;text-indent:-999999px;background:#666}
.style_comp_wrap .style_comp .prod_list_wrap .slick-dots li.slick-active button{background:#bb162b;border:1px solid #bb162b}
}
.n_container.resource_spec .spec_visual .spec_data{max-width:1200px;width:100%}
.n_container.resource_spec .spec_visual .spec_slide_area{width:1200px;padding:0;box-sizing:border-box}
.n_container.resource_spec .spec_visual .spec_slide_area .spec_img{width:100%}
.n_container.resource_spec .spec_visual .spec_slide_area .spec_img ul li{width:1200px;box-sizing:border-box}
.n_container.resource_spec .spec_visual .spec_allview_area{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img{overflow:hidden;width:1200px;bottom:130px;margin-left:0;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%)}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul{width:100000px;padding-bottom:19px;overflow:hidden}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li{float:left;width:1200px;box-sizing:border-box;text-align:center}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li .imgArea{display:inline-block;text-align:center}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li .imgArea img{width:95%}
.n_container.resource_spec .spec_visual .spec_allview_area a.spec_next{top:32%;margin-top:-12px}
.n_container.resource_spec .spec_visual .spec_allview_area a.spec_prev{top:32%;margin-top:-12px}
.n_container.resource_spec .spec_list{max-width:1200px;width:100%}
.n_container.resource_spec .engine_visual .engine_data{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .wheel_visual .wheel_data{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .style_comp_wrap .style_comp{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .phrase .parbase_inner{max-width:1200px;width:100%;box-sizing:border-box}
.n_container.resource_spec .wheel_slide_area{max-width:1200px;width:100%}
.n_container.resource_spec .engine_slide_area{max-width:1200px;width:100%}
.n_container.resource_spec .spec_allview_area .spec_allview{width:100%;margin:40px 0}
.n_container.resource_spec .spec_allview_area .spec_allview .item{width:100%;outline:0}
.n_container.resource_spec .spec_allview_area .spec_allview picture{display:block;width:100%;box-sizing:border-box}
.n_container.resource_spec .spec_allview_area .spec_allview picture img{width:100%}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow{width:28px;height:56px;text-indent:-999999px;z-index:999;outline:0}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-prev{position:absolute;top:50%;left:0;transform:translateY(-50%);background:url('../../../content/dam/kwcms/gt/en/images/showroom/btn_spec_prev.png') no-repeat 0 0}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-next{position:absolute;top:50%;right:0;transform:translateY(-50%);background:url('../../../content/dam/kwcms/gt/en/images/showroom/btn_spec_next.png') no-repeat 0 0}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-disabled{display:none !important}
@media(max-width:1024px){.n_container.resource_spec .spec_visual .spec_slide_area .spec_img ul li{width:1000px}
.n_container.resource_spec .spec_visual .spec_slide_area{width:100%;max-width:1000px;margin:auto}
.n_container.resource_spec .spec_visual .spec_slide_area .spec_img{width:100%;padding:20px 10px 0 10px}
.n_container.resource_spec .spec_visual .spec_slide_area a.spec_next{top:35%;right:5px}
.n_container.resource_spec .spec_visual .spec_slide_area a.spec_prev{top:35%;left:5px}
.n_container.resource_spec .spec_visual .spec_allview_area{top:0;width:100%;max-width:1000px;margin:0 auto;padding:0 10px}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img{width:100%;max-width:1000px;bottom:80px;overflow:hidden}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul{width:100000px;padding-bottom:19px;overflow:hidden}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li img{width:100%}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img a.spec_next{right:0}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img a.spec_prev{left:0}
.n_container.resource_spec .wheel_visual{padding:0 5px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-next{right:-10px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow.slick-prev{left:-10px}
}
@media(width:768px){.n_container.resource_spec .spec_visual .spec_slide_area .spec_img ul li{width:750px}
.n_container.resource_spec .spec_visual .spec_allview_area{top:0;width:100%;max-width:750px;margin:0 auto;padding:0 10px}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img{width:100%;max-width:750px;bottom:80px;overflow:hidden}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li{display:inline-block;position:relative;float:left;width:100%;max-width:750px;margin-left:5px;text-align:center}
}
@media(max-width:767px){.n_container.resource_spec .spec_visual{height:720px}
.n_container.resource_spec .spec_visual .spec_slide_area{width:340px;margin:auto}
.n_container.resource_spec .spec_visual .spec_slide_area .spec_img ul li{width:340px}
.n_container.resource_spec .spec_visual .spec_allview_area{position:relative;width:100%;margin:0 auto;padding:0}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img{position:relative;left:0;transform:none;width:340px;margin:0 auto;top:0;bottom:auto;overflow:hidden}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul{width:100000px;padding-bottom:20px;overflow:hidden;margin-top:0}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li{display:inline-block;position:relative;float:left;width:340px;text-align:center}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li img{width:100%;vertical-align:middle}
.n_container.resource_spec .spec_visual .spec_allview_area .spec_img ul li .imgArea img{width:100%}
.n_container.resource_spec .spec_visual .spec_data ul{padding:0 15px}
.n_container.resource_spec .spec_visual .spec_slide_area{top:70px}
.n_container.resource_spec .spec_visual .spec_allview_area .control .num li{width:auto}
.n_container.resource_spec .spec_visual .spec_allview_area .control .num{position:absolute;bottom:20px;left:50%;width:auto;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%)}
.n_container.resource_spec .spec_visual .spec_data h1{font-size:25px;background:none !important}
.n_container.resource_spec .engine_visual .engine_data h2{font-size:25px;background:none !important}
.n_container.resource_spec .wheel_visual .wheel_data h2{font-size:25px;background:none !important}
.n_container.resource_spec .style_comp_wrap .style_comp .title_area .title{font-size:25px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-arrow{display:none !important}
.n_container.resource_spec .spec_allview_area .spec_allview{margin:0}
.n_container.resource_spec .spec_allview_area .spec_allview picture{display:block;width:100%;text-align:center;box-sizing:border-box}
.n_container.resource_spec .spec_allview_area .spec_allview picture img{display:inline-block;width:320px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots{width:80px;box-sizing:border-box}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots:after{display:block;content:"";clear:both}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots li{display:inline-block;float:left;width:auto;padding:0 3px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots li button{display:block;width:10px;height:10px;background:url('../../../content/dam/kwcms/gt/en/images/showroom/btn_list_dot.png') no-repeat -14px 0;text-indent:-99999px}
.n_container.resource_spec .spec_allview_area .spec_allview .slick-dots li.slick-active button{background-position:0 0;outline:0}
}