/* visual_block_041 */
.visual_block_041{background-color: #fff;}
.visual_block_041 > div[data-wv-layout-element="block_inner"]{padding-top: 96px; padding-bottom:98px;}
.visual_block_041 .visual_block_041_card_con .swiper-container{width:-webkit-calc(100% + 30px); width:-moz-calc(100% + 30px); width:calc(100% + 30px); margin-left:-30px;}
.visual_block_041 .visual_block_041_card > div[data-wv-layout-element="block_inner"]{padding-left: 30px;}
.visual_block_041 .visual_block_041_card .visual_block_041_card_inner{display: block; overflow:hidden; transition: all 0.1s ease; max-width: 370px; margin-left:auto; margin-right: auto; float:none;}
.visual_block_041 .visual_block_041_card .img_box{padding-top: 62.22%; overflow: hidden;}
.visual_block_041 .visual_block_041_card .img_box > img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.visual_block_041 .visual_block_041_card .text_box{height: auto; transition: all 0.4s ease;
    background-size: 8px 13px; background-repeat: no-repeat; background-position: right 30px bottom 30px;}
.visual_block_041 .visual_block_041_card .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 28px; padding-right: 34px; transition: padding 0.3s ease;}
.visual_block_041 .visual_block_041_card .text_box .title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.visual_block_041 .visual_block_041_card .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;}
.visual_block_041 .pagination_style_0_wrap{margin-bottom: 50px;}
.visual_block_041 .pagination_con{position:static;}
.visual_block_041 .rolling_btn_style_0_con{display:none; position: absolute; top:calc(100% * 0.4855 / 2); transform:translateY(-50%); z-index: 3; cursor: pointer;}

.reverse.visual_block_041{background-color: #171717;}

@media all and (min-width:768px){
    /* visual_block_041 */
    .visual_block_041 .visual_block_041_card .visual_block_041_card_inner{max-width: none; float:left;}
}

@media all and (min-width:992px){
	/* visual_block_041 */
    .visual_block_041 > div[data-wv-layout-element="block_inner"]{padding-top: 164px; padding-bottom:168px;}
    .visual_block_041 .visual_block_041_card .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 33px; padding-bottom: 53px;}
    .visual_block_041 .visual_block_041_card .text_box .desc{max-width:310px; max-height: 60px;}
    .visual_block_041 .visual_block_041_card_inner:hover .text_box{background-image: url("/weven_service/asset/img/arrow/arrow_7x12_white_right.png");}
    .visual_block_041 .visual_block_041_card_inner:hover .text_box > div[data-wv-layout-element="block_inner"]{padding-left: 41px;}
    .visual_block_041 .visual_block_041_card_inner:hover .text_box .sub_title_font_1{color:#fff;}
    .visual_block_041 .visual_block_041_card_inner:hover .text_box .desc_font_0{color:#fff;}
    .visual_block_041 .visual_block_041_card_inner:hover .text_box .desc_font_1{color:#fff;}
    .visual_block_041 .visual_block_041_card_inner:hover .text_box .desc_font_1 .font_roboto{color:#fff;}
    .visual_block_041 .pagination_style_0_wrap{position: absolute; top:5px; width: calc(100% - 30px); margin-bottom: 0;}
    .visual_block_041 .rolling_btn_style_0_con{display: block;}
    .visual_block_041 .rolling_btn_style_0_con.left{left:60px;}/* 안으로 50 */
    .visual_block_041 .rolling_btn_style_0_con.right{right:60px;}/* 안으로 50 */
}
@media all and (min-width:1200px){

    /* visual_block_041 */
    .visual_block_041 .rolling_btn_style_0_con{top:calc((1200px * 0.3333 - 30px) * 0.6222 / 2);}
}

@media all and (min-width:1230px){
    /* visual_block_041 */
    .visual_block_041 .rolling_btn_style_0_con.left{left:calc(((100% - 1170px) / 2)); transform: translate(-50%, -50%);}
    .visual_block_041 .rolling_btn_style_0_con.right{right:calc(((100% - 1170px) / 2)); transform: translate(50%, -50%);}
}

@media all and (min-width:1450px){

    /* visual_block_041 */
    .visual_block_041 .rolling_btn_style_0_con.left{left:calc(((100% - 1170px) / 2) - 115px); transform: translate(0, -50%);}
    .visual_block_041 .rolling_btn_style_0_con.right{right:calc(((100% - 1170px) / 2) - 115px); transform: translate(0, -50%);}
}