/*Content CSS*/
.tl_box_roll_wrap {margin-top: 0; position: relative;}

.tl_box_roll_wrap .center_slidelist .slider_img {background:url("../img/main1.jpg") 50% 50% no-repeat; background-size:cover; height: 100vh; min-height: 937px; 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%; z-index: 3; display: flex; left:0; width: 100%; border:0px solid red; padding:0 84px;
    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;}
/* .tl_box_roll_wrap .number::before, .tl_box_roll_wrap .number_last::before {content: '0';} */

/*메인타이포*/
.main_typo_wrap { position: absolute; left: 50%; transform: translateX(-50%); top:0; width:1300px; height: 100%; padding:350px 0 0; text-align: left; line-height: 1; }
.main_typo h2 { font-size:88px; color:#fff; text-transform: uppercase; font-family:'paybooc-ExtraBold'; }
.main_typo h3 { font-size:48px; color:#fff; margin-top:55px; font-family:'paybooc-Light'; }
.main_typo h3 b { font-family:'paybooc-ExtraBold'; }

/* m_controller (컨트롤러 부모객체 )*/
.m_controller { display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-top:80px; }

/*progress*/
.slide-progress { position: relative; width: 250px; height: 2px; background: rgba(255,255,255,0.3); }
.slide-progress div { position: absolute; top: 0; left: 0; height: 2px; max-width: 250px; width:0; background: #fff; opacity: 1; }

/*페이지넘버*/
#main_vis .number_wr { position: relative; margin-left:25px; }
.tl_box_roll_wrap .number { font-size:17px; font-weight: 300; color:#fff; font-family: 'Montserrat'; }
.tl_box_roll_wrap .number_last { font-size:17px; font-weight: 300; color:#fff; font-family: 'Montserrat';}
.tl_box_roll_wrap .number::before { content:"0"; }
.tl_box_roll_wrap .number::after { content: '/'; margin:0 10px;}