.visual_style_4 .visual_style_4_card_con{}
.visual_style_4 .visual_style_4_card_con .visual_style_4_card{}
.visual_style_4 .visual_style_4_card .visual_style_4_card_inner .img_box{height: 292px;}
.visual_style_4 .visual_style_4_card .visual_style_4_card_inner .img_box img{height: 100%;}
.visual_style_4 .visual_style_4_card .visual_style_4_card_inner .text_box .title_box{display: flex; align-items: center;}
.visual_style_4 .visual_style_4_card .visual_style_4_card_inner .text_box .title_box .title{max-width: calc(100% - 18px); margin-right: 11px; max-height: 30px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp : 1;}
.visual_style_4 .visual_style_4_card .visual_style_4_card_inner .text_box .title_box .title + .arrow{opacity: 0; width: 7px; height: 12px; transition: opacity 0.2s; margin-top: 10px; background-image: url('/weven_service/asset/img/arrow/arrow_7x12_black_right.png'); background-repeat: no-repeat; background-position: right center;}
.visual_style_4 .visual_style_4_card .visual_style_4_card_inner .text_box .desc{max-height: 62px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp : 2;}

.reverse .visual_style_4 .visual_style_4_inner .text_box .title_box .title + .arrow{background-image: url('/weven_service/asset/img/arrow/arrow_7x12_white_right.png');}

@media all and (min-width:992px){
    .visual_style_4 .visual_style_4_card_con{display: flex; flex-wrap: wrap;}
    .visual_style_4 .visual_style_4_card .visual_style_4_card_inner .text_box .desc{max-height: 60px;}

    .visual_style_4 .visual_style_4_card .visual_style_4_card_inner:hover .text_box .title_box .title + .arrow{opacity: 1;}
}