/*Content CSS*/
#main_vis {position: relative;}
.main_vis_slider {height:800px; overflow: hidden;}
.main_vis_slider img {width:100%;}
.main_vis_slider .slick-slide {width:100%; height:800px;}
.main_vis_slider .slick-slide.main_img1 {background: url('../img/main4.jpg?v=240822') 50% 50% no-repeat; background-size:cover;}
.main_vis_slider .slick-slide.main_img2 {background: url('../img/main1.png?v=240822') 50% 50% no-repeat; background-size:cover;}
.main_vis_slider .slick-slide.main_img3 {background: url('../img/main3.png?v=240822') 50% 50% no-repeat; background-size:cover;}
.main_vis_slider .slick-slide.main_img4 {background: url('../img/main1.jpg?v=240822') 50% 50% no-repeat; background-size:cover;}

#main_vis .video_wrap {width: 100%; height: 800px; display: flex ;justify-content: center; align-items: center; }
#main_vis .video_wrap video {width: 100%; height: 100%; object-fit: cover;}


/* slick prev next */
.m_arrow {position:absolute; width:100%; left:50%; transform:translateX(-50%); height:60px; z-index: 20; top:380px; border:0px solid red; }
.m_prev {position:absolute;left:100px; top:0; background: url('../img/m_prev.png')no-repeat 100% 0% ; padding-left:20px;}
.m_next {position:absolute;right:100px; top:0; background: url('../img/m_next.png')no-repeat 0% 0%;  padding-left:10px;}
.m_prev,  .m_next {  position: absolute; z-index: 100; cursor: pointer; bottom:0; outline: none; transition: all 0.2s ease; padding-top:18px;
    border-radius: 50%; width: 60px; height: 60px; font-size:14px; font-weight: 400; color:#fff; font-family: 'NanumSquare',sans-serif;	}
.m_prev:hover, .m_next:hover {opacity: 1;}

/* Dots (pager )*/
.m_dots {margin-top:105px;}
.m_dots .slick-dots{ width: 100%; height:17px;    padding: 0;margin: 0;  list-style: none; text-align: center; width :100%;  z-index: 100;  font-size: 0; display: flex;}
.m_dots .slick-dots li{width:40px; height:2px; border: none; background: #fff; transition: all .2s ease; margin-right: 10px;
cursor: pointer; text-indent: -99999; font-size:0; opacity: .3;}
.m_dots .slick-dots li:last-child {margin-right:0;}
.m_dots .slick-dots li button {display: none;}
.m_dots .slick-dots li button:focus {outline: none;}
.m_dots .slick-dots .slick-active {opacity: 1;}


/*메인타이포*/
.main_typo_wrap {width: 1440px; position: absolute; top: 0; left: 50%; transform:translateX(-50%); text-align: left; z-index: 2;}
.main_typo {position: absolute; left:0; top:380px; width: 720px; height: 470px; background-color: rgba(0,139,201,.9); padding:114px 0 0 68px;}

.main_typo > p {font-size:20px; font-weight: 400; color:#fff;  margin-bottom:5px;}
.main_typo > p span {display: inline-block; width:320px; height:2px; opacity: .3; background: #fff; margin-left:12px; margin-bottom:7px;}
.main_typo h1 {font-family: 'Montserrat'; font-size:95px; font-weight: 600; letter-spacing: -4.75px; color:#fff; line-height: 95px;}
.main_typo h2 {font-family: 'Montserrat'; font-size:42px; font-weight: 300; letter-spacing: -1.25px; color:#fff;}

/*마우스*/
.main_scroll { position: absolute; bottom: -30px; right: 135px;  }
.main_scroll p {font-family: 'Montserrat'; font-weight: 500; color:#fff; opacity: .65; font-size:10px; animation:ani 1s infinite; position: absolute; width:200px;
transform: rotate(90deg);}
.main_scroll p img {margin-left:15px; transform: rotate(270deg); margin-bottom:5px;}

@keyframes ani {
                0%{bottom: 70px;}
                10%{bottom: 68px;}
                20%{bottom: 66px;}
                30%{bottom: 64px;}
                40%{bottom: 62px;}
                50%{bottom: 60px;}
                60%{bottom: 62px;}
                70%{bottom: 64px;}
                80%{bottom: 66px;}
                90%{bottom: 68px;}
            100% {bottom: 70px;}

         }


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

}

@media screen and (max-width: 960px) {
    .main-carousel .li .copy_area h2 {font-size: 36px;}
    .main-carousel .li .copy_area h3 {font-size: 15px;}
    .main-carousel .owl-nav { display:none}
}

@media screen and (max-width: 640px) {
    .main-carousel .li .copy_area { top:40%;max-width:320px}
    .main-carousel .li .copy_area h2 { font-size:40px; word-break:keep-all}
}