/*Content CSS*/
#main_vis {padding:0; display:block; position: relative; z-index: 2; background-color: #333; }
#main_vis_slider {width: 100%; height:100vh; min-height:973px; }
#main_vis_slider .main_slide {height: 100vh; min-height: 973px; position: relative; z-index: 1;   position:relative; background: url('../img/main1.jpg?v=211112') 50% 50% no-repeat; background-size:cover; }
#main_vis_slider .main_slide.img02 { background-image:url('../img/main2.jpg?v=211112');}
#main_vis_slider .main_slide.img03 { background-image:url('../img/main3.jpg?v=211112');}


/*메인타이포*/
.main_typo {width: 1300px; position: absolute; bottom: 240px; left: 50%; z-index: 2; transform: translateX(-50%); text-align: left;     overflow: hidden;}
.main_typo h1 {font-size: 60px; font-weight: 300; color:#fff ;line-height: 80px; font-family: 'NanumSquare',sans-serif;  text-shadow: 0.7px 0.7px 10px rgba(0, 0, 0, 0.54);}
.main_typo h1 b {font-weight: 800; }
.main_typo p {margin-top: 40px; font-size: 20px; font-weight: 300; color:#fff; font-family: 'NanumSquare',sans-serif;  text-shadow: 0.7px 0.7px 10px rgba(0, 0, 0, 0.54);}


/* dots */
#vis_controller {position: absolute; left:50%; transform:translateX(-50%); bottom:120px; display: flex ;justify-content: flex-start; width: 1300px; align-items:center;
z-index: 3; padding:0 20px; }
#vis_dots .slick-dots { display: flex; }
#vis_dots .slick-dots li {margin-right: 0;}
#vis_dots .slick-dots li:last-child {margin-right: 0; }
#vis_dots .slick-dots button {border:0; background: transparent; transition: all .3s ease; font-size:16px; font-weight: 500;  font-family: 'Montserrat';
color:#fff;outline: none; }
#vis_dots .slick-dots button::after {content: ''; display: inline-block; width: 0; height: 1px ; background: #fff ; margin: 0 10px; transition: all .4s ease; position: relative; top: -5px;}
#vis_dots .slick-dots li.slick-active button { color:#fff;  }
#vis_dots .slick-dots li.slick-active button::after {width: 270px; margin:0 20px;}

#vis_controller .play_btn {display: flex; align-items: center; margin-left: 55px ; position: relative; top: -2px ;}
#vis_controller .play_btn span {cursor: pointer; display: block; }
#vis_controller .play_btn #pause {margin-left: 15px ;}





@media screen and (max-width:1700px) {
    #main_vis {height: 940px;}
    .main_typo {width: 100% ; padding:0 20px ;}
}

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

}

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

}

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