#main {width:100%;overflow:hidden;}
#main img {max-width:100%;}

/* main visual */
.main_visual_box { width: 100%; max-width:1920px; height: auto; margin:0 auto; position: relative; font-family: 'Noto Sans KR', sans-serif; z-index: 99; overflow:hidden;}
.main_visual_box .swiper1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin-bottom: 0; }
.main_visual_box .main_slide_bg01 { width: 100%; height: 100%; background: url(../images/main_visual01.jpg?3) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg02 { width: 100%; height: 100%; background: url(../images/main_visual02.jpg?3) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg03 { width: 100%; height: 100%; background: url(../images/main_visual03.jpg?2) center no-repeat; background-size: cover; }
.main_visual_box .main_txt01 { position: absolute; left: 0; top: 0;  width:100%;height:100%;  text-align:center; z-index: 1000; }
.main_visual_box .main_txt02 { position: absolute; left: 0; top: 0;  width:100%;height:100%;  text-align:center; z-index: 1000; }
.main_visual_box .main_txt03 { position: absolute; left: 0; top: 0;  width:100%;height:100%;  text-align:center; z-index: 1000; }
.main_visual_box .txt1 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .txt2 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .txt3 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .txt4 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .txt5 { position: absolute; left: 0; top: 0; opacity: 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 .txt1 { animation: main_txt 1.6s 1.0s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt2 { animation: main_txt 1.6s 1.5s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt3 { animation: main_txt 1.6s 2.0s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt4 { animation: main_txt 1.6s 2.5s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt5 { animation: main_txt 1.6s 3.0s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper-pagination-bullet { width: 22px; height: 22px; opacity: 1; border-radius:0;margin:0 10px; background:url(../images/scroll_off.png) no-repeat;background-size:100%;}
.main_visual_box .swiper-pagination-bullet-active { background:url(../images/scroll_on.png) no-repeat;background-size:100%; opacity: 1; } 
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom:20px !important;}

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


.intoWrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intoWrap .contWrap {
    width: 100%;
    margin:0 auto;
    position:relative;
	text-align:center;
}
.intoWrap.sec2Wrap .text1 {}
.intoWrap.sec2Wrap .swiper-container { width: 100%; }
.intoWrap.sec2Wrap .line {position:relative;}
.intoWrap.sec2Wrap .swiper-pagination {position:absolute;top:90%;left:0;width:100%;text-align:center;}
.intoWrap.sec2Wrap .swiper-pagination-bullet { width: 22px; height: 22px; background: url(../images/scroll_off.png) center no-repeat; border-radius:0;opacity:1; margin:0 3px;}
.intoWrap.sec2Wrap .swiper-pagination-bullet-active { background: url(../images/scroll_on.png) center no-repeat; border-radius:0; }
.intoWrap.sec2Wrap .swiper-pagination-progressbar { top: 15px; left:50%; margin-left:-90px; width: 120px; height: 3px; background: #f3f3f3 }
.intoWrap.sec2Wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000; }
.intoWrap.sec2Wrap .s2-next { position: absolute; top: 2px; left:50%; margin-left:80px; width:8px;}
.intoWrap.sec2Wrap .s2-prev { position: absolute; top: 2px; left:50%; margin-left:60px; width:8px;}

.intoWrap.sec3Wrap {background:url(../images/main_unit_bg.jpg) no-repeat center;background-size:cover;padding:20% 0 15%;display:block;}
.intoWrap.sec3Wrap .title {text-align:center;margin-bottom:30px;}
.intoWrap.sec3Wrap .title img {width:30%;}
.intoWrap.sec3Wrap .contWrap {position:relative;width:80%;margin:0 10%;}
.intoWrap.sec3Wrap .swiper-container { width: 100%; overflow:visible; }
.intoWrap.sec3Wrap .swiper-slide {opacity:1;margin:0 10px;}
.intoWrap.sec3Wrap .swiper-slide .img {position:relative;}
.intoWrap.sec3Wrap .swiper-slide .img img {width:100%;}
.intoWrap.sec3Wrap .swiper-slide .on {position:absolute;top:-40px;right:-15px;opacity:0;transition: all 0.5s;}
.intoWrap.sec3Wrap .swiper-slide .on img {width:80px;}
.intoWrap.sec3Wrap .swiper-slide p {font-size:18px;color:#fff;line-height:25px;padding-top:14px;}
.intoWrap.sec3Wrap .swiper-slide p span {display:inline-block;font-size:12px;color:#fff;line-height:25px;padding-left:15px;}
.intoWrap.sec3Wrap .swiper-slide-active {opacity:1;z-index:2;}
.intoWrap.sec3Wrap .swiper-slide-active .on {opacity:1;transition: all 0.5s;}
.intoWrap.sec3Wrap .next { position: absolute; bottom: 0; right:10%; z-index:2;}
.intoWrap.sec3Wrap .next img {height:25px;}
.intoWrap.sec3Wrap .prev { position: absolute; bottom: 0; left:10%; z-index:2;}
.intoWrap.sec3Wrap .prev img {height:25px;}

.main_brand {}
.main_brand .contWrap {width:100%;margin:0 auto;}

.main_map {position:relative;}
.main_map .contWrap {width:100%;margin:0 auto;position:relative;}
.main_map .map1 {position:absolute;top:67.5%;left:24%;width:26%;height:4%;}
.main_map .map2 {position:absolute;top:67.5%;left:50%;width:26%;height:4%;}
.main_map .map3 {position:absolute;top:83.5%;left:24%;width:26%;height:4%;}
.main_map .map4 {position:absolute;top:83.5%;left:50%;width:26%;height:4%;}