.board_table.qna thead th.list_num {width: 6%;}
.board_table.qna thead th.list_title {width: 62%;}
.board_table.qna thead th.list_date {width: 12%;}
.board_table.qna thead th.list_writer {width: 10%;}
.board_table.qna thead th.list_status {width: 10%;}

.board_table.qna .pending {background: #eee; color: #666;}
.board_table.qna .answered, .board_table.qna .pending {display: inline-flex; justify-content: center; align-items: center; width: 65px; padding: 4px; border-radius: 4px; font-size: 14px; box-sizing: border-box;}
.board_table.qna .answered {color: #0082FF; background: #E6F3FF;}

/*write*/
.qna .qna-btn {margin: 0;}
.qna-notice {margin: 40px 0px 20px;}
.qna-notice p {font-size: 18px; text-align: right; color: #555;}

.input-text {color: #999; margin-left: 15px;}

.qna-table {width: 100%; border-top: 2px solid #222; border-bottom: 1px solid #ccc;}
.qna-table th, .qna-table td {padding: 15px; font-size: 18px; color: #555; text-align: left; box-sizing: border-box;}
.qna-table th {width: 13%; border-top: 1px solid #e4e4e4; background: #fafafa;}
.qna-table td {border-top: 1px solid #ccc; overflow: hidden;}

.qna-table input[type="text"] {width: 200px; padding: 8px 10px; border: 1px solid #ccc; font-size: 14px; color: #555; box-sizing: border-box;}

.qna-table input.input_text.input_title {width: 100%;}
.qna-table textarea {width: 100%; min-height: 300px; padding: 10px; border: 1px solid #ccc; font-size: 14px; line-height: 26px; color: #555; box-sizing: border-box; font-family: 'Pretendard', sans-serif;}

.qna-btn {display: flex; justify-content: flex-end; gap: 10px; width: 100%; margin: 20px 0;}
.qna-btn .btn-cmn {min-width: 80px; text-align: center; padding: 10px 15px; box-sizing: border-box; font-size: 14px; cursor: pointer; transition: all 0.4s; border-radius: 8px;}
.qna-btn .btn-cmn.write-submit, .qna-btn .btn-cmn.cancel, .qna-btn .btn-cmn.qna-list {padding: 10px 30px;}
.qna-btn .btn-cmn.write-submit, .qna-btn .btn-cmn.qna-write, .qna-btn .btn-cmn.qna-list {background: #3e505c; color: #fff;}
.qna-btn .btn-cmn.write-submit:hover, .qna-btn .btn-cmn.qna-write:hover, .qna-btn .btn-cmn.qna-list:hover {background: #333;}
.qna-btn .btn-cmn.cancel {border: 1px solid #555; background: #fff; color: #555;}
.qna-btn .btn-cmn.cancel:hover {background: #3e505c; color: #fff; border-color: transparent;}

/*view*/
.qna-answer {margin-top: 40px; box-sizing: border-box;}

.qna-empty {min-height: 130px; display: flex; gap: 5px; padding: 20px; align-items: center; color: #333; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.qna-empty i {color: var(--brand-color);}

.answer-head {display: flex; flex-direction: column; align-items: flex-start; padding: 15px 20px; border-top: 1px solid #e0e0e0; background: #fafafa;}
.answer-head strong {font-size: 20px; color: #222;}

.answer-head .board_info {margin-top: 10px;}
.answer-head .board_info strong {font-size: 16px; color: #666;}

.answer-body {min-height: 150px; font-size: 16px; line-height: 1.8; color: #333; word-break: keep-all; padding: 20px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}

@media all and (max-width: 768px) {
  .qna .qna-btn {order: 1; align-self: flex-end;}
  .qna .board_container {order: 2;}
  .qna .pagination {order: 3;}

  .qna-table input[type="text"] {width: 100%;}
  
  .qna-view .board_info li strong {display: flex;}
  
  .board_table.qna tbody td:nth-child(4) {min-width: 110px;}
}

@media all and (max-width: 525px) {

  .qna-table th {display: block; width: 100%;}
  .qna-table td {display: block;}
  .qna-table input, .qna_form_table textarea {width: 100%;}
}