/*Content CSS*/
#main_vis { padding:0; display:block; position: relative; z-index: 5; width: 100%; height:100vh; min-height:900px; display: flex; align-items: center; justify-content: center; max-height: 1080px;}
#main_vis_slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#main_vis_slider .main_slide {height: 100vh; min-height: 900px; max-height: 1080px; position: relative; z-index: 1;  background-size:cover; background-position:center;  position:relative; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center;}
#main_vis_slider .main_slide.img01 { background-image:url('../img/main1.jpg?v=230125');  }
#main_vis_slider .main_slide.img02 { background-image:url('../img/main2.jpg?v=230125'); background-position: 90% center; }
#main_vis_slider .main_slide.img03 { background-image:url('../img/main3.jpg'); background-position: 80% center;}


/*main_typo*/
.main_typo_wrap {text-align: left; position: relative; z-index: 2; width: 100%; max-width: 1520px; padding:0 60px;}
.main_typo h1 {font-size: 90px; font-weight:800; color:#fff; line-height:1; font-family: 'Play', sans-serif; text-shadow: 4.5px 4px 2px rgba(12, 23, 51, 0.35);
word-break: keep-all; text-transform: uppercase;}
.main_typo h1 span {color:#c1c1c1; opacity: .6;}
.main_typo p {font-size: 23px; font-weight:300; color:rgba(255,255,255,1); line-height:1;  margin:50px 0 0; word-break: keep-all;}

/*컨트롤러*/
#main_vis_slider .slick-arrow { cursor: pointer; transition: all 0.3s; position:absolute; z-index: 10; opacity: 1; right:80px; border:0; font-size: 0;}
#main_vis_slider .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center top; top: calc(50% - 65px); content: 'prev';
padding-top: 15px;}
#main_vis_slider .slick-arrow.slick-prev::before {content: 'prev';color:#fff; font-size: 14px; font-weight:600; text-transform: uppercase;
font-family: 'Montserrat'; }
#main_vis_slider .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center bottom; top: 50%;  padding-bottom: 15px;}
#main_vis_slider .slick-arrow.slick-next::before { content: 'next'; color:#fff;  font-size: 14px; font-weight: 600;  text-transform: uppercase;
font-family: 'Montserrat';}
#main_vis_slider .slick-arrow:focus {outline: none; border: none;}

.bar_wr {width:200px; height: 1px; background: #ddd; position: relative; margin: 0 20px; }
.redbar { width:1px; height:1px; opacity: 1; position:absolute; left:0; top:-0; z-index:10; transition-property: width; transition-duration: 5000ms;
transition-timing-function: ease; }
.redbar.redbar_active { width:100%; height:1px; opacity: 1; background: #53b1d4; transition-property: width; transition-duration: 5000ms; transition-timing-function: ease; }
.redbar.redbar_remove {width:0px; height:1px; opacity: 1; background: #53b1d4; transition-property: width; transition-duration: .1s; transition-timing-function: ease;}

/* paging number */
#main_vis .progress {display: flex; align-items: center; justify-content: center; width: 410px; background: #fff; position: absolute; right: 0; bottom: 0;
z-index: 2; height: 90px; padding: 0 65px; }
#main_vis .progress h3 {font-size: 20px; font-weight: 400; color:#000; font-family: 'Play', sans-serif;}
#main_vis .progress h3.pagingInfo {color:#53b1d4; }

/* dots */
#main_vis .slick-dots {position: absolute; left:60px; bottom: 60px; display: flex; }
#main_vis .slick-dots li {width: 15px; height: 15px; margin-right:25px; }
#main_vis .slick-dots li:last-child {margin-right: 0; }
#main_vis .slick-dots button {transition: all .3s ease; font-size: 0; width: 100%; height:100%; background: rgba(255,255,255,.3);
border-radius: 50%; position: relative; }
#main_vis .slick-dots li.slick-active button {opacity: 1; background: rgba(255,255,255,1);}

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




@media screen and (max-width: 1420px) {
    .main_typo_wrap {padding:0 50px;}

    #main_vis_slider .slick-arrow {right: 30px;}
    #main_vis_slider .slick-arrow.slick-prev::before,
    #main_vis_slider .slick-arrow.slick-next::before {font-size: 12px;}

}

@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; padding:0 0 0;}
    #main_vis .slick-dots {justify-content: center; display: flex; top: auto; bottom:80px; right: 50%;  transform: translateX(50%);}
    #main_vis .slick-dots li {width: 12px; height: 12px; margin:0 20px 0 0;}
    #main_vis .slick-dots li:last-child { margin:0;}

    .main_typo h1 {font-size:55px;  }
    .main_typo p {font-size: 18px; margin: 40px 0 0;}

    #main_vis .progress {display: none; }
    #scroll_down {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 15px; }
    /* .main_typo h1 br {display: none;} */
    .main_typo h1 {font-size: 45px; line-height: 55px; }
    .main_typo p {font-size: 16px; line-height: 26px;  margin: 30px 0 0; }
    #main_vis .slick-dots {bottom: 60px;}

    .bar_wr {width: 180px; }

}

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

}