@charset "utf-8";

.gallList { position: relative; }
.gallList .gallUl { position: relative; display: block; flex-wrap: wrap; margin: -10px; }
.gallList .gallUl .gallLi { position: relative; /* width: 25%; */ padding: 10px; }
.gallList .gallUl .gallLi .gallA { display: block; }
.gallList .gallUl .gallLi .gallA .imgbox { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/0.6923076923076923; overflow: hidden; }
.gallList .gallUl .gallLi .gallA .imgbox img { min-width: 100%; min-height: 100%; max-width: 120%; }
.gallList .gallUl .gallLi .gallA .txtbox { margin-top: 15px; }
.gallList .gallUl .gallLi .gallA .txtbox .txt1 { font-size: 18px; color: #000; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gallList .gallUl .gallLi .gallA .txtbox .txt2 { font-size: 18px; color: #9d9d9d; line-height: 1.5; }

.gallList .gallarrow { z-index: 5; position: absolute; top: 46%; transform: translateY(-50%); cursor: pointer; }
.gallList .gallarrow img { width: 17px; }
.gallList .gallarrow img:hover { filter: brightness(0); }
.gallList .arrow_left { left: -40px; }
.gallList .arrow_right { right: -40px; }

@media (max-width: 1535px) {
    .gallList .gallUl .gallLi .gallA .txtbox { margin-top: 13px; }
}
@media (max-width: 1279px) {
    .gallList { padding: 0 40px; }
    .gallList .gallUl .gallLi .gallA .txtbox { margin-top: 11px; }

    .gallList .gallarrow img { width: 15px; }
    .gallList .arrow_left { left: 0px; }
    .gallList .arrow_right { right: 0px; }
}
@media (max-width: 1023px) {
        .gallList { padding: 0 30px; }
    /* .gallList .gallUl .gallLi { width: 33.3333%; } */
    .gallList .gallUl .gallLi .gallA .txtbox { margin-top: 10px; }

        .gallList .gallarrow img { width: 13px; }
}
@media (max-width: 767px) {
    .gallList .gallUl { margin: -7px; justify-content: space-between; }
    .gallList .gallUl .gallLi { padding: 7px; /* width: 48%; */ }
    /* .gallList .gallUl .gallLi:nth-of-type(n + 3) { margin-top: 4%; } */
    .gallList .gallUl .gallLi .gallA .txtbox { margin-top: 8px; }
}