@charset "utf-8";
/* ==========================================================================
 * board-view.css
 * 2026-04-28 10:30:00 r006
 *
 * [description]
 * - 게시판 뷰 페이지 전용 스타일
 * - 기존 post-view-content-tb / post-content-wrap / post-view-att 구조 유지
 * - 사용자가 직접 보정한 r004 내용 유지
 * - post-author-recent / post-engagement 스타일 CSS 파일 이관 유지
 * - post-add-form--with-book inline-flex 교재표지 영역 추가
 * - 모바일용 post-review-book-mobile 카드 영역 추가
 * - 교재표지 picture/WebP 우선 노출 및 JPG fallback 마크업 대응
 * - 교재표지 width 기반 RWD + 원본 비율 유지
 *
 * HISTORY
 * --------------------------------------------------------------------------
 * 2026-04-28 r006
 * - 교재표지 img 고정 height 제거, width 기반 반응형 처리로 변경
 * - picture/source/img 구조 대응용 __picture / __img selector 추가
 * - WebP 우선 노출 + JPG fallback 마크업에서 동일 스타일 적용
 * - 데스크톱 좌측 표지와 모바일 카드 표지 모두 원본 가로세로 비율 유지
 * - 412px 이하 모바일 카드 표지 크기 보정
 *
 * 2026-04-22 r005
 * - 현재 사용자 수정본(r004)을 기준으로 최신 교재카드 스타일 병합
 * - post-add-form--with-book / post-review-book-thumb 추가
 * - post-review-book-mobile / 버튼 영역 추가
 * - 767px 이하에서 데스크톱 교재표지 숨김 + 모바일 카드 노출 반영
 *
 * 2026-04-22 r004
 * - post-author-recent / post-engagement 스타일 board-view.css로 이관
 * - 기존 구조를 유지한 채 모바일 보조 패치 추가
 * - 제목/메타/본문/첨부/추가양식/하단버튼의 모바일 overflow 완화
 * - 767px 이하 / 412px 이하 보조 반응형 강화
 * ========================================================================== */

