@charset "utf-8";


.mw-390{max-width: 390px;}


/* visual_block_094 */
.visual_block_094{background-color: #fff;}
.visual_block_094 > div[data-wv-layout-element="block_inner"]{padding-top: 100px; padding-bottom: 100px;}
.visual_block_094_text_box{}
.visual_block_094_img_box{}
.visual_block_094_img_box img{width: 100%; /*max-height: 600px;*/}
/*
.visual_block_094_img_box{height: 500px;
    background-image: url("../img/visual_block_094_img_000.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
*/

.reverse.visual_block_094{background-color: #171717;}

/* text_block_022 */
.text_block_022{background-color:#fff;}
.text_block_022 > div[data-wv-layout-element="block_inner"]{padding-top: 96px; padding-bottom: 95px;}
.text_block_022_list_con{}
.text_block_022_list_con .text_block_022_list{border-bottom:1px solid rgba(0,0,0,0.1);}
/*.text_block_022_list_con .text_block_022_list > div[data-wv-layout-element="block_inner"]{padding-top: 43px; padding-bottom: 45px;}*/
.text_block_022_list_con .text_block_022_list > div[data-wv-layout-element="block_inner"]{/*padding-top: 28px; padding-bottom: 28px;*/ padding-top: 33px; padding-bottom: 33px;}/* 라인 위아래 여백35 규칙지키기위해 변경 0816kej -> 타이틀-라인간 간격 맞추기위해 또 변경kej1007*/
.text_block_022_list_con .text_block_022_list:last-child{border-bottom:none;}
.text_block_022_list_con .text_block_022_list:first-child > div[data-wv-layout-element="block_inner"]{padding-top: 0;}
.text_block_022_list_con .text_block_022_list:last-child > div[data-wv-layout-element="block_inner"]{padding-bottom: 0; border-bottom:none;}
.text_block_022_list .text_block_022_list_inner{}

.reverse.text_block_022{background-color: #171717;}
.reverse .text_block_022_list_con .text_block_022_list{border-color:rgba(255,255,255,0.2);}

/* visual_block_095 */
.visual_block_095{background-color: #fff;}
.visual_block_095 > div[data-wv-layout-element="block_inner"]{padding-top: 93px;/*padding-top: 100px; padding-bottom: 100px;*/}
.visual_block_095 .bg_con{position: absolute; top:0; left:0; height: 75%;} /* height 임시 */
.visual_block_095_text_box{}
.visual_block_095_text_box > div[data-wv-layout-element="block_inner"]{padding-right: 20px; padding-left: 20px;}
.visual_block_095_img_box{padding-right: 20px; padding-left: 20px;}
.visual_block_095_img_box .img_box{height: 500px; padding-top: 0;
    background-image: url("../img/visual_block_095_img_000.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}


/* visual_block_096 */
.visual_block_096{background-color: #fff; }
.visual_block_096 > div[data-wv-layout-element="block_inner"]{padding-top: 100px; padding-bottom: 100px;}
.visual_block_096_text_box{}
.visual_block_096_img_box img{width: 100%; /*max-height: 600px;*/}
/*
.visual_block_096_img_box{height: 500px;
    background-image: url("../img/visual_block_096_img_000.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
*/

.reverse.visual_block_096{background-color: #171717;}

/* visual_block_097 */
.visual_block_097{background-color: #fff;}
.visual_block_097 .bg_con{display:none; position:absolute; top:150px; right:0; width:calc(100% - ((100% - 1170px) / 2)); height:calc(100% - 150px);}
.visual_block_097 .img_box{position:absolute; top:0; left:0; height: 100%; z-index: 1;
    background-image: url("../img/visual_block_097_img_000.jpg"); background-size: cover; background-repeat: no-repeat; background-size: cover;}
.visual_block_097 .dim_con{position: absolute; top: 0; left: 0; height: 100%; z-index: 2; background-color: rgba(0,0,0,0);}
.visual_block_097 .contents_box{height: 550px;}
.visual_block_097 .contents_box_inner{height: 100%;}
.visual_block_097 .text_con{height: 100%;}

/*.reverse.visual_block_097{background-color: #171717;}*/


/* visual_block_098 */
.visual_block_098{background-color: #fff;}
.visual_block_098 > div[data-wv-layout-element="block_inner"]{padding-top: 96px; padding-bottom: 94px;}
.visual_block_098_card_con .card{margin-bottom: 43px;}
.visual_block_098_card_con .card .card_inner{max-width: 585px; float: none; margin-left: auto; margin-right: auto;}
.visual_block_098_card_con .card:last-child{margin-bottom: 0px;}
.visual_block_098_card_con .card .img_box > img{width: 100%;/* max-height: 600px;*/}

.reverse.visual_block_098{background-color: #171717;}

@media all and (min-width:768px){

}

@media all and (min-width:992px){

    /* visual_block_094 */
    .visual_block_094 > div[data-wv-layout-element="block_inner"]{padding-top: 170px; padding-bottom: 170px;}
    .visual_block_094_contents_box{display: flex; align-items: center; justify-content: space-between;}
    .visual_block_094_text_box{padding-top: 30px; padding-bottom: 30px;}/* 텍스트 엄청 많아졌을 때 대비한 임시 여백 */
    .visual_block_094_img_box{/*height: 700px;*/}
    .visual_block_094_text_box > div[data-wv-layout-element="block_inner"]{padding-right: 60px;}

    /* text_block_022 */
    .text_block_022{}
    .text_block_022 > div[data-wv-layout-element="block_inner"]{padding-top: 166px; padding-bottom: 165px;}
    .text_block_022_list_con .text_block_022_list > div[data-wv-layout-element="block_inner"]{padding-top: 53px; padding-bottom: 55px;}

    /* visual_block_095 */
    .visual_block_095 > div[data-wv-layout-element="block_inner"]{padding-top: 0px;}
    .visual_block_095_inner{display: flex; /*padding-top: 170px; padding-bottom: 170px;*/}
    .visual_block_095 .bg_con{height: calc(100% - 150px);}
    .visual_block_095_text_box{margin-bottom: 150px;}
    .visual_block_095_text_box > div[data-wv-layout-element="block_inner"]{padding-right: 60px; padding-left: 0;}
    .visual_block_095_text_box .text_box{display:flex; flex-direction: column; justify-content:center; width:100%; height:100%; float:right;
         padding-left: 15px;}
    .visual_block_095_img_box{padding-right: 0; padding-left: 0;}
    .visual_block_095_img_box .img_box{height: 700px;}

    /* visual_block_096 */
    .visual_block_096 > div[data-wv-layout-element="block_inner"]{padding-top: 170px; padding-bottom: 170px;}
    .visual_block_096_contents_box{display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between;}
    .visual_block_096_text_box{}
    .visual_block_096_text_box > div[data-wv-layout-element="block_inner"]{padding-left: 60px;}
    .visual_block_096_img_box{text-align: right; /*height: 600px;*/}


    /* visual_block_097 */
    .visual_block_097 > div[data-wv-layout-element="block_inner"]{/*padding-top: 170px; padding-bottom: 170px;*/}
    .visual_block_097 .bg_con{display: block;}
    .visual_block_097 .img_box{width:calc(100% - 100px); height:calc(100% - 100px);}
    .visual_block_097 .dim_con{width:calc(100% - 100px); height:calc(100% - 100px);}
    .visual_block_097 .contents_box{height: 950px;}
    .visual_block_097 .text_con{width:calc(100% - 100px); height:calc(100% - 100px); padding-left: 100px; z-index: 3; cursor: pointer;}
    .visual_block_097 .text_con:hover .play_btn{opacity: 1;}

    /* visual_block_098 */
    .visual_block_098 > div[data-wv-layout-element="block_inner"]{padding-top: 166px; padding-bottom: 164px;}
    .visual_block_098_card_con{width:-webkit-calc(100% + 30px); width:-moz-calc(100% + 30px); width:calc(100% + 30px); margin-left:-30px;}
    .visual_block_098_card_con .visual_block_098_card_con_inner{display: flex; flex-wrap: wrap;}
    .visual_block_098_card_con .card{margin-bottom: 0;}
    .visual_block_098_card_con .card > div[data-wv-layout-element="block_inner"]{padding-left: 30px;}
    .visual_block_098_card_con .card .card_inner{max-width: none; float: left;}
}

@media all and (min-width:1200px){
    /* visual_block_094 */
    .visual_block_094_text_box > div[data-wv-layout-element="block_inner"]{padding-right: 120px;}

    /* visual_block_095 */
    .visual_block_095_text_box > div[data-wv-layout-element="block_inner"]{padding-right: 120px;}

    /* visual_block_096 */
    .visual_block_096_text_box > div[data-wv-layout-element="block_inner"]{padding-left: 120px;}
}

@media all and (min-width:1220px){

    /* visual_block_095 */
    .visual_block_095_text_box .text_box{width:calc(1200px / 2 - 120px);}

}

@media all and (min-width: 1600px){
    /* visual_block_095 */
    .visual_block_095_img_box .img_box{height: 865px;}
}
