/* visual_block_001 */
.visual_block_001{}
.visual_block_001 > div[data-wv-layout-element="block_inner"]{padding-top: 89px; padding-bottom:98px;}
.visual_block_001 .bg_con{position: absolute; z-index: -2; top:0; left:0; height: 100%; background-image: url('/weven_template/block/visual_block_001/resource/img/visual_block_001_img_000.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.visual_block_001 .dim_con{position: absolute; z-index: -1; top:0; left:0; height: 100%; opacity: 0.15; background-color: #000; }

.visual_block_001 .visual_block_001_card_con .swiper-container{width:-webkit-calc(100% + 30px); width:-moz-calc(100% + 30px); width:calc(100% + 30px); margin-left:-30px;}
.visual_block_001 .visual_block_001_card > div[data-wv-layout-element="block_inner"]{padding-left: 30px;}
.visual_block_001 .visual_block_001_card .visual_block_001_card_inner{display: block; overflow:hidden; transition: all 0.1s ease; max-width: 370px; margin-left:auto; margin-right: auto; float:none;}
.visual_block_001 .visual_block_001_card .img_box{padding-top: 62.16%; overflow: hidden;}
.visual_block_001 .visual_block_001_card .img_box > img{width:100%; height:100%; position: absolute; top:0; left:0;}

.visual_block_001 .visual_block_001_card .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 28px; padding-right: 54px;}
.visual_block_001 .visual_block_001_card .title_box{display: flex; align-items: center; padding-right: 30px;}
.visual_block_001 .visual_block_001_card .title + .arrow{opacity:0; width:7px; height:12px; transition: opacity 0.2s; margin-top: 2px;
    background-image: url("/weven_service/asset/img/arrow/arrow_7x12_black_right.png"); background-position: right center; background-repeat: no-repeat;}
.visual_block_001 .visual_block_001_card .text_box .title{max-width:calc(100% - 8px); padding-right: 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.visual_block_001 .visual_block_001_card .text_box .desc{max-height:60px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all;}
.visual_block_001 .pagination_style_0_wrap{margin-bottom: 57px;}
.visual_block_001 .pagination_con{position:static;}
.visual_block_001 .rolling_btn_style_0_con{display:none; position: absolute; top:calc(100% * 0.61428 / 2); transform:translateY(-50%); z-index: 3; cursor: pointer;}

.reverse.visual_block_001 .rolling_btn_style_0_con.left .rolling_btn{background-image: url("/weven_service/asset/img/arrow/arrow_6x10_white_left.png");}
.reverse.visual_block_001 .rolling_btn_style_0_con .rolling_btn{background-image: url("/weven_service/asset/img/arrow/arrow_6x10_white_right.png");}
.reverse.visual_block_001 .rolling_btn_style_0_con .rolling_btn::after{background-color:rgba(0,0,0,0.8);}
.reverse.visual_block_001  .visual_block_001_card .title + .arrow{background-image: url("/weven_service/asset/img/arrow/arrow_7x12_white_right.png");}

@media all and (min-width:768px){
    .visual_block_001 .visual_block_001_card .visual_block_001_card_inner{float:left; max-width: none;}
}
@media all and (min-width:992px){
/* visual_block_001 */
    .visual_block_001 .visual_block_001 > div[data-wv-layout-element="block_inner"]{padding-top: 159px; padding-bottom:168px;}
    .visual_block_001 .visual_block_001_card .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 33px;}
    .visual_block_001 .visual_block_001_card .text_box .desc{max-width:340px; max-height: 62px;}
    .visual_block_001 .visual_block_001_card_inner:hover .title + .arrow{opacity: 1;}
    .visual_block_001 .pagination_style_0_wrap{position: absolute; top:5px; width: calc(100% - 30px); margin-bottom: 0; }
    .visual_block_001 .rolling_btn_style_0_con{display: block;}
    .visual_block_001 .rolling_btn_style_0_con.left{left:50px;}
    .visual_block_001 .rolling_btn_style_0_con.right{right:50px;}
    .reverse.visual_block_001 .rolling_btn_style_0_con .rolling_btn:hover::after{background-color: rgba(0,0,0,1);}
}

@media all and (min-width:1200px){
/* visual_block_001 */
    .visual_block_001 .rolling_btn_style_0_con{top:calc((1200px * 0.3333 - 30px) * 0.6216 / 2);}
}

@media all and (min-width:1220px){
    /* visual_block_001 */
    .visual_block_001 .rolling_btn_style_0_con.left{left:calc(((100% - 1170px) / 2) - 15px);}
    .visual_block_001 .rolling_btn_style_0_con.right{right:calc(((100% - 1170px) / 2) - 15px);}
}

@media all and (min-width:1400px){
    /* visual_block_001 */
    .visual_block_001 .rolling_btn_style_0_con.left{left:calc(((100% - 1170px) / 2) - 110px);}
    .visual_block_001 .rolling_btn_style_0_con.right{right:calc(((100% - 1170px) / 2) - 110px);}
}