
.gu_kv .kv_img_area{background-image: url("../../../../img/parts-service/parts/parts-list/kv_parts-service_parts.jpg")}

html{scroll-behavior: smooth;}
.container *{box-sizing:border-box;}
.container{margin-bottom:105px;}

/* 버튼 */
.section.btn_box{padding-top:30px; text-align:center;}
.section.btn_box .btn_box_inner{display:inline-block; vertical-align:top;}
.section.btn_box .btn_box_inner a{display:block; float:left; font-size:16px; color:#666; letter-spacing:-0.5px; padding:11px 13px; margin-top:10px; margin-right:8px; border:solid 1px #ccc; border-radius:2px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.section.btn_box .btn_box_inner a.on, .section.btn_box .btn_box_inner a:hover{color:#222; border-color:#007acc;}
.section.btn_box .btn_box_inner a:last-child{margin-right:0;}

/* 제품 리스트 */
.section.item_box{position:relative; margin-top:80px; /*outline:1px solid red;*/}
.section.item_box > div{float:left; width:50%;}

.section.item_box .img_box{overflow:hidden; padding-right:12px;}
.section.item_box .img_box img{display:block; width:100%;}

.section.item_box .text_box{position:absolute; top:50%; right:0; letter-spacing:-1px; padding-left:32px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
}
.section.item_box .text_box .product_name{font-size:20px; line-height:100%; padding-bottom:20px;}
.section.item_box .text_box .product_text{font-size:16px; line-height:26px;}
.section.item_box .text_box .link_box{padding-top:30px;}
.section.item_box .text_box .link_box a{display:inline-block; font-size:16px; line-height:14px; padding:10px 24px 10px 0;}
.section.item_box .text_box .link_box a.down{background:url('../../../../img/parts-service/parts/parts-list/ico_down_blue.png') no-repeat 99% 50% / 12px;}
.section.item_box .text_box .link_box a.go-out{background:url('../../../../img/parts-service/parts/parts-list/ico_arrow_right_blue.png') no-repeat 98% 50% / 12px;}

/* video popup */
#VIDEO_POPUP .pop_contents {padding:0; margin:0 auto; max-width:1318px; width:100%; min-height:inherit; background-color:transparent;}
#VIDEO_POPUP .pop_contents .pop_video_mp4 {padding:0 50px;}
#VIDEO_POPUP .pop_contents .pop_video_mp4 video {width:100%;}
#VIDEO_POPUP .pop_contents .pop_video_youtube {position:relative; width:100%; height:100%; padding-bottom:56.25%;}
#VIDEO_POPUP .pop_contents .pop_video_youtube iframe {position:absolute; top:0; left:50px; width:calc(100% - 100px); height:100%;}
#VIDEO_POPUP .pop_inner .btn_close_pop {top:0; right:20px;}

.btn_go_list_top{position:fixed; right:30px; bottom:60px; /*width:30px; height:34px;*/ width:18px; height:22px; border-radius:2px; background:url('../../../../img/parts-service/parts/parts-list/ico_top.png') no-repeat center / contain;}
.btn_bottom.on{position:relative;}
.btn_bottom.on .btn_go_list_top{position:absolute; bottom:60px;}
#WRAP.parts-list-wrap .btn_bottom .btn_go_list_top{bottom:34px;}
#WRAP.parts-list-wrap .quickmenu{bottom:136px;}


/*----------------------------- Tablet -----------------------------*/
@media all and (max-width:1080px){
    .container{margin-bottom:45px;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title{font-size:30px; line-height:34px;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner{padding-bottom:20px;}

    /* 버튼 */
    .section.btn_box{padding:0 0 60px; border-bottom:solid 1px #ccc;}
    .section.btn_box .btn_box_inner a{font-size:13px; letter-spacing:0; padding:9px 11px; margin-right:6px;}

    /* 제품 리스트 */
    .section.item_box{margin-top:60px;}
    .section.item_box .img_box{padding-right:16px;}
    .section.item_box .text_box{padding-left:26px;}
    .section.item_box:nth-of-type(3){min-height:200px; margin-top:80px;}
    .section.item_box:nth-of-type(3) .text_box{top:0; transform:none;}
    .section.item_box .text_box .product_name{font-size:16px; letter-spacing:-1px; padding-bottom:16px;}
    .section.item_box .text_box .product_text{font-size:13px; line-height:21px; letter-spacing:-1px;}
    .section.item_box .text_box .link_box{padding-top:18px;}
    .section.item_box .text_box .link_box a{font-size:13px; letter-spacing:-1px; padding:8px 24px 8px 0; margin-right:10%; line-height:inherit;}

    /* 우측 퀵버튼 */
    #WRAP.parts-list-wrap .btn_bottom .btn_go_list_top{right:23px; bottom:28px; width:22px; height:26px;}
    #WRAP.parts-list-wrap .quickmenu{bottom:106px;}
}

/*----------------------------- Mobile -----------------------------*/
@media all and (max-width:766px){
    .container{margin-bottom:40px;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title{font-size:24px; margin-bottom:0;}

    /* 버튼 */
    .section.btn_box{padding:20px 0 30px;}
    .section.btn_box .btn_box_inner a{margin-top:10px; margin-right:8px;}

    /* 제품 리스트 */
    .section.item_box{padding-top:40px; margin-top:0;}
    .section.item_box > div{float:none; width:100%;}
    .section.item_box:nth-of-type(3){padding-top:35px; margin-top:0;}
    .section.item_box .img_box{margin-bottom:15px;}
    .section.item_box .img_box, .section.item_box .text_box{padding:0;}
    .section.item_box .text_box{position:relative; top:inherit; transform:none;}
    .section.item_box .text_box .product_name{font-size:14px; line-height:18px; letter-spacing:-1px; padding-bottom:12px;}
    .section.item_box .text_box .product_text{font-size:12px; line-height:20px;}
    .section.item_box .text_box .link_box{padding-top:10px;}
    .section.item_box .text_box .link_box a{font-size:12px;}

    /* video popup */
    #VIDEO_POPUP .pop_contents .pop_video_mp4 {padding:0 32px;}
    #VIDEO_POPUP .pop_contents .pop_video_youtube iframe {left:16px; width:calc(100% - 32px)}
    #VIDEO_POPUP .pop_inner .btn_close_pop {top:-30px; right:30px;}

    /* 우측 퀵버튼 */
    #WRAP.parts-list-wrap .btn_bottom .btn_go_list_top{right:17px; bottom:38px; width:15px; height:18px;}
    #WRAP.parts-list-wrap .quickmenu{bottom:106px;}
}

@media all and (max-width:374px){
    .section.btn_box .btn_box_inner a{padding:8px 6px 9px;}
}