/*Content CSS*/
#main_vis_wrap {margin-top: 0; position: relative;}
#main_vis_wrap .slider_img {background:url("../img/main1.jpg") 50% 50% no-repeat;background-size:cover; height: 600px; width:100%; 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");}
#main_vis_wrap .slide5 {background-image:url("../img/main5.jpg");}

/*페이지넘버*/
#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: 'NanumSquare',sans-serif; }
#main_vis_wrap .number_last{font-size: 17px;font-weight:300;color:#fff; font-family: 'NanumSquare',sans-serif; }
#main_vis_wrap  .number::after {content: '/';  display: inline-block; margin:0 12px;}
#main_vis_wrap .number::before, #main_vis_wrap .number_last::before {content: '0';}


/*메인타이포*/
.main_typo_wrap {position: absolute; width: 100%; left: 0; top:0; height: 100%; }
.main_typo { position: absolute; z-index: 1; width: 100%; padding: 0 20px; top:230px; text-align: center; }
.main_typo h2 { font-size: 11px; font-weight: 500; color: #fff; letter-spacing: 3px; word-break: keep-all; }
.main_typo h1 { font-weight: 700; color:#fff; font-size: 50px; word-break: keep-all; font-family: 'Nanum Myeongjo'; margin:12px 0 27px; white-space: nowrap; }
.main_typo p { font-weight: 400; color:#fff; font-size: 14px; line-height: 27px; word-break: keep-all; }


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

/* m_controller (컨트롤러 부모객체 )*/
.m_controller {display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;left: 50%;transform: translateX(-50%);bottom: 60px;}
.m_num_wr {position: relative; width: 130px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.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;}

/*마우스*/
/* #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;}
@keyframes ani {
    0%{transform: translateY(0);}
    50%{transform: translateY(-15px);}
    100% {transform: translateY(0);}
} */