/* 관리자 버튼구역 */
#bo_list .admin_area { display: flex; justify-content: space-between; align-items: center; }
#bo_list .admin_area .check_wrap { display: flex; gap: 5px; }
#bo_list .admin_area .check_wrap .chk_all { width: 15px !important; height: 15px !important; border-radius: 3px !important; cursor: pointer; }
#bo_list .admin_area .check_wrap label { font-size: 14px; cursor: pointer; }

#bo_list .admin_area .btn_wrap { display: flex; align-items: center; gap: 5px; padding-top: 0 !important; } 
#bo_list .admin_area .btn_wrap .board_btn { display: inline-block; padding: 10px 15px; font-family: sdneo; font-size: 13px; color: #000; border: 1px solid #d9ded9; border-radius: 3px; background-color: #f2f5f9; transition: 0.3s; }
#bo_list .admin_area .btn_wrap .board_btn:hover { color: #fff; border-color: #3b3c3f; background-color: #4b545e; transition: 0.3s; }


/* 리스트 시작 */
#bo_list .tit_wrap { margin-bottom: 80px; text-align: center; }
#bo_list .tit_wrap h2 { margin-bottom: 20px; font-family: 'TtangsBudaeJjigae', sans-serif; font-size: 45px; font-weight: 400; }
#bo_list .tit_wrap p { font-size: 24px; line-height: 1.3; }

#bo_list .main_cate_list { display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 100px; }
#bo_list .main_cate_list .btn_main_cate { display: inline-block; padding: 10px 30px; font-size: 30px; border: 1px solid #bbb; border-radius: 50px !important; transition: 0.3s; }
#bo_list .main_cate_list .btn_main_cate:hover { color: #fff; border-color: var(--main_color); background-color: var(--main_color); transition: 0.3s; }
#bo_list .main_cate_list .btn_main_cate.active { color: #fff; border-color: var(--main_color); background-color: var(--main_color); transition: 0.3s; }

#bo_list .sub_cate_wrap { display: none; margin-bottom: 100px; }
#bo_list .sub_cate_wrap .sub_cate_list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
#bo_list .sub_cate_wrap .sub_cate_list li { width: calc((100% - 50px) / 6); }
#bo_list .sub_cate_wrap .sub_cate_list li:nth-child(n+7) { width: calc((100% - 40px) / 5); }
#bo_list .sub_cate_wrap .sub_cate_list li a { display: block; width: 100%; padding: 20px 10px; font-size: 20px; font-weight: 500; border: 1px solid #bbb; border-radius: 5px !important; transition: 0.3s; }
#bo_list .sub_cate_wrap .sub_cate_list li a:hover { color: #fff; border-color: #595959; background-color: #595959; transition: 0.3s; }
#bo_list .sub_cate_wrap .sub_cate_list li a.active { color: #fff; border-color: #595959; background-color: #595959; transition: 0.3s; }


#bo_list .cate_tit_wrap { text-align: center; }
#bo_list .cate_tit_wrap p { margin-bottom: 20px; font-family: "Marcellus", serif; font-size: 21px; color: var(--main_color); }
#bo_list .cate_tit_wrap .cate_tit { font-family: 'TtangsBudaeJjigae', sans-serif; font-size: 45px; font-weight: 400; }


#bo_list .qna_list { width: 100%; }
#bo_list .qna_list > li { position: relative; display: none; width: 100%; }
#bo_list .qna_list > li.on { display: block; }

#bo_list .qna_list .qna_group h3 { margin-top: 100px; padding: 50px 0; font-size: 28px; font-weight: 600; text-align: center; }
#bo_list .qna_list .qna_group.first h3 { margin-top: 0; }

#bo_list .qna_list > li .q_box { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 70px; padding: 0 30px; border-bottom: 1px solid var(--main_color); background-color: #fff; cursor: pointer; }
#bo_list .qna_list > li .q_box .check_box { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 13px; aspect-ratio: 1 / 1; }
#bo_list .qna_list > li .q_box .check_box input { width: 100%; height: 100%; border-radius: 3px; cursor: pointer; }

#bo_list .qna_list > li .q_box .left { display: flex; align-items: center; gap: 10px; }
#bo_list .qna_list > li .q_box .left span { display: block; width: 24px; aspect-ratio: 19 / 16; } 
#bo_list .qna_list > li .q_box .left span img { display: block; width: 100%; height: 100%; object-fit: cover; }
#bo_list .qna_list > li .q_box .left p { font-size: 20px; }

#bo_list .qna_list > li .q_box .right { display: flex; justify-content: flex-end; align-items: center; gap: 30px; }
#bo_list .qna_list > li .q_box .right a { font-size: 16px; color: #888; }
#bo_list .qna_list > li .q_box .right .arrow { width: 14px; aspect-ratio: 1 / 1; border-right: 2px solid var(--main_color); border-bottom: 2px solid var(--main_color); transform: rotate(45deg); transition: transform 0.3s; }
#bo_list .qna_list > li .q_box.on .right .arrow { transform: translateY(5px) rotate(225deg); transition: 0.3s; }

#bo_list .qna_list > li .a_box { display: none; width: 100%; padding: 30px 50px; border-bottom: 1px solid var(--main_color); background-color: #efefef; }
#bo_list .qna_list > li .a_box ol { display: flex; flex-direction: column; gap: 20px; }
#bo_list .qna_list > li .a_box ol li { position: relative; padding-left: 30px; font-size: 18px; line-height: 1.3; text-align: left; }
#bo_list .qna_list > li .a_box ol li::after { content: ''; position: absolute; top: 0; left: 0; transform: translateY(9px); width: 4px; aspect-ratio: 1 / 1; background-color: var(--main_color); }


#bo_list .qna_list > li.empty_list { padding: 70px 0; }
#bo_list .qna_list > li.empty_list p { font-size: 14px; color: #555; text-align: center; line-height: 1.8; }



@media (max-width: 500px) {
  #bo_list .qna_list { gap: 20px; }
  #bo_list .qna_list > li > a { align-items: stretch; gap: 15px; }
  #bo_list .qna_list > li > a .thumb_box { width: 165px; }
  
  #bo_list .qna_list > li > a .txt_box { padding: 5px 0; }
  #bo_list .qna_list > li > a .txt_box strong { font-size: 12px; }
  #bo_list .qna_list > li > a .txt_box h3 { font-size: 20px; -webkit-line-clamp: 2; }
  #bo_list .qna_list > li > a .txt_box h4 { flex: 1; font-size: 15px; -webkit-line-clamp: 2; }
  #bo_list .qna_list > li > a .txt_box p { display: none; } 
}