@charset "utf-8";

#img_banner_slide {height: 100%;}
#img_banner_slide .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
#img_banner_slide .swiper-slide p {position: absolute; top: 0; right: 0; padding: 10px; color: #fff;}
#img_banner_slide .page_wrap {position: absolute; display: flex; align-items: center; gap:30px; z-index: 1; bottom: 0; left: 0; padding: 1rem 2rem; width: 50%; background: #003288;}
#img_banner_slide .page_wrap .pre-swiper-pagination {width: 35%; color: #fff; font-weight: 300;}
#img_banner_slide .page_wrap .pre-swiper-pagination span {margin: 0 5px;}
#img_banner_slide .page_wrap .pre-swiper-pagination .swiper-pagination-current {font-size: 2em; font-weight: bold;}
#img_banner_slide .page_wrap img {width: auto !important; height: auto;}

@media (max-width:1400px) {
    #img_banner_slide .page_wrap {gap: 20px;}
}

@media (max-width:1200px) {
    #img_banner_slide .page_wrap {width: 80%;}
}
@media (max-width:768px) {
    #img_banner_slide .page_wrap {width: 50%;}
}

@media (max-width:576px) {
    #img_banner_slide .page_wrap {width: 80%;}
}