/*Content CSS*/
#main_vis {padding:0; display:block; position: relative; z-index: 5; width: 100%;  height:450px;  display: flex; align-items: center; justify-content: center;
padding-top: 60px;}
#main_vis_slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#main_vis_slider .main_slide {width: 100%; height: 450px; 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');}
#main_vis br {display: none;}

/*main_typo*/
.main_typo_wrap {text-align: center; position: relative; z-index: 2; max-width:1400px; padding:0 20px; width: 100%;}
.main_typo {position: relative; z-index: 1; }
.main_typo h3 {font-size:22px; font-weight:700; color:#fff; line-height:1.1; font-family: "Play", serif; }
.main_typo h2 {font-size:40px; font-weight:700; color:#fff; line-height:1.1; font-family: "Play", serif; margin:15px 0 20px;}
.main_typo p {font-size:14px; font-weight:300;   color: rgba(255, 255, 255, 1); line-height:1.75;  }


/*컨트롤러*/
#main_vis .controller {width: 100%; display: flex ; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 100px; }
#main_vis .controller .flex {display: flex; align-items: center; }

#main_vis .slick-arrow {cursor:pointer; transition: all 0.2s; display: block; text-decoration: none; font-size:0; background: transparent; border: none; width:11px; height: 19px;}
#main_vis .slick-arrow.prev { background:url('../img/prev.png') no-repeat center; }
#main_vis .slick-arrow.next { background:url('../img/next.png') no-repeat center;}


/* paging number */
#main_vis .num_wr {display: flex; align-items:center; position: relative;  margin:0 15px;}
#main_vis .num_wr span { font-size:21px; font-weight: 700; color:rgba(255, 255, 255, 1); display: block; font-family: "Play", serif;}
#main_vis .num_wr span.slash {margin:0 24px; display: block; width: 5px; height: 5px; background-color: #fff; border-radius: 50%;}
/* #main_vis .num_wr span.pagingInfo { min-width: 10px;} */

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


/* @media screen and (max-width: 1599px) {
	#scroll_down a {right: 50px;}
} */

/* @media screen and (max-width: 1024px) {
	#scroll_down {display: none;}
	#main_vis { padding-top: 40px;}
    #main_vis,
	#main_vis_slider .main_slide { height: 550px; min-height: 0; }

	.main_typo_wrap {padding:0 30px; text-align: center;}
    .main_typo h2 {font-size:55px; }
    #main_vis .controller {justify-content: center;}
	.cir_progress_wrap {margin-right: 30px; }
	#main_vis .num_wr { top:0;}

}

@media screen and (max-width: 640px) {
	#main_vis,
	#main_vis_slider .main_slide {height: 500px;}

	.main_typo_wrap {padding:0 20px;}

    .main_typo h2 {font-size:40px; }
	#main_vis .controller {margin-top: 40px; }

    /* paging number */
    /* #main_vis .num_wr { margin:0 20px; }
    #main_vis .num_wr span { font-size: 15px;}

} */

/* @media screen and (max-width: 480px) {
	.main_typo h2 {font-size:35px; }
	.main_typo br {display: none;}
} */