@charset "utf-8";

#main_bnr_wrap{width:100%;max-height:120rem;min-height:72rem;height:100vh;background:#000;overflow:hidden;position:relative}
#main_bnr_wrap .main_slide_area:before,
#main_bnr_wrap  .main_slide_area:after{content:'';width:100%;position:absolute;left:0;z-index:10}
#main_bnr_wrap .main_slide_area:before{height:10rem;background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);top:0}
#main_bnr_wrap .main_slide_area:after{height:20rem;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);bottom:0}

#main_bnr_wrap .main_slide_area, #main_bnr_wrap .swiper-wrapper{width:100%;height:100%}
#main_bnr_wrap .swiper-wrapper{position:relative;z-index:3}
.main_slide_area .swiper-slide{width:100%;height:100%;background:url(/hd/main_banner/main_bg.jpg) no-repeat center/cover;position:relative}

/*메인 이미지 영역*/
#main_bnr_wrap .main_bg{width:100%;height:100%;animation:main_bnr 25s linear infinite;position:relative}
#main_bnr_wrap .main_bg01{background:url(/hd/main_banner/main_bg01.jpg) no-repeat center/cover}
#main_bnr_wrap .main_bg02{background:url(/hd/main_banner/main_bg02.jpg) no-repeat center/cover}
@keyframes main_bnr{0%{transform:scale(1)} 50%{transform:scale(1.13)} 100%{transform:scale(1)}}

/*메인텍스트*/
#main_bnr_wrap .main_txt_area{max-width:160rem;width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}
#main_bnr_wrap .main_txt{width:50%}
#main_bnr_wrap .main_txt .s_tit{display:inline-block;margin-bottom:2rem;font-size:1.7rem;font-weight:700;color:#fff;position:relative;font-family:'Poppins'}
#main_bnr_wrap .main_txt .s_tit::before{content:'';width:16rem;height:1px;background:rgba(255,255,255,.5);position:absolute;right:-18rem;top:50%;transform:translateY(-50%)}
#main_bnr_wrap .main_txt .tit{font-size:6.8rem;font-weight:600;line-height:140%;color:#fff}
#main_bnr_wrap .main_txt .txt{max-width:72rem;width:100%;margin-top:2rem;font-size:2.1rem;line-height:150%;color:rgba(255,255,255,.7);word-break:keep-all}
#main_bnr_wrap .main_txt .more{display:inline-block;margin-top:5rem;font-size:1.7rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:1.5rem;font-family:'Poppins'}
#main_bnr_wrap .main_txt .more .more_btn{display:inline-block;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--pt-color);position:relative;transition:all .3s}
#main_bnr_wrap .main_txt .more .more_btn img{width:1rem;height:1rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#main_bnr_wrap .main_txt .more .more_btn:hover{background:#fff}
#main_bnr_wrap .main_txt .more .more_btn:hover img{filter:invert(1)}

/*메인이미지*/
#main_bnr_wrap .img_box{width:50%;height:100%;position:absolute;top:0;right:0;animation:main_bnr 20s linear infinite;}
/*이미지 개별조정*/
#main_bnr_wrap .img_box01 img{max-width:100rem;width:97%;position:absolute;top:50%;left:0%;transform:translateY(-45%);}
#main_bnr_wrap .img_box02 img{max-width:140rem;width:125%;position:absolute;top:50%;left:-22%;transform:translateY(-45%);}
#main_bnr_wrap .img_box03 img{max-width:100rem;width:92%;position:absolute;top:50%;left:0%;transform:translateY(-45%);}
#main_bnr_wrap .img_box04 img{max-width:100rem;width:90%;position:absolute;top:50%;left:0%;transform:translateY(-45%);}

@keyframes main_bnr{0%{transform:scale(1)} 50%{transform:scale(1.1)} 100%{transform:scale(1)}}



/*메인 컨트롤러*/
#main_bnr_wrap .pager_area{max-width:160rem;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;position:absolute;left:50%;bottom:6rem;transform:translateX(-50%);z-index:10}
#main_bnr_wrap .pager_area .num_box{line-height:2rem;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center}
#main_bnr_wrap .pager_area .num_box > span{display:inline-block;width:2rem;font-size:1.7rem;font-weight:600;color:#fff;text-align:center;opacity:.5;font-family:'Poppins'}
#main_bnr_wrap .pager_area .num_box .slash{font-size:1.2rem}
#main_bnr_wrap .pager_area .num_box .main_s_num{opacity:1}
#main_bnr_wrap .pager_area .num_box .timeline{width:19rem;height:2px;margin:0 1.2rem;background:rgba(255,255,255,.2);position:relative}
#main_bnr_wrap .pager_area .num_box .timeline .bar{width:0;height:2px;background:#fff;position:absolute;left:0;top:0;animation-name:timeline;animation-duration:4s;}
#main_bnr_wrap .pager_area .num_box .timeline .bar:before{content:'';width:5px;height:5px;border-radius:50%;background:#fff;position:absolute;left:100%;top:50%;transform: translateY(-50%)}
#main_bnr_wrap .pager_area .num_box .timeline.on .bar{animation-name:timeline;animation-duration:4s;}/*정지/재생시 애니메이션 재실행*/
@keyframes timeline{from{width:0} to{width:100%}}

