#main {padding-top: 112px;}
/* 검색 */
#keyword_wrapper {padding: 0 0 16px;background-color: #fff;display: flex;justify-content: end;align-items: center;}
#keyword_wrapper #search {margin: 0;margin-right: 8px;}
#keyword_wrapper #search #search_keyword {border: 0;background-color: var(--ktech-gray-100);}
#keyword_wrapper #write_btn {display: inline-block;padding: 6px 16px;border: 1px solid var(--primary-60);color: var(--primary-60);font-weight: var(--font-weight-semibold);border-radius: 4px;}
/* 테이블 */
#qna_list_wrapper {padding: 112px 16px;}
#qna_list_wrapper .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
#qna_list_wrapper .title {text-align: center;font-size: 48px;margin-bottom: 64px;font-weight: var(--font-weight-bold);}
#qna_list_wrapper table {width: 100%;margin-bottom: 80px;box-sizing: border-box;}
#qna_list_wrapper table thead {font-size: 20px;border-bottom: 1px solid var(--ktech-gray-300);border-top: 2px solid var(--ktech-gray-400);}
#qna_list_wrapper table tbody {color: var(--ktech-gray-900);}
#qna_list_wrapper table tbody tr {border-bottom: 1px solid var(--ktech-gray-200);}
#qna_list_wrapper table tr th {white-space: nowrap;}
#qna_list_wrapper table tr th,
#qna_list_wrapper table tr td {padding: 16px 8px;text-align: center;}
#qna_list_wrapper table tr td:nth-child(3) {text-align: left;}
#qna_list_wrapper table tr > *:first-child,
#qna_list_wrapper table tr > *:nth-child(4) {width: 80px;}
#qna_list_wrapper table tr > *:nth-child(2) {width: 100px;}
#qna_list_wrapper table tr > *:last-child {width: 120px;}
#qna_list_wrapper table .reply_wrapper {display: flex;flex-wrap: nowrap;}
#qna_list_wrapper table .reply {padding: 2px 6px;background-color: var(--primary-60);color: var(--ktech-gray-fff);font-size: 14px;margin-right: 8px;border-radius: 4px;font-weight: var(--font-weight-medium);}
#qna_list_wrapper table .lock {width: 12px;height: 12px;object-fit: contain;object-position: center;margin-left: 8px;margin-bottom: 2px;}

/* write.php, detail_pw.php */
#write_qna_wrapper {padding: 112px 16px;}
#write_qna_wrapper .inner {width: 100%;max-width: 800px;margin: 0 auto;}
#write_qna_wrapper .title {text-align: center;font-size: 48px;margin-bottom: 64px;font-weight: var(--font-weight-bold);}
#write_qna_wrapper form {text-align: left;}
#write_qna_wrapper form ul {margin-bottom: 80px;}
#write_qna_wrapper form ul li {margin-bottom: 32px;}
#write_qna_wrapper form ul li.flex_wrap {display: flex;flex-wrap: nowrap;gap: 32px;}
#write_qna_wrapper form ul li.flex_wrap > div {flex: 1;}
#write_qna_wrapper form ul li label {display: block;color: var(--ktech-gray-900);font-size: 20px;font-weight: var(--font-weight-semibold);margin-bottom: 12px;}
#write_qna_wrapper form ul li label span {font-size: 16px;color: var(--ktech-gray-600);font-weight: var(--font-weight-regular);}
#write_qna_wrapper form ul li textarea,
#write_qna_wrapper form ul li input {width: 100%;color: var(--ktech-gray-700);font-size: 16px;font-weight: var(--font-weight-regular);background-color: #bbbbbb10;border-radius: 4px;border: 1px solid #bbbbbb20;padding: 16px 10px;box-sizing: border-box;resize: none;font-family: 'Pretendard', Arial, Helvetica, sans-serif;}
#write_qna_wrapper form ul li textarea::placeholder,
#write_qna_wrapper form ul li input::placeholder {color: var(--ktech-gray-400);}
#write_qna_wrapper form ul li select:focus,
#write_qna_wrapper form ul li textarea:focus,
#write_qna_wrapper form ul li input:focus {outline: 1.5px solid var(--primary-60);}
#write_qna_wrapper form ul li .phone_number_wrapper {display: flex;flex-wrap: nowrap;gap: 8px;align-items: center;font-size: 24px;}
#write_qna_wrapper form select {width: 100%;color: var(--ktech-gray-700);font-size: 16px;font-weight: var(--font-weight-regular);background-color: #bbbbbb10;border-radius: 4px;border: 1px solid #bbbbbb20;padding: 16px 10px;box-sizing: border-box;}
#write_qna_wrapper form select option {color: var(--ktech-gray-700);}
#write_qna_wrapper form .agree {margin-bottom: 24px;display: flex;align-items: center;}
#write_qna_wrapper form .agree input[type=checkbox] + .check_icon {display: inline-flex;margin-right: 6px;width: 18px;height: 18px;background-color: var(--ktech-gray-200);border-radius: 4px;align-items: center;padding: 4.5px;box-sizing: border-box;}
#write_qna_wrapper form .agree input[type=checkbox] + .check_icon svg path {stroke: var(--ktech-gray-400);}
#write_qna_wrapper form .agree input[type=checkbox]:checked + .check_icon {background-color: var(--primary-60);}
#write_qna_wrapper form .agree input[type=checkbox]:checked + .check_icon svg path {stroke: var(--ktech-gray-fff);}
#write_qna_wrapper form .agree label {color: var(--ktech-gray-700);font-size: 16px;font-weight: var(--font-weight-regular);cursor: pointer;}
#write_qna_wrapper form .agree .policy_agree_detail_btn {display: inline-block;text-decoration: underline;}
#write_qna_wrapper form a.btn {display: block;text-align: center;font-size: 18px;color: var(--ktech-gray-fff);font-weight: var(--font-weight-semibold);padding: 12px 24px;background-color: var(--primary-60);border-radius: 8px;}
#write_qna_wrapper form a.btn.short {max-width: 120px;margin: 0 auto;}