/* 게시판 :: 뷰 */
div.post-view table.post-view-content-tb {width:100%;}
div.post-view table.post-view-content-tb tbody tr.mo {display:none;}
div.post-view table.post-view-content-tb tbody tr.post_add_form_none td {border:none;}
div.post-view table.post-view-content-tb tbody tr.post_file_none td {border-bottom:1px solid #eaeaea;}
div.post-view table.post-view-content-tb tbody tr th:nth-child(1) {display:none;}
div.post-view table.post-view-content-tb tbody tr:nth-child(1) td {border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;line-height:2;}
div.post-view table.post-view-content-tb tbody tr:nth-child(2) td,
div.post-view table.post-view-content-tb tbody tr:nth-child(3) td,
div.post-view table.post-view-content-tb tbody tr:nth-child(4) td,
div.post-view table.post-view-content-tb tbody tr:nth-child(5) td,
div.post-view table.post-view-content-tb tbody tr:nth-child(6) td {border:none;}
div.post-view table.post-view-content-tb tbody tr td {text-align:left;}
div.post-view table.post-view-content-tb tbody tr td.post-nick,
div.post-view table.post-view-content-tb tbody tr td.post-reg-date,
div.post-view table.post-view-content-tb tbody tr td.post-readed-cnt,
div.post-view table.post-view-content-tb tbody tr td.post-cate {padding:0 8px;}
div.post-view table.post-view-content-tb tbody tr td.post-subject {text-align:left;}
div.post-view table.post-view-content-tb tbody tr td.post-view-subject {
	text-align:center;
	font-size:18px;
	font-weight:500;
	background-color:#e7f0fe;
	line-height:1.7;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
div.post-view table.post-view-content-tb tbody tr td.post-add-form-row-data {font-size:13px;border-bottom:none;padding:4px 0;}
div.post-view table.post-view-content-tb tbody tr td.post-view-nick,
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap,
div.post-view table.post-view-content-tb tbody tr td.post-view-att {padding:8px;}
div.post-view table.post-view-content-tb tbody tr td.post-view-att {border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
div.post-view table.post-view-content-tb tbody tr td.post-view-nick > div {
	border-bottom:1px solid #eaeaea;
	word-break:break-word;
	overflow-wrap:anywhere;
}

div.post-view table.post-view-content-tb tbody tr td.post-content-wrap span {font-weight:500 !important;}
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap table {margin-bottom:10px;max-width:100% !important;}
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap table tr:first-child {background-color:#dfe3f0;}
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap table tr td {border:1px solid #cacaca;line-height:1;}
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap {
	min-height:380px;
	text-align:left;
	padding:10px 20px;
	font-weight:400;
	font-size:14px;
	color:#333;
	word-break:break-word;
	overflow-wrap:anywhere;
}
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap p {margin-bottom:0px;}
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap p img {
	max-width:100%;
	height:auto;
	margin:0;
	padding:10px;
	box-sizing:border-box;
}
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap iframe,
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap video,
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap table {max-width:100% !important;}
div.post-view table.post-view-content-tb tbody tr td.post-content-wrap a {
	word-break:break-all;
	overflow-wrap:anywhere;
}

div.post-view table.post-view-content-tb tbody tr td.post-view-att div.attline span.attList a span.post-file-down-cnt {
	display:inline-block;
	font-size:12px;
	color:#b9b9b9;
	font-weight:300;
	margin-left:10px;
}
div.post-view table.post-view-content-tb tbody tr td p.post-view-att-tit {font-weight:500;}

div.post-view table.post-view-content-tb tbody tr td span.mo-sub-title {color:#666;}
div.post-view table.post-view-content-tb tbody tr td span.mo-sub-content {color:#3784f7;}
div.post-view table.post-view-content-tb tbody tr td span.mo-sub-separator {
	display:inline-block;
	font-size:12px;
	color:#d9d9d9;
	width:4px;
	margin:0 2px;
}

/* 추가양식 기본 */
div.post-view table.post-view-content-tb tbody tr td div.post-add-form {padding:10px 20px;}
div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr td {
	padding:4px 12px;
	border:1px solid #eaeaea;
	text-align:left;
	word-break:break-all;
	word-wrap:break-word;
}
div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr td {border-bottom:1px solid #eaeaea;}
div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr td:first-child {
	color:#2b3046;
	background-color:#f6f7ff;
}
div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr:last-child td {border-bottom:1px solid #eaeaea;}
div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr.post-add-form-row td.form-item-title {
	font-weight:500;
	min-width:160px !important;
	width:200px;
}
div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr.post-add-form-row td.form-item {
	font-weight:400;
	padding:4px 6px 6px 12px;
	margin:2px 0;
	max-width:600px !important;
}
div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr.post-add-form-row td.form-item span {padding:4px;}
div.post-view table.post-view-content-tb tbody tr td div.post-add-form span.padding-left-10 {padding-left:4px;}

div.post-view > div.btn-wrap button.btn-list a {
	display:inline;
	font-size:14px;
	text-decoration:none;
	color:#333;
	line-height:1.6;
	border-color:#CCC;
	background:#FCFCFC;
	box-shadow:none;
	display:inline-block;
	margin:0;
	padding:4px 18px;
	border:1px solid;
	border-color:#CCC #C6C6C6 #C3C3C3 #CCC;
	border-radius:3px;
	cursor:pointer;
	text-align:center;
	zoom:1;
}
div.post-view table.post-view-content-tb tr td.post-view-att div.attline {display:block;width:100%;margin-bottom:2px;}
div.post-view table.post-view-content-tb tr td.post-view-att div.attline span.attList a {
	display:inline-block;
	color:#666;
	text-decoration:none;
	font-weight:400;
}
div.post-view table.post-view-content-tb tr td.post-view-att div.attline span.attList a:hover {color:#ff3366;}

/* ---------------------------------------------------------
 * 추가양식 :: 교재표지 inline-flex
 * - picture/source/img 구조 대응
 * - width 기준 RWD 처리
 * - height:auto로 원본 가로세로 비율 유지
 * --------------------------------------------------------- */
div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book{
	display:inline-flex;
	align-items:flex-start;
	gap:12px;
	width:100%;
	box-sizing:border-box;
}

div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book .post-review-book-thumb{
	flex:0 0 clamp(84px, 8vw, 112px);
	display:block;
	width:clamp(84px, 8vw, 112px);
	max-width:28%;
	box-sizing:border-box;
}

div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book .post-review-book-thumb__link,
div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book .post-review-book-thumb__link.is-disabled{
	display:block;
	width:100%;
	max-width:100%;
	text-decoration:none;
	box-sizing:border-box;
}

div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book .post-review-book-thumb__picture{
	display:block;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}

div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book .post-review-book-thumb__img,
div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book .post-review-book-thumb img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	border-radius:5px;
	background:#fff;
	box-shadow:0 6px 18px rgba(0,0,0,.16);
	object-fit:contain;
	box-sizing:border-box;
}

div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book table.post-add-form-tb{
	flex:1 1 auto;
	min-width:0;
}

/* ---------------------------------------------------------
 * 최근글 영역
 * --------------------------------------------------------- */
.post-author-recent {display:block;padding:10px 20px;line-height:1.2;}
.post-author-recent__title {
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:2px solid #b8c7e2;
	font-size:14px;
	line-height:1.2;
	font-weight:700;
	color:#2c4f92;
	word-break:keep-all;
}
.post-author-recent__title strong {color:#1d4f9e;}
.post-author-recent__list {margin:0;padding:0;list-style:none;}
.post-author-recent__item {margin:0;padding:6px 0;border-bottom:1px dashed #c8d0de;}
.post-author-recent__item:last-child {border-bottom:1px solid #c8d0de;}
.post-author-recent__meta {display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;margin:0 0 4px;}
.post-author-recent__srl,
.post-author-recent__date,
.post-author-recent__view {font-size:11px;line-height:1.2;color:#7b8391;}
.post-author-recent__subject {margin:0;line-height:1.2;word-break:break-word;}
.post-author-recent__subject a {
	display:inline;
	max-width:100%;
	font-size:14px;
	line-height:1.2;
	font-weight:600;
	color:#222;
	text-decoration:none;
	vertical-align:top;
	word-break:break-word;
	overflow-wrap:anywhere;
}
.post-author-recent__subject a:hover,
.post-author-recent__subject a:focus {text-decoration:underline;}
.post-author-recent__gosu {
	display:inline-block;
	margin:0 6px 0 0;
	padding:2px 7px;
	border-radius:999px;
	background:#456db8;
	font-size:10px;
	line-height:1.1;
	font-weight:700;
	color:#fff;
	vertical-align:middle;
	box-sizing:border-box;
}
.post-author-recent__tail {
	display:inline-flex;
	align-items:center;
	flex-wrap:wrap;
	gap:4px 6px;
	margin-left:6px;
	vertical-align:middle;
}
.post-author-recent__icon {
	display:inline-flex;
	align-items:center;
	gap:3px;
	font-size:11px;
	line-height:1.2;
	color:#6c7583;
	vertical-align:middle;
}
.post-author-recent__icon img {display:block;max-width:none;height:auto;}
.post-author-recent__image-badge {
	display:inline-block;
	padding:1px 5px;
	border:1px solid #c8d0de;
	border-radius:999px;
	background:#fff;
	font-size:10px;
	line-height:1.1;
	color:#6c7583;
}
.post-author-recent__summary {
	display:block;
	margin:4px 0 0;
	font-size:12px;
	line-height:1.2;
	color:#666;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.post-author-recent__empty {padding:4px 0 8px;border-bottom:1px dashed #c8d0de;color:#666;line-height:1.2;}

/* ---------------------------------------------------------
 * 반응 버튼 영역
 * --------------------------------------------------------- */
.post-engagement {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 20px;}
.post-engagement__btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	min-height:36px;
	padding:8px 14px;
	border:1px solid #cfd7e6;
	border-radius:999px;
	background:#fff;
	font-size:13px;
	line-height:1.2;
	font-weight:700;
	color:#334155;
	cursor:pointer;
	box-sizing:border-box;
	transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.post-engagement__btn:hover,
.post-engagement__btn:focus {background:#f8fbff;border-color:#9eb6de;color:#173b76;box-shadow:0 2px 10px rgba(55,84,170,.10);}
.post-engagement__label {display:inline-block;}
.post-engagement__count {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:22px;
	height:22px;
	padding:0 6px;
	border-radius:999px;
	background:#eef4ff;
	font-size:12px;
	line-height:1;
	font-weight:700;
	color:#234b93;
	box-sizing:border-box;
}
.post-engagement__invite {
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:0 2px 0 4px;
	font-size:12px;
	line-height:1.2;
	color:#6b7280;
}
.post-engagement__invite strong {font-size:13px;color:#1f3d78;}
.post-engagement__btn.is-active {background:#eaf2ff;border-color:#8eaee3;color:#173b76;}
.post-engagement__btn.is-busy {opacity:.65;pointer-events:none;}

/* ---------------------------------------------------------
 * 모바일 교재 카드
 * - picture/source/img 구조 대응
 * - 표지 width만 조절하고 height:auto로 비율 유지
 * --------------------------------------------------------- */
.post-review-book-mobile{
	display:none;
	margin:10px 0 0;
	padding:10px;
	border:1px solid #e3e7ef;
	border-radius:8px;
	background:#fafcff;
	box-sizing:border-box;
}

.post-review-book-mobile__head{
	display:flex;
	align-items:flex-start;
	gap:10px;
}

.post-review-book-mobile__cover{
	flex:0 0 clamp(82px, 24vw, 108px);
	width:clamp(82px, 24vw, 108px);
	max-width:36%;
	box-sizing:border-box;
}

.post-review-book-mobile__head-link,
.post-review-book-mobile__head-link.is-disabled{
	display:block;
	width:100%;
	max-width:100%;
	text-decoration:none;
	color:inherit;
	box-sizing:border-box;
}

.post-review-book-mobile__picture,
.post-review-book-mobile__cover picture{
	display:block;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}

.post-review-book-mobile__img,
.post-review-book-mobile__cover img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	border-radius:5px;
	box-shadow:0 6px 18px rgba(0,0,0,.16);
	background:#fff;
	object-fit:contain;
	box-sizing:border-box;
}

.post-review-book-mobile__info{
	flex:1 1 auto;
	min-width:0;
}

.post-review-book-mobile__title{
	margin:0 0 6px;
	font-size:14px;
	line-height:1.4;
	font-weight:700;
	color:#1f2f46;
	word-break:break-word;
	overflow-wrap:anywhere;
}

.post-review-book-mobile__title a{
	color:#1f2f46;
	text-decoration:none;
}

.post-review-book-mobile__title a:hover,
.post-review-book-mobile__title a:focus{
	text-decoration:underline;
}

.post-review-book-mobile__etc{
	margin:0 0 8px;
	font-size:12px;
	line-height:1.55;
	color:#5c6678;
	word-break:break-word;
	overflow-wrap:anywhere;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.post-review-book-mobile__actions{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
}

.post-review-book-mobile__btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	padding:4px 8px;
	border:1px solid #cfd7e6;
	border-radius:999px;
	background:#fff;
	font-size:11px;
	line-height:1.2;
	font-weight:500;
	color:#5a6578;
	text-decoration:none;
	box-sizing:border-box;
	transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}

.post-review-book-mobile__btn:hover,
.post-review-book-mobile__btn:focus{
	background:#f8fbff;
	border-color:#aebfdc;
	color:#2d466e;
}

/* 페이지 전용 반응형 */
@media all and (max-width:991px) {
	div.post-view table.post-view-content-tb tbody tr td.post-view-subject {
		text-align:center;
		font-size:16px;
		font-weight:500;
		background-color:#e7f0fe;
		line-height:1.7;
		word-break:keep-all;
		overflow-wrap:anywhere;
	}
	div.post-view table.post-view-content-tb tbody tr td.post-view-nick,
	div.post-view table.post-view-content-tb tbody tr td.post-content-wrap,
	div.post-view table.post-view-content-tb tbody tr td.post-view-att {
		text-align:left;
		padding:8px;
		border-bottom:1px solid #eee;
	}
	div.post-view table.post-view-content-tb tbody tr td.post-add-form-row-data {padding:8px;}
	div.post-view table.post-view-content-tb tbody tr td.post-content-wrap p {line-height:1.5;font-weight:400;margin-bottom:0;}
	div.post-view table.post-view-content-tb tbody tr td.post-content-wrap img {max-width:100%;height:auto;}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form tr.post-add-form-row td.form-item-title {
		text-align:left;
		font-weight:400;
		background-color:#eee;
	}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form tr.post-add-form-row td.form-item-title,
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form td.form-item {
		text-align:left;
		line-height:1.5;
		word-wrap:break-word;
	}

	.post-author-recent {padding:10px 16px;}
	.post-engagement {padding:10px 16px;}
}

/* 페이지 전용 반응형 */
@media all and (max-width:767px) {
	div.post-view table.post-view-content-tb {table-layout:auto;}

	div.post-view table.post-view-content-tb tbody tr td.post-view-subject {
		font-size:15px;
		line-height:1.55;
		padding:10px 10px;
	}

	div.post-view table.post-view-content-tb tbody tr td.post-view-nick,
	div.post-view table.post-view-content-tb tbody tr td.post-content-wrap,
	div.post-view table.post-view-content-tb tbody tr td.post-view-att {
		padding:8px 10px;
	}

	div.post-view table.post-view-content-tb tbody tr td.post-view-nick > div {
		display:block;
		line-height:1.7;
	}

	div.post-view table.post-view-content-tb tbody tr td span.mo-sub-title,
	div.post-view table.post-view-content-tb tbody tr td span.mo-sub-content {
		font-size:12px;
		line-height:1.6;
	}

	div.post-view table.post-view-content-tb tbody tr td.post-content-wrap {
		min-height:0;
		font-size:13px;
		line-height:1.8;
	}

	div.post-view table.post-view-content-tb tbody tr td.post-content-wrap p img {
		padding:4px;
	}

	div.post-view table.post-view-content-tb tr td.post-view-att div.attline {
		margin-bottom:6px;
		padding-bottom:6px;
		border-bottom:1px dashed #e3e7ef;
		box-sizing:border-box;
	}
	div.post-view table.post-view-content-tb tr td.post-view-att div.attline:last-child {
		margin-bottom:0;
		padding-bottom:0;
		border-bottom:none;
	}
	div.post-view table.post-view-content-tb tr td.post-view-att div.attline span.attList,
	div.post-view table.post-view-content-tb tr td.post-view-att div.attline span.attList a {
		display:block;
		width:100%;
		line-height:1.6;
		word-break:break-all;
	}
	div.post-view table.post-view-content-tb tr td.post-view-att div.attline span.attList a span.post-file-down-cnt {
		margin-left:0;
		margin-top:3px;
	}

	div.post-view table.post-view-content-tb tbody tr td div.post-add-form {padding:8px 10px;}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book{
		display:block;
	}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form.post-add-form--with-book .post-review-book-thumb{
		display:none;
	}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr td {
		padding:6px 8px;
		font-size:12px;
		line-height:1.55;
	}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr.post-add-form-row td.form-item-title {width:100%;border:none;}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr.post-add-form-row td.form-item {
		margin:0;
		border-top:none;
		border-bottom:none;
		padding:6px 0 6px 6px;
		max-width:none !important;
	}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr.post-add-form-row td {display:block;}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form table.post-add-form-tb tr.post-add-form-row:last-child td:last-child {
		border-bottom:1px solid #eaeaea;
	}

	.post-author-recent {padding:8px 10px;}
	.post-author-recent__title {font-size:13px;line-height:1.45;padding-bottom:8px;}
	.post-author-recent__item {padding:9px 0;}
	.post-author-recent__meta {gap:4px 6px;}
	.post-author-recent__subject a {font-size:12px;line-height:1.45;}
	.post-author-recent__tail {display:flex;gap:4px 5px;margin:6px 0 0;}
	.post-author-recent__icon {font-size:10px;}
	.post-author-recent__summary {font-size:11px;line-height:1.5;white-space:normal;}

	.post-engagement {gap:6px;padding:8px 10px;}
	.post-engagement__btn {min-height:34px;padding:7px 12px;font-size:12px;}
	.post-engagement__count {min-width:20px;height:20px;font-size:11px;}
	.post-engagement__invite {width:100%;padding-left:2px;}

	.post-review-book-mobile{
		display:block;
	}

	div.post-view > div.btn-wrap {margin-top:12px;}
	div.post-view > div.btn-wrap .btn-wrap-line {
		display:flex;
		flex-direction:column;
		gap:8px;
	}
	div.post-view > div.btn-wrap .btn-wrap-line > div {width:100%;}
	div.post-view > div.btn-wrap button,
	div.post-view > div.btn-wrap a {
		width:100%;
		box-sizing:border-box;
	}
}

@media all and (max-width:412px) {
	div.post-view table.post-view-content-tb tbody tr td.post-view-subject {
		font-size:14px;
		padding:9px 8px;
	}
	div.post-view table.post-view-content-tb tbody tr td.post-view-nick,
	div.post-view table.post-view-content-tb tbody tr td.post-content-wrap,
	div.post-view table.post-view-content-tb tbody tr td.post-view-att {
		padding:7px 8px;
	}
	div.post-view table.post-view-content-tb tbody tr td div.post-add-form {padding:7px 8px;}

	.post-author-recent {padding:7px 8px;}
	.post-engagement__btn {
		flex:1 1 calc(50% - 6px);
		justify-content:center;
	}

	.post-review-book-mobile{
		padding:8px;
	}

	.post-review-book-mobile__head{
		gap:8px;
	}

	.post-review-book-mobile__cover{
		flex-basis:clamp(74px, 25vw, 96px);
		width:clamp(74px, 25vw, 96px);
	}

	.post-review-book-mobile__title{
		font-size:13px;
	}

	.post-review-book-mobile__etc{
		font-size:11px;
	}
}