#main_bnr_wrap .pager_area .btns{width:2.7rem;height:2.7rem;border-radius:2.7rem;background:var(--pt-color);transition:all .3s}
#main_bnr_wrap .pager_area .btns button{width:100%;height:100%;border:0;background:none;cursor:pointer}
#main_bnr_wrap .pager_area .btns button img{vertical-align:unset;transition:all .3s}
#main_bnr_wrap .pager_area .btns .play{display:none}
#main_bnr_wrap .pager_area .btns:hover{background:#fff}
#main_bnr_wrap .pager_area .btns:hover button img{filter:invert(1)}

/*스크롤*/
#main_bnr_wrap .scroll_down{text-align:center;position:absolute;left:50%;bottom:5rem;z-index:10;transform:translateX(-50%)}
#main_bnr_wrap .scroll_down .txt{font-size:1.7rem;font-weight:600;color:#fff;font-family:'Poppins'}
#main_bnr_wrap .scroll_down .mouse{width:2rem;height:3rem;margin:1rem auto 0;border-radius:3rem;border:1px solid rgba(255,255,255,.5);position:relative}
#main_bnr_wrap .scroll_down .mouse span{width:3px;height:5px;border-radius:3px;background:#fff;position:absolute;top:.5rem;left:50%;transform:translateX(-50%);animation:mouse 2s infinite;opacity:0}
@keyframes mouse{0%{top:.5rem;opacity:0} 50%{top:1.1rem;opacity:1} 100%{top:1.4rem;opacity:0}}


@media(max-width:1600px){
#main_bnr_wrap .main_txt{padding:0 2rem}
#main_bnr_wrap .pager_area{padding:0 2rem}
}
@media(max-width:1280px){
#main_bnr_wrap .main_txt .tit{font-size:6rem}
}
@media(max-width:1024px){
.main_slide_area .swiper-slide{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;}	
#main_bnr_wrap .bnr_inner{width:100%;}
#main_bnr_wrap .main_txt_area{position:relative;top:auto;left:auto;transform:none}
#main_bnr_wrap .main_txt{width:100%;text-align:center;display:flex;align-items:center;flex-direction:column}
#main_bnr_wrap .main_txt .s_tit{margin-bottom:1rem}
#main_bnr_wrap .main_txt .s_tit::before{display:none}
#main_bnr_wrap .main_txt .tit{font-size:5rem}
#main_bnr_wrap .main_txt .txt{margin-top:.5rem;font-size:2rem}
#main_bnr_wrap .main_txt .more{margin-top:3rem}

#main_bnr_wrap .img_box{max-width:90%;width:100%;margin:2rem auto 0;padding-bottom:45%;position:relative;right:auto;top:auto;z-index:10}
#main_bnr_wrap .img_box01 img{max-width:70rem;width:100%;top:50%;left:50%;transform:translate(-50%, -50%)}
#main_bnr_wrap .img_box02 img{max-width:75rem;width:90%;top:50%;left:50%;transform:translate(-50%, -43%);}
#main_bnr_wrap .img_box03 img{max-width:70rem;width:100%;top:59%;left:50%;transform:translate(-50%, -50%)}
#main_bnr_wrap .img_box04 img{max-width:70rem;width:100%;top:70%;left:50%;transform:translate(-50%, -50%)}

#main_bnr_wrap .pager_area{bottom:4rem;justify-content:center}
#main_bnr_wrap .scroll_down{display:none}	
}
@media(max-width:767px){
#main_bnr_wrap{max-height:94rem;min-height:60rem}
#main_bnr_wrap .main_txt .tit{font-size:4.5rem;line-height:120%}
}
@media(max-width:480px){
#main_bnr_wrap{max-height:82rem;min-height:55rem}
#main_bnr_wrap .main_txt .s_tit{font-size:1.5rem}
#main_bnr_wrap .main_txt .tit{font-size:4rem}
#main_bnr_wrap .main_txt .txt{font-size:1.8rem}
#main_bnr_wrap .main_txt .txt br{display:none}

#main_bnr_wrap .main_txt .more{margin-top:2rem}
#main_bnr_wrap .pager_area{bottom:3rem}
#main_bnr_wrap .pager_area .num_box .timeline{width:12rem}
}
@media(max-width:320px){
#main_bnr_wrap .main_txt .tit{font-size:3.5rem}
}