/*Content CSS*/
#main_vis {margin-top: 0; position: relative;}
#main_vis .center_slidelist {position: relative;}
#main_vis .center_slidelist .slider_img {background:url("../img/main1.jpg?v=211103") 50% 50% no-repeat;background-size:cover; height: 100vh;min-height: 937px;width:100%;overflow:hidden;
position: relative; z-index: 1; }
#main_vis .center_slidelist .slide1 {background-position: 100% 50%;}
#main_vis .center_slidelist .slide2{background-image:url("../img/main2.jpg");}
#main_vis .center_slidelist .slide3{background-image:url("../img/main3.jpg?v=211103");}

/*컨트롤러*/
#main_vis .owl-nav{position:absolute;top:48%; z-index: 3; display: flex; left:0; width: 100%; border:0px solid red; padding:0 75px;
justify-content: space-between; height: 0; margin-top: -27px;}
#main_vis .owl-nav button {text-align:center; cursor:pointer;transition: all 0.2s; display: block;  text-decoration: none; opacity: 1; color:#fff;
font-size:0; width: 30px; height: 57px; }
#main_vis .owl-nav .owl-prev {background: url('../img/m_prev.png') 50% 50% no-repeat;}
#main_vis .owl-nav .owl-next {background: url('../img/m_next.png') 50% 50% no-repeat;}
#main_vis .owl-nav button:hover {opacity: 1;}
.owl-nav button:focus {outline: none; border: none;}

/*페이지넘버*/
#main_vis .number_wr {position: relative; }
#main_vis  .number {font-size:20px; font-weight:400; color:#fff; font-family: 'NanumSquare',sans-serif;}
#main_vis .number_last{font-size:20px; font-weight: 800; color:#0074e8; font-family: 'NanumSquare',sans-serif;}
/* #main_vis  .number::after {content: '/'; display: inline-block; margin:0 12px;} */
#main_vis .number::before, #main_vis .number_last::before {content: '0';}

/*메인타이포*/
.main_typo_wrap { top:0; left: 50%; transform: translateX(-50%); width:1300px; height: 100%; padding:0 0;  text-align: center; position: absolute;  z-index: 2;
display: flex; align-items: center; justify-content: center; }
.main_typo h1 {font-size:100px; font-weight: 400; color:#fff ;font-family: 'BMDOHYEON'; font-style: italic; margin:35px 0 45px; word-break: keep-all;}
.main_typo p {font-size:30px; font-weight: 400; color:#fff; font-family: 'Montserrat', 'Noto Sans KR'; word-break: keep-all; }
#main_vis .main_typo h2 img {max-width: 100%; width: auto; display: inline;}

#main_vis .center_slidelist .slide1 .main_typo_wrap {display: none;}
#main_vis .center_slidelist .slide1 .main_typo h1 {font-size:50px; font-style: normal;}

/*progress*/
.slide-progress { width: 1px; height: 190px; background:#fff; position: relative; margin:18px 0;}
.slide-progress div { position: absolute; top: 0; left: 0; width: 1px; max-height: 190px; height: 0; background: #0074e8;opacity: 1; }

/* m_controller (컨트롤러 부모객체 )*/
.m_controller {display: flex; flex-direction: column; align-items: center; justify-content: center; width:auto; position: absolute; right: 110px; z-index: 2;
top:50%; transform:translateY(-50%);}

/* dots */
#vis_dots {position: absolute; display: flex; justify-content: center; align-items: center; bottom: 110px ; width: 100%; z-index: 3;}
#vis_dots button {margin-right:10px;}
#vis_dots button:last-child {margin-right: 0; }
#vis_dots button {border:0; background: transparent; transition: all .3s ease; font-size:0; font-weight: 400; width: 55px; height: 11px;
 outline: none; position: relative; border:1px solid #fff; background-color: transparent;   transform: skewX(-20deg);}
#vis_dots button.active {background-color: #fff;}



/* scroll_down */
#scroll_down {position: absolute; right:95px; bottom:105px; display: flex; flex-direction: column; align-items: center; justify-content: center;z-index: 2;}
#scroll_down p {font-size:12px; font-weight: 500; color:#fff; letter-spacing: 1.2px; font-family: 'Montserrat'; margin-top:10px;}
#scroll_down img {margin-bottom: 5px; animation:scroll_arrow 1.9s ease-in-out infinite; }
#scroll_down img:nth-child(2) {animation-delay: .3s;}
@keyframes scroll_arrow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



@media screen and (max-width:1700px) {
    #main_vis .center_slidelist .slider_img {height: 937px; min-height: auto; }
}

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

}

@media screen and (max-width:1300px) {
    .main_typo_wrap {width: 100%; padding:0 50px; }
    .main_typo h1 {font-size:90px;}
    .main_typo p  {font-size:26px; line-height: 40px;}

    .m_controller {right: 50px;}
    #scroll_down {right: 35px;}

}

@media screen and (max-width:1024px) {
    #main_vis .center_slidelist .slider_img {height: 700px;}
    #scroll_down, .m_controller {display: none;}
    .main_typo_wrap {width: 100%; padding:0 30px; }
    .main_typo_wrap {padding-bottom: 70px;}
    #main_vis .main_typo h2 img {width: 350px;}
    .main_typo h1 {font-size:65px; margin: 30px 0 30px;}
    .main_typo p  {font-size:20px; line-height: 35px;}

    #main_vis .center_slidelist .slide1 {background-position: 0% 50%;}
    #main_vis .center_slidelist .slide1::before {content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.15); left: 0; top: 0; z-index: -1; position: absolute; }
    #main_vis .center_slidelist .slide1 .main_typo_wrap {display: flex;}

}

@media screen and (max-width: 640px) {
    #main_vis .center_slidelist .slider_img {height: 650px;}
    #main_vis .main_typo h2 img {width: 300px;}
    .main_typo h1 {font-size:45px; }
    .main_typo p  {font-size:15px; line-height: 28px;}

    #main_vis .center_slidelist .slide1 .main_typo h1 {font-size:26px; }
    #main_vis .center_slidelist .slide1 {background-position: 10% 50%;}
}

@media screen and (max-width: 480px) {
    #main_vis .main_typo h2 img {width: 270px;}
    .main_typo h1 {font-size:35px; margin:25px 0;}
    .main_typo p  {font-size:14px; line-height: 28px;}

    #main_vis .center_slidelist .slide1 {background-position:16% 50%;}
    #main_vis .center_slidelist .slide1 .main_typo h1 {font-size:22px;  line-height: 35px;}
}