@charset "utf-8";

/* main_visual_wrap */
.main_visual_wrapper{}
.main_visual_wrapper .bg_con{position:absolute; bottom:0; right:0; width:100%; height:50%; background-color: #171717;}
.main_visual_wrap{height:calc(100vh - 140px); margin-top: 60px; z-index: 2;}
.main_visual_wrap .main_visual_slide_wrap{}
.main_visual_wrap .main_visual_slide_list{}
.main_visual_wrap .main_visual_img_wrap{position: absolute; z-index: -2; top:0; left:0; width:100%; height:100%; background-image: url('../img/main_visual_img_000.jpg'); background-repeat: no-repeat; background-position: center; background-size: scale; background-size: cover;}
.main_visual_wrap .dim_con{position: absolute; z-index: -1; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.3);}
.main_visual_wrap .main_visual_text_wrap{z-index: 2; height:100%; /*width:100vw; padding-left:calc((215 / 2560) * 100%);*/}
.main_visual_wrap .main_visual_text_wrap_inner{}

.main_visual_wrap .rolling_btn_style_2_con{display:none; position: absolute; top:50%; transform:translateY(-50%); z-index: 3; cursor: pointer;}
.main_visual_wrap .rolling_btn_style_2_con.left{left: 0;}
.main_visual_wrap .rolling_btn_style_2_con.right{right: 0;}

.main_visual_wrap .main_page_summary_con{position: absolute; bottom:2%; right:0; z-index: 1; display: none;}
.main_visual_wrap .main_page_summary_con::after{content:''; position: absolute; top:0; right: 0; width: calc((100% - 1200px) / 2); border-bottom:2px solid rgba(255,255,255,0.15);}
.main_visual_wrap .main_page_summary_con_inner{float:right;}
.main_visual_wrap .page_summary_list{cursor:pointer; border-top: 2px solid rgba(255,255,255,0.15); transition: all 0.4s ease;}
.main_visual_wrap .page_summary_list:hover{border-top: 2px solid rgba(255,255,255,1);}
.main_visual_wrap .page_summary_list > div[data-wv-layout-element="block_inner"]{padding-top: 15px; padding-right: 15px;}
/*.main_visual_wrap .page_summary_list_inner{padding-top: 15px; padding-right: 15px;}*/
.main_visual_wrap .page_summary_list .title_box{display: flex; align-items: center;}
.main_visual_wrap .page_summary_list .title + .arrow{opacity:0; width:7px; height:12px; transition: opacity 0.2s;
    background-image: url("/weven_service/asset/img/arrow/arrow_7x12_white_right.png"); background-position: right center; background-repeat: no-repeat;}
.main_visual_wrap .page_summary_list .title{max-width:calc(100% - 8px); padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.main_visual_wrap .page_summary_list .desc{color:rgba(255,255,255,0.7);}
.main_visual_wrap .page_summary_list{display: none;}
.main_visual_wrap .page_summary_list.active{display: block;}

.main_visual_wrap + .bottom_util_wrap{z-index: 2; height: 80px;}/* 높이 수정시 layout.main.css도 수정해야함 */
.bottom_util_wrap .scroll_down_btn{cursor: pointer; width:150px; height: 100%;}
.bottom_util_wrap .scroll_down_btn .scroll_down{display: table; text-align: center; width:100%; height: 100%; table-layout: fixed;}
.bottom_util_wrap .scroll_down_btn .scroll_down > div > span.font_roboto{font-size:11px; font-size:1.1rem; line-height:17px; line-height:1.7rem; font-weight: 700; color:#fff; margin-right: 14px;}
.bottom_util_wrap .scroll_down_btn .scroll_down > div > img{transform: rotate(-90deg); margin-bottom: 3px;}
.bottom_util_wrap .pagination_style_0_wrap{position: absolute; text-align: center; top:50%; right: 20px; transform: translateY(-50%);}


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

    /* main_visual_wrap */
    .main_visual_wrap{height:calc(100vh - 200px); margin-top: 100px;}
    .main_visual_wrap .main_page_summary_con{/*bottom:68px;*/ bottom:6%;}
    .main_visual_wrap .main_page_summary_con_inner{padding-left: 60px;}
    /*.main_visual_wrap .page_summary_list_inner{padding-top: 33px; padding-right: 60px;}*/
    .main_visual_wrap .page_summary_list > div[data-wv-layout-element="block_inner"]{padding-top: 33px; padding-right: 60px;}
    .main_visual_wrap .page_summary_list:hover .title + .arrow{opacity: 1;}
    .main_visual_wrap .rolling_btn_style_2_con{display: block;}
    .main_visual_wrap + .bottom_util_wrap{height: 100px;}/* 높이 수정시 layout.main.css도 수정해야함 */

}

@media all and (min-width:1600px){
    /* main_visual_wrap */
    .main_visual_wrap{width: calc(100% - 200px); margin-left: 100px; margin-right: 100px;}
    .bottom_util_wrap .pagination_style_0_wrap{right:calc((100% - 1170px) / 2);}
    /*.bottom_util_wrap .scroll_down_btn{min-width:300px; width:calc(100% - (((100% - 1170px) / 2 + 1170px) + (292 / 2560) * 100%) - 100px); margin-left: 100px;}*/
    .main_visual_wrapper .bg_con{width:calc(100% - 400px);}
    .main_visual_wrap .main_page_summary_con{display: block;}
    .bottom_util_wrap .scroll_down_btn{width:300px; margin-left: 100px;}
    .bottom_util_wrap .scroll_down_btn .scroll_down > div > span.font_roboto{color:#000;}
}

@media all and (min-width:1920px){
    /* main_visual_wrap */
    .main_visual_wrap .rolling_btn_style_2_con.left{left: 70px;}
    .main_visual_wrap .rolling_btn_style_2_con.right{right: 70px;}

}