/*Content CSS*/
#main_vis_wrap {margin-top: 0; position: relative; overflow: hidden;}
#main_vis_wrap .slider_img {background:url("../img/main1.jpg") 50% 50% no-repeat;background-size:cover; height: 100vh; min-height: 937px;width:100%;overflow:hidden; }
#main_vis_wrap .slide2 {background-image:url("../img/main2.jpg?v=211021");}
#main_vis_wrap .slide3 {background-image:url("../img/main3.jpg");}
#main_vis_wrap .slide4 {background-image:url("../img/main4.jpg");}
#main_vis_wrap .slide5 {background-image:url("../img/main5.jpg");}
#main_vis_wrap .slide6 {background-image:url("../img/main6.jpg");}


/*페이지넘버*/
#main_vis_wrap { color:#fff; display: flex; flex-direction: row; justify-content: center;}
#main_vis_wrap  .number{font-family: 'Bebas Neue', cursive; font-size: 17px; font-weight: 400; letter-spacing: 1.7px; color: #fff;}
#main_vis_wrap .number_last{font-size:17px; font-weight:700; color:#fff; font-family: 'NanumSquare',sans-serif;}
#main_vis_wrap  .number::after {content: '/';  display: inline-block; margin:0 10px;}
#main_vis_wrap .number::before, #main_vis_wrap .number_last::before {content: '0';}

/*메인타이포*/
.main_typo_wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.main_typo {position: relative;max-width: 1300px;text-align: -webkit-center;position: relative;z-index: 1;}
.main_typo .flex {}
.main_typo .flex h1 {font-size: 60px; font-weight: 700; color:#fff; line-height: 60px;}
.main_typo h2 {font-family: 'Bebas Neue', cursive; font-size: 120px; color: #fff; margin-bottom: 15px;}
.main_typo p {font-size: 24px; font-weight: 400; color:#fff; }


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

/* m_controller (컨트롤러 부모객체 )*/
.m_controller {display: flex;align-items: center;justify-content: center;margin-top: 60px;}
.m_num_wr {position: relative;width: 130px;display: flex;justify-content: center;align-items: center;}
#m_nav {position: absolute;width: 100%;left:0;top: 42%;display: flex;justify-content: space-between;align-items: center;padding: 0 110px;z-index: 1;}
#m_nav button {font-size: 0; background-position: center; background-repeat: no-repeat; width: 30px; height: 57px;}
#m_nav .owl-prev {background-image: url("../img/prev.png");}
#m_nav .owl-next {background-image: url("../img/next.png");}
/*마우스*/
.main-scroll { width: 23px ;height: 47px; position: absolute; bottom:65px; left: 50%; transform: translateX(-50%); animation:ani 1.3s infinite linear; cursor: pointer; display: block;}
@keyframes ani {
    0%{transform: translateY(0);}
    50%{transform: translateY(-15px);}
    100% {transform: translateY(0);}
}

/* main_nav_wr */
#main_vis_wrap .main_nav_wr {position: absolute; right: 0; bottom: 0; width: 110px; height: calc(100% - 100px); display: flex; align-items: center;
border-left: 1px solid rgba(255,255,255,.25); justify-content: center; text-align: center; padding-bottom: 120px;}
#main_vis_wrap .main_nav li {margin-bottom: 40px; }
#main_vis_wrap .main_nav li:last-child {margin-bottom: 0;}
#main_vis_wrap .main_nav li a {font-size:12px; font-weight: 300;  opacity: .5; transition: opacity. 3s ease; color:#fff; display: block; }
#main_vis_wrap .main_nav li a::before {content: ''; display: block ;  background: #fff; margin:0 auto 5px; width: 13px; height: 1px; background: #fff;}
#main_vis_wrap .main_nav li.active a {opacity: 1; color:#ff6c00; }
#main_vis_wrap .main_nav li.active a::before {background: #ff6c00; width: 5px ;height: 5px; border-radius: 50%;}