/* .gu_kv .kv_img_area{background-image: url("../../../img/parts-service/genuine-parts/kv_parts-service_genuine-parts.jpg")} */

.section{position: relative;border-top: 1px solid rgba(0,0,0,.1);padding-top: 95px;padding-bottom: 100px}
.section .sec_inner{}
.section .sec_inner .sec_tit{font-size: 32px;margin-bottom: 60px;text-align: center;letter-spacing: -1px}
.section .sec_inner .sec_copy{font-size: 18px;line-height: 28px;}
.section .sec_inner .sec_box_list ul{font-size: 0}
.section .sec_inner .sec_box_list ul li{display: inline-table;width: calc(50% - 12px); border-top: 1px solid #dcdcdc;background: #fef2ea;margin-bottom: 24px;vertical-align: top; height:220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#FILTER_IMG .sec_inner .sec_box_list ul li{background-color:#f5f5f5;}
.section .sec_inner .sec_box_list ul li:nth-child(even){margin-left: 12px}
.section .sec_inner .sec_box_list ul li:nth-child(odd){margin-right: 12px}
.section .sec_inner .sec_box_list ul li .list_inner{display: table-cell;vertical-align: middle;text-align: center; letter-spacing:-0.5px; padding: 0 30px;}
.section .sec_inner .sec_box_list ul li .list_inner .list_num{font-size: 18px;margin-bottom: 15px}
.section .sec_inner .sec_box_list ul li .list_inner .list_desc{font-size: 18px;line-height: 28px; letter-spacing: 0;}
.section .sec_inner .sec_img > img{width:100%;}
.sec_inner .sec_box_list ul li:nth-last-of-type(2),.sec_inner .sec_box_list ul li:nth-last-of-type(1){margin-bottom:0;}

/* Tab list (img + text type) */
.section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4{height:344px;}
.section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4 > div{float: left; width: calc(50% - 12px); }
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_img{margin-right: 12px;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_img{margin-right: 12px;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_img img.img_m{display:none;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc{height: 100%; display: table;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul{display: table-cell; vertical-align: middle;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li{font-size: 18px; line-height: 28px; padding: 0 0 10px 0;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li.comment{font-size:14px; line-height:21px;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li span{position: relative; display:block; padding-left:12px;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li span:before{display: block; content: '-'; position: absolute; left:0; top: -3px; color: #222;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li.comment span:before{content:'*'; top:0;}


@media all and (max-width:1280px){
    .contents_inner .section, .contents_inner .section_top {margin: 0;}
}


@media all and (max-width:1080px){
    .contents_inner .section, .contents_inner .section_top {margin: 0 50px;}
    .contents_inner .section{padding-top:0; padding-bottom:0;}
    .contents_inner .section .sec_inner .sec_tit{font-size:26px; margin:80px 0 50px;}
    #FILTER_GALLERY .sec_inner .sec_tit{max-width:600px; margin:80px auto 30px;}
    .contents_inner .section .sec_inner .sec_copy{font-size:15px; line-height:23px;}
    .contents_inner .section .sec_inner .sec_img img{width:100%;}
    .contents_inner .section .sec_inner .sec_box_list ul li{height:160px;}
    .contents_inner .section .sec_inner .sec_box_list ul li:nth-child(3),.contents_inner .section .sec_inner .sec_box_list ul li:nth-child(4){height:220px;}
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner .list_desc{padding: 0 10px;}
    .section .sec_inner .sec_box_list ul li .list_inner .list_num{margin-bottom:4px;}
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner .list_num,.contents_inner .section .sec_inner .sec_box_list ul li .list_inner .list_desc{font-size:15px; line-height:23px;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc{display:block;}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4{/*height:inherit;*/ position:relative;}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4 > div{/*float:right;*/ /*height:100%;*/ position:absolute;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_img{left:0; top:50%; transform:translateY(-50%); /*max-height: 100%;*/}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc{right:0; top:50%; transform:translateY(-50%); height:auto;}
    .contents_inner .section.engine-parts_tab-list .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4{height:344px; position:relative;}
    .gu_contents_depth4_area .gu_contents_depth4 img{/*height:240px; width:auto;*/}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li{font-size: 15px; line-height: 21px; padding: 0 0 15px 0;}
    .sec_inner .sec_box_list ul li:nth-last-of-type(2),.sec_inner .sec_box_list ul li:nth-last-of-type(1){margin-bottom:80px;}
}


/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
    .contents_inner .section, .contents_inner .section_top {margin: 0 20px;}
    .contents_inner .section .sec_inner .sec_tit{margin:60px auto 30px; font-size:18px; letter-spacing:0;}
    .gu_kv .sec_inner .copy_area .sub_copy br{display:none;}
    .section .sec_inner .sec_box_list ul li{width:calc(50% - 6px); min-height:150px; margin-bottom:11px;}
    .section .sec_inner .sec_box_list ul li:nth-child(odd){margin-right:6px;}
    .section .sec_inner .sec_box_list ul li:nth-child(even){margin-left:6px;}
    .contents_inner .section .sec_inner .sec_box_list ul li{height:173px;}
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner .list_num, .contents_inner .section .sec_inner .sec_box_list ul li .list_inner .list_desc{font-size:12px; line-height:18px;}
    .contents_inner #FILTER_IMG .sec_inner .sec_box_list ul li:nth-child(3), .contents_inner #FILTER_IMG .sec_inner .sec_box_list ul li:nth-child(4){min-height:240px;}
    #FILTER_GALLERY .sec_inner .sec_tit{margin:60px auto 30px;}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4{height:inherit;}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4 > div{position:static; transform: none;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4 > div{float:none; width:100%; margin-right:0;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_img{position:static; transform:none;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_img img.img_w{display:none;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_img img.img_m{display:block; margin:0 auto; width:100%; height:inherit;}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li{font-size:12px; line-height:18px; padding:0;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc{padding-top:30px;}
    .contents_inner .section .sec_inner .sec_box_list ul li{height:180px; min-height:inherit;}
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner{padding:0 15px;}
    .sec_inner .sec_box_list ul li:nth-last-of-type(2),.sec_inner .sec_box_list ul li:nth-last-of-type(1){margin-bottom:60px;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li span:before{top:0;}
    .contents_inner .section .sec_inner .sec_copy{font-size:12px; line-height:18px;}
}


@media all and (max-width: 374px){
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner{padding:14px;}
    .contents_inner #FILTER_LIST .sec_inner .sec_box_list ul li:nth-child(3), .contents_inner #FILTER_LIST .sec_inner .sec_box_list ul li:nth-child(4){height:inherit; min-height:220px;}
    .contents_inner #FILTER_IMG .sec_inner .sec_box_list ul li:nth-child(3), .contents_inner #FILTER_IMG .sec_inner .sec_box_list ul li:nth-child(4){height:inherit; min-height:340px;}
}