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

.tl_box_roll_wrap .center_slidelist .slider_img {background:url("../img/main1.jpg?v=20210602") 50% 50% no-repeat;background-size:cover; height: 550px; width:100%;overflow:hidden;}
.tl_box_roll_wrap .center_slidelist .slide2{background-image:url("../img/main2.jpg?v=20210602");}
.tl_box_roll_wrap .center_slidelist .slide3{background-image:url("../img/main3.jpg?v=20210602");}
.tl_box_roll_wrap .center_slidelist .slide4{background-image:url("../img/main4.jpg?v=20210602");}
.tl_box_roll_wrap .center_slidelist .slide5{background-image:url("../img/main5.jpg?v=20210602");}

/*컨트롤러*/
/* .tl_box_roll_wrap .owl-nav{position:absolute;top:46%; z-index: 3; display: flex; left:0; width: 100%; border:0px solid red; padding:0 65px;
    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_vis .number_wr {margin-left:45px; position: relative; width: 140px; }
.tl_box_roll_wrap  .number{font-size:17px; font-weight: 300; color:#fff; letter-spacing: 1.7px; font-family: 'Montserrat'; }
.tl_box_roll_wrap .number_last{font-size:17px; font-weight: 300; color:#fff; letter-spacing: 1.7px; font-family: 'Montserrat'; }
.tl_box_roll_wrap  .number::after {content: '/'; display: inline-block; margin:0 10px; font-weight: 300;}
.tl_box_roll_wrap .number::before, .tl_box_roll_wrap .number_last::before {content: '0';}

/*메인타이포*/
.main_typo_wrap { top:0; left: 50%; transform: translateX(-50%); width:100%; height: 100%; padding:150px 0 0;  text-align: center; position: absolute;  }
.main_typo h1 {font-size: 45px; font-weight: 700; color:#fff; line-height: 60px; word-break: keep-all; text-transform: uppercase; margin:0 0 20px ; font-family: 'Montserrat'; }
.main_typo h2 {font-size:16px; color:#fff; font-weight: 400; word-break: keep-all; line-height: 30px;}


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

/* m_controller (컨트롤러 부모객체 )*/
.m_controller {display: flex; align-items: center; justify-content: center; width: 100%; position: absolute; bottom:90px; left:0; }

/* nav */
.m_nav {width: 100%; height: 0; display: flex; justify-content: space-between; position: absolute; right:0; top:-3px; }
.m_nav button {border:0; background: transparent; color:#fff; font-size:18px; outline: none; }

/* m_dots */
.m_dots {position: absolute; bottom: 60px; width: 100%; display: flex; justify-content: center; align-items: center;}
.m_dots button {width: 25px; height: 25px; border-radius: 50%; position: relative; border:1px solid transparent !important; transition: all .3s ease; background: transparent;
outline: none; margin-right: 5px;}
.m_dots button:last-child {margin-right: 0;}
.m_dots button::before {width: 9px; height: 9px; background: #fff; position: absolute; top:7px; left:7px; border-radius: 50%; background: rgba(255,255,255,.16);
transition: all .3s ease; content: ''; }
.m_dots button.active {border-color: #fff !important; }
.m_dots button.active::before {background-color: #fff; }


/* scroll_down */
#scroll_down {position: absolute; bottom:72px; right: 78px; z-index: 2; }
#scroll_down a {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 89px; height: 89px; background: #1c449c; position: relative; z-index: 1;}
#scroll_down a::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0 ; background-image: linear-gradient(to bottom, #1c449c, #1a166b);
transition: all .4s ease; opacity: 0; z-index: -1; }
#scroll_down a p {font-size:12px; font-weight: 500; color:#fff; letter-spacing: 1.2px; font-family: 'Montserrat'; margin-top:8px;}
#scroll_down a img {margin-bottom: 5px; animation:scroll_arrow 1.9s ease-in-out infinite; }
#scroll_down a img:nth-child(2) {animation-delay: .3s;}
#scroll_down a:hover::before {opacity: 1; }

@keyframes scroll_arrow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@media screen and (max-width:1800px) {
}
@media screen and (max-width:1600px) {
}

@media screen and (max-width:100%) {
}

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

}

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

}

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

}