/*Content CSS*/
#main_vis { display:block; position: relative; z-index: 2; }
#main_vis_slider { width: 100%; height:100vh; min-height:937px; }
#main_vis_slider .main_slide { height: 100vh; min-height: 937px; position: relative; z-index: 1; background:no-repeat center / cover; }

#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 {width: 1440px; position: absolute; top: 49%; left: 50%; z-index: 2; transform: translate(-50%,-50%); text-align: center; text-align: left; }
.main_typo h1 { font-size:65px; font-family: 'S-CoreDream-2ExtraLight'; color:#fff; line-height: normal; letter-spacing: -1.63px; }
.main_typo h1 b { font-family: 'S-CoreDream-6Bold'; }
.main_typo p { position:relative; font-size:30px; color:#fff; letter-spacing: -0.75px; line-height: 1; font-weight: 300; text-transform: uppercase; }
.main_typo p::before { content:""; display: block; width:62px; height: 4px; background:#ececec; margin:45px 0 50px; }


/*컨트롤러*/
#main_vis_slider .slick-arrow { width: 30px; height: 57px; text-align:center; cursor:pointer; opacity: 1; transition: all 0.3s; position:absolute; z-index: 10; top:49%; 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:100px; }
#main_vis_slider .slick-arrow:focus {outline: none; border: none;}

/* dots */
#main_vis_slider .slick-dots { position: absolute; right:100px; bottom:100px; display: flex; align-items: flex-end; z-index: 5; }
#main_vis_slider .slick-dots button { border:0; background: transparent; transition: all .3s ease; font-size:22px; font-family: 'Karla', sans-serif; color:rgba(255, 255, 255, 0.5); padding:0 2px 3px; border-bottom: 4px solid transparent; outline: none; font-weight: bold; }
#main_vis_slider .slick-dots li + li { margin-left: 40px; }
#main_vis_slider .slick-dots button::before {content: '0'; }
#main_vis_slider .slick-dots li.slick-active button { font-size:30px; color:#fff; border-bottom-color:#0068b7; }


/* scroll_down */
#vis_scroll { position:absolute; left:50%; transform: translateX(-50%); bottom:100px; z-index: 2;  animation:ani 1.4s infinite ease; cursor: pointer; }
@keyframes ani {
    0%{bottom:110px;}
    50%{bottom: 100px;}
    100% {bottom:110px;}
}