@charset "UTF-8";

.board_container{
    max-width: 1000px;
    margin: 40px auto 100px;
}
.search_area_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin:40px 0;
}
.search_area_wrap .search-container{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap:8px;
}
.board_content_wrap .search-container{
	display: flex;
	justify-content: flex-end;
}
.board_content_wrap .search-container .search-wrapper{
	width:calc(100% - 140px);
	align-items: center;
	justify-content: flex-end;
	gap:12px;
}

.search-container .search_type_wrap{
	width:140px;
}

.search-container input.input_style.input_search{
	width:240px;
}
.board_content_wrap .table_wrap thead th.th_sort{
	width:13%;
}
.board_content_wrap .table_wrap thead th.th_date{
	width:25%;
}
.board_content_wrap .table_wrap{
	max-height: none;
}
.board_content_wrap .table_wrap table thead th{
	color:var(--Color-Grey-800);
}
.board_content_wrap #board-tbody tr{
	cursor: pointer;
}
.board_content_wrap #board-tbody td{
	color:var(--Color-Grey-800);
	border-bottom:1px solid var(--Color-Grey-300);
}
.board_content_wrap #board-tbody td .date_wrap{
	display:flex;
	justify-content:space-between;
	align-items: center;
}

.board_content_wrap #board-tbody .list_title .reply_status{
	margin-left:8px;
}

.board_content_wrap #board-tbody tr.detail-row td{
	border-bottom:none;
}

.board_content_wrap #board-tbody tr.detail-row td{
	background-color: var(--Color-Grey-200);
}
.board_content_wrap #board-tbody tr.detail-row .detail-content{
	position: relative;
}
.board_content_wrap #board-tbody .board_list_btn_wrap{
	position: absolute;
	top:0;
	right: 0;
	display: flex;
	gap:12px;
}
.board_content_wrap #board-tbody .board_list_btn_wrap a{
	border-color: var(--Color-Grey-400);
}

.toggle-arrow {
    transition: transform 0.3s ease;
    vertical-align: middle;
    margin-left: 4px;
}

.toggle-arrow.rotated {
    transform: rotate(180deg);
}

.date-cell .date_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#board-tbody > tr.detail-row td{
	padding:24px;
}
.attachedfile{
	padding:0 16px;
	cursor: pointer;
	margin-top:16px;
	display: flex;
	align-items: center;
	gap:12px;
	height: 40px;
}
.attachedfile a{
	display: block;
	width:100%;
}
.attachedfile:hover{
	background-color: var(--Color-Grey-300);
}
.attachedfile .file_name{
	color:var(--Color-Grey-800);
}
.attachedfile .file_size{
	color:var(--Color-Grey-600);
}
.list_answer{
	width:100%;
	margin-top:30px;
	background-color: var(--Color-Grey-100);
	border-radius: 16px;
	border:1px solid var(--Color-Grey-300);
	padding: 20px 26px;
}
.list_answer .list_answer_title{
	margin-bottom: 12px;
}
/* 1:1 문의 작성, 수정 */
body.inquiry_body{
	background-color: var(--Color-Grey-200);
}
.inquiry_content{
	padding-top:40px;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.inquiry_content .title_desc{
	color:var(--Color-Grey-600);
	padding:16px 0;
	border-bottom:1px solid var(--Color-Grey-500);
}
.inquiry_box{
	border-radius: 20px;
	box-sizing: border-box;
	background-color: var(--Color-Grey-100);
	padding:20px 0;
}
#boardForm .input-wrapper,
#editForm .input-wrapper{
	flex-direction: row;
	width:100%;
	align-items: center;
	gap:unset;
}
#boardForm .input-wrapper > label,
#editForm .input-wrapper > label{
	width:10%;
}
#boardForm > div + div,
#editForm > div + div{
	margin-top:20px;
}

.inquiry_box form .note-statusbar{
	display: none !important;
}

