/*Content CSS*/
#main_vis { padding:0;  position: relative; z-index: 5; width: 100%; height: 600px; display: flex; align-items:center; justify-content: center;
border-radius: 0 0 70px 0; overflow:hidden; }
#main_vis_slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
#main_vis_slider .main_slide {height: 600px;  position: relative; z-index: 1;  background-size:cover; background-position:center;  position:relative; background-repeat: no-repeat; }
#main_vis_slider .main_slide.img01 { background-image:url('../img/main1.jpg');  }
#main_vis_slider .main_slide.img02 { background-image:url('../img/main2.jpg'); }
#main_vis_slider .main_slide.img03 { background-image:url('../img/main3.jpg'); }
#main_vis_slider .main_slide.img04 { background-image:url('../img/main4.jpg'); }


/*main_typo*/
.main_typo_wrap {text-align: center; position: relative; z-index: 2; max-width: 1400px; padding:0 20px; width: 100%;}
.main_typo {width: 100%; position: relative; }
.main_typo h2 {font-size:35px; font-weight:300; color:#fff; line-height:1.4; font-family: 'SCoreDream';  letter-spacing: -2px; margin:10px 0 50px;}
.main_typo h2 b {letter-spacing: -2.25px; }
.main_typo h2 span {color:#00ffae;}
.main_typo h3 {font-size: 20px; font-weight:400; color:rgba(255,255,255,.6); font-family: 'SCoreDream'; line-height: 1.5;}
.main_typo .controller {display: flex;align-items: center; }


/*컨트롤러*/
#main_vis .slick-arrow { cursor: pointer; border:0; font-size: 0; width: 17px; height: 29px; background:url("../img/prev.png") 50% no-repeat;}
#main_vis .slick-arrow.next { background-image:url('../img/next.png');}
#main_vis .slick-arrow:focus {outline: none; border: none;}

#main_vis  .dots {width: 100%;}
#main_vis .dots .slick-dots {display: flex; align-items: center; justify-content: center; width: 100%;}
#main_vis .dots .slick-dots button {font-size: 16px; font-weight: 700; color:rgba(255, 255, 255, 0.29); transition: color .3s; display: flex; align-items: center;
font-family: 'Play', sans-serif;}
#main_vis .dots .slick-dots button::before {content: '0'; }
#main_vis .dots .slick-dots button::after {content: ''; display: block ; width: 0; height: 3px; background-color: #00ffae; transition: all .3s; margin:0 15px 0 0; }
#main_vis .dots .slick-dots li:last-child button::after {margin-right: 0; }
#main_vis .dots .slick-dots .slick-active button {color:#fff;}
#main_vis .dots .slick-dots .slick-active button::after {width: 30px; margin-left: 15px; }


/* dots */
/* #main_vis .slick-dots {position: absolute; right:110px; top: 55%;  transform: translateY(-100%); z-index: 3;}
#main_vis .slick-dots li {width: 38px; height: 38px; margin-bottom:35px; display: flex ;align-items: center; justify-content: center; border-radius: 50%;
border:2px solid rgba(255, 255, 255, 0); transition: border-color  .3s ease;}
#main_vis .slick-dots li:last-child {margin-bottom: 0; }
#main_vis .slick-dots button {font-size: 0; width: 8px; height:8px; background: rgba(255,255,255,1); border-radius: 50%; position: relative; }
#main_vis .slick-dots li.slick-active {border-color: rgba(255, 255, 255, 0.5);} */
#main_vis .slider-nav {position: absolute; left:115px; top: 50%;  transform: translateY(-50%); z-index: 3; }
#main_vis .slider-nav .slick-track {display: flex ;flex-direction: column; align-items: center; }
#main_vis .slider-nav .dots_btn {width: 15px; height: 15px; cursor: pointer; border-radius: 50%; transition: all .3s;
border:3px solid transparent; margin-bottom: 22px; position: relative; }
#main_vis .slider-nav .dots_btn::before {content: ''; display: block; width: 7px; height: 7px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);
border-radius: 50%; background-color: rgba(255,255,255,.45); transition: opacity .3s; opacity: 1; }
#main_vis .slider-nav .dots_btn.slick-current {border-color: #fff; }
#main_vis .slider-nav .dots_btn.slick-current::before {opacity: 0; }



@media screen and (max-width: 1700px) {
    #main_vis .slider-nav {display: none;}

}
@media screen and (max-width:1599px) {
    #main_vis .img .man2 { transform: translateX(230px);}
}