.visual_style_3{}
.visual_style_3 .visual_style_3_card_con{}
.visual_style_3 .visual_style_3 .visual_style_3_card{}
.visual_style_3 .visual_style_3_card_inner .img_box img{height: 230px;}
.visual_style_3 .visual_style_3_card_inner .text_box .title{transition:all .2s ease; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}
.visual_style_3 .visual_style_3_card_inner .text_box .desc{transition:all .2s ease; 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;}
.visual_style_3 .visual_style_3_card_inner .more_btn{text-align: right; opacity: 0; display: none;}

@media all and (min-width:768px){
    .visual_style_3 .visual_style_3_card_con{display: flex; flex-wrap: wrap;}
}

@media all and (min-width:992px){
    .visual_style_3 .visual_style_3_card_con{}
    .visual_style_3 .visual_style_3 .visual_style_3_card{}
    .visual_style_3 .visual_style_3_card_inner .text_box .desc{max-height: 60px;}
    .visual_style_3 .visual_style_3_card_inner .more_btn{display: block;}

    .visual_style_3 .visual_style_3_card_inner:hover .text_box{background-color: #171717; transition: all 0.2s ease; padding-left: 40px;}
    .visual_style_3 .visual_style_3_card_inner:hover .text_box .title{color: #fff;}
    .visual_style_3 .visual_style_3_card_inner:hover .text_box .desc{color: #fff;}
    .visual_style_3 .visual_style_3_card_inner:hover .more_btn{opacity: 1;}
}