/* miso-board-banner 위젯 스타일 */
.bannerex-widget {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background: transparent;
    overflow: visible;
}

.bannerex-widget * {
    box-sizing: border-box;
}

.bannerex-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 60px;
    gap: 1px;
    margin: 0;
    padding: 1px;
    line-height: 0;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
}

.bannerex-item {
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 0;
    margin: 0;
    padding: 0.5px;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
    white-space: nowrap;
}

.bannerex-item-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f8f9fa;
    border-radius: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    margin: 0;
    padding: 0;
}

.bannerex-item-inner:hover {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transform: translateY(-0.125rem);
}

.bannerex-item a {
    display: block;
    width: 100%;      /* ← 추가 */
    height: 100%;     /* ← 추가 */    
    text-decoration: none;
    border: none;
    color: inherit;
}

.bannerex-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: fill;
    transition: transform 0.3s ease;
    max-width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
    line-height: 0;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
    white-space: nowrap;
}

.bannerex-item:hover img {
    transform: scale(1.05);
}

/* 반응형 설정 */
@media (max-width: 1199.98px) {
    .bannerex-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991.98px) {
    .bannerex-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767.98px) {
    .bannerex-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .bannerex-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 나리야 테마 호환 */
.na-container .bannerex-widget {
    margin-bottom: 0;
}

.na-row .bannerex-widget {
    margin-bottom: 0;
}

/* 위젯 설정 버튼 */
.btn-wset {
    text-align: center;
    margin-top: 0.5rem;
}

.btn-setup {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    color: #6c757d;
    text-decoration: none;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out;
}

.btn-setup:hover {
    color: #495057;
    text-decoration: none;
}

.btn-setup .fa {
    margin-right: 0.25rem;
}