/* main visual */
.main_visual_box {background:#161c28; width: 100%; max-width:2560px; height: 1000px; margin:0 auto; position: relative; font-family: 'Noto Sans KR', sans-serif; z-index: 99; }
.main_visual_box .swiper1 { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; margin-bottom: 0; }

.main_visual_box .main_slide_bg01 { width: 100%; height: 100%; background: url(/img/visual01.jpg) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg02 { width: 100%; height: 100%; background: url(/img/visual02.jpg) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg03 { width: 100%; height: 100%; background: url(/img/visual03.jpg) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg04 { width: 100%; height: 100%; background: url(/img/visual04.jpg) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg05 { width: 100%; height: 100%; background: url(/img/visual05.jpg) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg06 { width: 100%; height: 100%; background: url(/img/visual06.jpg) center no-repeat; background-size: cover; }

.main_visual_box .main_txt01 { position: absolute; left: 0; top: 0;  width:100%; height:100%;  text-align:left; z-index: 1000; }
.main_visual_box .main_txt01 .txt1 { position: absolute; left: 50%; margin-left:-435px; top: 200px; opacity: 0; }
.main_visual_box .main_txt02 { position: absolute; left: 0; top: 0;  width:100%; height:100%;  text-align:left; z-index: 1000; }
.main_visual_box .main_txt02 .txt1 { position: absolute; left: 10%; top: 190px; opacity: 0; }
.main_visual_box .main_txt03 { position: absolute; left: 0; top: 0;  width:100%; height:100%;  text-align:left; z-index: 1000; }
.main_visual_box .main_txt03 .txt1 { position: absolute; left: 50%; margin-left:-380px; top: 270px; opacity: 0; }
.main_visual_box .main_txt04 { position: absolute; left: 0; top: 0;  width:100%; height:100%;  text-align:left; z-index: 1000; }
.main_visual_box .main_txt04 .txt1 { position: absolute; left: 50%; margin-left:-320px; top: 270px; opacity: 0; }
.main_visual_box .main_txt05 { position: absolute; left: 0; top: 0;  width:100%; height:100%;  text-align:left; z-index: 1000; }
.main_visual_box .main_txt05 .txt1 { position: absolute; left: 10%; top: 190px; opacity: 0; }
.main_visual_box .main_txt06 { position: absolute; left: 0; top: 0;  width:100%; height:100%;  text-align:left; z-index: 1000; }
.main_visual_box .main_txt06 .txt1 { position: absolute; left: 50%; margin-left:-640px; top: 200px; opacity: 0; }

.main_visual_box .txt1 img{display:block; margin:25px 0;}


.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg01 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg02 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg03 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg04 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg05 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg06 { animation: main_img 5s 0.2s both; }


.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt1 { animation: main_txt 1.6s 1.0s both; animation-timing-function :ease-out ; }

@keyframes main_img {
    from { transform: scale(1.2); }
    to {  }
}
@keyframes main_txt {
    from { opacity: 0; transform: translateY(-80px);  }
    to { opacity: 1; }
}
@keyframes open_txt {
    from { opacity: 0;  }
    to { opacity: 1; }
}

.main_visual_box .swiper-pagination {margin-bottom:6% !important;}
.main_visual_box .swiper-pagination-bullet { width: 30px; height: 22px; background: url(/template/img/paging_off.png) center 0px no-repeat; opacity: 1;}
.main_visual_box .swiper-pagination-bullet-active { width: 30px; height: 22px; background: url(/template/img/paging_on.png) center 0px no-repeat; } 
.main_visual_box .swiper-button-next {margin-bottom:6% !important; width: 50px; height: 80px; background: url(/template/img/visual_right.png) no-repeat;  right:1.5% !important;}
.main_visual_box .swiper-button-prev {margin-bottom:6% !important; width: 50px; height: 80px; background: url(/template/img/visual_left.png) no-repeat; left:1.5% !important;}
.swiper-button-next::after, .swiper-button-prev::after { display: none; }