.gu_kv .kv_img_area{background-image: url("../../../img/parts-service/training/kv_training.jpg");}

#WRAP .container{margin-bottom:100px;}

.section_top .gu_contents_title{line-height:54px;}
.section_top .gu_sub_title{text-align:left; margin-bottom:0;}
.section_top .section_top_comment{font-size:16px; line-height:24px; color:#666; padding-bottom:30px;}
.section_top .section_top_comment:before{display:inline-block; content:'*'; vertical-align:middle; padding-right:4px;}

.section_top .btn{text-align:left;}
.section_top .btn > a{position:relative; font-size:16px; padding:10px 26px 10px 0; background:url('../../../img/common/icon/ico_outlink_black.png') no-repeat 99% 50%; background-size:16px auto;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.section_top .btn > a:hover{background-image:url('../../../img/common/icon/ico_outlink_blue.png');}
.section_top .btn > a:before{display:block; content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#222;
    transition:width 0.3s;
    -webkit-transition:width 0.3s;
}
.section_top .btn > a:hover:before{width:100%;}

.contents_area .contents_inner .section.demonstration .section_top .contents_sub_copy{padding-bottom:60px;}
.contents_area .contents_inner .section.demonstration .info_box{float: left; width:calc(50% - 6px);}
.contents_area .contents_inner .section.demonstration .info_box:nth-child(even){margin-right:6px;}
.contents_area .contents_inner .section.demonstration .info_box:nth-child(odd){margin-left:6px;}
.contents_area .contents_inner .section.demonstration .info_box:first-child{margin-right:12px;}
.contents_area .contents_inner .section.demonstration .info_box .info{font-size: 16px; line-height:32px;}
.contents_area .contents_inner .section.demonstration .info_box .info p{padding:36px 0 18px;}
.contents_area .contents_inner .section.demonstration .info_box .info ul{line-height:32px; letter-spacing:-1px;}
.contents_area .contents_inner .section.demonstration .info_box .info ul li{padding-left:10px; text-indent:-5px;}
.contents_area .contents_inner .section.demonstration .info_box .info ul li:before{display:inline-block; content:"-"; padding-right:4px;}

.section.slider .slider_desc{font-size:20px; padding: 70px 0 60px;}

/* swiper */
.container_inner .gu_swiper{margin-bottom:30px; margin-top:80px; background:#fff;}
.container_inner .gu_swiper .swiper-container{overflow:inherit;}
.container_inner .gu_swiper .swiper-container-fade .swiper-slide > div{height:100%; background-size:auto 70%; background-position:50% 50%; background-repeat:no-repeat;}
.container_inner .gu_swiper .swiper-container-fade .swiper-slide{text-align:center;}
.container_inner .gu_swiper .swiper-container .swiper-wrapper{position:absolute;}
.container_inner .gu_swiper .swiper-container .swiper-slide img{max-width:1116px; margin:0 auto;}
.container_inner .gu_swiper .swiper-container .direction_area{position:relative;}
.gu_swiper .swiper-container .direction_area .swiper-pagination{position:absolute; bottom:-50px; left:0;}
.gu_swiper .swiper-container .direction_area .swiper-progress{position:absolute; bottom:-44px; left:100px;}
.gu_swiper .swiper-container .direction_area .btn_arrow{position:absolute; bottom:-50px; right:0;}

#training .section_inner .info_box{padding-top:70px; width:50%; margin:0;}
#training .section_inner .info_box .info p {display: inline-block;float: left; padding:0 40px 0 0;}
#training .section_inner .info_box .info ul{display: inline-block;}

@media all and (max-width:1080px){
    #WRAP .container{margin-bottom:120px;}
    .section.demonstration .section_inner .section_top{margin:0;}
    .contents_area .contents_inner .section.demonstration .info_box .info p{font-size:15px;}
    #PARTS-SERVICE_TRAINING .gu_sub_wrapper .gu_sub_contents .contents_inner .section.demonstration .contents_sub_copy{padding:0 0 50px;}
    .contents_area .contents_inner .section.demonstration .info_box .info ul li{font-size:13px; line-height:24px; letter-spacing:0;}

    /* swiper */
    .container_inner .gu_swiper{margin-top:50px;}
    .container_inner .gu_swiper .swiper-container .swiper-wrapper{position:absolute;}
    .container_inner .gu_swiper .swiper-container .direction_area{position:relative; top:0; transform:none;}
    .container_inner .gu_swiper .swiper-container .direction_area .slide_empty{display:block;}
    .container_inner .gu_swiper .swiper-container-fade .swiper-slide{height:inherit;}
    .visual_area .visual_box.video{height:100%;}
    .container_inner .gu_swiper .swiper-container .direction_area .btn_arrow > div{width:10px; height:16px;}

    .section_top .gu_contents_title{line-height:40px;}
    .section.slider .slider_desc {font-size: 16px;padding: 40px 0 0;}
    .gu_swiper .swiper-container .direction_area .swiper-pagination{width:50px;}
    .gu_swiper .swiper-container .direction_area .swiper-progress{width:calc(100% - 180px); left:80px;}
    .section_top .section_top_comment{padding-bottom:0; font-size:14px;}
    .section_top .section_top_comment br{display:block;}

    #training .section_inner .info_box:nth-of-type(2){width:60%;}
    #training .section_inner .info_box:last-child{width:40%;}
}

@media all and (max-width:766px){
    #WRAP .container{margin-bottom:60px;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner{padding:0;}
    .contents_area .contents_inner .section.demonstration .info_box{clear:both; width:100%;}
    .contents_area .contents_inner .section.demonstration .info_box .info p, .contents_area .contents_inner .section.demonstration .info_box .info ul li,.contents_area .contents_inner .section.aftermarket .section_inner .info_box p{font-size:12px; line-height:18px;}
    .contents_area .contents_inner .section.demonstration .section_inner .info_box p{padding:20px 0 15px;}

    .gu_contents_title{margin:60px 0 30px;}
    .section_top .gu_contents_title{font-size:24px; line-height:32px; letter-spacing:-1px;}
    .section_top .section_top_comment{font-size:12px; line-height:20px;}

    /* swiper */
    .visual_pager_controls .pager_item .pager_link{font-size:11px;}
    .container_inner .gu_swiper{margin-top:30px;}
    .container_inner .gu_swiper .swiper-container .direction_area .btn_arrow > div{width:8px; height:13px; margin-left:60px;}
    .container_inner .gu_swiper .swiper-container .direction_area .btn_arrow > div.swiper-button-prev{left:16px;}
    .container_inner .gu_swiper .swiper-container .direction_area .btn_arrow > div.swiper-button-next{right:16px;}
    .visual_video_control .video_btn{width:50px; height:50px; margin-top:-25px; margin-left:-25px;}
    .visual_video_control .video_btn:after{border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff;}
    #training .section_inner .info_box{float:none; width:100%; padding-top:0;}
    #training .section_inner .info_box:nth-of-type(2),#training .section_inner .info_box:last-child{width:100%;}
    #training .section_inner .info_box .info{line-height: 24px;}
	#training .section_inner .info_box .info p {float:none; width:100%; font-size:14px; padding:20px 0 10px;}
}