@charset "utf-8";

.gallwrap { position: relative; }
.gallwrap .gallul { position: relative; margin: -15px; }
.gallwrap .gallul .gallli { position: relative; padding: 15px; }
.gallwrap .gallul .gallli .galla { position: relative; display: block; background-color: #fff; }
.gallwrap .gallul .gallli .galla .imgbox { position: relative; aspect-ratio: 1/0.6984126984126984; overflow: hidden; }
.gallwrap .gallul .gallli .galla .imgbox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: 150%; }
.gallwrap .gallul .gallli .galla .txtbox { padding: 13px; text-align: center; font-size: 18px; color: #515151; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.gallwrap .gallarrow { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.gallwrap .gallarrow img { width: 25px; }
.gallwrap .arrow1 { left: -45px; }
.gallwrap .arrow2 { right: -45px; }

@media (max-width: 1535px) {
    .gallwrap { padding: 0 50px; }
    .gallwrap .gallul .gallli .galla .txtbox { padding: 11px; }

    .gallwrap .gallarrow img { width: 20px; }
    .gallwrap .arrow1 { left: 0px; }
    .gallwrap .arrow2 { right: 0px; }
}
@media (max-width: 1279px) {
    .gallwrap { padding: 0 40px; }
    .gallwrap .gallul .gallli .galla .txtbox { padding: 10px; }

    .gallwrap .gallarrow img { width: 15px; }
}
@media (max-width: 1023px) {
    .gallwrap { padding: 0; }

    .gallwrap .gallarrow { display: none; }
}
@media (max-width: 424px) {
    .gallwrap { padding: 0 30px; }

    .gallwrap .gallarrow { display: block; }
}