/*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; max-height: 1080px ;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 { color:#fff; display: flex; flex-direction: row; justify-content: center;}
.tl_box_roll_wrap  .number{font-size:45px; font-weight:700; color:#fff;  font-family: 'Montserrat'; letter-spacing:2.25px; line-height: 1;
width: 60px;}
.tl_box_roll_wrap .number_last{font-size:16px; font-weight: 300; color:#fff; font-family: 'Montserrat'; letter-spacing:.8px; line-height: 1;
position: relative; top:-2px;}
.tl_box_roll_wrap .m_num_wr i {content: '/'; font-size:16px; font-weight: 300;  display: inline-block; margin:0 8px; position: relative; top:-2px;
font-style: normal;}
.tl_box_roll_wrap .number::before, .tl_box_roll_wrap .number_last::before {content: '0';}

/*메인타이포*/
.main_typo_wrap {position: absolute; top:0; left: 50%; transform: translateX(-50%); width:100%; max-width: 1480px; text-align: left; height: 100%;
padding:160px 60px 0;}
.main_typo {position: relative; }
.main_typo_wrap h1 {font-size:90px; font-weight: 300; color:#fff; line-height: 94px; margin:30px 0 50px; font-family: 'Montserrat'; }
.main_typo_wrap p {font-size:24px; font-weight: 300; color:rgba(255, 255, 255, 0.7); line-height: 1;  font-family: 'Montserrat';}

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

/* m_controller (컨트롤러 부모객체 )*/
.m_controller {display: flex; align-items: flex-end; justify-content: flex-start; position: absolute; bottom: 80px; width: 100%; left: 0;
max-width: 1480px; padding:0 60px;}
.m_num_wr {position: relative;  display: flex; justify-content: center; align-items: flex-end; white-space: nowrap;}
#m_nav { display: flex; justify-content: space-between; align-items: center;    position: relative; top:-4px; margin: 0 50px 0 35px;}
#m_nav button {border:0; box-shadow: none; font-size:0; outline: none; width: 8px; height: 14px; background:url("../img/prev.png") 50% 50% no-repeat;}
#m_nav .owl-next {background-image:url("../img/next.png"); margin-left: 24px; }

/* dots */
#m_dots {display: flex; align-items: center; }
#m_dots button {width: 13px; height: 13px; background: rgba(255,255,255,.4); margin-right: 20px; outline: none; transition: all .2s ease;}
#m_dots button:last-child {margin-right: 0;}
#m_dots button.active { background: rgba(255,255,255,1);}







@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;}
    .tl_box_roll_wrap .center_slidelist .slider_img {height: 937px;} */
}

@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) {

}