@charset "utf-8";


/* 게시판 목록 */
#bo_list .list-top { margin-top:20px; }
#bo_list .list-top ul { display:flex; flex-wrap: wrap; width:100%; }

#bo_list .list-top li { position:relative; margin:-1px 0 0 -1px; border:1px solid #ddd; width:calc(var(--li-size) + 1px); --li-size:10%; }
#bo_list .list-top li:nth-child(1) { border-top-left-radius: 10px; }
#bo_list .list-top li:nth-child(10) { border-top-right-radius: 10px; }
#bo_list .list-top li:nth-child(11) { border-bottom-left-radius: 10px; }
#bo_list .list-top li:hover,
#bo_list .list-top li.active { z-index:2; font-weight:700; }
#bo_list .list-top li:hover:before,
#bo_list .list-top li.active:before { content:""; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:2px solid var(--main-color1); border-radius: inherit; }

#bo_list .list-top li a { text-align:center; padding:15px 5px; display:block; }


@media (max-width: 1024px) {
    #bo_list .list-top li { --li-size:14.28%; }
    #bo_list .list-top li:nth-child(10) { border-top-right-radius: 0; }
    #bo_list .list-top li:nth-child(11) { border-bottom-left-radius: 0; }
    #bo_list .list-top li:nth-child(7) { border-top-right-radius: 10px; }
    #bo_list .list-top li:nth-child(15) { border-bottom-left-radius: 10px; }
}

@media (max-width: 767px) {
    #bo_list .list-top li { --li-size:20%; }
    #bo_list .list-top li:nth-child(7) { border-top-right-radius: 0; }
    #bo_list .list-top li:nth-child(15) { border-bottom-left-radius: 0; }
    #bo_list .list-top li:nth-child(5) { border-top-right-radius: 10px; }
    #bo_list .list-top li:nth-child(16) { border-bottom-left-radius: 10px; }

    #bo_list .list-top a { padding:7px 5px; }
}


#bo_list .list-box .a { border-radius:0; border:none; box-shadow:none; }
#bo_list .list-box .content { margin-top:15px; padding:0; display:flex; flex-direction:column; }

#bo_list .list-box .modify-btn { font-size:.75rem; padding:2px 7px; border-radius:99px; background:#444; color:#fff; margin-left:5px; }