/*Content CSS*/
.tl_box_roll_wrap {margin-top: 0; position: relative; z-index: 2; }
.tl_box_roll_wrap .center_slidelist .slider_img {background:url("../img/main1.jpg") 50% 50% no-repeat;background-size:cover; height: 800px; position: relative;
width:100%;overflow:hidden; }
.tl_box_roll_wrap .center_slidelist .slide2{background-image:url("../img/main2.jpg");}
.tl_box_roll_wrap .center_slidelist .slide3{background-image:url("../img/main3.jpg");}


/*컨트롤러*/
.tl_box_roll_wrap .owl-nav{position:absolute;top:48%; transform:translateY(-50%);z-index: 3; display: flex; left:0; width: 100%; border:0px solid red; padding:0 60px;
justify-content: space-between; height: 0;}
.tl_box_roll_wrap .owl-nav button {text-align:center; cursor:pointer;transition: all 0.2s; display: block; text-decoration: none; opacity: .6; color:#fff;
font-size:0; width: 30px; height: 57px; }
.tl_box_roll_wrap .owl-nav .owl-prev {background: url('../img/m_prev.png') 50% 50% no-repeat;}
.tl_box_roll_wrap .owl-nav .owl-next {background: url('../img/m_next.png') 50% 50% no-repeat;}
.tl_box_roll_wrap .owl-nav button:hover {opacity: 1;}
.owl-nav button:focus {outline: none; border: none;}


/*메인타이포*/
.main_typo_wrap {position: absolute; top:0; left: 50%; transform: translateX(-50%); width:1300px; text-align: center; height: 100%; padding:324px 0 0;}
.main_typo {position: relative; }
.main_typo h1 {font-size:72px; font-weight: 400; color:#fff; font-family: 'paybooc-Bold'; text-transform: uppercase; }
.main_typo h2 {font-size:48px; font-weight: 400; color:#fff; font-family: 'paybooc-Bold'; margin-top:25px; }

/* dots */
#main_vis .owl-dots {position: absolute; display: flex; justify-content: center ;width: 100%; bottom: 60px; }
#main_vis .owl-dot {display: block; width: 16px; height: 16px; border-radius: 50%; border:1px solid #fff; background-color: transparent; transition: all .3s ease; margin-right: 24px; }
#main_vis .owl-dots .owl-dot:last-child {margin-right: 0; }
#main_vis .owl-dot.active {background-color: #0084e8; border-color:#0084e8; }





@media screen and (max-width:1800px) {
    .tl_box_roll_wrap .owl-nav {padding:0 30px;}
}
@media screen and (max-width:1600px) {
    .tl_box_roll_wrap .owl-nav {display: none;}
}

@media screen and (max-width:1300px) {
    .main_typo_wrap {width: 1200px;}
}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}