@charset "utf-8";

.mw-872{max-width:872px;}

/* visual_block_005 */
.visual_block_005{background-color: #fff;}
.visual_block_005 > div[data-wv-layout-element="block_inner"]{padding-top: 90px; padding-bottom: 97px;}
.visual_block_005_contents_000 .visual_block_005_contents_000_inner{display:block; margin-right:auto; margin-left:auto; float:none; overflow: hidden; max-width: 585px; }
.visual_block_005_contents_000 .visual_block_005_contents_000_inner > img{ width: 100%; }
.visual_block_005_contents_000 .img_box{height:230px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.visual_block_005_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding-top:23px; padding-bottom:0; transition:all .2s ease;}
.visual_block_005_contents_000 .title{transition:all .2s ease; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}
.visual_block_005_contents_000 .desc{transition:all .2s ease;
    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_005_contents_000 .more_btn{text-align: right; opacity: 0; display:none;}
.visual_block_005 .pagination_style_0_wrap{display:block; text-align: center; margin-bottom:46px;}

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

/* visual_block_007 */
.visual_block_007{background-color: #fff;}
.visual_block_007 .visual_block_007_contents_000{}
.visual_block_007_contents_000 .swiper-wrapper{margin-bottom:52px;}
.visual_block_007_contents_000 .swiper-slide{}
.visual_block_007_contents_000 .visual_block_007_contents_000_list_inner{max-width: 585px; margin-left: auto; margin-right: auto; overflow: hidden; display:block;}
.visual_block_007_contents_000 .visual_block_007_contents_000_list .img_box{height: 292px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.visual_block_007_contents_000 .visual_block_007_contents_000_list .text_box > div[data-wv-layout-element="block_inner"]{padding-top:28px;}
.visual_block_007_contents_000 .visual_block_007_contents_000_list .title_box{display:flex; align-items:center;}
.visual_block_007_contents_000 .visual_block_007_contents_000_list .text_box .title{max-width:calc(100% - 8px); padding-right: 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}
.visual_block_007_contents_000 .visual_block_007_contents_000_list .arrow{opacity:0; width:7px; height:12px; transition: opacity 0.2s;
    background-image: url("/weven_service/asset/img/arrow/arrow_7x12_black_right.png"); background-position: right center; background-repeat: no-repeat; margin-top:3px;}
.visual_block_007_contents_000 .visual_block_007_contents_000_list .text_box .desc{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_007_contents_000 .rolling_btn_style_0_con{position: absolute; top:calc(292px / 2); transform:translateY(-50%); z-index: 3; display:none;}
.visual_block_007_contents_000 .rolling_btn_style_0_con.left{left:0;}
.visual_block_007_contents_000 .rolling_btn_style_0_con.right{right:0;}
.visual_block_007_contents_000 .pagination_con.swiper-pagination{position: relative; margin-top:7px;}
.visual_block_007_contents_000 .pagination_style_0_wrap{display:block; text-align: center; margin-bottom:46px; overflow: hidden;}

.reverse.visual_block_007{background-color: #171717;}
.reverse .visual_block_007_contents_000 .visual_block_007_contents_000_list .arrow{background-image: url("/weven_service/asset/img/arrow/arrow_7x12_white_right.png");}

/* visual_block_008 */
.visual_block_008{ background-color: #fff;}
.visual_block_008_contents_000{}
.visual_block_008_contents_000 .visual_block_008_contents_000_list{margin-bottom: 20px;}
.visual_block_008_contents_000 .visual_block_008_contents_000_list:last-child{margin-bottom: 0px;}
.visual_block_008_contents_000 .visual_block_008_contents_000_list_inner{height:100%; float:none; overflow:hidden; max-width: 585px; margin-left:auto; margin-right: auto; display:block;}
.visual_block_008_contents_000 .text_box{background-color: #f8f8fb;}
.visual_block_008_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 21px; padding-bottom: 21px; padding-right:25px; padding-left:25px;}
.visual_block_008_contents_000 .title_box{display:flex; align-items:center;}
.visual_block_008_contents_000 .text_box .title{max-width:calc(100% - 8px); padding-right: 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}
.visual_block_008_contents_000 .text_box .arrow{opacity:0; width:7px; height:12px; transition: opacity 0.2s;
    background-image: url("/weven_service/asset/img/arrow/arrow_7x12_black_right.png"); background-position: right center; background-repeat: no-repeat; margin-top:3px;}
.visual_block_008_contents_000 .text_box .desc_font_0{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_008_contents_000 .text_box .desc_con > div{margin-left: 23px;}
.visual_block_008_contents_000 .text_box .desc_con > div:first-child{margin-left: 0;}
.visual_block_008_contents_000 .text_box .desc_con > div:first-child:after{content: ''; position: absolute; top:10px; right: -12px; height:11px; border-left:1px solid #e1e1e4; }
.visual_block_008_contents_000 .img_box{height: 280px; background-image: url("../img/text_block_008_img.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}

.visual_block_008.reverse .visual_block_008_contents_000 .sub_title_font_1{color:#000;}
.visual_block_008.reverse .visual_block_008_contents_000 .desc_font_0{color:#000;}
.visual_block_008.reverse .visual_block_008_contents_000 .desc_font_1{color:#000;}
.visual_block_008.reverse{background-color: #171717;}

/* visual_block_033 */
.visual_block_033{background-color: #fff;}
.visual_block_033 .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 90px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px;}
.visual_block_033 .bg_con{opacity: 0.06; position: absolute;}
.visual_block_033.reverse .bg_con{background-color:#171717 !important; opacity: 1;}
.visual_block_033 .img_box{background-image:url("../img/text_block_005_img.jpg"); height:337px; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1;}

.reverse.visual_block_033{background-color: #171717;}
.reverse.visual_block_033 .bg_con{display: none;}

/* visual_block_040 (theme010) 가져온것 */
.visual_block_040_contents{height: 482px;}
.visual_block_040 .sub_visual_img_wrap{position: absolute; z-index: -2; top:0; left:0; width:100%; height:100%;
    /*background-image: url('../img/visual_block_040_img_000.jpg');*/ background-repeat: no-repeat; background-position: center; background-size: scale; background-size: cover;}
.visual_block_040 .dim_con{position: absolute; z-index: -1; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.2);}
.visual_block_040 .sub_visual_text_wrap{overflow: visible; height: 100%;}
.visual_block_040 .sub_title_font_1.font_roboto{color:#fff;}
.visual_block_040 .title_font_0{color:#fff;}

.theme003 .visual_block_040_contents{height: 600px;}

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

    .visual_block_008{}
    .visual_block_008_contents_000 .visual_block_008_contents_000_list{height: 325px; margin-bottom: 0;}
    .visual_block_008_contents_000 .visual_block_008_contents_000_list_inner{float:left; max-width: none;}
    .visual_block_008_contents_000 .text_box{height: 100%;}
    .visual_block_008_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 0; padding-bottom: 0; padding-right:50px; padding-left:50px;}
    .visual_block_008_contents_000 .img_box{height: 100%;}
    .visual_block_008_contents_000 .visual_block_008_contents_000_list:nth-child(2n-1) .img_box{position: absolute; right: 0;}
    .visual_block_008_contents_000 .visual_block_008_contents_000_list:nth-child(2n-1) .text_box{position: absolute; left: 0;}

}

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

    /* visual_block_005 */
    .visual_block_005{}
    .visual_block_005_contents_000{margin-bottom: 60px;}
    .visual_block_005_contents_000 .desc{height: 52px;}
    .visual_block_005 .pagination_style_0_wrap{display:none;}
    .visual_block_005_contents_000_swiper_container{width:-webkit-calc(100% + 30px); width:-moz-calc(100% + 30px); width:calc(100% + 30px); margin-left:-30px;}
    .visual_block_005_contents_000_swiper_container .swiper-wrapper{flex-wrap: wrap; margin-bottom: -60px;}
    .visual_block_005_contents_000 > div[data-wv-layout-element="block_inner"]{padding-left: 30px;}
    .visual_block_005_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding-top:33px; padding-bottom:30px; padding-right:30px;}
    .visual_block_005_contents_000 .more_btn{display:block;}
    .visual_block_005_contents_000 .desc_font_1{}
    .visual_block_005_contents_000 .visual_block_005_contents_000_inner:hover .text_box{background-color:#688ba1;}
    .visual_block_005_contents_000 .visual_block_005_contents_000_inner:hover .text_box > div[data-wv-layout-element="block_inner"]{padding-left:40px;}
    .visual_block_005_contents_000 .visual_block_005_contents_000_inner:hover .sub_title_font_1{color:#fff;}
    .visual_block_005_contents_000 .visual_block_005_contents_000_inner:hover .desc_font_1{color:#fff;}
    .visual_block_005_contents_000 .visual_block_005_contents_000_inner:hover .more_btn{opacity: 1;}

    /* visual_block_007 */
    .visual_block_007{}
    .visual_block_007_contents_000 .swiper-container{width: calc(100% + 30px); margin-left: -30px;}
    .visual_block_007_contents_000 .swiper-wrapper{margin-bottom:92px;}
    .visual_block_007_contents_000 .visual_block_007_contents_000_list > div[data-wv-layout-element="block_inner"]{padding-left: 30px;}
    .visual_block_007_contents_000 .visual_block_007_contents_000_list .text_box > div[data-wv-layout-element="block_inner"]{padding-top:33px;}
    .visual_block_007_contents_000 .visual_block_007_contents_000_list .text_box .desc{height:60px;}
    .visual_block_007_contents_000 .visual_block_007_contents_000_list_inner{max-width: none;}
    .visual_block_007_contents_000 .visual_block_007_contents_000_list_inner:hover .arrow{opacity: 1;}
    .visual_block_007_contents_000 .rolling_btn_style_0_con{display:block;}
    .visual_block_007_contents_000 .rolling_btn_style_0_con.left{left:60px;}
    .visual_block_007_contents_000 .rolling_btn_style_0_con.right{right:60px;}
    .visual_block_007_contents_000 .btn_style_1_con{position: absolute; right:0; bottom:0; z-index: 3;}
    .visual_block_007_contents_000 .pagination_style_0_wrap{margin-bottom:0px; margin-left: 30px;}

    /* visual_block_040 가져온것 */
    .visual_block_040 .visual_block_040_contents{height: 582px; cursor: pointer;}
    .visual_block_040 .visual_block_040_contents:hover .play_btn{opacity: 1;}

    .theme003 .visual_block_040_contents{height: 900px;}

    /* visual_block_008 */
    .visual_block_008{}
    .visual_block_008 > div[data-wv-layout-element="block_inner"]{padding-top: 159px; padding-bottom: 169px;}
    .visual_block_008_contents_000_list_inner:hover .arrow{opacity: 1;}
    .visual_block_008_contents_000 .text_box .desc_font_0{height:60px;}
    .visual_block_008_contents_000 .text_box .desc_con > div:first-child:after{top:4px; }

    /* visual_block_033 */
    .visual_block_033 .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 158px; padding-bottom: 100px; padding-left: 15px; padding-right: 15px;}
}

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


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

    .visual_block_008 .visual_block_008_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding-right: 100px; padding-left: 100px;}

    .visual_block_033{}
    .visual_block_033 .text_box{height:100%; min-height:100%;}
    .visual_block_033 .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 0px; padding-bottom: 0px; padding-left: 0; padding-right: 0;}
    .visual_block_033 .text_box_container{width: calc(1170px / 2); padding-top:35px; padding-bottom:45px; float: right;}/* pt40 pb40은 글씨가 길어졌을때 딱붙지 않게하기위한 여백이므로 블록이너에 주지않았음 */
    .visual_block_033 .img_box{height:650px;}
}

@media all and (min-width:1400px){
    .visual_block_007_contents_000 .rolling_btn_style_0_con.left{left:calc((100% - 1400px) / 2); transform: translate(0 , -50%);}
    .visual_block_007_contents_000 .rolling_btn_style_0_con.right{right:calc((100% - 1400px) / 2); transform: translate(0 , -50%);}
}