@charset "utf-8";

/* main_visual_wrap */
.main_visual_wrap{height:auto; background-color: #c49e9f; margin-top: 60px;}
.main_visual_wrap .main_visual_inner.img{height: 400px;}
.main_visual_wrap .main_visual_inner.text .swiper-container > div[data-wv-layout-element="block_inner"]{padding-top: 70px; padding-bottom: 140px;}
.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: right 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.0);}
.main_visual_wrap .main_visual_text_wrap{z-index: 2; height:100%; max-width: none;/*width:100vw; padding-left:calc((215 / 2560) * 100%);*/}
.main_visual_wrap .main_visual_text{display:table;}
.main_visual_wrap .main_visual_text_inner{display: table-cell; float:none; vertical-align: middle;}


.main_visual_wrap .pagination_style_0_wrap{position:absolute; text-align: center; bottom:70px;}
.main_visual_wrap .pagination_style_0_wrap .pagination_con{position: static;}
.main_visual_wrap .rolling_btn_style_1_con{display:none; position: absolute; top:50%; transform:translateY(-50%); z-index: 3; cursor: pointer;}

.main_visual_btn_con{display:inline-block; width: 100px; height: 100px;}
.main_visual_btn_con .main_visual_btn{display:table-cell; vertical-align:middle; font-size:15px; font-size:1.5rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.025em; font-weight:500;
    border-radius: 50%; transition: all 0.3s ease; width: 100px; height: 100px; background-color: #fff; color:#fff;
    overflow: hidden; position: relative; box-sizing: border-box; text-align: center;}

@media all and (min-width:992px){

    /* main_visual_wrap */
    .main_visual_btn_con .main_visual_btn:hover{background-color: #000 !important; color:#fff !important;}

}


@media all and (min-width:1200px){
    /* main_visual_wrap */
    .main_visual_wrap .rolling_btn_style_1_con{display: block;}
    .main_visual_wrap .rolling_btn_style_1_con.left{left:15px;}
    .main_visual_wrap .rolling_btn_style_1_con.right{right:15px;}

    .main_visual_wrap{height:calc(100vh - 80px); margin-top: 80px;}
    .main_visual_wrap .main_visual_inner.img{width: calc(50% - 30px); height: 100%;}
    .main_visual_wrap .main_visual_inner.text{width: calc(50% + 30px); height: 100%;}
    .main_visual_wrap .main_visual_inner.text .swiper-slide > div[data-wv-layout-element="block_inner"]{padding-left:30px;}
    .main_visual_wrap .pagination_style_0_wrap{position:relative; top:auto; bottom:5.5%; text-align: left;}
    .main_visual_wrap .pagination_style_0_wrap > div[data-wv-layout-element="block_inner"]{padding-left: 45px;}
    .main_visual_wrap .main_visual_text_wrap{max-width: calc(1170px / 2);}
    .main_visual_wrap .main_visual_text{float: left; padding-right: 50px;}/* pr50 스와이퍼 버튼과 텍스트 겹치지 않게 하기위해 넣어둠 */

}

@media all and (min-width:1400px){
    /* main_visual_wrap */
    .main_visual_wrap .rolling_btn_style_1_con.left{left:50px;}
    .main_visual_wrap .rolling_btn_style_1_con.right{right:50px;}

}

@media all and (min-width:1600px){
    /* main_visual_wrap */
    .main_visual_wrap .pagination_style_0_wrap > div[data-wv-layout-element="block_inner"]{padding-left: 100px;}
    .main_visual_wrap .main_visual_inner.text .swiper-slide > div[data-wv-layout-element="block_inner"]{padding-left:85px;}
}