/*Content CSS*/
#main_vis {padding:0; display:block; position: relative; z-index: 0; margin-top: 90px;}
#main_vis_slider {width: 100%; }
#main_vis_slider .main_slide {height: 100vh; min-height: 937px; position: relative; z-index: 1;  background-size:cover; background-position:center;  position:relative;
background-repeat: no-repeat;}
#main_vis_slider .main_slide .cover {position: absolute; width: 100%; height: 100%; left:0; top:0; background-color: rgba(0,0,0,.37); z-index: -1;}
#main_vis_slider .main_slide.img01 { background-image:url('../img/main1.jpg');}


/*메인타이포*/
.main_typo_wrap {position: absolute; top:0; left: 50%; transform: translateX(-50%); width:1300px; text-align: center; height: 100%; padding:320px 0 0; z-index:3; }
.main_typo h2 {font-size:89px; color:#fff; font-family: 'Raleway', sans-serif; font-weight: 300; line-height: 89px; text-transform: uppercase;}
.main_typo h1 {font-size:89px; color:#fff; font-family: 'Raleway', sans-serif; font-weight: 600; line-height: 89px; margin:35px 0 40px; text-transform: uppercase; }
.main_typo p {font-size:31px; font-weight: 400; color:#fff; }



/* dots */
#main_vis_slider .slick-dots {position: absolute; display: flex; justify-content: center; align-items: center; bottom: 110px ; width: 100%; z-index: 3;}
#main_vis_slider .slick-dots li {margin-right:12px;}
#main_vis_slider .slick-dots li:last-child {margin-right: 0; }
#main_vis_slider .slick-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);}
#main_vis_slider .slick-dots li.slick-active button {background-color: #fff;}

/*컨트롤러*/
#main_vis_slider .slick-arrow {width: 30px; height: 57px; text-align:center; cursor:pointer;opacity: 0.5; transition: all 0.3s; position:absolute; z-index: 10;
top:50%; transform:translateY(-50%); border:0; font-size:0; }
#main_vis_slider .slick-arrow.slick-prev { background:url('../img/vis_prev.png')no-repeat 50% 50%; left:110px;}
#main_vis_slider .slick-arrow.slick-next { background:url('../img/vis_next.png')no-repeat 50% 50%;  right: 110px; }
#main_vis_slider .slick-arrow:focus {outline: none; border: none;}
#main_vis_slider .slick-arrow:hover {opacity: 1;}





@media screen and (max-width:1700px) {
    #main_vis_slider .main_slide  {height: 937px; }
    #main_vis_slider .slick-arrow.slick-prev {left: 40px;}
    #main_vis_slider .slick-arrow.slick-next {right: 40px;}
}

@media screen and (max-width:1300px) {
    .main_typo_wrap {width: 1200px;}

}

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

}

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

}

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

}