li.no-bullet a {
    list-style-type: none;
    border:none !important;
    font-size:0.9em;
}
.banner-group{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
}
.banner{
    border:1px #ccc solid;
    display: flex;
    flex-direction: column;
    cursor: pointer !important;
    flex: 1; /* 기존 flex 속성 유지 (남은 공간 채우기) */
    text-align: center;
    padding: 10px 10px;
    border-radius: 6px; 
    text-decoration: none;
    transition: background-color 0.3s;
    min-height: 80px; /* ?? 폰트 크기와 상관없이 배너의 최소 높이 지정 */

}
.blank{
    border:none !important;
    cursor: default;
}
.daegu{ 
    background-position: -2px -2px;
    background-image: url('/image/banner_organ/daegu.jpg');
    background-size: 105% 130%; /* 이미지가 div를 꽉 채우도록 설정 */
    background-repeat: no-repeat; /* 이미지가 반복되지 않도록 설정 */
}
.seoul{ 
    background-position: -2px -2px;
    background-image: url('/image/banner_organ/seoul.jpg');
    background-size: 105% 130%; /* 이미지가 div를 꽉 채우도록 설정 */
    background-repeat: no-repeat; /* 이미지가 반복되지 않도록 설정 */
}
.changwon{ 
    background-position: -10px -10px;
    background-image: url('/image/banner_organ/changwon.jpg');
    background-size: 105% 130%; /* 이미지가 div를 꽉 채우도록 설정 */
    background-repeat: no-repeat; /* 이미지가 반복되지 않도록 설정 */
}
.hongsung{ 
    background-position: -10px -10px;
    background-image: url('/image/banner_organ/hongsung_1.jpg');
    background-size: 105% 130%; /* 이미지가 div를 꽉 채우도록 설정 */
    background-repeat: no-repeat; /* 이미지가 반복되지 않도록 설정 */
}
.suwon{ 
    background-position: -10px -10px;
    background-image: url('/image/banner_organ/suwon.jpg');
    background-size: 105% 130%; /* 이미지가 div를 꽉 채우도록 설정 */
    background-repeat: no-repeat; /* 이미지가 반복되지 않도록 설정 */
}
.uiwang{ 
    background-position: -10px -10px;
    background-image: url('/image/banner_organ/uiwang.jpg');
    background-size: 105% 130%; /* 이미지가 div를 꽉 채우도록 설정 */
    background-repeat: no-repeat; /* 이미지가 반복되지 않도록 설정 */
}
.chungnam{ 
    background-position: -10px -5px;
    background-image: url('/image/banner_organ/chungnam.jpg');
    background-size: 105% 120%; /* 이미지가 div를 꽉 채우도록 설정 */
    background-repeat: no-repeat; /* 이미지가 반복되지 않도록 설정 */
}
.busan{ 
    background-position: -10px -10px;
    background-image: url('/image/banner_organ/n_busan.jpg');
    background-size: 105% 120%; /* 이미지가 div를 꽉 채우도록 설정 */
    background-repeat: no-repeat; /* 이미지가 반복되지 않도록 설정 */
}

/* ------------------------------------------------------ */
/* 모바일 반응형 스타일: 768px 이하 화면 수정 */
/* ------------------------------------------------------ */
@media (max-width: 768px) {

    .banner-group{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 20px;
    }

}