/*Content CSS*/
#main_vis { padding:0; display:block; position: relative; z-index: 5; width: 100%; height:100vh; min-height:900px; display: flex; align-items: flex-start; justify-content: center; max-height: 1080px; overflow: hidden; }
#main_vis_slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#main_vis_slider .main_slide { width: 100%; height:100vh; min-height:900px; 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::before {content: ''; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0; bottom: 0; z-index: -1; }
#main_vis_slider .main_slide.img01 { background-image:url('../img/main1.jpg'); background-position: 50% 50%; }
/* #main_vis_slider .main_slide.img02 { background-image:url('../img/main2.jpg');} */


/*main_typo*/
.main_typo_wrap {text-align: right; position: relative; z-index: 2; width: 100%; max-width: 1710px; padding:140px 50px 0;  }
.main_typo {position: relative; z-index: 1;}
.main_typo .bg {position: absolute; right: 0; top:7px; z-index: -1; }

.main_typo .tit h2 {font-size:65px; font-weight:700; color:#fff; line-height: 1.3; letter-spacing: -2.6px; text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.21); font-family: 'Aggravo';}
.main_typo .tit p {font-size: 28px; font-weight: 500; color: rgba(255, 255, 255, 0.9); line-height: 1.6; letter-spacing: -.56px; text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.21); }
.main_typo .tit p i {position: relative; top:-4px; margin-right: 11px; }

.main_typo .schedule {margin-top: 20px;}
.main_typo .schedule em {font-style: normal; font-size: 20px; font-weight: 400; letter-spacing: -.4px;   color: rgba(191, 144, 37, 0.9);   text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.21);}
.main_typo .schedule h3 {font-size: 30px; font-weight: 700;   color: rgba(255, 255, 255, 0.9); letter-spacing: -.6px;  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.21);
margin: 0 0; line-height: 1.1; margin: 12px 0 15px;}
.main_typo .schedule h4 {font-size: 35px; font-weight: 800; color:#fff;   text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.21); line-height: 1.1; }
.main_typo .schedule h4 span {font-size: 20px; font-weight: 400; }


/*컨트롤러*/
#main_vis_slider .slick-arrow { cursor: pointer; position:absolute; z-index: 10; opacity: 1; border:0; font-size: 0;
width: 30px; height: 57px; top: 50%;  transform: translateY(-50%);}
#main_vis_slider .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center top; left: 110px;}
#main_vis_slider .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center bottom;right: 110px;}
#main_vis_slider .slick-arrow:focus {outline: none; border: none;}

/* dots */
#main_vis .slick-dots {position: absolute; left:0; bottom: 60px; display: flex; justify-content: center; width: 100%;}
#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 {position:absolute; width: 100%; max-width: 1600px; padding: 0 50px; z-index:6; left: 50%;  transform: translateX(-50%); bottom: 170px;}
#scroll_down a {display: flex; width: 109px; height: 109px; border-radius: 50%; background-color: #bf9025; cursor: pointer; align-items: center; justify-content: center; transition: background-color .3s;  animation:ani 1.4s infinite ease; position: relative;}
@keyframes ani {
    0%{bottom:0;}
    50%{bottom: -15px;}
    100% {bottom:0;}
}
#scroll_down a:hover {background-color: #f2cc74; }




/* @media screen and (max-width: 1600px) {
    #main_vis_slider .slick-arrow.slick-prev {left: 30px;}
    #main_vis_slider .slick-arrow.slick-next {right: 30px;}
} */

@media screen and (max-width: 1024px) {
    #scroll_down {display: none;}

    .main_typo_wrap {padding:0 30px; text-align: center;}
    #main_vis {align-items: center;}
    #main_vis, #main_vis_slider .main_slide {min-height: 700px; height: 700px; }
    #main_vis_slider .main_slide::before {display: block; }
    #main_vis .dots ul {justify-content: center; margin: 0; }

    .main_typo .bg {left: 50%;  transform: translateX(-50%); max-height: 400px;}
    .main_typo .tit h2 {font-size: 45px;}
    .main_typo .tit p {font-size: 22px; }
    .main_typo .tit p i {width: 60px; display:inline-block;}

    .main_typo .schedule em {font-size: 18px;}
    .main_typo .schedule h3 {font-size: 24px;}
    .main_typo .schedule h4 {font-size: 27px;}
    .main_typo .schedule h4 span {font-size: 70%;}




}

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

}

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

    /* .main_typo br {display: none; } */
    .main_typo .bg { max-height: 300px;}
    .main_typo .tit h2 {font-size: 35px;}
    .main_typo .tit p {font-size: 18px; }
    .main_typo .tit p i {width: 50px; top:-3px; margin-right: 5px;}

    .main_typo .schedule em {font-size: 16px;}
    .main_typo .schedule h3 {font-size:20px;    margin:10px 0 10px;}
    .main_typo .schedule h4 {font-size: 24px;}

}