@charset "utf-8";

#main_bnr_area{width:100%;height:100vh;min-height:800px;padding:0 100px 0 200px;background:url(../../hd/main_bnr/img/new_bnr_bg.webp) no-repeat bottom right/cover;overflow:hidden;position:relative;z-index:1;box-sizing:border-box}
#main_bnr_area *{box-sizing:border-box}
#main_bnr_area:before{width:860px;height:860px;border:200px solid rgba(255,255,255,.05);border-radius:860px;position:absolute;left:-200px;top:-230px;content:'';box-sizing:border-box;animation:updown 10s infinite}
#main_bnr_area:after{width:1000px;height:1000px;border:290px solid rgba(255,255,255,.05);border-radius:1000px;position:absolute;right:150px;bottom:100px;content:'';box-sizing:border-box;animation:updown2 10s infinite}

@keyframes updown {0%{top:-230px}50%{top:-280px }100%{top:-230px}}
@keyframes updown2 {0%{bottom:100px}50%{bottom:0px}100%{bottom:100px}}

#main_bnr_area .main_slider_wrap{width:100%;max-width:2560px;height:100%;margin:0 auto;position:relative;z-index:1}
#main_bnr_area .swiper-slide{width:100% !important}

/*메인영역*/
#main_bnr_area .main_txt_area{width:50%;height:100%;float:left;position:relative;overflow:hidden}
#main_bnr_area .main_img_area{max-width:1200px;width:50%;height:100%;float:left;position:relative;z-index:-1}
#main_bnr_area .main_img_area_m{display:none}
#main_bnr_area .main_txt_area .main_txt_inner{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}

/*--메인텍스트 영역--*/

/*메인텍스트*/
#main_bnr_area .main_tit_box{font-weight:900;font-size:calc(30px + 3.6vw)}
#main_bnr_area .main_tit_box .tit01{line-height:110%;color:#fff;overflow:hidden}
#main_bnr_area .main_tit_box .tit02{line-height:110%;-webkit-text-stroke:2px #fff;color:#294689;overflow:hidden}
#main_bnr_area .main_tit_box .tit_ani{position:relative;top:30px;opacity:0;animation:titani .5s linear forwards}

#main_bnr_area .main_txt_inner01 .tit02{margin-left:4%}
#main_bnr_area .main_txt_inner02 .tit02{margin-left:3%}
#main_bnr_area .main_txt_inner03 .tit02{margin-left:4%}

@keyframes titani {
    0% {opacity:0;top:50px}50%{opacity:.3;top:0px}100% {opacity:1;top:0}
}

#main_bnr_area .main_txt_box{margin:50px 0 80px;padding-left:50px;border-left:3px solid rgba(255,255,255,.5)}
#main_bnr_area .main_txt_box .s_tit{margin-bottom:2rem;font-weight:700;font-size:calc(20px + 0.4vw);color:#fff}
/* #main_bnr_area .main_txt_box .s_tit br{display:none} */
#main_bnr_area .main_txt_box .s_txt{font-size:20px;line-height:150%;color:rgba(255,255,255,.6)}

/*메인버튼*/
#main_bnr_area .main_btn{width:580px}
#main_bnr_area .main_btn:after{content:'';width:0;clear:both}
#main_bnr_area .main_btn li{width:48.5%;height:75px;border-radius:75px;font-weight:500;font-size:17px;text-align:center;line-height:75px;float:left}
#main_bnr_area .main_btn li a{display:block;width:100%;height:100%}
#main_bnr_area .main_btn li img{display:inline-block;margin-left:10px;vertical-align:middle;transition:all .3s}
#main_bnr_area .main_btn li:hover img{transform:rotate(180deg)}

#main_bnr_area .main_btn .main_btn01{border:1px solid #fff;box-shadow: 10px 10px 20px rgba(25,49,102,.5)}
#main_bnr_area .main_btn .main_btn02{margin-left:3%;background:#fff;box-shadow: 10px 10px 20px rgba(25,49,102,.5)}

#main_bnr_area .main_btn .main_btn01 img{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(70deg) brightness(104%) contrast(105%)}

#main_bnr_area .main_btn .main_btn01 a{color:#fff}
#main_bnr_area .main_btn .main_btn02 a{color:#333}

/*슬라이드*/
#main_bnr_area .main_slider_wrap .swiper-slide{opacity:0 !important}
#main_bnr_area .main_slider_wrap .swiper-slide-active{opacity:1 !important}

