@charset "utf-8";

.main_visual_wrap{overflow: hidden;}
.main_visual_wrap .main_visual_inner{height:529px; overflow: visible; transform: translateX(calc(100px / 2)); margin-bottom: 60px;}
.main_visual_wrap .main_visual_slide_wrap{}
.main_visual_wrap .main_visual_slide_list{width: calc(100% - 100px) !important; max-width: 1170px;}
.main_visual_wrap .main_visual_img{background-size: cover; background-repeat: no-repeat; background-position: center;}

.main_visual_wrap .rolling_btn_wrap{}
.main_visual_wrap .rolling_btn_wrap .rolling_btn_con{display: none; position: absolute; bottom:225px; z-index: 10; cursor: pointer; transition: opacity 0.5s; outline: none;}
.main_visual_wrap .rolling_btn_wrap .rolling_btn_con.left{left:70px;}
.main_visual_wrap .rolling_btn_wrap .rolling_btn_con.right{right:70px;}
.main_visual_wrap .rolling_btn_wrap .rolling_btn_con img{width: 19px; height: 37px;}

/* pagination */
.pagination_style_0_wrap{font-size: 0; line-height: 0;}
.pagination_style_0_wrap .pagination_con{position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; bottom:0;}
.pagination_style_0_wrap .pagination_con > span{display: inline-block; width: 9px; height: 9px; opacity: 1; background-color: transparent; border:1px solid rgba(0,0,0,0.4); border-radius: 50%; margin-right: 12px;
    box-sizing: border-box; cursor: pointer; transition: all 0.2s; outline: none;}
.pagination_style_0_wrap .pagination_con > span:last-child{margin-right: 0;}
.pagination_style_0_wrap .pagination_con > span.swiper-pagination-bullet-active{background-color: #000; border-color:#000;}


@media all and (min-width:768px){
    .main_visual_wrap .main_visual_inner{transform: translateX(calc(150px / 2));}
    .main_visual_wrap .main_visual_slide_list{width: calc(100% - 150px) !important;}
    .main_visual_wrap .rolling_btn_wrap .rolling_btn_con{display: block;}
    .main_visual_wrap .rolling_btn_wrap .rolling_btn_con.left{left:100px;}
    .main_visual_wrap .rolling_btn_wrap .rolling_btn_con.right{right:100px;}
}

@media all and (min-width: 992px){
    /* pagination */
    .pagination_style_0_wrap .pagination_con > span:hover{opacity: 1;}
}

@media all and (min-width:1170px){
    .main_visual_wrap .main_visual_inner{height:649px; transform: translateX(calc((100% - 1170px) / 2));}
    .main_visual_wrap .main_visual_slide_list{width: calc(1170px + (100% - 1170px) / 2) !important;}

    .main_visual_wrap .rolling_btn_wrap .rolling_btn_con.left{left:calc((100% - 1170px) / 2 + 68px);}
    .main_visual_wrap .rolling_btn_wrap .rolling_btn_con.right{right:calc((100% - 1170px) / 2 + 68px);}
}