@charset "utf-8";

/* 메인영역 */
#main_banner_wrap{position:relative;z-index:1;display:flex;flex-direction:column;gap:30px;padding:0 30px;background-color:var(--bg-color)}
#main_banner_wrap .main_banner_inner{width:100%;max-width:var(--main-width);margin:0 auto}
@keyframes flow{0%{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(10px)}100%{opacity:0;transform:translateY(0)}}

/* 배너 영역 */
#main_banner{position:relative;width:100%}
#main_banner_wrap .mainSlide{width:100%;border-radius:20px}
#main_banner_wrap .mainSlide.swiper-container img{display:none;width: 100%;object-fit: cover;}
#main_banner_wrap .mainSlide.swiper-container .pc{display:block}
#main_banner_wrap .main_slide li{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
#main_banner_wrap .main_slide li .link-event{display: block;width: 100%;height: 100%;}

/* pagigation + navigation */
#main_banner_wrap .slider-controller{display:flex;align-items:center;justify-content:center;}
#main_banner_wrap .slider-controller .controller{display: flex;align-items: center;justify-content: center;gap: 8px;min-width: 150px;height: 40px;border-radius:100px;background-color:#fff}
#main_banner_wrap .main_pager{display: flex;align-items:center;justify-content:center;gap:5px;}
#main_banner_wrap .slider-controller button{all:unset;display: flex;align-items: center;cursor: pointer;}
#main_banner_wrap .slider-controller button svg{width: 22px;height: 22px;}


#main_banner_wrap .main_pager span{display:block;position:relative;width:9px;height:9px;border-radius:50%;opacity:1;text-indent:-99999px;background-color:#fff;border:2px solid #e1e1e1;transition:ease 0.8s}
#main_banner_wrap .main_pager span.on{background-color:var(--brand-color);border-color:var(--brand-color)}

/* 반응형 [s] */
@media (hover:hover) {
#main_banner_wrap .move_txt03 a:hover{position:relative;border:1px solid #326f46;background-color:#326f46}
}
@media (max-width:1440px){
#main_banner_wrap .main_pager{left:auto;right:20px;margin-left:0}
}
@media (max-width:1024px){
#main_banner_wrap .move_txt01{font-size:56px}
#main_banner_wrap .move_txt02{color:rgba(255,255,255,0.7)}
}
@media (max-width:768px){
#main_banner_wrap{padding: 0 15px;}
#main_banner_wrap .move_txt01{font-size:46px;line-height:56px}
#main_banner_wrap .move_txt02{padding-right:80px;white-space:normal; word-break:keep-all}
#main_banner_wrap .move_txt03{margin-top:32px}
#main_banner_wrap .main_pager{top:auto;bottom:20px; transform:none}
#main_banner_wrap .main_pager span{display:inline-block}
#main_banner_wrap .mainSlide.swiper-container .tablet{display:block}
#main_banner_wrap .mainSlide.swiper-container .pc,#main_banner_wrap .mainSlide.swiper-container .mobile{display:none}
}
@media (max-width:480px){
#main_banner_wrap .move_txt01{font-size:41px;line-height:1;white-space:pre-line}
#main_banner_wrap .mainSlide.swiper-container .mobile{display:block}
#main_banner_wrap .mainSlide.swiper-container .pc,#main_banner_wrap .mainSlide.swiper-container .tablet{display:none}
}
@media (max-width:380px){
#main_banner_wrap .move_txt01{font-size:38px;line-height:1}

}
/* 반응형 [e] */