/*Content CSS*/
#main_vis_wrap { position: relative; }
#main_vis_wrap .slider_img {background:url("../img/main1.jpg") 50% 50% no-repeat;background-size:cover; height:937px; overflow:hidden; }
#main_vis_wrap .slide2 {background-image:url("../img/main2.jpg");}
#main_vis_wrap .slide3 {background-image:url("../img/main3.jpg");}
#main_vis_wrap .slide4 {background-image:url("../img/main4.jpg?v=260825");}


/*메인타이포*/
.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; width:1700px; text-align: left; position: relative; z-index: 1; line-height: 1; }
.main_typo h1 {font-size:80px; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 600; color:#fff; }
.main_typo p {font-size:24px; font-weight: 300; letter-spacing: -0.24px; color:#fff; font-family: 'Poppins', sans-serif; margin-top: 25px;}
#main_vis_wrap .slide3 .main_typo h1,
#main_vis_wrap .slide3 .main_typo p { color:#040473; }


/* m_controller (컨트롤러 부모객체 )*/
.m_controller {position: absolute;  bottom: 320px; left: 0; width: 100%;}
.m_controller > div {display: flex; align-items: center; width: 1700px; margin:0 auto; }

/*progress*/
.slide-progress { width:380px; height: 1px; background:#fff; margin: 0 40px 0 0; position: relative; }
.slide-progress div { position: absolute; top: -1px; left: 0; height:2px; max-width: 100%; width:0; background: #0195e9;}
.m_num_wr {position: relative; width: 110px; display: flex; justify-content: center; align-items: center; }
.m_num_wr #m_nav {position: absolute; width: 100%; left:0; height: 100%; top:-2px; border:0px solid red; display: flex; justify-content: space-between;
align-items: center;}
.m_num_wr #m_nav button {border:0; background: transparent; box-shadow: none; color:#fff; font-size:13px; outline: none; font-family: 'Nanum Gothic', sans-serif;}

/*페이지넘버*/
#main_vis_wrap { color:#fff; display: flex; flex-direction: row; justify-content: center;}
#main_vis_wrap  .number{font-size:17px; font-weight:300; color:#fff; font-family: 'Poppins', sans-serif;}
#main_vis_wrap .number_last{font-size:17px; font-weight:300; color:#fff; font-family: 'Poppins', sans-serif;}
#main_vis_wrap  .number::after {content: '/';  display: inline-block; margin:0 8px; font-size: 13px; }
#main_vis_wrap .number::before,
#main_vis_wrap .number_last::before {content: '0';}


/* main_nav_wr */
#main_vis_wrap .main_nav_wr { position: absolute; right: 0; bottom: 0; width: 110px; height: calc(100% - 105px); display: flex; align-items: center; border-left: 1px solid rgba(255,255,255,.25); justify-content: center; text-align: center; }
#vis_scroll { width: 13px; height: 132px; position: absolute; bottom:105px; left: 49px; z-index: 2; animation:ani 1.3s infinite linear; cursor: pointer; display: block; transition: all .2s; }
@keyframes ani {
    0%{transform: translateY(0);}
    50%{transform: translateY(-15px);}
    100% {transform: translateY(0);}
}

.scrolled #vis_scroll { opacity: 0; }