/* 아르떼 자주 찾는 정보 25.10.24 추가  */
.text-ellipsis {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; word-break: break-all;}
.arteFavMenu .favMenuList {display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px 24px;}
.arteFavMenu .favMenuList a {position: relative; display: block; width: 100%; height: 100%; border: 1px solid var(--krds-gray-40); border-radius: 12px; padding: 14px 20px; transition: all .2s ease-in-out;}
.arteFavMenu .favMenuList a::after {content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 20px; height: 20px; background-image: url('../images/common/head_gnb_ico_arr.png'); background-size: contain;}
.arteFavMenu .favMenuList a:hover::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-image: url('../images/main/fav_menu_hover.png'); }
.arteFavMenu .favMenuList a:hover {border-color: var(--arte-primary-50); padding-left: 52px; }
.arteFavMenu .favMenuList .text-ellipsis {padding-right: 40px;}







/* Tablet */
@media all and (max-width:1024px) {
    /* 아르떼 자주 찾는 정보 영역 25.10.24 추가 */
    .arteFavMenu .favMenuList {grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width:768px) {
    /* 아르떼 자주 찾는 정보 영역 25.10.24 추가 */
    .main .arteFavMenu {padding-top: 60px !important;}
}

/* Mobile */
@media all and (max-width:600px) {
    /* 아르떼 자주 찾는 정보 영역 25.10.24 추가 */
    .arteFavMenu .favMenuList {grid-template-columns: repeat(1, 1fr);}
}