@charset "utf-8";

/* 커스텀 리스트 */
.archList { position: relative; }
.archList .archUl { margin: -15px; }
.archList .archUl .archLi { position: relative; padding: 15px; }
.archList .archUl .archLi .archA { display: block; height: 100%; }
.archList .archUl .archLi .archA .imgbox { position: relative; aspect-ratio: 1/1.4197530864197532; overflow: hidden; border: 1px solid #e6e6e6; }
.archList .archUl .archLi .archA .imgbox img { position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.archList .archUl .archLi .archA .txtbox { margin-top: 20px; }
.archList .archUl .archLi .archA .txtbox .txt1 { font-weight: 600; font-size: 20px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.archList .archUl .archLi .archA .txtbox .txt2 { margin-top: 10px; font-size: 18px; color: #8f8f8f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1535px) {
    .archList .archUl .archLi .archA .txtbox { margin-top: 18px; }
}
@media (max-width: 1279px) {
    .archList .archUl .archLi .archA .txtbox { margin-top: 16px; }
}
@media (max-width: 1023px) {
    .archList .archUl .archLi .archA .txtbox { margin-top: 15px; }
    /* .archList .archUl .archLi { width: 33.3333%; } */
}
@media (max-width: 767px) {
    .archList .archUl { margin: -10px; }
    .archList .archUl .archLi { padding: 10px; }
}
@media (max-width: 580px) {
    /* .archList .archUl { margin: initial; justify-content: space-between; }
    .archList .archUl .archLi { padding: initial; width: 48%; }
    .archList .archUl .archLi:nth-of-type(n + 3) { margin-top: 4%; } */
}