@charset "utf-8";

/* 인기검색어 - 사이드바 공지사항 아래 박스 섹션으로 표시 (제목은 박스 밖 위쪽)
   검색어 개수/폭에 따라 자동으로 줄바꿈되고, 최대 3줄까지만 보이도록 높이를 제한함 */
.aside_popular {margin-bottom:20px}
#popular {position:relative;margin:0;width:100%}
#popular h2 {position:static;display:block;margin-bottom:15px;padding-left:10px;border-left:3px solid #4C6FD1;font-size:15px;line-height:1;font-weight:bold;color:#333;overflow:visible}
#popular .popular_inner {position:relative;width:100%;padding:22px 20px;border:1px solid #edf0f7;border-radius:14px;background:#fff;box-shadow:0 2px 12px rgba(20,40,120,0.05)}
#popular .popular_inner ul {display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px 18px;max-height:88px;overflow:hidden;padding:0;margin:0}
#popular li {width:auto;line-height:24px;white-space:nowrap}
#popular li a {color:#8d8c8c}
#popular li a:hover {text-decoration:underline}

/* ============================================================
   1024px 미만: 좁은 화면에서도 동일하게 박스 형태 유지
   ============================================================ */
@media (max-width: 1023.98px) {
    #popular .popular_inner {padding:18px 16px;border-radius:12px}
}