@charset "utf-8";


/* 커스텀 목록 */
.gallWrap { position: relative; }
.gallList { position: relative; }
.gallList .gallUl { position: relative; /* display: flex; */ display: block; flex-wrap: wrap; margin: -20px; }
.gallList .gallUl .gallLi { position: relative; /* width: 33.3333%; */ padding: 20px; }
.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: 20px; }
.gallList .gallUl .gallLi .gallA .txtbox .txt1 { font-weight: 700; font-size: 20px; color: #414141; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gallList .gallUl .gallLi .gallA .txtbox .txt2 { font-size: 18px; color: #797979; line-height: 1.5; }

.gallWrap .gallarrow { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.gallWrap .gallarrow img { width: 41px; }
.gallWrap .gall_left { left: -80px; }
.gallWrap .gall_right { right: -80px; }

@media (max-width: 1535px) {
    .gallWrap { padding: 0 50px; }
    .gallList .gallUl { margin: -17px; }
    .gallList .gallUl .gallLi { padding: 17px; }
    .gallList .gallUl .gallLi .gallA .txtbox { margin-top: 17px; }

    .gallWrap .gallarrow img { width: 26px; }
    .gallWrap .gall_left { left: 0; }
    .gallWrap .gall_right { right: 0; }
}
@media (max-width: 1279px) {
    .gallWrap { padding: 0 40px; }
    .gallList .gallUl { margin: -15px; }
    .gallList .gallUl .gallLi { padding: 15px; }
    .gallList .gallUl .gallLi .gallA .txtbox { margin-top: 15px; }

    .gallWrap .gallarrow img { width: 22px; }
}
@media (max-width: 1023px) {
    .gallWrap { padding: 0 30px; }

    .gallList .gallUl { margin: -13px; }
    .gallList .gallUl .gallLi { padding: 13px; }
    .gallList .gallUl .gallLi .gallA .txtbox { margin-top: 13px; }

    .gallWrap .gallarrow img { width: 15px; }
}
@media (max-width: 767px) {
    .gallList .gallUl { margin: -10px; }
    .gallList .gallUl .gallLi { padding: 10px; }
    .gallList .gallUl .gallLi .gallA .txtbox { margin-top: 10px; }

}
@media (max-width: 524px) {
    .gallWrap { padding: 0 40px; }
    .gallWrap .gallarrow img { width: 20px; }

    .gallList .gallUl { margin: initial; }
    .gallList .gallUl .gallLi { padding: initial; }
}
@media (max-width: 440px) {
    .gallWrap { padding: 0 30px; }
    .gallWrap .gallarrow img { width: 15px; }
}