#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?1) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg02 { width: 100%; height: 100%; background: url(../images/main_visual02.jpg?1) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg03 { width: 100%; height: 100%; background: url(../images/main_visual03.jpg?1) 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: 27%; top: 44%; opacity: 0; width:46%;}
.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 {background: transparent; box-sizing:border-box; border:1px solid #fff; opacity:1;}
.main_visual_box .swiper-pagination-bullet-active {background: #fff;}
.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; }
}

.main_pop { width: 90%; max-width:1920px; height: auto; margin:10px auto; position: relative; font-family: 'Noto Sans KR', sans-serif; z-index: 99; border-radius:15px; overflow:hidden;}
.main_pop .swiper-pagination2 {position: absolute;bottom:10px !important;z-index:1;text-align:center;}
.main_pop .swiper-pagination2 .swiper-pagination-bullet {background: transparent !important; box-sizing:border-box; border:1px solid #fff; opacity:1;}
.main_pop .swiper-pagination2 .swiper-pagination-bullet-active {background: #fff !important;}

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

.intoWrap .contWrap {
    width: 100%;
    margin:0 auto;
    position:relative;
	text-align:center;
	padding-bottom:20%;
}
.intoWrap.sec2Wrap .text1 {}
.intoWrap.sec2Wrap .swiper-container { width: 80%; }
.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: 20px; height: 20px; background: url(../images/main_a-off.png) center no-repeat; border-radius:0;opacity:1;}
.intoWrap.sec2Wrap .swiper-pagination-bullet-active { width: 126px; height: 20px; background: url(../images/main_a-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.sec4Wrap .text1 {}
.intoWrap.sec4Wrap .swiper-container { position:absolute;top:36%;left:23%; width: 54%; overflow: hidden;}
.intoWrap.sec4Wrap .prev {position: absolute; top:68%; left:3%; z-index: 5; display:inline-block; width: 24px; height:56px; background:url(../images/main_bleft.png) no-repeat;background-size:100%;}
.intoWrap.sec4Wrap .next {position: absolute; top:68%; right:3%; z-index: 5; display:inline-block; width: 24px; height:56px; background:url(../images/main_bright.png) no-repeat;background-size:100%;}
.intoWrap.sec4Wrap .swiper-pagination4 {position:absolute;top:90%;left:0;width:100%;text-align:center;}
.intoWrap.sec4Wrap .swiper-pagination-bullet { width: 10px; height: 10px; background: #00274c; border-radius:10px;opacity:.5; margin:0 5px;}
.intoWrap.sec4Wrap .swiper-pagination-bullet-active { width: 30px; height: 10px; background: #00274c; border-radius:10px;opacity:1;}

.intoWrap.sec3Wrap .swiper-pagination3 {position:absolute;top:90%;left:0;z-index:11;width:100%;text-align:center;}
.intoWrap.sec3Wrap .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; opacity:.5; margin:2px 5px;}
.intoWrap.sec3Wrap .swiper-pagination-bullet-active { width: 12px; height: 12px; opacity:1; margin:0 5px;}

.intoWrap.unit {position:relative;}
.intoWrap.unit .text1 {}
.intoWrap.unit .swiper-container { width: 100%; position: absolute; top:63%; left: 0; overflow: hidden;}
.intoWrap.unit .prev {position: absolute; top: auto; bottom:5%; left: 50%; z-index: 5; margin-left:-46px; width: 36px; height:36px; background:url(../images/env_prev.png) no-repeat;background-size:100%;}
.intoWrap.unit .next {position: absolute; top: auto; bottom:5%; left: 50%; z-index: 5; margin-left:10px; width: 36px; height:36px; background:url(../images/env_next.png) no-repeat;background-size:100%;}
.intoWrap.unit .prev:hover {background:url(../images/env_prev1.png) no-repeat;background-size:100%;}
.intoWrap.unit .next:hover {background:url(../images/env_next1.png) no-repeat;background-size:100%;}

.main_con1 { width: 100%; position: relative; margin:50px auto 0;}
.main_con1 .con1 {margin:20px 5% 0;background:#1b2254;padding:8% 8% 5%;}
.main_con1 .con2 {margin:10px 5% 0;background:#e4eaef;padding:8% 8% 5%;}
.main_con1 .tt {position:relative;}
.main_con1 .tt .link {position:absolute;right:0;bottom:0;width:25%;height:25%;}

.main_con1 .swiper2 {width:100%;margin-top:20px;overflow:hidden;}
.main_con1 .swiper-slide {position:relative;}
.main_con1 .swiper-slide iframe {width:100%;height:460px;}
.main_con1 .swiper-slide-active {}
.main_con1 .swiper-pagination2 {position:relative;width:100%;text-align:center;}
.main_con1 .swiper-pagination2 .swiper-pagination-bullet {display:inline-block; width:10px; height:10px; opacity:1; background:transparent; border:1px solid #fff; box-sizing:border-box; margin:0 5px; position:relative;}
.main_con1 .swiper-pagination2 .swiper-pagination-bullet-active {background:#fff;}

.main_con1 .swiper3 {width:100%;margin-top:20px;overflow:hidden;}
.main_con1 .swiper-pagination3 {position:relative;width:100%;text-align:center;}
.main_con1 .swiper-pagination3 .swiper-pagination-bullet {display:inline-block; width:10px; height:10px; opacity:1; background:transparent; border:1px solid #1b2254; box-sizing:border-box; margin:0 5px; position:relative;}
.main_con1 .swiper-pagination3 .swiper-pagination-bullet-active {background:#1b2254;}

.main_con2 {position:relative;}
.main_con2 .img {position:relative;}
.main_con2 .link1 {position:absolute;top:25.7%;left:79%;width:18%;height:2%;}
.main_con2 .link2 {position:absolute;top:36%;left:32%;width:18%;height:2%;}
.main_con2 .link3 {position:absolute;top:36%;left:79%;width:18%;height:2%;}
.main_con2 .link4 {position:absolute;top:54.3%;left:79%;width:18%;height:2%;}
.main_con2 .link5 {position:absolute;top:64.6%;left:32%;width:18%;height:2%;}
.main_con2 .link6 {position:absolute;top:64.6%;left:79%;width:18%;height:2%;}
.main_con2 .link7 {position:absolute;top:83%;left:79%;width:18%;height:2%;}
.main_con2 .link8 {position:absolute;top:93.3%;left:32%;width:18%;height:2%;}
.main_con2 .link9 {position:absolute;top:93.3%;left:79%;width:18%;height:2%;}

.main_con3 {width:100%; overflow:hidden; position:relative; background:url(../images/main_cbg.jpg) no-repeat left center; background-size:cover; padding:10% 0;}
.main_con3 .title {margin-top:5%;}
.main_con3 .swiper4 {width:60%;margin:30% auto 0;}
.main_con3 .swiper-slide {position:relative; transition: all 300ms ease; transform: translate3d(0, 0, 0);}
.main_con3 .swiper-slide img {width:90%;margin:0 5%;}
.main_con3 .swiper-slide-active {transform: translate3d(0, -30px, 0) !important;}
.main_con3 .s4-next { width: 67px; height: 11px; background: url(../images/main_cnext.png) no-repeat; position:absolute; top: 20% !important; right:50% !important; margin-right:-92px;}
.main_con3 .s4-prev { width: 69px; height: 11px; background: url(../images/main_cprev.png) no-repeat; position:absolute; top: 20% !important; left:50% !important; margin-left:-92px;}
.main_con3 .s4-line { width: 1px; height: 11px; background: #000; position:absolute; top: 20%; left: 50%; }

.main_con4 {position:relative;}
.main_con4 .img {position:relative;}
.main_con4 .link1 {position:absolute;top:45%;left:39%;width:22%;height:3%;}