/*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:500px; }
#main_vis_slider .main_slide {height: 100vh; min-height: 500px; 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_vis .owl-nav button {width: 30px; height: 57px; text-align:center; cursor:pointer;opacity: 0.5;transition: all 0.3s; margin-top: -22px;}
#main_vis .owl-nav .owl-prev{position:absolute; top: 50%; left:70px; z-index: 2; background:url('../img/m_prev.png')no-repeat 50% 50%;}
#main_vis .owl-nav .owl-next{position:absolute; top: 50%; right:70px; z-index: 2; background:url('../img/m_next.png')no-repeat 50% 50%;}
.owl-nav button:focus {outline: none; border: none;}
.owl-nav button:hover {opacity: 1;}

/*메인타이포*/
.main_typo {width: 100%; position: absolute; height: 100%; left:0; z-index: 2; text-align: left;     overflow: hidden; display: flex; align-items: center; justify-content: center;
top: 0 ;padding-bottom: 40px; }
.main_typo .box {position: relative; padding:40px 0 40px; z-index: 1; width: 300px;}
.main_typo .box h1 {font-size:45px; font-weight: 800; line-height: 50px;   text-shadow: 2px 2.2px 4px rgba(21, 21, 21, 0.32); font-style: italic; color:#fff ; font-family: 'Montserrat';  white-space: nowrap ;}
.main_typo .box h1 > span {display: block; }
/* .main_typo .box h1 > span span {color: #dcaf3c; font-style: normal; padding-right: 10px;} */

.main_typo .box h1 > span span { font-style: normal; padding-right: 10px;}
.main_typo .box h1 > span span { background: linear-gradient(to right, #af812d, #c6963b, #e4ba58, #f3e096, #edce76, #ebc553, #d1a442); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main_typo .box h1 > span span {background:transparent; color:#dcaf3c;  }
}

.main_typo .box::before {content: ''; width: 300px; height: 38px; position: absolute; left: 0; top: 0;  background: url('../img/main_line1.png') 50% 0% no-repeat; display: block ;
background-size: contain;}
.main_typo .box::after {content: ''; width: 300px; height: 256px; position: absolute; left: 0; bottom: 0;  background: url('../img/main_line2.png') 50% 100% no-repeat; display: block ; background-size: contain; }

/* dots */
#vis_controller {position: absolute; left:0; bottom:75px; display: flex ;justify-content:center; width: 100%; 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:15px; 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: 60px; margin:0 10px;}

#vis_controller .play_btn {display: flex; align-items: center; margin-left: 20px ; 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) {
}

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

}

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

}

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