.inquiry_box form .note-editor{
	border-radius: 8px;
	border:1px solid var(--Color-Grey-400);
}
.inquiry_box form .note-editor.note-frame .note-placeholder{
	padding:12px 16px !important;
}
.inquiry_box form .note-editable{
	padding:12px 16px !important;
}

#boardForm .input-wrapper select,
#editForm .input-wrapper select{
	width:440px;
}
#boardForm .input-wrapper > input,
#editForm .input-wrapper > input{
	width:90%;
}
#boardForm .note-editor,
#editForm .note-editor{
	width:90%;
}
/* 첨부파일 등록 */
#boardForm .attach_file_wrap,
#editForm .attach_file_wrap{
	width:90%;
	display: flex;
	justify-content: space-between;
	gap:10px;
}
.attach_file_box .add_file_wrap{
	position: relative;
}
.attach_file_box #fileInput{
	position: absolute;
	width:0;
	height:0;
	opacity: 0;
}
.attach_file_box .upload_btn{
	color:var(--Color-Grey-800);
	cursor: pointer;
}
.file_name_wrap{
	width:calc(100% - 175px);
	position: relative;
}
#boardForm .attach_file_box #file_name,
#editForm .attach_file_box #file_name{
	border: 1px solid var(--Color-Grey-400);
	width:100%;
}
.attach_file_box #file_name::placeholder{
	color:var(--Color-Grey-600);
}

.attach_file_box .file_list{
	display: none;
	margin-top:40px;
}
.attach_file_box .file_item{
	display: flex;
	justify-content: space-between; 
	align-items: center; 
	color:var(--Color-Grey-700);
}

.attach_file_box + .input_desc{
	padding-left:10%;
}
.attach_file_box .file_delete_btn{
	border: none; 
	background: none; 
	color: #A6A6A6; 
}
.board_btn_wrap a{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
}

#editForm .board_btn_wrap,
#boardForm .board_btn_wrap{
	margin-top:40px
}

.board_detail{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.board_detail .board_title{
	margin-top:35px;
	margin-bottom:20px;
}
.board_table{
	width:100%;
}
.board_table tr th{
	width:8%;
}

.board_table .tr_date{
	color:var(--Color-Grey-600);
}
.board_table tr th,
.board_table tr td{
	border-bottom:1px solid var(--Color-Grey-600);
}
.board_table .tr_date th,
.board_table .tr_date td{
	padding-bottom: 8px;
}
.board_table .board_attach_file th,
.board_table .board_attach_file td{
	padding:25px 0;
}
.board_table .board_attach_file th {
	color:var(--Color-Grey-600);
}

.board_table .board_attach_file td a{
	color:var(--Color-Grey-900);
}

#viewContent + .note-editor,
#viewReplyContent + .note-editor{
	border:none;
}

#viewContent + .note-editor .note-editable{
	background: none;
	padding:35px 35px 35px 0; 
}

#viewReplyContent + .note-editor .note-editable{
	padding:35px 35px 35px 0; 
}

#viewContent + .note-editor .note-statusbar,
#viewReplyContent + .note-editor .note-statusbar{
	display: none;
}

.board_detail_btn_wrap{
	display: flex;
	justify-content: center;
	margin-top:80px;
	gap:10px;
}
.attach_file_box_desc{
	margin-top:10px !important;
}
.attach_file_box_desc ul{
	list-style: disc;
	color:var(--Color-Grey-600);
	padding-left:20px;
}
.board_write_btn_wrap{
	display: flex;
	justify-content: center ;
	gap:10px;
	margin-top:50px;
}

.file_name_wrap a.del_file_btn{
	position: absolute;
	right:10px;
	top:10px;
	display: none;
}
.board_list_title{
	color:var(--Color-Grey-900);
}

.board_detail .board_title_wrap{
	margin-top:30px;
	margin-bottom: 20px;
}
.notice_board_title{
	margin-top:10px;
}

.board_table .qna{
	color:var(--Color-Primary-600);
	padding-left:10px;
}

.tr_answer{
	background-color: var(--Color-Grey-200);
}