.gu_kv .kv_img_area:before {content:none;}
.section{position: relative;border-top: 1px solid rgba(0,0,0,.1);padding-top: 95px;padding-bottom: 100px}
.section .sec_inner .sec_tit{font-size: 38px;margin-bottom: 60px;text-align: center;letter-spacing: -1px; font-weight: 700;}
.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);height: 176px;border-top: 1px solid #dcdcdc;background: #fef2ea;margin-bottom: 24px;vertical-align: top;
    -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: 16px;margin-bottom: 15px}
.section .sec_inner .sec_box_list ul li .list_inner .list_desc{font-size: 16px;line-height: 28px;}
.section .sec_inner .sec_img > img{width:100%;}

/* 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{width: calc(50% - 12px); display:inline-block; vertical-align:middle;}
.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 ul{display: table-cell; vertical-align: middle;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li{font-size: 16px; line-height: 38px; padding: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;}


/* ================================== Tablet css ================================== */
@media all and (max-width:1080px){
    .contents_inner .section{padding-top:0; padding-bottom:0;}
    #OIL_LIST{padding-top:90px;}
    .contents_inner .section .sec_inner .sec_tit{font-size:26px; margin:80px 0 50px;}
    #FILTER_GALLERY .sec_inner .sec_tit{max-width:350px; margin:80px auto 50px;}
    .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; width:calc(50% - 8px); margin-bottom:16px;}
    .section .sec_inner .sec_box_list ul li:nth-child(even){margin-left: 8px;}
    .section .sec_inner .sec_box_list ul li:nth-child(odd){margin-right: 8px;}
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner .list_desc{padding: 0 10px;}
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner .list_num, .section .sec_inner .sec_box_list ul li .list_inner .list_desc{font-size:13px; line-height:23px;}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4{height:inherit;}
    .contents_inner .section.engine-parts_tab-list .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4{height:344px;}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_img img{width:100%;}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li{font-size: 13px; line-height: 21px; padding: 0 0 15px 0;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
    .contents_inner .section .sec_inner .sec_tit{margin:60px auto 30px;}
    .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:200px;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4 > div{width:100%; margin-right:0;}
    .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:inline-block;}
    .contents_inner .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li{font-size:12px; line-height:20px; padding:0;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc{height:inherit; padding-top:30px;}
    .contents_inner .section .sec_inner .sec_box_list ul li{height:150px; min-height:inherit; margin-bottom:12px;}
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner{width: calc(50% - 6px); padding:0 15px;}
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner .list_num{margin-bottom:10px;}
    .section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul{display:block;}
}

@media all and (max-width: 374px){
    .contents_inner .section .sec_inner .sec_box_list ul li .list_inner{padding:0 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;}
}