@charset "utf-8";

.customPerform { position: relative; padding-top: 0; }
.customPerform .ul1 { /* display: flex; flex-wrap: wrap; */ margin: -10px; }
.customPerform .ul1 .li1 { position: relative; /* width: 33.3333%; */ padding: 10px; }
.customPerform .ul1 .li1 .a1 { position: relative; display: block; height: 100%; overflow: hidden; aspect-ratio: 1/1.3; }
.customPerform .ul1 .li1 .a1 .imgbox { position: relative; text-align: center; overflow: hidden; height: 100%; display: flex; flex-wrap: nowrap; align-items: initial; justify-content: center; text-align: center; }
.customPerform .ul1 .li1 .a1 .imgbox img { display: inline-block; min-height: 100%; max-width: 300%; transform-origin: center; transition: transform 0.3s; }
.customPerform .ul1 .li1 .a1:hover .imgbox img { transform: scale(1.1); }
.customPerform .ul1 .li1 .a1 .txtbox { z-index: 1; position: absolute; left: 0; bottom: 0; padding: 15px 10px; text-align: center; font-size: 18px; color: #fff; line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0.75); width: 100%; }

.customPerform .performarrow { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.customPerform .performarrow img { width: 36px; }
.customPerform .arrow_left { left: -65px; }
.customPerform .arrow_right { right: -65px; }

@media (max-width: 1535px) {
    .customPerform { padding: 0 50px; }

    .customPerform .ul1 .li1 .a1 .txtbox { padding: 13px 8px; }

    .customPerform .performarrow img { width: 25px; }
    .customPerform .arrow_left { left: 0; }
    .customPerform .arrow_right { right: 0; }
}
@media (max-width: 1279px) {
    .customPerform .ul1 .li1 .a1 .txtbox { padding: 12px 7px; }
}
@media (max-width: 1023px) {
    .customPerform .ul1 .li1 .a1 .txtbox { padding: 10px 6px; }
}
@media (max-width: 524px) {
    .customPerform { padding: 0 50px; }
    .customPerform .ul1 { margin: initial; justify-content: space-between; }
    .customPerform .ul1 .li1 { /* width: 48%; */ padding: initial; }
    /* .customPerform .ul1 .li1:nth-of-type(n + 3) { margin-top: 4%; } */
    .customPerform .ul1 .li1 .a1 .txtbox { padding: 8px 5px; }
    .customPerform .performarrow img { width: 17px; }
}