/*Content CSS*/
#main_vis {position: relative; z-index: 5; width: 100%; height:100vh; min-height:937px; display: flex; align-items: center; justify-content: center; max-height: 1080px; }
#main_vis_slider {width:100%; position: absolute; top: 0; right: 0; }
#main_vis_slider::after {content: ''; display: block; width: 1px; height: calc(100% - 100px); background-color: rgba(255,255,255,.2); right:99px; bottom: 0; position: absolute;}
#main_vis_slider .main_slide {height: 100%; height:100vh; min-height:937px; max-height: 1080px; z-index: 1;  background-size:cover; background-position:center;  position:relative; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; outline: none; }
#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_typo*/
.main_typo_wrap {text-align: left; position: relative; z-index: 2; max-width:1400px; padding:90px 50px 0; width: 100%;}
.main_typo {position: relative; z-index: 1; }
.main_typo h2 {font-size:80px; font-weight:300; color:#fff; line-height: 1.19; text-shadow: 0 0 20px rgba(0, 83, 66, 0.25); letter-spacing: -.8px;}
.main_typo p {font-size:24px; font-weight:400; color:rgba(255,255,255,1); line-height:1.65; text-shadow: 0 0 20px rgba(0, 83, 66, 0.25); letter-spacing: -.48px;}
.main_typo .c_btn a {display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px; border:1px solid #ddd; transition: all .3s; padding: 0 20px;
font-size: 15px; font-weight: 500; color:#fff; font-family: 'Montserrat'; margin-top: 75px;}
.main_typo .c_btn a i {display: block; width: 8px; height: 13px; background:url("../img/btn_arrow_w.png") 50% no-repeat;}
.main_typo .c_btn a:hover {background-color: #0056c1; border-color: #0056c1; }


/*컨트롤러*/
#main_vis_slider .slick-arrow { cursor: pointer; transition: all 0.3s; position:absolute; z-index: 10; opacity: 1; left:70px; border:0; font-size: 0;}
#main_vis_slider .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat left center; top: calc(50% - 35px); content: 'prev';
padding-left: 20px;}
#main_vis_slider .slick-arrow.slick-prev::before {content: 'prev';color:rgba(255, 255, 255, 1); font-size: 12px; font-weight:400; text-transform: uppercase; }
#main_vis_slider .slick-arrow.slick-next { background:url('../img/next.png') no-repeat left center; top: 50%;  padding-left: 20px;}
#main_vis_slider .slick-arrow.slick-next::before { content: 'next'; color:rgba(255, 255, 255, 1);  font-size: 12px; font-weight: 400;  text-transform: uppercase; }
#main_vis_slider .slick-arrow:focus {outline: none; border: none;}

/* dots */
#main_vis .slick-dots {position: absolute; left: 50%;  transform: translateX(-50%); top: 230px; z-index: 3; display: flex; justify-content: flex-start; width: 100%;
max-width: 1400px; padding: 0 50px; }
#main_vis .slick-dots li { margin-right:15px;  cursor: pointer;}
#main_vis .slick-dots li:last-child {margin-right: 0; }
#main_vis .slick-dots button { display: flex; align-items: center; justify-content: center; font-size: 0; width: 30px; height:30px; border:1px solid transparent; border-radius: 50%;  }
#main_vis .slick-dots button::after { content: '';display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; }
#main_vis .slick-dots li.slick-active button {border:1px solid rgba(255, 255, 255, 1);}


/* progress */
#main_vis .bar_wr {width:100%; max-width:721px; height: 3px; background: rgba(255,255,255,.2); position: relative; margin: 40px 0 45px;}
#main_vis .redbar { width:1px; height:3px; opacity: 1; position:absolute; left:0; top:-0; z-index:10; transition-property: width; transition-duration: 5000ms;
transition-timing-function: linear; }
#main_vis .redbar.redbar_active { width:100%; height:100%; opacity: 1; background: #FFF; transition-property: width; transition-duration: 5000ms; transition-timing-function: linear; }
#main_vis .redbar.redbar_remove {width:0px; height:100%; opacity: 1; background: #FFF; transition-property: width; transition-duration: .1s; transition-timing-function: linear;}

/* vis_chat */
#vis_chat a {position:absolute; bottom:85px; z-index: 3; cursor: pointer; right:174px; display: flex; align-items: center ;justify-content: center; width: 110px; height: 110px;
box-shadow: 0px 3px 21.6px 2.4px rgba(0, 0, 0, 0.25); transition: background-color .3s; background-color: #ffb100; transition: background-color .3s ; border-radius: 50%;}
#vis_chat a:hover {background-color: #0056c1;}

/* scroll_down */
#scroll_down {opacity: 1; transition: opacity .3s;}
#scroll_down a { position:absolute; bottom:60px; z-index: 3; animation:ani 1.4s infinite ease; cursor: pointer; right: 44px; text-align: center; }
@keyframes ani {
    0%{bottom:70px;}
    50%{bottom: 85px;}
    100% {bottom:70px;}
}

.scrolled #scroll_down {opacity: 0; pointer-events: none;}




@media screen and (max-width: 1700px) {
    #main_vis_slider .slick-arrow {left: 30px;}
}

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

}

/* @media screen and (max-width: 1024px) {
    .main_typo_wrap {padding:0 30px; text-align: center;}
    #main_vis, #main_vis_slider .main_slide {min-height: 700px; height: 700px; }

    .main_typo h2 {font-size:45px;  }
    .main_typo p {font-size: 18px;  }

    #main_vis .bar_wr {max-width: 530px; margin: 40px auto; }

    #main_vis .right_bar {display: none;}

}

@media screen and (max-width: 640px) {
    #main_vis, #main_vis_slider .main_slide {min-height: 600px; height: 600px; }
    .main_typo_wrap {padding:0 20px; }

    .main_typo h2 {font-size:35px;  }
    .main_typo p {font-size: 15px; margin-top: 30px;}

    #main_vis .bar_wr {display: none; }
    #main_vis .slick-dots {bottom: 50px;}

} */