/* 리스트 헤더 */
#board_wrap .list_head { display: flex; flex-direction: column; gap: calc(var(--standard_px) * 15); margin-bottom: calc(var(--standard_px) * 30); }
#board_wrap .list_head h2 { font-size: calc(var(--standard_px) * 22); color: var(--main_color); }

#board_wrap .list_head .search_box { position: relative; width: 100%; border: calc(var(--standard_px) * 1) solid #ddd; border-radius: calc(var(--standard_px) * 5); background-color: #fff; overflow: hidden; }
#board_wrap .list_head .search_box input { width: 100%; padding: calc(var(--standard_px) * 8) calc(var(--standard_px) * 40) calc(var(--standard_px) * 8) calc(var(--standard_px) * 10); font-size: calc(var(--standard_px) * 14); }
#board_wrap .list_head .search_box .btn_search { position: absolute; top: 0; right: calc(var(--standard_px) * 10); display: flex; justify-content: center; align-items: center; width: calc(var(--standard_px) * 20); height: 100%; }
#board_wrap .list_head .search_box .btn_search span { font-size: calc(var(--standard_px) * 20); }



/* 리스트 시작 */
#bo_list .post_list { width: 100%; border-top: calc(var(--standard_px) * 1) solid #3f3420; border-bottom: calc(var(--standard_px) * 1) solid #3f3420; }
#bo_list .post_list li { width: 100%; border-bottom: calc(var(--standard_px) * 1) solid #ddd; border-left: calc(var(--standard_px) * 2) solid transparent; }
#bo_list .post_list li:hover { border-left-color: var(--main_color); }
#bo_list .post_list li:last-child { border-bottom: none; }

#bo_list .post_list li a { display: flex; flex-wrap: wrap; gap: calc(var(--standard_px) * 8); width: 100%; padding: calc(var(--standard_px) * 15) calc(var(--standard_px) * 5); }
#bo_list .post_list li a h2 { width: 100%; font-size: calc(var(--standard_px) * 18); font-weight: 600; }

#bo_list .post_list li a .info_wrap { display: flex; align-items: center; gap: calc(var(--standard_px) * 15); }
#bo_list .post_list li a .info_wrap strong { display: flex; align-items: center; gap: calc(var(--standard_px) * 5); font-size: calc(var(--standard_px) * 14); font-weight: 400; }
#bo_list .post_list li a .info_wrap p { display: flex; align-items: center; gap: calc(var(--standard_px) * 5); font-size: calc(var(--standard_px) * 12); color: #64748b; }
#bo_list .post_list li a .info_wrap p span { font-size: calc(var(--standard_px) * 14); }

#bo_list .post_list li.empty { padding: calc(var(--standard_px) * 40) 0; border-left-color: transparent !important; }
#bo_list .post_list li.empty p { font-size: calc(var(--standard_px) * 16); color: #64748b; text-align: center; }