@charset "utf-8";
/* board */
.board {
	word-break:break-all;
}
.board textarea,
.board input[type="text"] {
	width:100%;
	font-size:12px;
	box-sizing:border-box;
	padding:3px 6px;
}
.board textarea {
	position:relative;
	display:block;
	min-height:190px;
	font-size:13px;
	line-height:2;
	z-index:2;
}
.board input {
	position:relative;
	vertical-align:middle;
	padding:3px 6px;
}
.board input[type="checkbox"] {
	width:12px;
	height:12px;
}
.board label {
	font-size:12px;
	vertical-align:-2px;
}
.board .item .nick_name,
.board .item .password {
	width:150px;
	height:24px;
	font-size:12px;
	padding:3px 5px;
	box-sizing:border-box;
	margin:0 1px 0 0;
}
.board .notice_list.all {
	text-align:center;
	background:#f5f5dc;
	border:1px solid #bbb;
	line-height:2.8;
	margin:5px 0;
}
.board .notice_list.all a {
	font-size:13px;
	color:#0000cd;
}
.board .notice_list:not(.all) {
	padding:3px 0 0;
}
.board .notice_list:not(.all) a {
	display:block;
	width:100%;
	font-size:13px;
	line-height:1.5;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	border-bottom:1px solid #e5e5e5;
	padding:10px 0 11px;
}
.board .notice_list:not(.all) a:hover {
	background:#f9f9f9;
}
.board .notice_list:not(.all) span {
	color:#111;
}
.board .notice_list:not(.all) .badge {
	font-weight:600;
	color:#fff;
	font-size:11px;
	background:#333;
	border-radius:3px;
	margin:0 4px 0 0;
	padding:5px;
}
.board .btn {
	display:inline-block;
	font-size:12px;
	font-weight:400;
	color:#333;
	font-size:12px;
	font-weight:400;
	background-color:#f9f9f9;
	background-image:linear-gradient(to top,#f9f9f9,#f9f9f9);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	border:1px solid #bbbaba;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color:#a2a2a2;
	border-radius:2px;
	padding:0 15px !important;
}
.board .btn_wrap {
	text-align:right;
}
.board .btn_wrap .btn[disabled] {
	color:#333;
	background:#e6e6e6;
	opacity:0.6;
}
/* board_list */
.board_list {
	background:#fff;
	border:1px solid #789c44;
	margin:5px 0;
	padding:0 14.5px;
}
.board_list img {
	pointer-events:none;
}
.board_list .board_title {
	margin:11px -4px 4px;
}
.board_list .board_title a {
	font-weight:600;
	font-size:12px;
	color:#333;
	margin:0 -1px;
	padding:0 0 5px;
}
.board_list .board_title .best a {
	margin:0 2px 0 0;
}
.board_list .board_title .best a:before {
	content:"";
	position:relative;
	top:3px;
	display:inline-block;
	background-image:url("/assets/img/fire.png");
	background-size:cover;
	width:14px;
	height:14px;
}
.board_list .board_title .board {
	border-bottom:1.1px solid #f6c773;
}
.board_list .board_title .sort {
	float:right;
	line-height:1.6;
}
.board_list .board_title .write {
	float:right;
	font-size:16px;
	margin:0 6px 0 0;
}
.board_list .board_title .write i {
	padding:4px;
}
.board_list .all {
	line-height:1.85;
	color:#111;
	border-bottom:1px solid #ddd;
	padding:9px 0 8px 1px;
}
.board_list .all:hover {
	background:#f9f9f9;
}
.board_list .all span {
	font-size:12px;
}
.board_list .all > span:not(:nth-last-child(-n+1)) {
	padding:0 12px 0 0;
}
.board_list .all > span:not(:nth-last-child(-n+1)):after {
	content:"|";
	position:relative;
	top:-1.5px;
	right:-7.5px;
	display:inline-block;
	transform:scaleX(0.9) scaleY(0.9);
	color:#ccc;
}
.board_list .all img {
	margin:0 0 0 4px;
}
.board_list .all .title_wrap {
	display:flex;
	justify-content:space-between;
	gap:2px;
}
.board_list .all .title_wrap .title {
	font-size:13px;
}
.board_list .all.read .title_wrap .title {
	color:#ffa500 !important;
}
.board_list .all .title_wrap .title.legend,
.board_list .all .title_wrap .title.bold {
	font-weight:600;
}
.board_list .all .title_wrap .hit {
	float:right;
	white-space:nowrap;
	color:#666;
}
.board_list .all .res_snippet {
	font-size:12px;
	color:#888;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin:1px 0;
}
.board_list .all .reply {
	font-weight:400 !important;
	letter-spacing:3.5px;
	padding:0 2px 0 0;
	font-size:11px;
	color:#fb8738;
}
.board_list .all .nick_name {
	font-weight:600;
	color:#218121;
}
.board_list .all .last_time {
	letter-spacing:0.3px;
}
/* board_read */
.board_read {
	position:relative;
	border:1px solid #789c44;
	background:#fff;
	margin:5px 0;
}
.board_read .board_title {
	margin:11px -4px 0;
}
.board_read .board_title a {
	font-size:12px;
	font-weight:600;
	line-height:1.5;
	color:#333;
	margin:0 -1px;
	padding:0 0 5px;
}
.board_read .board_title .board {
	border-bottom:1.1px solid #f6c773;
}
.board_read .board_title .write {
	float:right;
	font-size:16px;
	margin:-3px -4px 0 0;
}
.board_read .board_title .write i {
	padding:4px;
}
.board_read .board_title .best a {
	border-bottom:0;
	margin:0 2px 0 0;
}
.board_read .board_title .best a:before {
	content:"";
	position:relative;
	top:3px;
	display:inline-block;
	background-image:url("/assets/img/fire.png");
	background-size:cover;
	width:14px;
	height:14px;
}
/* thread_list */
.thread_list {
	background:#f5f5dc;
	border:1px solid #bbb;
	padding:8px 12px;
}
.thread_list a {
	font-size:13px;
	line-height:1.8;
	text-decoration:underline;
	color:#0000cd;
	margin:0 7px 0 0;
}
.thread_list a:hover {
	background:#fff;
}
.thread_list a:link {
	color:#0000cd;
}
.thread_list .comment_count {
	display:inline-block;
	text-decoration:underline;
}
/* thread_title */
.thread_title {
	font-size:20px;
	padding:10.5px 1px 0;
}
.thread_title h2,
.thread_title .thread_count {
	font-size:18px;
}
.thread_title h2 {
	display:inline;
	font-weight:600;
	color:#e50000;
}
.thread_title .thread_count {
	font-weight:600;
	color:#444;
	margin:0 5px 0 0;
}
.thread_title .link_btn:before {
	content:"";
	display:inline-block;
	background-image:url("/assets/img/link.png");
	background-size:cover;
	opacity:0.65;
	width:15px;
	height:15px;
}
/* thread_res */
.thread_res {
	position:relative;
	border-bottom:1px solid #ddd;
	padding:8px 14.5px;
}
.thread_res:first-child {
	padding:0 14.5px 8px;
}
.thread_res.hide {
	display:block;
}
.thread_res:first-child.hide .write_info,
.thread_res:first-child.hide .thread_content,
.thread_res:not(:first-child).hide {
	display:block;
	filter:blur(3px);
	pointer-events:none;
}
/* 차단으로 흐려진 레스라도 차단해제 토글은 눌러야 하므로 클릭 허용 */
.thread_res.hide .write_info .user_name .block_btn,
.thread_res.hide .write_info .user_name .delete {
	pointer-events:auto;
	cursor:pointer;
}
.thread_res .write_info {
	position:relative;
	color:#333;
	font-size:14px;
	line-height:1.9;
	margin:0 4px -2px 0;
	padding:0 8px 0 4px;
}
.thread_res .write_info a {
	color:#333;
}
.thread_res .write_info .modify {
	position:absolute;
	top:5px;
	right:0;
	line-height:normal;
	color:#444;
}
.thread_res .write_info .comment_index {
	position:relative;
	font-size:14px;
	color:#7a9243;
	cursor:pointer;
}
.thread_res .write_info .comment_index:before {
	content:"";
	position:absolute;
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
}
.thread_res .write_info .nick_name {
	position:relative;
	font-weight:600;
	color:#218121;
}
.thread_res .write_info .nick_name.star {
	padding:0 0 0 15px;
}
.thread_res .write_info .nick_name.star:before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	display:inline-block;
	width:8px;
	height:8px;
	background-image:url("/assets/img/favicon.ico");
	background-size:cover;
	margin:0 4px 0 2px;
}
.thread_res .write_info .nick_name.circle {
	padding:0 0 0 15px;
}
.thread_res .write_info .nick_name.circle:before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	display:inline-block;
	width:7px;
	height:7px;
	background:#7dc5ac;
	border-radius:50%;
	margin:0 5px 2px 3px;
}
.thread_res .write_info .user_name .block_btn {
	cursor:pointer;
}
.thread_res .write_info .user_id,
.thread_res .write_info .user_ip,
.thread_res .write_info .user_mod {
	color:#464646;
}
.thread_res .thread_content {
	color:#111;
	font-size:14px;
	line-height:1.9;
	white-space:pre-wrap;
	word-break:break-word;
	word-wrap:break-word;
	overflow:hidden;
	margin:0 30px;
}
.thread_res .thread_content a {
	text-decoration:underline;
}
.thread_res .thread_content a:link {
	color:#0000ff;
}
.thread_res .img_wrap {
	padding:0 0 6px;
}
.thread_res .img_item {
	padding:7px 0 1px;
}
.thread_res .img_item button {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:25%;
	min-width:120px;
	max-width:300px;
	height:38px;
	color:#444;
	background:#fff;
	border:1px solid #466;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-radius:4px;
}
.thread_res .img_item .desc {
	font-size:12px;
}
.thread_res .img_item .thumbnail_img {
	width:10px;
	height:50%;
	filter:blur(1px);
}
.thread_res .thread_img {
	display:flex;
}
.thread_res .thread_img img {
	display:none;
	max-width:100%;
	padding:10px 0 3px;
}
.thread_res .vote_btn {
	color:#666;
	cursor:pointer;
}
.thread_res .vote_btn.active {
	color:#000;
}
.thread_res .vote_btn .vote_count {
	padding:0 0 0 2px;
}
.thread_res #comment {
	position:absolute;
	margin:16px 0 0;
}
/* more_comment_wrap */
.more_comment_wrap {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	padding:12px 12px 0;
	margin:0 0 -2px;
}
.more_comment_wrap.recent {
	padding:11px 14px 0;
	margin:0 0 -2px;
}
.more_comment_wrap button {
	width:25%;
	height:38px;
	min-width:120px;
	max-width:300px;
	font-size:12px;
	color:#fff;
	background:#589ed9;
	border-radius:4px;
}
.preloader {
	display:none;
	width:100%;
	text-align:center;
	background:#589ed9;
	border-radius:2px;
	margin:0 auto 3px;
	padding:7px 0;
}
.preloader .circle {
	width:18px;
	height:18px;
	border:2px solid rgba(255,255,255,0.3);
	border-top:2px solid #fff;
	border-radius:100%;
	margin:0 auto;
	animation:circle 0.3s infinite linear;
}
@keyframes circle {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
}
/* comment_refresh */
.comment_refresh {
	width:100%;
}
.comment_refresh button {
	width:100%;
	font-size:12px;
	text-align:center;
	background:#fbfbfb;
	border-bottom:1px solid #ddd;
	padding:5px 0;
	margin:1px 0 0;
}
.comment_refresh button:active {
	background:#f8f8f8;
}
/* comment_wrap */
.comment_wrap {
	padding:0 2px;
}
.comment_wrap .comment_option_wrap {
	text-align:center;
	padding:20px 0;
}
.comment_wrap .comment_option_wrap .vote_btn {
	width:auto;
	height:28px;
	line-height:1;
	font-size:12px;
	letter-spacing:-0.5px;
	color:#333;
	border-radius:5px;
	border:1px solid #bbb;
	padding:0 9px;
}
.comment_wrap .comment_option_wrap .vote_btn.active {
	color:#000;
	border:1px solid #888;
}
.comment_wrap .comment_option_wrap .vote_btn i {
	padding:0 1.5px 0 0;
}
.comment_wrap .comment_option_wrap .option_box {
	padding:9px 0 0;
}
.comment_wrap .comment_option_wrap .option_box button {
	position:relative;
	font-size:12px;
	color:#111;
	padding:1px 8px;
}
.comment_wrap .comment_option_wrap .option_box button:not(:last-child):after {
	content:"";
	position:absolute;
	top:50%;
	right:-2px;
	transform:translateY(-50%);
	display:inline-block;
	width:1px;
	height:10px;
	background:#ccc;
}
.comment_wrap .title {
	display:inline-block;
	font-size:14px;
	font-weight:600;
	color:#222;
	user-select:none;
	border-bottom:1px solid #f2d267;
	margin:0 0 11px 1px;
	padding:0 0 5px;
}
.comment_wrap .title_exceed {
	cursor:default;
	display:flex;
	justify-content:center;
	padding:14px 0 24px;
}
.comment_wrap .title_exceed span {
	color:#222;
	font-size:14px;
	font-weight:600;
	line-height:2;
	border-bottom:1px solid #f2d267;
}
.comment_wrap .btn_wrap {
	margin:0 0 7.5px;
}
/* comment_modify_wrap */
.comment_modify_wrap {
	background:#fff;
	border:1px solid #789c44;
	padding:0 14.5px;
}
.comment_modify_wrap textarea {
	margin:8px 0;
}
.comment_modify_wrap .board_title {
	margin:11px -4px 0;
}
.comment_modify_wrap .board_title a {
	font-size:12px;
	font-weight:600;
	line-height:1.5;
	color:#333;
	border-bottom:1.1px solid #f6c773;
	margin:0 -1px;
	padding:0 0 5px;
}
.comment_modify_wrap .board_title .best a {
	border-bottom:0;
	margin:0 2px 0 0;
}
.comment_modify_wrap .board_title .best a:before {
	content:"";
	position:relative;
	top:3px;
	display:inline-block;
	width:14px;
	height:14px;
	background-image:url("/assets/img/fire.png");
	background-size:cover;
}
/* board_editor */
.board_editor {
	margin:-26px 0 0;
	padding:0 14.5px;
}
.file_box {
	float:right;
}
.file_box .file_btn {
	display:inline-block;
	font-size:8px;
	color:#333;
	background-color:#fcfcfc;
	background-image:linear-gradient(to top,#fcfcfc,#fcfcfc);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	border:1px solid #bbbaba;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color:#a2a2a2;
	border-radius:1px;
	padding:5.5px 12px;
}
.file_box input[type="file"] {
	display:none;
}
.preview_wrap {
	display:none;
	position:relative;
	height:130px;
	border:1px solid #d8d8d8;
	margin:-8px 0 8px;
}
.comment_wrap .preview_wrap {
	margin:-19px 0 8px;
}
.preview_wrap .file_item {
	position:relative;
	float:left;
	margin:19px 0 0 11px;
}
.preview_wrap .file_item button {
	position:absolute;
	top:5.5px;
	right:5.5px;
	color:#eee;
	background:rgba(0, 0, 0, 0.3);
	border-radius:100%;
}
.preview_wrap .file_item button:after {
	content:"\00d7";
	display:flex;
	align-items:center;
	justify-content:center;
	width:13px;
	height:13px;
}
.preview_wrap .file_item img {
	width:100px;
	height:100px;
	border-radius:2px;
	margin:0;
}
/* board_navi */
.board_navi {
	position:fixed;
	bottom:0;
	left:0;
	display:flex;
	width:100%;
	background:#fff;
	opacity:0.8;
	user-select:none;
	border-top:1px solid #bbb;
	margin:0;
	padding:0;
	z-index:100;
}
.board_navi div {
	cursor:pointer;
	font-size:14px;
	line-height:2.6;
	text-align:center;
}
.board_navi div:not(:first-child) {
	border-left:1px solid #ccc;
}
.board_navi .back {
	width:14%;
}
.board_navi .top {
	width:18%;
}
.board_navi .bottom {
	width:18%;
}
.board_navi .comment {
	width:48%;
}
/* write_document */
.write_document {
	border:1px solid #789c44;
	background:#fff;
	padding:0 14.5px;
	height:100%;
}
.write_document .board_title {
	margin:11px -4px 0;
}
.write_document .board_title a {
	margin:0 -1px;
	padding:0 0 5px;
	font-size:12px;
	font-weight:600;
	line-height:1.5;
	color:#333;
	border-bottom:1.1px solid #f6c773;
}
.write_document .board_title .best a {
	border-bottom:0;
	margin:0 2px 0 0;
}
.write_document .board_title .best a:before {
	content:"";
	position:relative;
	top:3px;
	display:inline-block;
	width:14px;
	height:14px;
	background-image:url("/assets/img/fire.png");
	background-size:cover;
}
.write_document .write_textarea {
	margin:15px 0 0;
}
.write_document .write_textarea .title {
	margin:0;
}
.write_document .write_textarea select {
	font-size:12px;
}
.write_document .write_textarea .timeline_select {
	width:120px;
	height:28px;
	background:#fff;
	border-radius:3px;
	margin:0 0 9px;
	padding:4px 0 4px 2px;
}
.write_document .write_textarea input[type="text"] {
	height:28px;
	font-size:12px;
}
.write_document .write_editor textarea {
	min-height:300px;
	margin:8px 0;
}
.write_document .btn_wrap {
	margin:0;
}
.write_document .write_footer {
	margin:0 0 12px;
	padding:0;
}
.write_document .write_footer input[type="text"] {
	width:150px;
}
.write_document .write_footer input[type="checkbox"] {
	margin:0 1px 0 2.5px;
}
.write_document .write_footer label {
	font-size:12px;
	vertical-align:-1px;
}
.write_document .write_option_wrap,
.write_document .write_option_wrap.admin {
	margin:6px 1px 0;
}
.write_document .write_option_wrap.admin input[name="is_notice"] {
	margin:0 1px 0 0;
}
.write_document .file_box {
	display:block;
	float:none;
	clear:both;
	padding:8px 0 0;
}
/* 사진 추가(좌) 와 스레드 등록(우) 을 한 줄로 묶음 */
.write_document .submit_row {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:8px 0 0;
}
.write_document .submit_row .file_box {
	float:none;
	padding:0;
}
.write_document .submit_row .btn_wrap {
	margin:0;
}
/* 인라인 수정에서는 file_box 를 btn_wrap 으로 옮기므로 래퍼를 투명 처리 */
.thread_res .inline_edit_form .submit_row {
	display:contents;
}
/* 어드민 옵션: PC 는 닉네임 줄에 그대로 흐르게(래퍼 무시), 모바일은 별도 블록 */
.write_document .admin_options {
	display:contents;
}
/* extra_form */
.extra_form {
	margin:0 0 0 -2px;
	padding:2px 0 0;
}
.extra_form .form_group:first-child {
	padding:0 0 5px;
}
.extra_form .form_group:last-child {
	padding:0 0 12px;
}
.extra_form .form_group input {
	width:auto;
	padding:1.5px 6px;
	margin:0 3px 0 4px;
}
.extra_form .form_group input[type="checkbox"] {
	margin:0;
	vertical-align:-4px;
}
.extra_form .form_group label {
	vertical-align:-2px;
}
/* write_comment */
.write_comment textarea {
	background:#fff;
	margin:8px 0;
}
.write_comment input[type="checkbox"] {
	margin:0 1px 0 0;
}
.write_comment.admin .nick_name {
	margin:0 3px 0 0;
}
.write_comment.admin label {
	margin:0 2px 0 0;
}
/* write_comment_form */
.write_comment_form .write_option_wrap {
	margin:15px 0 0;
}
.write_comment_form input[type="checkbox"] {
	margin:0 1px;
}
.write_comment_form .btn_wrap {
	margin:0 0 8px;
}
/* list_footer */
.list_footer {
	padding:15px 0;
}
.list_footer .pagination {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:6px 0 8px;
}
.list_footer .pagination a {
	font-size:13px;
	color:#767676;
	border-left:1px solid #ccc;
	padding:0 9.5px;
}
.list_footer .pagination a:nth-last-child(2) {
	border-right:1px solid #ccc;
}
.list_footer .pagination .now {
	color:#f60;
}
.list_footer .pagination .direction {
	font-weight:400;
	color:#767676;
	border:0;
}
.list_footer .pagination .prev,
.list_footer .pagination .next {
	margin:-2px 0 0;
	padding:0 1px;
}
.list_footer .pagination .prev span {
	margin:0 8px 0 0;
}
.list_footer .pagination .next span {
	margin:0 0 0 8px;
}
.list_footer .board_search {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:3px;
	padding:10px 0 6px;
}
.list_footer .board_search input[type="text"] {
	width:175px;
	height:24px;
	border-radius:3px;
	margin:0;
	padding:0 6px;
}
.list_footer .board_search select {
	width:88px;
	height:24px;
	background:#fff;
	border-radius:3px;
	margin:0;
}
/* context_message */
.context_message {
	background:#fff;
	border:1px solid #666;
	padding:12px 0 20px !important;
}
.context_message input[type="password"] {
	width:150px;
	margin:0;
	padding:3px 5px;
}
.context_message.modify_comment {
	margin:5px 0 0;
}
.context_message .thread_res {
	border:0;
	margin:0;
	padding:0 5px;
}
.context_message .delete_comment {
	width:98%;
	font-size:12px;
	margin:0 auto;
}
.context_message .delete_message {
	text-align:center;
	padding:4px 0 1px;
}
.context_message .delete_message p {
	display:inline-block;
	font-size:15px;
	font-weight:600;
	border-bottom:0.9px solid #f6c773;
	margin:0 0 10px;
	padding:10px 0 5px;
}
.context_message .btn_wrap {
	display:flex;
	justify-content:center;
	gap:3.5px;
	margin:0;
}

/* popup */
.popup_content {
	position:absolute;
	width:33%;
	max-width:450px;
	min-height:38px;
	font-size:14px;
	line-height:1.9;
	z-index:9;
	padding:0 0 0 6px;
}
.popup_content a {
	text-decoration:underline
}
.popup_content .popup_container {
	min-height:38px;
	max-height:181px;
	background:#fff;
	border:1px solid #bbb;
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);
	border-radius:3px;
	overflow-y:auto;
	box-sizing:border-box;
	padding:12px 15px 13px;
	white-space:pre-wrap;
	word-break:break-word;
	word-wrap:break-word;
}
.popup_content .popup_container::-webkit-scrollbar {
	display:none;
}
.popup_content .popup_write_info {
	white-space:normal;
}
.popup_content .popup_write_info .nick_name {
	font-size:14px;
	font-weight:600;
	color:#218121;
}
.popup_content .close {
	position:absolute;
	top:0;
	right:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:12px;
	height:12px;
	font-weight:600;
	color:#eee;
	margin:4px 4px 0 0;
	padding:0;
}
.popup_content .close:after {
	content:"\00d7";
	display:inline-block;
	font-size:15px;
}
.popup_view {
	font-size:14px;
	font-family:unset;
	text-decoration:underline;
	color:#0000ff;
	margin:-5px 0;
	padding:5px 0;
	cursor:pointer;
}
/* live_btn */
.live_btn {
	float:right;
	display:flex;
	align-items:center;
	margin-left:auto;
	font-size:11px;
	color:#cc0000;
	border:1px solid #cc0000;
	border-radius:3px;
	padding:1px 6px;
	cursor:pointer;
	white-space:nowrap;
	line-height:1.8;
	user-select:none;
}
/* live_panel */
.live_panel {
	border-bottom:1px solid #f0d4d4;
	padding:15px 1px 0;
}
.live_panel a {
	display:flex;
	align-items:center;
	gap:5px;
	font-size:12px;
	line-height:2.2;
	border-bottom:1px solid #f0dada;
	padding:2px 0;
	color:#222;
	white-space:nowrap;
	overflow:hidden;
}
.live_panel a:last-child {
	border-bottom:0;
}
.live_panel a:hover {
	background:#f9f9f9;
}
.live_panel .section_title {
	display:flex;
	align-items:center;
	font-size:13px;
	font-weight:600;
	letter-spacing:-0.3px;
	line-height:1;
	color:#cc0000;
	padding:0 0 5px;
}
.live_panel .section_title img {
	width:auto;
	height:11px;
	padding:0 4px 0 1px;
}
.live_panel .live_title_text {
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* tab_menu */
.tab_menu {
	display:flex;
	border-bottom:1px solid #789c44;
	background:#fff;
	margin:7px 0 5px;
}
.tab_menu .tab_item {
	flex:1;
	text-align:center;
	font-size:12px;
	color:#555;
	line-height:3;
	cursor:pointer;
	margin-bottom:-1px;
	user-select:none;
}
.tab_menu .tab_item > a {
	display:inline-block;
	width:100%;
	height:100%;
	color:#333;
}
.tab_menu .tab_item:hover a,
.tab_menu .tab_item.active > a {
	font-weight:600;
	border-bottom-color:#789c44;
}
/* 인라인 수정 폼 (목록 안 즉석 수정: 스레드는 제목+본문, 레스는 본문 + 하단 옵션/사진 추가. 게시판 선택만 숨김) */
.thread_res .inline_edit_form {
	display:block;
	clear:both;
	margin:8px 0 4px;
	padding:0 !important;
	border:1px solid #c3d1a6;
	border-radius:4px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.06);
	overflow:hidden;
}
.thread_res .inline_edit_form .inline_edit_head {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#f3f7ec;
	border-bottom:1px solid #e2e9d2;
	padding:6px 10px;
}
.thread_res .inline_edit_form .inline_edit_head strong {
	font-size:12px;
	font-weight:600;
	color:#5a7232;
	line-height:1.4;
}
.thread_res .inline_edit_form .inline_close {
	width:20px;
	height:20px;
	border:0;
	background:transparent;
	color:#8aa065;
	font-size:17px;
	line-height:1;
	cursor:pointer;
	margin:0;
	padding:0;
}
.thread_res .write_document.inline_edit_form .timeline_select,
.thread_res .context_message.inline_edit_form .delete_message {
	display:none;
}
.thread_res .write_document.inline_edit_form .write_textarea {
	padding:10px 10px 0;
}
.thread_res .write_document.inline_edit_form .write_textarea .title {
	width:100%;
	height:auto;
	box-sizing:border-box;
	margin:0;
	padding:6px 10px;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fff;
	font-size:13px;
}
.thread_res .inline_edit_form .write_textarea,
.thread_res .inline_edit_form .write_editor,
.thread_res .inline_edit_form .write_footer {
	margin:0;
	padding:0;
}
.thread_res .inline_edit_form .thredic_editor {
	margin:0;
	padding:10px 10px 0;
}
.thread_res .inline_edit_form textarea {
	display:block;
	width:100%;
	box-sizing:border-box;
	min-height:110px;
	margin:0;
	padding:8px 10px;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fff;
	font-size:13px;
	line-height:1.7;
	resize:vertical;
	overflow:hidden;
}
.thread_res .inline_edit_form .btn_wrap {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:6px;
	margin:0;
	padding:8px 10px 10px;
}
.thread_res .inline_edit_form .btn_wrap .btn {
	margin:0;
}
/* 스레드 인라인 수정: write_footer 기능(이름/옵션/사진 추가)을 버튼 줄 왼쪽에 배치 */
.thread_res .write_document.inline_edit_form .write_footer {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:4px 10px;
	margin:0;
	padding:8px 10px 10px;
}
.thread_res .write_document.inline_edit_form .write_footer .write_option_wrap {
	margin:0;
	padding:0;
}
.thread_res .write_document.inline_edit_form .write_footer .btn_wrap {
	margin:0 0 0 auto;
	padding:0;
}
.thread_res .inline_edit_form .upload_wrap {
	margin:0;
	padding:0 10px;
}
.thread_res .inline_edit_form .btn_wrap .file_box {
	padding:0;
}
/* 레스 인라인 수정: 옵션을 하단 줄 왼쪽에, 버튼을 오른쪽에 (스레드 수정과 같은 배치) */
.thread_res .write_comment_form.inline_edit_form {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.thread_res .write_comment_form.inline_edit_form .inline_edit_head,
.thread_res .write_comment_form.inline_edit_form .write_textarea {
	width:100%;
}
.thread_res .write_comment_form.inline_edit_form .write_textarea {
	order:1;
}
.thread_res .write_comment_form.inline_edit_form .write_option_wrap {
	order:2;
	margin:0;
	padding:8px 0 10px 10px;
}
.thread_res .write_comment_form.inline_edit_form .btn_wrap {
	order:3;
	flex:1;
	padding:8px 10px 10px 6px;
}
.thread_res .inline_edit_form .btn_wrap .inline_save {
	color:#fff;
	background:#789c44;
	border-color:#6a8b3a;
	box-shadow:none;
	white-space:nowrap;
}
.thread_res .context_message.inline_edit_form {
	border-color:#c3d1a6;
}
.thread_res .context_message.inline_edit_form input[type="password"] {
	width:auto;
	flex:1;
	max-width:200px;
	padding:4px 8px;
	border:1px solid #ccc;
	border-radius:3px;
}
/* 사진 드래그 첨부 표시 */
.write_document.drag_over .thredic_editor textarea,
.write_comment_form.drag_over .thredic_editor textarea,
.write_comment.drag_over .thredic_editor textarea {
	border-color:#789c44;
	box-shadow:inset 0 0 0 2px rgba(120,156,68,0.35);
	background-color:#f6faef;
}