.visual_block_006{background-color: #fff;}
.visual_block_006 > div[data-wv-layout-element="block_inner"]{padding-top:89px; padding-bottom:100px;}
.visual_block_006 .visual_block_006_contents{}
.visual_block_006 .visual_block_006_contents .left_box{}
.visual_block_006 .visual_block_006_contents .left_box > div[data-wv-layout-element="block_inner"]{padding-left: 20px; padding-right: 20px;}
.visual_block_006 .visual_block_006_contents .right_box{padding-left: 20px; padding-right: 20px;}
.visual_block_006 .visual_block_006_contents .text_box_inner{}
.visual_block_006 .list_style_0_con{counter-reset: number;}
.visual_block_006 .list_style_0_con .list_style_0{margin-bottom: 11px;}
.visual_block_006 .list_style_0_con .list_style_0 > div[data-wv-layout-element="block_inner"]{padding-left: 40px;}
.visual_block_006 .list_style_0_con .list_style_0:before{content: counter(number); counter-increment: number; position: absolute; width: 25px; height: 25px; top:5px; left:0; padding-top:1px;
    font-family: 'Roboto'; font-size:12px; font-size:1.2rem; line-height:25px; line-height:2.5rem; text-align: center; font-weight: 500; color: #fff; border-radius: 50%; background-color: #9f8368; box-sizing: border-box;}
.visual_block_006 .visual_block_006_contents .right_box .img_con > div[data-wv-layout-element="block_inner"]{padding-top: 63.3%;}
.visual_block_006 .visual_block_006_contents .right_box .img_con .img_box{position: absolute; top: 0; height: 100%;  background-image: url('/weven_template/block/visual_block_006/resource/img/visual_block_006_img.jpg'); background-size:cover; background-position:center; background-repeat: no-repeat; }
/*
    .visual_block_006_contents .right_box .img_box에서...
    원본 의자 이미지가 1064 * 674 로, width의 63.35%가 height값이다.
    모바일에서 이미지 width는 전체너비(100vw) - 40px(pr20 pl20)이기때문에
    (100vw - 40px) * 63.35% / 100 을 높이값으로 설정한다.
 */
/*.visual_block_006 .visual_block_006_seperate_bar{position: absolute; height:100px; background-color:#fff; top:0; left:100px; width:calc(100% - 100px); z-index: 3; display:none;}*/

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

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

    .visual_block_006 > div[data-wv-layout-element="block_inner"]{padding-top:170px; padding-bottom:170px;}
    .visual_block_006 .visual_block_006_contents .left_box > div[data-wv-layout-element="block_inner"]{padding-left: 15px; padding-right: 15px;}
    .visual_block_006 .list_style_0_con .list_style_0:before{top:4px;}
}

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

    /* visual_block_006 */
    .visual_block_006 .visual_block_006_contents{display: flex; align-items: stretch; width:calc(100% - ((100% - 1170px) / 2)); left:calc((100% - 1170px) / 2);}
    .visual_block_006 .visual_block_006_contents .left_box{/*width:calc(1170px * 2 / 3);*/ width:800px;}
    .visual_block_006 .visual_block_006_contents .left_box > div[data-wv-layout-element="block_inner"]{padding-left: 0px; padding-right: 0px;}
    .visual_block_006 .visual_block_006_contents .right_box{/*width:calc(100% - (1170px * 2 / 3)); padding-left:20px;*/ width:calc(100% - 800px); padding-left: 0; padding-right: 0;}
    .visual_block_006 .visual_block_006_contents .right_box .img_con{width: 100%; min-height: 674px; height: 100%;}
    .visual_block_006 .visual_block_006_contents .text_box_inner{max-width:525px;}
}