/*메인이미지*/
#main_bnr_area .main_img_area img{position:absolute;opacity:0;transition:all 1s;transition-delay:0;/*액티브에서 제거될때 딜레이 제거*/
/*이미지 렌더링 흐림방지
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast; 
image-rendering: crisp-edges;*/
}

/*메인이미지 1 개별조정*/
#main_bnr_area .main_img_area .main01_img01{width:54%;right:38%;top:50%;transform:translateY(-7%);z-index:1}
#main_bnr_area .main_img_area .main01_img02{width:68%;right:14%;top:50%;transform:translateY(-50%)}
#main_bnr_area .main_img_area .main01_img03{width:17%;right:12%;top:50%;transform:translateY(-13%);z-index:1}

/*메인이미지 2 개별조정*/
#main_bnr_area .main_img_area .main02_img01{width:50%;right:39%;top:50%;transform: translateY(-43%);z-index:1}
#main_bnr_area .main_img_area .main02_img02{width:90%;right:10%;top:50%;transform: translateY(-50%)}

/*메인이미지3 개별조정*/

#main_bnr_area .main_img_area .main03_img01{width:36%;right:63%;top:50%;transform:translateY(-50%)}
#main_bnr_area .main_img_area .main03_img02{width:28%;right:42%;top:50%;transform:translateY(-50%)}
#main_bnr_area .main_img_area .main03_img03{width:28%;right:12%;top:50%;transform:translateY(-50%)}

/*슬라이드 액티브일때 이미지 움직임*/
#main_bnr_area .swiper-slide-active .main_img_area .main01_img01{right:48%;opacity:1;transition-delay:.6s}
#main_bnr_area .swiper-slide-active .main_img_area .main01_img02{opacity:1;transition-delay:.3s}
#main_bnr_area .swiper-slide-active .main_img_area .main01_img03{right:2%;opacity:1;transition-delay:.9s}

#main_bnr_area .swiper-slide-active .main_img_area .main02_img01{right:51%;opacity:1;transition-delay:.3s}
#main_bnr_area .swiper-slide-active .main_img_area .main02_img02{right:-3%;opacity:1;transition-delay:.6s}

#main_bnr_area .swiper-slide-active .main_img_area .main03_img01{opacity:1;transition-delay:.3s}
#main_bnr_area .swiper-slide-active .main_img_area .main03_img02{right:32%;opacity:1;transition-delay:.6s}
#main_bnr_area .swiper-slide-active .main_img_area .main03_img03{right:2%;opacity:1;transition-delay:.9s}

/*스크롤다운*/
#main_bnr_area .scroll_down{position:absolute;right:50px;bottom:200px;z-index:2}
#main_bnr_area .scroll_down .main_pagination .swiper-pagination-bullet{display:block;width:10px;height:10px;border-radius:0;background:#254286;cursor:pointer}
#main_bnr_area .scroll_down .main_pagination span + span{margin-top:10px} 
#main_bnr_area .scroll_down .scroll_line{width:1px;height:106px;margin:17px auto 10px;background:rgba(0,0,0,.1);position:relative}
#main_bnr_area .scroll_down .line{width:1px;height:0;background:#333;position:absolute;top:0;left:0;animation:arr 2.5s infinite linear}
@keyframes arr{from{opacity:0;height:10%}10%{opacity:1;height:20%}100%{height:100%;opacity:0}}

#main_bnr_area .scroll_down .scroll_down_txt {font-weight:500;font-size:15px;color:#333;position:absolute;transform:rotate(90deg);font-family:"Montserrat", sans-serif;left:-39px;bottom:-60px}


@media(max-width:2048px){
#main_bnr_area{padding:0 50px}	
#main_bnr_area .main_txt_area{width:52%}
#main_bnr_area .main_img_area{width:48%}
#main_bnr_area .scroll_down{right:22px}
}

@media(max-width:1500px){
/*메인영역*/	
#main_bnr_area{padding:0 50px}
#main_bnr_area .main_txt_area{width:54%}
#main_bnr_area .main_img_area{width:46%}
#main_bnr_area .main_txt_box .s_txt{font-size:16px}
}

