@charset "utf-8";


/* main_visual_wrap */
.theme000 .main_visual_wrap .btn_style_0_con .btn_style_0{padding-right: 29px; padding-left: 30px;}
.theme000 .main_visual_wrap .btn_style_0_con .btn_style_0 > span.bg{opacity: 1;}

.main_visual_wrap{}
.main_visual_wrap .main_visual_inner{height:800px;}
[data-wv-pc="mobile"] .main_visual_wrap .main_visual_inner{height:600px;}
.main_visual_wrap .main_visual_slide_wrap{}
.main_visual_wrap .main_visual_slide_list{}
.main_visual_wrap .main_visual_img_wrap{position: absolute; top:0; left:0;}
.main_visual_wrap .main_visual_img_wrap .img_box{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: cover;}
.main_visual_wrap .main_visual_img_wrap .dim_con{position: absolute; z-index: -1; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.45);}
.main_visual_wrap .main_visual_text_wrap{z-index: 2; height:100%;}
.main_visual_wrap .main_visual_text{display:table;}
.main_visual_wrap .main_visual_pagination_con{position: absolute; z-index: 2; bottom:17.5%; display:none;}
.main_visual_wrap .main_visual_pagination_list{text-align: center; cursor: pointer; padding-left: 10px; padding-right: 10px;}
.main_visual_wrap .main_visual_pagination_list:after{content:""; position: absolute; top:7px; right:0; border-right:1px solid #fff; opacity: 0.2; height:calc(100% - 10px);}
.main_visual_wrap .main_visual_pagination_list:last-child:after{display:none;}
.main_visual_wrap .main_visual_pagination_inner{display: inline-block; vertical-align: middle; float: none; width: auto; margin-left: auto; margin-right: auto;}
.main_visual_wrap .main_visual_pagination_num{font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.025em; color:#fff; font-weight:500; float:left; opacity: 0.4; transition: opacity 0.2s;}
.main_visual_wrap .main_visual_pagination_text_box{overflow: hidden; padding-left:19px; box-sizing: border-box;}
.main_visual_wrap .main_visual_pagination_list .sub_title_font_1{opacity: 0.4; transition: opacity 0.2s; text-align: left;}
.main_visual_wrap .main_visual_pagination_list .desc_font_1{opacity: 0.4; transition: opacity 0.2s; text-align: left;}
.main_visual_wrap .main_visual_pagination_list.active .main_visual_pagination_num{opacity: 1;}
.main_visual_wrap .main_visual_pagination_list.active .sub_title_font_1{opacity: 1;}
.main_visual_wrap .main_visual_pagination_list.active .desc_font_1{opacity: 1;}

/* rolling_btn_style_2 (기본이 arrow 항상 center 정렬) */
.main_visual_wrap .bottom_rolling_btn_wrap{position: absolute; width:calc(100% - 100px); left:100px; background-color:#fff; z-index: 2; bottom:0; height:100px; display:none;}
.main_visual_wrap .bottom_rolling_btn_con{font-size: 0; line-height: 0; width: 15px; height: 28px; cursor:pointer; top:calc(50% - 36px); margin-top:-14px; padding:36px; box-sizing: content-box;}
.main_visual_wrap .bottom_rolling_btn_con.left{left:22px;}
.main_visual_wrap .bottom_rolling_btn_con.right{left:2px;}
.main_visual_wrap .bottom_rolling_btn_con .rolling_btn{position: absolute; top:50%; transform: translateY(-50%); display:inline-block; width: 9px; height: 16px; overflow: hidden; transition: all 0.2s ease;}
.main_visual_wrap .bottom_rolling_btn_con.left .rolling_btn{left:2px;}
.main_visual_wrap .bottom_rolling_btn_con.right .rolling_btn{right:2px;}
.main_visual_wrap .bottom_rolling_btn_con .rolling_btn > span{position: absolute; top:50%; transform:translateY(-50%); width: 15px; height: 28px; background-repeat: no-repeat; background-position: center; background-size: 15px 28px;}
.main_visual_wrap .bottom_rolling_btn_con.left .rolling_btn > span{left:0; background-image: url('/weven_service/asset/img/arrow/arrow_15x28_black_left.png');}
.main_visual_wrap .bottom_rolling_btn_con.right .rolling_btn > span{right:0; background-image: url('/weven_service/asset/img/arrow/arrow_15x28_black_right.png');}

.main_visual_wrap .main_visual_mobile_pagination_con{display:block; position: absolute; bottom:50px; text-align: center;}

.main_visual_btn_con{font-size: 0;}
.main_visual_btn_con .main_visual_btn{display:inline-block; height:45px; padding-top:12px; padding-bottom:13px; padding-right:29px; padding-left:30px;
    text-align: center; overflow: hidden; position: relative; box-sizing: border-box; border-radius:3px; font-size: 0; transition: padding 0.2s ease;}
.main_visual_btn_con .main_visual_btn > span.bg_con{content: ''; position: absolute; z-index: -1; top:0; left:0; width: 100%; height: 100%; background-color: inherit; opacity: 0.8; transition: opacity 0.2s ease;}
.main_visual_btn_con .main_visual_btn > span.text{display:inline-block; vertical-align:middle;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em; font-weight:400; color:#fff;}
.main_visual_btn_con .main_visual_btn > span.arrow{display:inline-block; vertical-align:middle; overflow: hidden; width: 0px; height: 10px;
    transition: width 0.15s ease, margin-left 0.2s ease , opacity 0.1s ease; opacity: 0;
    background-image: url("/weven_service/asset/img/arrow/arrow_6x10_white_right.png"); background-repeat: no-repeat; background-position: center; background-size: 6px 10px;}

@media all and (min-width:992px){
    /* main_visual_wrap */
    .main_visual_wrap{}
    .main_visual_wrap .main_visual_inner{height:100vh;}
    .main_visual_wrap .main_visual_pagination_con{display:block;}
    .main_visual_wrap .main_visual_text{padding-bottom: 100px;}
    .main_visual_wrap .bottom_rolling_btn_wrap{display:block;}
    .main_visual_wrap .bottom_rolling_btn_con:hover .rolling_btn{width: 15px; height: 28px;}
    .main_visual_wrap .bottom_rolling_btn_con.left:hover .rolling_btn{left: 0;}
    .main_visual_wrap .bottom_rolling_btn_con.right:hover .rolling_btn{right: 0;}
    .main_visual_wrap .main_visual_mobile_pagination_con{display:none;}

    /* main_visual_btn */
    .main_visual_btn_con .main_visual_btn:hover{padding-right: 20px;}
    .main_visual_btn_con .main_visual_btn:hover > span{}
    .main_visual_btn_con .main_visual_btn:hover > span.arrow{width: 6px; margin-left: 12px; opacity: 1;}
    .main_visual_btn_con .main_visual_btn:hover > span.bg_con{opacity: 1;}
}

@media all and (min-width:1400px){
    /* main_visual */
    .main_visual_wrap .main_rolling_btn_wrap{width: calc(100% - 100px); float: right;}
    .main_visual_wrap .main_rolling_btn_con .main_rolling_btn{width:71px;}
}