/*Content CSS*/
#main_vis .c_inner { width: 100%; max-width: 1480px; margin:0 auto; position: relative; padding:0 20px;}
#main_vis {position: relative; z-index: 5; width: 100%; padding-top: 100px; }
#main_vis .tit {font-size: 45px; color:#000; font-weight: 900; line-height: 1.3; font-family: "Poppins", sans-serif; }
#main_vis .tit > span {color:#ffa521; }

#main_vis_slider {width:100%; position: absolute; width: 100%; top: 0; right: 0; height: 100%; width: 100%;}
#main_vis_slider .main_slide {height: 100%; z-index: 1;  background-size:cover; background-position:center;  position:relative; background-repeat: no-repeat; display: flex; align-items: flex-start; justify-content: center; outline: none; height: 330px;  overflow: hidden;  }
#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_wrap { width: 100%; position: relative; margin-top: 10px; height: 330px;}


/*main_typo*/
.main_typo {padding: 40px 0 0;}
.main_typo p {font-size:16px; font-weight:400; color:rgba(255,255,255,1); line-height:1.7; font-family: 'OneStoreMobileGothicBody'; }

#main_vis .controller {margin-top:30px;}
#main_vis .arrows { display: flex; }
#main_vis .arrows .slick-arrow {cursor: pointer; height: 45px; width: 45px;font-size: 0; transition: all .3s; border-radius: 50%; border:1px solid rgba(255,255,255,1);}
#main_vis .arrows .slick-prev { background:url('../img/prev.png') no-repeat center transparent; background-size: 9px auto;}
#main_vis .arrows .slick-next { background:url('../img/next.png') no-repeat center transparent; margin-left: 10px; background-size: 9px auto ; }
#main_vis .arrows .slick-arrow:hover {background-color: rgba(255,255,255,.3); border-color: rgba(255,255,255,0); }

/* dots */
#main_vis .slick-dots {display: flex; justify-content: flex-end; align-items: flex-end; min-height:35px; margin-top:30px;}
#main_vis .slick-dots > li + li {margin-left:15px; }
#main_vis .slick-dots button {font-size: 20px; font-weight: 700;   color: rgba(255, 255, 255, 0.6); letter-spacing: -.52px; font-family: "Poppins", sans-serif; transition: all .3s; line-height: .8; }
#main_vis .slick-dots button::before {content: '0'; }
#main_vis .slick-dots .slick-active button {font-size: 40px; color:#fff; }

/* progress */
#main_vis .bar_wr {width:100%; height: 3px; background: rgba(255,255,255,.6); position: relative; margin-top: 27px; }
#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: #fb9909; transition-property: width; transition-duration: 5000ms; transition-timing-function: linear; }
#main_vis .redbar.redbar_remove {width:0px; height:100%; opacity: 1; background: #fb9909; transition-property: width; transition-duration: .1s; transition-timing-function: linear;}


/* scroll_down */
#scroll_down a { position:absolute; top:0; z-index: 2; animation:ani 1.4s infinite ease; cursor: pointer; right: 50px; width: 185px; height: 211px; background:url("../img/scroll_bg.png") 50% no-repeat; display: flex; align-items: center; justify-content: center; transition: background-color .3s; }
@keyframes ani {
    0%{top:-65px;}
    50%{top: -50px;}
    100% {top:-65px;}
}


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

}