@media(max-width:1280px){
/*메인영역*/
#main_bnr_area{width:100%;height:auto;min-height:auto;padding:0;background:url(../../hd/main_bnr/img/new_bnr_bg_m.webp) no-repeat center/cover}
#main_bnr_area:before{width:600px;height:600px;border-radius:600px}
#main_bnr_area:after{width:600px;height:600px;border-radius:600px;right:-100px;border:200px solid rgba(255,255,255,.1)}

#main_bnr_area .main_tit_box{text-align:center}
#main_bnr_area .main_tit_box .tit02{margin:0}

#main_bnr_area .main_txt_area{width:100%;padding:130px 0 50px;text-align:center;height:auto;float:none}
#main_bnr_area .main_img_area{max-width:900px;width:90%;height:auto;padding-bottom:50%;margin:0 auto;float:none}
#main_bnr_area .main_txt_area .main_txt_inner{position:relative;transform:none}

/*메인텍스트2*/
#main_bnr_area .main_txt_box{margin:20px auto 40px;padding-left:0;border:0}
#main_bnr_area .main_txt_box .s_tit{margin-bottom:10px}

#main_bnr_area .main_btn{max-width:460px;width:100%;height:60px;margin:0 auto}
#main_bnr_area .main_btn li{height:60px;font-size:15px;line-height:60px}
#main_bnr_area .main_btn li img{width:15px;vertical-align:-2px}

/*이미지 크기 조정*/
#main_bnr_area .main_img_area .main03_img01{width:33%;right:67%}
#main_bnr_area .main_img_area .main03_img02{width:33%}
#main_bnr_area .main_img_area .main03_img03{width:33%}

#main_bnr_area .swiper-slide-active .main_img_area .main03_img01{opacity:1;transition-delay:.3s}
#main_bnr_area .swiper-slide-active .main_img_area .main03_img02{right:33.5%}
#main_bnr_area .swiper-slide-active .main_img_area .main03_img03{right:0%}

/*스크롤*/
#main_bnr_area .scroll_down .main_pagination .swiper-pagination-bullet{background:#fff}
#main_bnr_area .scroll_down .scroll_line{background:rgba(255,255,255,.1)}
#main_bnr_area .scroll_down .line{background:#fff}
#main_bnr_area .scroll_down .scroll_down_txt{color:#fff}
}

@media(max-width:767px){
#main_bnr_area{padding:0 0 50px}/*페이지 버튼 영역확보*/
#main_bnr_area:before{width:600px;height:600px;border-radius:600px}
#main_bnr_area:after{display:none}

#main_bnr_area .main_txt_area{padding:110px 0 50px}

/*메인텍스트2*/
#main_bnr_area .main_txt_box .s_tit{padding:0 20px;font-size:18px;line-height:140%;word-break:keep-all}
#main_bnr_area .main_txt_box .s_txt {padding:0 20px;font-size:15px;line-height:140%;word-break:keep-all}
/* #main_bnr_area .main_txt_box .s_txt br{display:none} */

#main_bnr_area .main_img_area{width:94%}

/*스크롤다운*/
#main_bnr_area .scroll_down{width:44px;bottom:0;left:50%;transform:translateX(-50%)}
#main_bnr_area .scroll_down .main_pagination .swiper-pagination-bullet{display:inline-block;background:#254286}
#main_bnr_area .scroll_down .main_pagination span + span{margin:0 0 0 7px} 
#main_bnr_area .scroll_down .scroll_line{display:none}
#main_bnr_area .scroll_down .scroll_down_txt{display:none}
}

@media(max-width:480px){
/*메인영역*/
/* #main_bnr_area .main_txt_area{padding:110px 0 50px} */
#main_bnr_area .main_txt_area{padding:85px 0 45px}	

#main_bnr_area .main_tit_box{font-size:9.5vw}
#main_bnr_area .main_tit_box .tit02{-webkit-text-stroke:1px #fff}

#main_bnr_area .main_txt_box{margin:15px auto 30px}
#main_bnr_area .main_txt_box .s_tit{margin-bottom:0;padding:0 20px;font-size:15px;line-height:140%;word-break:keep-all}
#main_bnr_area .main_txt_box .s_tit br{display:block}
#main_bnr_area .main_txt_box .s_txt {padding:0 20px;font-size:14px;line-height:140%;word-break:keep-all;display:none}
/*
#main_bnr_area .main_img_area_pc{display:none}
#main_bnr_area .main_img_area_m{display:block}
*/
#main_bnr_area .main_btn{width:95%;height:50px}
#main_bnr_area .main_btn li{width:49%;height:50px;border-radius:50px;font-size:14px;line-height:50px}
#main_bnr_area .main_btn li img{display:none}
#main_bnr_area .main_btn .main_btn02{margin-left:2%}

}
@media(max-width:319px){
#main_bnr_area .main_btn li{font-size:13px}
}