@charset "utf-8";

.visual-slider{position:relative}
.visual-slider a img{transition:all .3s}
.visual-buttons{position:absolute;bottom:20px;right:0;z-index:1;text-align:center}

.visual-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #171717;
}

.visual-slider > a {
  display: block;
}

.visual-slider #visualImage {
  display: block;
  width: 100%;
  height: auto;
}

.visual-buttons {
  position: absolute;
  right: 40px;
  bottom: 20px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 6px;
}

.visual-buttons button {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background-color: #aaa;
  font-size: 0; /* 숫자 숨김 */
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.visual-buttons button:hover,
.visual-buttons button.active {
  background-color: #b70e17;
}