@charset "utf-8";
/* dots */
.banenr-switch-dots{width: 100%; position:absolute; bottom:15px; left:0; display:flex; justify-content:center; z-index:4;}
.banenr-switch-dots .dot-indicator{width:10px; height:10px; border-radius:50%; background-color: var(--bg-hover); cursor:pointer; transition:all 0.3s ease; margin: 5px; opacity: .5;}
.banenr-switch-dots .dot-indicator.active{background-color: var(--bg-hover);opacity: 1;}
/* btn */
.banenr-switch-prev,.banenr-switch-next{width: 40px; aspect-ratio: 1/1; position:absolute; left: -100%; top:50%; transform:translateY(-50%); cursor:pointer; transition:all 0.3s ease-in-out; display:flex; line-height: 1; z-index: 5;}
.banenr-switch-next{left: auto; right:-100%;}
.banenr-switch-prev>img,.banenr-switch-next>img{width: 100%; height: auto; object-fit: contain;}
.banenr-switch-prev:hover>img,.banenr-switch-next:hover>img{opacity: .8;}
.banenr-switch-carousel:hover .banenr-switch-prev{left: 30px;}
.banenr-switch-carousel:hover .banenr-switch-next{right: 30px;}