#HYDRAULIC_TOP .contents_img{margin:160px auto 60px;}
#HYDRAULIC_TAB-LIST{padding:0 0 160px; border-top:0;}
.section .sec_inner .gu_contents_depth4_area.img_and_text .gu_contents_depth4{position:relative;}
#HYDRAULIC_TAB-LIST .sec_inner .gu_tab_depth4 ul li{width:25%;}
#HYDRAULIC_TAB-LIST .gu_contents_depth4 .list_desc,.gu_contents_depth4 .list_desc > div{display:block;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_img,
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc{position:absolute; left:0; top:50%; transform:translateY(-50%); height:auto;}
.section .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc{right:0; left:inherit;}

#HYDRAULIC_TAB-LIST .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li{padding:0 0 6px 0;}
.gu_contents_depth4 .list_desc p{font-size:18px; line-height:28px; padding-bottom:16px;}
.gu_contents_depth4 .list_desc p.title{font-size:22px; padding-bottom:10px;}
.gu_contents_depth4 > div{float:left;width:calc((100% - 24px) / 2);}


@media all and (max-width:1080px){
    #HYDRAULIC_TAB-LIST{padding-bottom:120px;}
    .gu_contents_depth4 .list_desc p{font-size: 15px; line-height: 24px;}
    .contents_inner #HYDRAULIC_TAB-LIST .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li{font-size: 13px;line-height: 15px;}
}


@media all and (max-width:766px){
    #HYDRAULIC_TAB-LIST{padding-bottom:60px;}
    #HYDRAULIC_TOP .contents_img{margin:30px auto;}
    .gu_contents_depth4 .list_desc p, .contents_inner #HYDRAULIC_TAB-LIST .sec_inner .gu_contents_depth4_area.img_and_text div .list_desc ul li{font-size: 12px; line-height: 18px; font-weight:300;}
}