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

/*main_typo*/
.main_typo_wrap {text-align: left; position: relative; z-index: 2;  padding:0 20px; width: 100%; text-align: center; top: -30px;}
.main_typo h1 {font-size: 75px; font-weight:700; line-height: 1; color:#fff; font-family: 'Poppins';}
.main_typo > span{font-size: 14px; font-weight: 500; letter-spacing: -.44px; color: #fff; display: block; margin-bottom: 10px;}
.main_typo p {font-size: 16px; font-weight:300; color:rgba(255,255,255,1); line-height:1.7; letter-spacing: -.5px;}

/* bar */
.bar_wr {width:100%; height: 3px; background: rgba(255,255,255,.2); position: relative; margin: 25px 0px 30px;}
.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: ease; }
.redbar.redbar_active { width:100%; height:3px; opacity: 1; background: #FFF; transition-property: width; transition-duration: 5000ms; transition-timing-function: ease; }
.redbar.redbar_remove {width:0px; height:3px; opacity: 1; background: #FFF; transition-property: width; transition-duration: .1s; transition-timing-function: ease;}
/* dots */
#main_vis .dots{position: absolute; bottom: 50px;z-index: 5; width: 100%; display: flex; justify-content: center;}
#main_vis .slick-dots {justify-content: center; display: flex;}
#main_vis .slick-dots li {width: 11px; height: 11px; margin:0 15px 0 0; transition: .3s;}
#main_vis .slick-dots li:last-child { margin:0;}
#main_vis .slick-dots button {transition: all .3s ease; font-size: 0; width: 100%; height:100%; background: rgba(255,255,255,.3); position: relative; }
#main_vis .slick-dots li.slick-active button {opacity: 1; background: rgba(255,255,255,1); }



/* paging number */
#main_vis .num_wr {display: flex; align-items:baseline; position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%);}
#main_vis .num_wr h2 {font-size: 30px; font-weight: 700; color:#fff; font-family: 'Poppins'; }
#main_vis .num_wr span {display: block; font-size: 14px; font-weight: 300; color:#fff; margin:0 8px; font-family: 'Poppins';}
#main_vis .num_wr h3 {font-size: 14px; font-weight: 300; color:#fff;  font-family: 'Poppins';}

.main_typo_wrap .pager {display: flex; align-items: center; justify-content: flex-start;}


#main_vis .main_slide.ani { animation:visualScale 8s infinite linear; -ms-transform: scale(1.12); -webkit-transform: scale(1.12); transform: scale(1.12);}
@keyframes visualScale {
    0% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
    100% { -ms-transform: scale(1.12); -webkit-transform: scale(1.12); transform: scale(1.12); }

}

#main_vis .more_btn{display: flex; width: 180px; height: 45px; border: solid 1px #fff; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: #fff; transition: .3s; margin-top: 60px;}
#main_vis .more_btn i{display: inline-block; margin-left: 13px;}
#main_vis .more_btn:hover{background-color: #46b035; border-color: #46b035;}