/* detail.php */
#qna_detail_wrapper {padding: 112px 16px;}
#qna_detail_wrapper .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
#qna_detail_wrapper .qna_info {padding-bottom: 64px;border-bottom: 1px solid var(--ktech-gray-400);}
#qna_detail_wrapper .title {font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 16px;}
#qna_detail_wrapper .flex_wrap {display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 32px;}
#qna_detail_wrapper .info,
#qna_detail_wrapper .btn_wrapper {display: flex;flex-wrap: nowrap;gap: 8px;}
#qna_detail_wrapper .info {color: var(--ktech-gray-700);}
#qna_detail_wrapper .btn_wrapper a {color: var(--ktech-gray-700);font-size: 14px;padding: 2px 8px;border-radius: 4px;background-color: var(--ktech-gray-200);}
#qna_detail_wrapper .qna_detail {padding: 64px 16px;word-break: keep-all;}
#qna_detail_wrapper .return_list_btn {padding: 80px 0 0 0;}

/* 모바일 반응형 */
@media (max-width: 799px) {
    #main {padding-top: 50px;}
    .no_fix_bar #fix_menu #bottom_bar {display: none;}

    #qna_list_wrapper {padding: 32px 16px 80px;}
    #qna_list_wrapper .title {font-size: 32px;margin-bottom: 32px;}
    #keyword_wrapper #write_btn {padding: 4px 16px;white-space: nowrap;}
    #qna_list_wrapper table tr th,
    #qna_list_wrapper table tr td {font-size: 16px;}
    #qna_list_wrapper table tr > *:first-child,
    #qna_list_wrapper table tr > *:nth-child(2) {display: none;}
    #qna_list_wrapper table tr th {display: none;}
    #qna_list_wrapper table tr {display: flex;flex-wrap: wrap;justify-content: space-between;}
    #qna_list_wrapper table tr td:nth-child(3){flex: 1 100%;padding: 16px 0 8px;}
    #qna_list_wrapper table tr td:nth-child(4),
    #qna_list_wrapper table tr td:last-child{flex-grow: 0;padding: 0 0 16px;width: fit-content;font-size: 14px;color: var(--ktech-gray-500);}
    #qna_list_wrapper table tr td:last-child {margin-left: 8px;}
    #qna_list_wrapper table .reply {font-size: 12px;}

    #qna_detail_wrapper {padding: 80px 16px;}
    #qna_detail_wrapper .title {font-size: 24px;}
    #qna_detail_wrapper .qna_detail {padding: 64px 0;}
    #qna_detail_wrapper .return_list_btn {padding: 64px 0 0 0;}

    #write_qna_wrapper {padding: 32px 16px 80px;}
    #write_qna_wrapper .title {font-size: 24px;margin-bottom: 32px;}
    #write_qna_wrapper form ul li label {font-size: 18px;margin-bottom: 8px;}
    #write_qna_wrapper form ul li label span {display: block;margin-top: 4px;}
    #write_qna_wrapper form ul li.flex_wrap {flex-direction: column;flex-wrap: wrap;}
}