@charset "utf-8";

/* 일반 게시판과 락타운 음악 목록이 공유하는 게시판 UI */

.rt-board {
	--rt-board-text: #1d1d1f;
	--rt-board-muted: #6e6e73;
	--rt-board-subtle: #a3a3a3;
	--rt-board-line: #f0f0f2;
	--rt-board-soft: #f5f5f5;
	--rt-board-surface: #ffffff;
	--rt-board-text-read: rgba(0, 0, 0, 0.4);
	--rt-board-text-deleted: var(--rt-board-text-read, #7d7d7f);
	--rt-board-radius: 12px;
	width: 100%;
	color: var(--rt-board-text);
	font-family: inherit;
}

.rt-board table,
.rt-board label,
.rt-board input,
.rt-board button,
.rt-board textarea,
.rt-board select {
	font-family: inherit;
}

.rt-board *,
.rt-board *::before,
.rt-board *::after {
	box-sizing: border-box;
}

.rt-board a {
	color: inherit;
	text-decoration: none;
}

.rt-board a[data-rt-document-srl].is-read {
	color: var(--rt-board-text-read);
}

.rt-board img {
	max-width: 100%;
}

.rt-board__header {
	margin-bottom: 16px;
}

.rt-board__heading-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.rt-board__heading-main {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	min-width: 0;
}

.rt-board__heading {
	margin: 0;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.04em;
}

.rt-board__heading a {
	display: inline-flex;
	align-items: center;
}

.rt-board__heading--image img {
	display: block;
	max-height: 52px;
}

.rt-board__setup {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	min-height: 30px;
	padding: 0 10px;
	border: 1px solid #d8dfde;
	border-radius: 6px;
	background: #f7f9f9;
	color: #657573;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.rt-board__setup:hover {
	border-color: #c4cfcd;
	background: #eff3f2;
	color: var(--rt-color-primary, #2f6664);
}

.rt-board__setup:focus-visible {
	border-color: #aebfbc;
	background: #eff3f2;
	color: var(--rt-color-primary, #2f6664);
	outline: 2px solid rgba(47, 102, 100, 0.18);
	outline-offset: 2px;
}

.rt-board__heading-actions {
	display: flex;
	align-items: center;
	flex: none;
	gap: 12px;
}

.rt-board__mobile-view-switch {
	display: none;
}

.rt-board__header--list .rt-board__heading {
	font-size: 24px;
}

.rt-board .rt-favorite-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	min-width: 24px;
	padding: 0;
	border: 1px solid #c4cbd3;
	border-radius: 9999px;
	background: var(--rt-board-surface);
	color: #b7bdc7;
	cursor: pointer;
	line-height: 1;
}

.rt-board .rt-favorite-button:hover,
.rt-board .rt-favorite-button:focus-visible {
	border-color: #9da7b5;
	color: #8a93a3;
}

.rt-board .rt-favorite-button:focus-visible {
	outline: 2px solid rgba(242, 176, 30, 0.25);
	outline-offset: 2px;
}

.rt-favorite-button__icon {
	display: block;
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: url("./icons/icon-star.svg") center / contain no-repeat;
	mask: url("./icons/icon-star.svg") center / contain no-repeat;
}

.rt-board .rt-favorite-button.is-active {
	color: #f2b01e;
}

.rt-board .rt-favorite-button.is-loading {
	opacity: 0.55;
	pointer-events: none;
}

.rt-board__categories {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 8px 0 22px;
	margin: 0 0 22px;
	border-bottom: 1px solid var(--rt-board-line);
	list-style: none;
}

.rt-board__categories > li {
	position: relative;
}

.rt-board__categories a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 13px;
	border-radius: 999px;
	background: var(--rt-board-soft);
	color: var(--rt-board-muted);
	font-size: 13px;
}

.rt-board__categories > li.is-active > a {
	background: var(--rt-board-text);
	color: #fff;
}

.rt-board__categories ul {
	display: none;
	position: absolute;
	z-index: 20;
	top: calc(100% + 8px);
	left: 0;
	min-width: 160px;
	padding: 8px;
	margin: 0;
	border: 1px solid var(--rt-board-line);
	border-radius: 10px;
	background: var(--rt-board-surface);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	list-style: none;
}

.rt-board__categories li:hover > ul,
.rt-board__categories li:focus-within > ul {
	display: block;
}

.rt-board__categories ul a {
	display: flex;
	border-radius: 7px;
	background: transparent;
}

.rt-board__categories ul li.is-active > a,
.rt-board__categories ul a:hover {
	background: var(--rt-board-soft);
	color: var(--rt-board-text);
}

.rt-board__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}

.rt-board__toolbar-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
}

.rt-board__view-switch {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 2px;
	border: 0;
	border-radius: 8px;
	background: var(--rt-board-soft);
}

.rt-board .rt-board__view-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	min-width: 32px;
	height: 32px;
	min-height: 32px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: var(--rt-board-muted);
	font: inherit;
	cursor: pointer;
}

.rt-board__view-button:hover {
	background: var(--rt-board-surface);
	color: var(--rt-board-text);
}

.rt-board__view-button.is-active {
	background: var(--rt-board-surface);
	color: var(--rt-board-text);
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
}

.rt-board__view-button:focus-visible {
	outline: 2px solid var(--rt-board-text);
	outline-offset: 2px;
}

.rt-board__view-icon {
	display: block;
	flex: none;
	width: 16px;
	height: 16px;
}

.rt-board__total {
	color: var(--rt-board-muted);
	font-size: 13px;
}

.rt-board__total strong {
	color: var(--rt-board-text);
}

.rt-board__notice-list {
	margin-bottom: 18px;
	border-top: 1px solid var(--rt-board-text);
	border-bottom: 1px solid var(--rt-board-line);
}

.rt-board__notice-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 14px;
	min-height: 50px;
	padding: 9px 12px;
	border-bottom: 1px solid var(--rt-board-line);
}

.rt-board__notice-item:last-child {
	border-bottom: 0;
}

.rt-board__notice-badge,
.rt-board__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--rt-board-soft);
	color: #525252;
	font-size: 11px;
	font-weight: 700;
}

.rt-board__notice-badge {
	min-height: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: #525252;
	font-size: 12px;
	line-height: 1.4;
}

.rt-board__notice-title {
	display: flex;
	align-items: baseline;
	min-width: 0;
	overflow: hidden;
	font-size: 13px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rt-board__notice-title-link {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rt-board .rt-search-keyword {
	color: #00b865;
	font-style: normal;
	font-weight: 700;
}

.rt-board__notice-author,
.rt-board__notice-date {
	color: var(--rt-board-muted);
	font-size: 13px;
}

.rt-board[data-view="list"] .rt-board__notice-list--separate {
	display: none;
}

.rt-board[data-view="webzine"] .rt-board__notice-list--separate {
	margin-bottom: 0;
}

.rt-board[data-view="webzine"] .rt-board__notice-list--separate ~ .rt-board__panel--webzine .rt-board__webzine {
	border-top: 0;
}

.rt-board__table .rt-board__notice-rows tr:last-child td {
	border-bottom: 1px solid var(--rt-board-line);
}

.rt-board__notice-label {
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.rt-board__notice-label--mobile {
	display: none;
	margin-right: 5px;
}

/* 공지 게시글 제목 강조 스타일 */
.rt-board__notice-row .rt-board__col-title > a,
.rt-board__notice-row .rt-board__list-title,
.rt-board__list-title--notice {
	font-weight: 700;
}

.rt-board__panel {
	display: none;
}

.rt-board[data-view="list"] [data-view-panel="list"],
.rt-board[data-view="webzine"] [data-view-panel="webzine"],
.rt-board[data-view="gallery"] [data-view-panel="gallery"] {
	display: block;
}

.rt-board__table-wrap {
	overflow-x: auto;
	border-top: 1px solid var(--rt-board-text);
	border-bottom: 1px solid var(--rt-board-line);
}

.rt-board__table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
}

.rt-board__table th,
.rt-board__table td {
	border: 0;
	border-bottom: 1px solid var(--rt-board-line);
	background: transparent;
	vertical-align: middle;
}

.rt-board__table th {
	height: 46px;
	padding: 0 6px;
	color: var(--rt-board-muted);
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	text-align: center;
}

.rt-board__table td {
	height: 54px;
	padding: 10px 6px;
	color: #525252;
	font-size: 13px;
	white-space: nowrap;
	text-align: center;
}

.rt-board__table tbody tr:last-child td {
	border-bottom: 0;
}

.rt-board__table tbody tr:hover {
	background: #fafafa;
}

.rt-board__table .rt-board__col-title {
	width: 100%;
	min-width: 240px;
	text-align: left;
	white-space: normal;
}

.rt-board__col-check {
	width: 62px;
}

.rt-board__col-no {
	width: 72px;
	min-width: 72px;
}

.rt-board__col-module {
	width: 100px;
	min-width: 100px;
}

.rt-board__col-count {
	width: 70px;
	min-width: 70px;
}

.rt-board__col-date {
	width: 82px;
	min-width: 82px;
}

.rt-board__col-author {
	width: 120px;
	min-width: 120px;
}

.rt-board__module-link {
	font-size: 12px;
	letter-spacing: -0.6px;
}

.rt-board__panel--list .rt-board__module-link {
	display: inline-block;
	width: 80px;
	overflow: hidden;
	font-size: 11px;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}

.rt-board .rt-board__comment-count {
	margin-left: 4px;
	color: #ff2f3b;
	font-size: 13px;
	font-weight: 700;
}

.rt-board__list-layout,
.rt-board__list-main,
.rt-board__list-title-line {
	display: inline;
}

.rt-board__notice-mobile-layout {
	display: none;
}

.rt-board__mobile-new-badge,
.rt-board__mobile-list-meta,
.rt-board__mobile-thumbnail,
.rt-board__mobile-comment {
	display: none;
}

.rt-board .rt-board__title-icons {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	position: relative;
	top: -1px;
	vertical-align: middle;
}

.rt-board .rt-board__title-icons > img {
	display: block;
	position: static;
	max-width: none;
	margin: 0 !important;
}

.rt-board .rt-board__hit-icon {
	width: 16px;
	max-width: none;
	height: 16px;
}

.rt-board .rt-board__youtube-icon {
	width: 18px;
	max-width: none;
	height: 16px;
}

.rt-status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--rt-board-soft);
	color: var(--rt-board-muted);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.rt-status-badge--activity {
	background: #e7f3f1;
	color: #2f6f6b;
}

.rt-status-badge--unread {
	background: #dc2532;
	color: #fff;
}

.rt-board__webzine {
	border-top: 1px solid var(--rt-board-text);
}

.rt-board__webzine-item {
	position: relative;
	display: grid;
	grid-template-columns: minmax(220px, 32%) minmax(0, 1fr);
	gap: 24px;
	padding: 24px 0;
	border-bottom: 1px solid var(--rt-board-line);
}

.rt-board__webzine-thumbnail,
.rt-board__gallery-thumbnail {
	position: relative;
	display: block;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 1px solid var(--rt-board-line);
	border-radius: var(--rt-board-radius);
	background: var(--rt-board-soft);
}

.rt-board__webzine-thumbnail img,
.rt-board__gallery-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.rt-board__webzine-item:hover img,
.rt-board__gallery-item:hover img {
	transform: scale(1.025);
}

.rt-board__webzine-content {
	min-width: 0;
	padding: 3px 40px 0 0;
}

.rt-board__badges {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 9px;
}

.rt-board__item-title {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -0.03em;
}

.rt-board__summary {
	display: -webkit-box;
	overflow: hidden;
	margin: 14px 0 0;
	color: var(--rt-board-muted);
	font-size: 14px;
	line-height: 1.65;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.rt-board__summary:empty {
	display: none;
}

.rt-board__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px 12px;
	margin-top: 10px;
	color: var(--rt-board-muted);
	font-size: 12px;
}

.rt-board__source-link {
	font-weight: 600;
}

.rt-board__item-check {
	position: absolute;
	top: 24px;
	right: 0;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--rt-board-muted);
	font-size: 12px;
	cursor: pointer;
}

.rt-board__gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px 20px;
}

.rt-board--gallery-2 .rt-board__gallery {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rt-board--gallery-4 .rt-board__gallery {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rt-board__gallery-item {
	position: relative;
	min-width: 0;
}

.rt-board__gallery-content {
	padding-top: 13px;
}

.rt-board__gallery .rt-board__item-title {
	overflow: hidden;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rt-board__gallery .rt-board__item-check {
	top: 8px;
	right: 8px;
	padding: 5px 7px;
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.9);
}

.rt-board__thumbnail-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--rt-board-subtle);
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.rt-board__thumbnail-empty--brand {
	letter-spacing: -0.5px;
}

.rt-board__empty {
	padding: 64px 20px;
	margin: 0;
	color: var(--rt-board-muted);
	text-align: center;
}

.rt-board__actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 22px;
}

.rt-board .rt-board__button {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 80px;
	height: 44px;
	padding: 0 16px;
	border: 1px solid transparent;
	border-radius: 6px;
	background: #eff0f2;
	color: #2d2d2f;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.rt-board .rt-board__button:hover,
.rt-board .rt-board__button:focus {
	background: #e3e5e8;
	color: #2d2d2f;
	text-decoration: none;
}

.rt-board .rt-board__button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.rt-board .rt-board__button:disabled,
.rt-board .rt-board__button[aria-disabled="true"] {
	opacity: 0.55;
	cursor: not-allowed;
}

.rt-board .rt-board__button--primary {
	border-color: var(--rt-board-text);
	background: var(--rt-board-text);
	color: #ffffff;
}

.rt-board .rt-board__button--primary:hover,
.rt-board .rt-board__button--primary:focus {
	border-color: #333333;
	background: #333333;
	color: #ffffff;
}

.rt-board .rt-board__button--write {
	gap: 2px;
	border-color: transparent;
	background: rgba(3, 199, 90, 0.12);
	color: #009f47;
}

.rt-board .rt-board__button--search {
	height: 40px;
}

.rt-board__write-icon {
	flex: 0 0 17px;
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.rt-board .rt-board__form-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

/* 기본 게시판 CSS가 본문·댓글·글쓰기 화면을 계속 담당합니다. */
.rt-board .board_read,
.rt-board .board_write,
.rt-board .feedback,
.rt-board .reply,
.rt-board .comment {
	font-family: inherit;
}

/* 글쓰기·수정 입력 요소 */
.rt-board .rt-board-write {
	--rt-board-field-border: #d7dcdf;
	--rt-board-field-focus: #74bbbe;
	background: none;
}

.rt-board .rt-board-write .write_header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px 10px;
	background: none;
}

.rt-board .rt-board-write .write_header .iText {
	flex: 1 1 360px;
	min-width: 240px;
	width: auto;
	margin: 0;
}

.rt-board .rt-board-write .write_header select {
	flex: none;
	min-width: 140px;
	width: auto;
}

.rt-board .rt-board-write .iText,
.rt-board .rt-board-write .write_header select,
.rt-board .rt-board-write .exForm input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]):not([type="submit"]),
.rt-board .rt-board-write .exForm input[type="file"],
.rt-board .rt-board-write .exForm textarea,
.rt-board .rt-board-write .exForm select {
	box-sizing: border-box;
	border: 1px solid var(--rt-board-field-border);
	border-radius: 8px;
	background: #ffffff;
	color: #333333;
	font: inherit;
	font-size: 14px;
	box-shadow: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.rt-board .rt-board-write .iText,
.rt-board .rt-board-write .write_header select,
.rt-board .rt-board-write .exForm input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]):not([type="submit"]),
.rt-board .rt-board-write .exForm select {
	height: 40px;
	min-height: 40px;
	padding: 0 12px;
	line-height: normal;
}

.rt-board .rt-board-write .write_header select,
.rt-board .rt-board-write .exForm select {
	cursor: pointer;
}

.rt-board .rt-board-write .exForm .tel {
	width: 64px;
	padding-right: 8px;
	padding-left: 8px;
}

.rt-board .rt-board-write .exForm .date {
	width: 150px;
}

.rt-board .rt-board-write .exForm textarea {
	min-height: 120px;
	padding: 10px 12px;
	line-height: 1.6;
	resize: none;
}

.rt-board .rt-board-write .exForm input[type="file"] {
	min-height: 40px;
	padding: 4px;
}

.rt-board .rt-board-write .exForm input[type="file"]::file-selector-button {
	height: 30px;
	padding: 0 10px;
	margin-right: 8px;
	border: 0;
	border-radius: 6px;
	background: #eff0f2;
	color: #525252;
	font: inherit;
	cursor: pointer;
}

.rt-board .rt-board-write .iText:focus,
.rt-board .rt-board-write .write_header select:focus,
.rt-board .rt-board-write .exForm input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,
.rt-board .rt-board-write .exForm textarea:focus,
.rt-board .rt-board-write .exForm select:focus {
	outline: 0;
	border-color: var(--rt-board-field-focus);
	box-shadow: 0 0 0 3px rgba(116, 187, 190, 0.16);
}

.rt-board .rt-board-write .iText[readonly],
.rt-board .rt-board-write .iText:disabled,
.rt-board .rt-board-write .exForm input[readonly],
.rt-board .rt-board-write .exForm input:disabled,
.rt-board .rt-board-write .exForm textarea[readonly],
.rt-board .rt-board-write .exForm textarea:disabled,
.rt-board .rt-board-write .exForm select:disabled {
	background: #f5f6f7;
	color: #8a8f94;
	cursor: not-allowed;
}

.rt-board .rt-board-write input[type="checkbox"],
.rt-board .rt-board-write input[type="radio"] {
	width: 16px;
	height: 16px;
	accent-color: var(--rt-board-text);
}

.rt-board .rt-board-write .write_author .iLabel {
	top: 12px;
	left: 12px;
}

.rt-board .rt-board-write .exForm .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--rt-board-field-border);
	border-radius: 8px;
	background: #f5f6f7;
	color: #525252;
	font: inherit;
	font-size: 13px;
	line-height: 1;
	text-shadow: none;
	box-shadow: none;
}

.rt-board .rt-board-write .exForm .btn:hover,
.rt-board .rt-board-write .exForm .btn:focus-visible {
	border-color: #c7cccf;
	background: #eceeef;
}

.rt-board__content-frame {
	margin-bottom: 20px;
	padding:30px; border: 1px solid var(--rt-board-line, #e5e7eb);
	border-radius: 6px;
	background: #ffffff;
}

.rt-board__content-frame .feedback {
	margin-bottom: 0;
	border: 0;
	
}

.rt-board > #comment.feedback {
	border: 0;
}

.rt-board__read-navigation .rt-board__heading {
	color: #74bbbe;
	font-size: 16px;
}

.rt-board__read-navigation .rt-board__heading a {
	gap: 2px;
}

.rt-board__heading-icon {
	display: block;
	flex: none;
	width: 16px;
	height: 16px;
}

.rt-board__document-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 20px;
}

.rt-board__document-actions-manage,
.rt-board__document-actions-navigation {
	display: flex;
	align-items: center;
	gap: 8px;
}

.rt-board__document-actions-navigation {
	margin-left: auto;
}

/* 같은 곡의 커버 게시글 연결: 재생 장치 없이 기존 게시글로 이동합니다. */
.rt-board__same-song {
	margin: 20px 0;
	padding: 20px 24px 8px;
	border: 1px solid var(--rt-board-line);
	border-radius: var(--rt-board-radius);
	background: var(--rt-board-surface);
}

.rt-board__same-song-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.rt-board__same-song-head h2 {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}

.rt-board__same-song-head > a {
	flex: none;
	padding: 6px 0 6px 6px;
	color: var(--rt-board-muted);
	font-size: 12px;
}

.rt-board__same-song-caption {
	margin: 3px 0 12px;
	color: var(--rt-board-muted);
	font-size: 12px;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.rt-board__same-song-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rt-board__same-song-list > li {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 44px;
	padding: 10px 0;
	border-top: 1px solid var(--rt-board-line);
	font-size: 13px;
	line-height: 1.5;
}

.rt-board__same-song-title {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rt-board__same-song-meta {
	display: flex;
	align-items: center;
	flex: none;
	gap: 12px;
	color: var(--rt-board-muted);
	font-size: 12px;
}

.rt-board__same-song-meta > a {
	max-width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rt-board__same-song-meta time {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.rt-board__same-song a:hover,
.rt-board__same-song a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.rt-board__same-song-filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	padding: 16px 20px;
	border-radius: var(--rt-board-radius);
	background: var(--rt-board-soft);
	font-size: 13px;
	line-height: 1.6;
}

.rt-board__same-song-filter > div {
	min-width: 0;
	overflow-wrap: anywhere;
}

.rt-board__same-song-filter strong,
.rt-board__same-song-filter span,
.rt-board__same-song-filter small {
	display: block;
}

.rt-board__same-song-filter small {
	margin-top: 3px;
	color: var(--rt-board-muted);
	font-size: 12px;
}

.rt-board__same-song-filter > a {
	flex: none;
}

@media (max-width: 767px) {
	.rt-board--read .rt-board__same-song {
		margin-right: var(--rt-mobile-content-gutter, 14px);
		margin-left: var(--rt-mobile-content-gutter, 14px);
	}
}

@media (max-width: 600px) {
	.rt-board__same-song {
		padding: 16px 16px 4px;
	}

	.rt-board__same-song-list > li {
		align-items: stretch;
		flex-direction: column;
		gap: 4px;
	}

	.rt-board__same-song-filter {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
		padding: 16px;
	}
}

/* 댓글 추천·비추천 */
.rt-board #comment .fbHeader {
	display: flex;
	align-items: center;
	gap: 12px; margin:0 -30px; border-top: 1px solid var(--rt-board-line, #e5e7eb); 
}

.rt-board #comment .rt-comment-refresh {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #666666;
	font: inherit;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
}

.rt-board #comment .rt-comment-refresh[hidden] {
	display: none;
}

.rt-board #comment .rt-comment-refresh:hover,
.rt-board #comment .rt-comment-refresh:focus-visible {
	color: #1d1d1f;
}

.rt-board #comment .rt-comment-refresh:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.rt-board #comment .rt-comment-refresh:disabled {
	cursor: wait;
	opacity: 0.6;
}

.rt-comment-refresh__icon {
	width: 16px;
	height: 16px;
}

.rt-comment-refresh.is-loading .rt-comment-refresh__icon {
	animation: rt-comment-refresh-spin 0.8s linear infinite;
}

@keyframes rt-comment-refresh-spin {
	to {
		transform: rotate(360deg);
	}
}

html.rtown-board-comment-view #popup_menu_area li.procCommentVoteUp,
html.rtown-board-comment-view #popup_menu_area li.procCommentVoteUpCancel {
	display: none;
}

.rt-board #comment .fbItem {
	position: relative;
	margin: 0;
	padding: 18px 0 16px;
	border-bottom: 1px solid #eeeeee;
}

.rt-board #comment .fbList > .fbItem:last-child {
	border-bottom: 0;
}

.rt-board #comment .fbItem.indent {
	padding-left: 50px;
	background: none;
}

.rt-board #comment .fbItem[data-rt-own-comment="Y"] {
	background: #f9f9fa;
	box-shadow:
		30px 0 0 #f9f9fa,
		-30px 0 0 #f9f9fa;
}

.rt-comment-layout {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 34px;
	align-items: start;
	column-gap: 10px;
}

.rt-comment-layout--deleted .rt-comment-main {
	grid-column: 1 / -1;
}

.rt-comment-layout > .profile {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
	border: 1px solid #eeeeee;
	border-radius: 50%;
	background: #f5f5f5 url(profile-default.png) no-repeat center;
	background-size: cover;
	object-fit: cover;
}

.rt-comment-main {
	--rt-comment-line-height: 175%;
	min-width: 0;
}

.rt-board #comment .author {
	margin: 0 0 4px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px 5px;
	color: #1d1d1f;
	font-size: 14px;
	font-weight: 700;
	line-height: var(--rt-comment-line-height);
}

.rt-board #comment .author a,
.rt-board #comment .author strong {
	display: inline-flex;
	align-items: center;
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
}

.rt-board #comment .author a img {
	margin-right: 4px !important;
}

.rt-comment-author-badge {
	display: inline-flex;
	align-items: center;	padding: 3px 7px;
	border: 1px solid #cdebd8;
	border-radius: 999px;
	background: #eef9f2;
	color: #168647;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.4;
	vertical-align: middle;
}

.rt-board #comment .rt-comment-main > .xe_content,
.rt-board #comment .rt-comment-content-row {
	margin: 0;
	color: #1d1d1f;
	font-size: 15px;
	line-height: var(--rt-comment-line-height);
}

.rt-board #comment .rt-comment-reply-target {
	line-height: 175%;
}

.rt-board a.rt-mention,
.rt-board a[href^="#rtown-mention-member-"] {
	color: #2761c2;
	font-size: inherit;
	font-weight: 600;
	white-space: nowrap;
}

.rt-board a.rt-mention,
.rt-board a[href^="#rtown-mention-member-"] {
	cursor: pointer;
	text-decoration: none;
}

.rt-board a.rt-mention:hover,
.rt-board a.rt-mention:focus,
.rt-board a[href^="#rtown-mention-member-"]:hover,
.rt-board a[href^="#rtown-mention-member-"]:focus {
	color: #194994;
	text-decoration: underline;
}

.rt-board #comment .rt-comment-content-row > .xe_content {
	margin: 0;
	line-height: var(--rt-comment-line-height);
}

.rt-board #comment .fbItem .rhymix_content img[data-file-srl],
.rt-board #comment .fbItem .rhymix_content img[editor_component="image_link"] {
	display: block;
	max-width: 250px;
	max-height: 375px;
	border-radius: 12px;
	cursor: pointer;
}

.rt-comment-attachment-limit {
	margin: 8px 0 0;
	color: var(--rt-board-muted, #6e6e73);
	font-size: 12px;
	line-height: 1.4;
}

.rt-comment-attachment-limit-reached .fileinput-button {
	opacity: 0.55;
	cursor: not-allowed;
}

.rt-comment-attachment {
	display: flex;
	align-items: flex-start;
	margin: 8px 0 0;
}

.rt-comment-attachment__image {
	display: block;
	width: auto;
	height: auto;
	max-width: min(250px, 100%);
	margin: 0;
	padding: 0;
	border-radius: 12px;
	cursor: zoom-in;
}

.rt-comment-sticker__image {
	display: block;
	width: 120px;
	height: 120px;
	margin: 8px 0 0;
	object-fit: contain;
}

.rt-board #comment .rt-comment-layout--deleted .rt-comment-main > .xe_content {
	color: var(--rt-board-text-deleted);
}

.rt-comment-footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 10px;
	min-height: 18px;
	margin-top: 4px;
	color: var(--rt-board-muted);
	font-size: 13px;
	line-height: 1.5;
}

.rt-comment-attachment + .rt-comment-footer { 
	margin-top: 10px;
 }

.rt-board #comment .rt-comment-footer .time {
	margin: 0;
	color: inherit;
	font: inherit;
}

.rt-board #comment .rt-comment-footer .time.is-recent {
	color: var(--rt-color-recent, #009688);
	font-weight: 700;
}

.rt-board #comment .rt-comment-footer a {
	padding: 0;
	background: none;
	color: inherit;
	text-decoration: none;
}

.rt-board #comment .rt-comment-footer a:hover,
.rt-board #comment .rt-comment-footer a:focus-visible {
	color: #1d1d1f;
	text-decoration: underline;
}

.rt-board #comment .action {
	display: flex;
	float: none;
	align-items: center;
	flex-direction: column;
	gap: 14px;
	margin: 0;
	padding: 0;
	white-space: normal;
}

.rt-board #comment .action a.this {
	display: block;
	margin: -4px 0 0;
	padding: 0;
	background: none;
	color: #999999;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1;
	text-decoration: none;
}

.rt-board #comment .action a.this:hover,
.rt-board #comment .action a.this:focus-visible {
	color: #1d1d1f;
}

.rt-comment-votes {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 8px;
}

.rt-board #comment .action .rt-comment-vote {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	min-width: 28px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #999999;
	font: inherit;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.2s ease;
}

.rt-board #comment .action .rt-comment-vote [data-rt-comment-vote-label] {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.rt-comment-vote__icon {
	font-size: 18px;
	line-height: 1;
}

.rt-comment-vote--up .rt-comment-vote__icon {
	display: inline-block;
	flex: none;
	width: 22px;
	height: 22px;
	background-color: currentColor;
	font-size: 0;
	-webkit-mask: url("./icons/icon-heart.svg") center / contain no-repeat;
	mask: url("./icons/icon-heart.svg") center / contain no-repeat;
}

.rt-comment-vote--up.is-active .rt-comment-vote__icon {
	-webkit-mask-image: url("./icons/icon-heart-fill.svg");
	mask-image: url("./icons/icon-heart-fill.svg");
}

.rt-comment-vote strong {
	min-width: 14px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
}

.rt-comment-vote strong:empty {
	display: none;
}

.rt-board #comment .action .rt-comment-vote--up:not(:disabled):hover,
.rt-board #comment .action .rt-comment-vote--up:not(:disabled):focus-visible,
.rt-board #comment .action .rt-comment-vote--up.is-active {
	color: #03a950;
}

.rt-board #comment .action .rt-comment-vote--down:not(:disabled):hover,
.rt-board #comment .action .rt-comment-vote--down:not(:disabled):focus-visible,
.rt-board #comment .action .rt-comment-vote--down.is-active {
	color: #d93025;
}

.rt-board #comment .action .rt-comment-vote:not(:disabled):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.rt-board #comment .action .rt-comment-vote:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

.rt-board #comment .action .rt-comment-vote.is-active:disabled {
	opacity: 0.75;
}

.rt-comment-votes.is-loading {
	opacity: 0.65;
	pointer-events: none;
}

.rt-comment-vote-error {
	display: none;
	color: #b42318;
	font-size: 11px;
}

.rt-comment-vote-error.is-visible {
	display: inline;
}

.rt-board #comment .rt-comment-login-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 68px;
	margin: 16px 0;
	padding: 14px 18px;
	border: 1px solid #dedede;
	border-radius: 6px;
	background: #fff;
	gap: 16px;
	text-decoration: none;
}

.rt-comment-login-cta__message {
	min-width: 0;
	color: #777;
	font-size: 14px;
	line-height: 1.5;
}

.rt-comment-login-cta__action {
	display: inline-flex;
	align-items: center;
	flex: none;
	gap: 4px;
	color: var(--rt-color-primary, #2f6664);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

.rt-comment-login-cta__action svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.rt-board #comment .rt-comment-login-cta:focus-visible {
	outline: 2px solid var(--rt-color-primary, #2f6664);
	outline-offset: 2px;
}

.rt-board #comment .rt-comment-disabled-notice {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 68px;
	margin: 24px 0 0;
	padding: 16px 18px;
	border: 1px solid #e2e5e8;
	border-radius: 10px;
	background: #f7f8f9;
	color: #6f757b;
	gap: 10px;
	font-size: 14px;
	line-height: 1.6;
}

.rt-board #comment .rt-comment-disabled-notice svg {
	flex: none;
	width: 18px;
	height: 18px;
	color: #8a9096;
}

.rt-board #comment .rt-comment-disabled-notice p {
	margin: 0;
}

/* 게시글 본문의 댓글 작성 카드 */
.rt-board #comment .rt-comment-composer {
	position: relative;
	margin: 24px 0 0;
}

.rt-board #comment .rt-comment-inline {
	margin: 16px 0 2px 50px;
}

.rt-board #comment .rt-comment-inline .rt-comment-composer {
	margin: 0;
}

.rt-board #comment .rt-comment-inline__error {
	box-sizing: border-box;
	margin: 0;
	padding: 16px 18px;
	border: 1px solid #efd5d2;
	border-radius: 10px;
	background: #fff8f7;
	color: #a43b32;
	font-size: 14px;
	line-height: 1.6;
}

.rt-board #comment .rt-comment-inline__error-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
}

.rt-board #comment .rt-comment-inline__password {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	box-sizing: border-box;
	margin: 0;
	padding: 16px 18px;
	border: 1px solid #e2e5e8;
	border-radius: 10px;
	background: #ffffff;
}

.rt-board #comment .rt-comment-inline__password h1 {
	flex: 1 0 100%;
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}

.rt-board #comment .rt-comment-inline__password .iText {
	flex: 1 1 180px;
	height: 38px;
	box-sizing: border-box;
}

.rt-board #comment .rt-comment-inline__password .rt-board__button,
.rt-board #comment .rt-comment-inline__password .rt-comment-composer__cancel {
	width: auto;
}

.rt-board #comment .rt-comment-composer__mode {
	flex: none;
	padding: 3px 7px;
	border-radius: 999px;
	background: #edf5f4;
	color: var(--rt-color-primary, #2f6664);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
}

.rt-board #comment a[data-rt-comment-inline-action].is-active {
	color: var(--rt-color-primary, #2f6664);
	font-weight: 700;
}

.rt-board #comment .rt-comment-composer__surface {
	overflow: hidden;
	border: 2px solid #e2e2e2;
	border-radius: 10px;
	background: #ffffff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.rt-board #comment .rt-comment-composer__surface:focus-within {
	border-color: var(--rt-color-primary, #2f6664);
	box-shadow: 0 0 0 3px rgb(47 102 100 / 12%);
}

.rt-board #comment .rt-comment-composer__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 22px 28px 0;
}

.rt-board #comment .rt-comment-composer--inline .rt-comment-composer__meta {
	gap: 6px;
}

.rt-board #comment .rt-comment-composer__author {
	display: block;
	min-width: 0;
	overflow: hidden;
	color: #111111;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rt-board #comment .rt-comment-composer__count {
	flex: none;
	margin-left: auto;
	color: #a8adb3;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	line-height: 1.4;
}

.rt-board #comment .rt-comment-composer__count.is-limit-exceeded {
	color: #d93025;
}

.rt-board #comment .rt-comment-composer__editor {
	padding: 12px 28px 0;
}

.rt-board #comment .rt-comment-composer__editor .rt-editor,
.rt-board #comment .rt-comment-composer__editor .cke,
.rt-board #comment .rt-comment-composer__editor .rx_simpleeditor_wrapper {
	width: 100%;
	border: 0;
	box-shadow: none;
}

.rt-board #comment .rt-comment-composer__editor .rx_simpleeditor {
	min-height: 26px;
	height: auto !important;
	padding: 0;
	overflow-y: visible;
	border: 0;
	outline: 0;
	resize: none;
}

.rt-board #comment .rt-comment-composer__editor .rt-editor__loading {
	min-height: 26px;
	border: 0;
}

.rt-board #comment .rt-comment-composer__editor .ck-editor__main > .ck-editor__editable,
.rt-board #comment .rt-comment-composer__editor .ck-editor__main > .ck-editor__editable:not(.ck-focused),
.rt-board #comment .rt-comment-composer__editor .ck-editor__main > .ck-editor__editable.ck-focused {
	min-height: 26px;
	max-height: none;
	height: auto;
	padding: 0;
	overflow-y: visible;
	border: 0;
	box-shadow: none;
}

.rt-board #comment .rt-comment-composer__editor .ck-content.ck-placeholder::before {
	color: #b9bec4;
	content: "댓글을 남겨보세요";
}

.rt-board #comment .rt-comment-composer__editor textarea,
.rt-board #comment .rt-comment-composer__editor [contenteditable="true"] {
	width: 100%;
	min-height: 26px;
	max-height: none;
	height: auto;
	box-sizing: border-box;
	margin: 0;
	overflow-y: visible;
	color: #222222;
	font-size: 15px;
	line-height: 1.7;
}

.rt-board #comment .rt-comment-composer__editor textarea {
	display: block;
	height: 26px;
	padding: 0;
	overflow: hidden;
	border: 0;
	outline: 0;
	resize: none;
}

.rt-board #comment .rt-comment-composer__editor textarea::placeholder {
	color: #b9bec4;
}

.rt-board #comment .rt-comment-composer__editor [contenteditable="true"][data-placeholder]:empty::before {
	color: #b9bec4;
	content: attr(data-placeholder);
	pointer-events: none;
}

.rt-board #comment .rt-comment-composer__editor .ck-file-dialog-button,
.rt-board #comment .rt-comment-composer__editor .xefu-dropzone {
	display: none !important;
}

.rt-board #comment .rt-comment-composer__editor .xefu-container,
.rt-board #comment .rt-comment-composer__editor .rt-editor__attachment-manager {
	overflow: visible;
	border: 0 !important;
	border-radius: 0;
	background: transparent;
}

.rt-board #comment .rt-comment-composer__editor .xefu-container {
	display: none;
	margin: 0;
}

.rt-board #comment .rt-comment-composer__editor .xefu-container.rt-comment-attachment-has-files {
	display: block;
	margin-top: 8px;
}

.rt-board #comment .rt-comment-composer.rt-comment-sticker-selected .rt-comment-composer__editor .xefu-container,
.rt-board #comment .rt-comment-composer.rt-comment-media-clearing .rt-comment-composer__editor .xefu-container {
	display: none !important;
}

.rt-board #comment .rt-comment-composer__editor .rt-editor__attachment-manager {
	margin-top: 8px;
}

.rt-board #comment .rt-comment-composer__editor .rt-editor__attachment-manager-heading,
.rt-board #comment .rt-comment-composer__editor .xefu-controll {
	display: none !important;
}

.rt-board #comment .rt-comment-composer__editor .xefu-list {
	overflow: visible;
	padding: 0;
}

.rt-board #comment .rt-comment-composer__editor .xefu-list-images {
	max-height: none;
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}

.rt-board #comment .rt-comment-composer__editor .xefu-list-images li {
	position: relative;
	width: 82px;
	height: 82px;
	box-sizing: border-box;
	margin: 0;
	overflow: visible;
	border: 1px solid #d9dde1;
	border-radius: 10px;
	background: #f5f6f7;
	vertical-align: top;
}

.rt-board #comment .rt-comment-composer__editor .xefu-list-images li.selected {
	border-color: #d9dde1;
}

.rt-board #comment .rt-comment-composer__editor .xefu-list-images .xefu-thumbnail {
	border-radius: 9px;
}

.rt-board #comment .rt-comment-composer__editor .xefu-list-images input[type="checkbox"],
.rt-board #comment .rt-comment-composer__editor .xefu-list-images .xefu-act-set-cover {
	display: none !important;
}

.rt-board #comment .rt-comment-composer__editor .xefu-list-files {
	margin: 0;
}

.rt-board #comment .rt-comment-composer__editor .xefu-list-files li {
	position: relative;
	max-width: 320px;
	box-sizing: border-box;
	padding: 10px 42px 10px 12px;
	border: 1px solid #d9dde1;
	border-radius: 10px;
	background: #f7f8f9;
}

.rt-board #comment .rt-comment-composer__editor .xefu-list-files .xefu-file-info {
	display: none;
}

.rt-board #comment .rt-comment-composer__editor .rt-comment-attachment-remove {
	position: absolute;
	z-index: 2;
	top: 5px;
	right: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgb(30 32 34 / 62%);
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.15s ease, transform 0.15s ease;
}

.rt-board #comment .rt-comment-composer__editor .rt-comment-attachment-remove:hover,
.rt-board #comment .rt-comment-composer__editor .rt-comment-attachment-remove:focus-visible {
	background: rgb(20 22 24 / 82%);
	transform: scale(1.06);
}

.rt-board #comment .rt-comment-composer__editor .rt-comment-attachment-remove:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: -4px;
}

.rt-board #comment .rt-comment-composer__editor .rt-comment-attachment-remove:disabled {
	opacity: 0.55;
	cursor: wait;
	transform: none;
}

.rt-board #comment .rt-comment-composer__editor .rt-comment-attachment-remove span {
	display: block;
	margin-top: -2px;
}

.rt-board #comment .rt-comment-sticker-preview {
	position: relative;
	display: block;
	width: 82px;
	height: 82px;
	box-sizing: border-box;
	margin-top: 8px;
	border: 1px solid #d9dde1;
	border-radius: 10px;
	background: #f5f6f7;
}

.rt-board #comment .rt-comment-sticker-preview[hidden] {
	display: none;
}

.rt-board #comment .rt-comment-sticker-preview img {
	display: block;
	width: 80px;
	height: 80px;
	padding: 7px;
	box-sizing: border-box;
	object-fit: contain;
}

.rt-board #comment .rt-comment-sticker-preview__remove {
	position: absolute;
	z-index: 2;
	top: 5px;
	right: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgb(30 32 34 / 62%);
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.15s ease, transform 0.15s ease;
}

.rt-board #comment .rt-comment-sticker-preview__remove:hover,
.rt-board #comment .rt-comment-sticker-preview__remove:focus-visible {
	background: rgb(20 22 24 / 82%);
	transform: scale(1.06);
}

.rt-board #comment .rt-comment-sticker-preview__remove:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: -4px;
}

.rt-board #comment .rt-comment-composer .write_author {
	float: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0;
	padding: 10px 28px 0;
}

.rt-board #comment .rt-comment-composer .write_author .item {
	margin: 0;
}

.rt-board #comment .rt-comment-composer .write_author .iText {
	height: 36px;
	box-sizing: border-box;
}

.rt-board #comment .rt-comment-composer .write_captcha {
	padding: 12px 28px 0;
}

.rt-board #comment .rt-comment-composer__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 64px;
	padding: 8px 28px 16px;
}

.rt-board #comment .rt-comment-composer__tools {
	display: flex;
	align-items: center;
	gap: 8px;
}

.rt-board #comment .rt-comment-composer__camera,
.rt-board #comment .rt-comment-composer__sticker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #333333;
	cursor: pointer;
}

.rt-board #comment .rt-comment-composer__camera[hidden] {
	display: none;
}

.rt-board #comment .rt-comment-composer__camera:hover,
.rt-board #comment .rt-comment-composer__camera:focus-visible,
.rt-board #comment .rt-comment-composer__sticker:hover,
.rt-board #comment .rt-comment-composer__sticker:focus-visible,
.rt-board #comment .rt-comment-sticker-picker.is-open .rt-comment-composer__sticker {
	background: #f2f3f4;
}

.rt-board #comment .rt-comment-composer__camera:focus-visible,
.rt-board #comment .rt-comment-composer__sticker:focus-visible {
	outline: 2px solid var(--rt-color-primary, #2f6664);
	outline-offset: 2px;
}

.rt-board #comment .rt-comment-composer__camera:disabled,
.rt-board #comment .rt-comment-composer__sticker:disabled {
	opacity: 0.45;
	cursor: wait;
}

.rt-board #comment .rt-comment-composer__camera svg,
.rt-board #comment .rt-comment-composer__sticker svg {
	display: block;
	width: 25px;
	height: 25px;
}

.rt-board #comment .rt-comment-sticker-picker {
	position: relative;
	display: inline-flex;
}

.rt-board #comment .rt-comment-sticker-panel {
	position: absolute;
	z-index: 40;
	top: calc(100% + 8px);
	left: 0;
	width: min(440px, calc(100vw - 36px));
	box-sizing: border-box;
	padding: 0;
	overflow: hidden;
	border: 1px solid #d9dde1;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgb(0 0 0 / 12%);
}

.rt-board #comment .rt-comment-sticker-panel[hidden] {
	display: none;
}

.rt-board #comment .rt-comment-sticker-panel__header {
	display: flex;
	align-items: center;
	min-height: 50px;
	padding: 5px 7px;
	border-bottom: 1px solid #e5e7e9;
	color: #333333;
	font-size: 13px;
}

.rt-board #comment .rt-comment-sticker-pack-tabs {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	gap: 4px;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
}

.rt-board #comment .rt-comment-sticker-pack-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	padding: 3px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
}

.rt-board #comment .rt-comment-sticker-pack-tab:hover,
.rt-board #comment .rt-comment-sticker-pack-tab:focus-visible {
	background: #f5f6f7;
}

.rt-board #comment .rt-comment-sticker-pack-tab:focus-visible {
	outline: 2px solid var(--rt-color-primary, #2f6664);
	outline-offset: -2px;
}

.rt-board #comment .rt-comment-sticker-pack-tab.is-active {
	border-color: var(--rt-color-primary, #2f6664);
	background: #eef6f5;
}

.rt-board #comment .rt-comment-sticker-pack-tab img {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.rt-board #comment .rt-comment-sticker-panel__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	flex: none;
	margin-left: 7px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #666666;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.rt-board #comment .rt-comment-sticker-panel__close:hover,
.rt-board #comment .rt-comment-sticker-panel__close:focus-visible {
	background: #f2f3f4;
}

.rt-board #comment .rt-comment-sticker-panel__close:focus-visible {
	outline: 2px solid var(--rt-color-primary, #2f6664);
	outline-offset: 1px;
}

.rt-board #comment .rt-comment-sticker-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 5px;
	max-height: 250px;
	padding: 10px;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.rt-board #comment .rt-comment-sticker-grid[hidden] {
	display: none;
}

.rt-board #comment .rt-comment-sticker-option {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	aspect-ratio: 1 / 1;
	padding: 2px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.rt-board #comment .rt-comment-sticker-option:hover,
.rt-board #comment .rt-comment-sticker-option:focus-visible {
	border-color: #d9dde1;
	background: #f5f6f7;
	transform: translateY(-1px);
}

.rt-board #comment .rt-comment-sticker-option:focus-visible {
	outline: 2px solid var(--rt-color-primary, #2f6664);
	outline-offset: -2px;
}

.rt-board #comment .rt-comment-sticker-option.is-selected {
	border-color: #9ebfbd;
	background: #eef6f5;
}

.rt-board #comment .rt-comment-sticker-option img {
	display: block;
	width: 84px;
	max-width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.rt-board #comment .rt-comment-composer .rt-board__form-actions {
	align-items: center;
	flex-direction: row;
	margin: 0;
}

.rt-board #comment .rt-comment-composer__cancel {
	padding: 8px 4px;
	border: 0;
	background: transparent;
	color: #aeb3b9;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
}

.rt-board #comment .rt-comment-composer__cancel:hover,
.rt-board #comment .rt-comment-composer__cancel:focus-visible {
	color: #767c82;
}

.rt-board #comment .rt-comment-composer__cancel:focus-visible {
	outline: 2px solid var(--rt-color-primary, #2f6664);
	outline-offset: 3px;
}

.rt-board #comment .rt-comment-composer.is-submitting {
	opacity: 0.7;
}

.rt-board #comment .rt-comment-composer__submit {
	padding: 8px 4px;
	border: 0;
	background: transparent;
	color: #25292d;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	cursor: pointer;
}

.rt-board #comment .rt-comment-composer__submit:hover,
.rt-board #comment .rt-comment-composer__submit:focus-visible {
	color: #111111;
}

.rt-board #comment .rt-comment-composer__submit:focus-visible {
	outline: 2px solid var(--rt-color-primary, #2f6664);
	outline-offset: 3px;
}

.rt-board #comment .rt-comment-footer a.rt-comment-vote-log {
	text-decoration: underline;
}

@media (max-width: 1024.99px) {
	.rt-board__notice-label--mobile {
		display: inline;
	}

	.rt-board--gallery-4 .rt-board__gallery,
	.rt-board__gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.rt-board__webzine-item {
		grid-template-columns: minmax(190px, 34%) minmax(0, 1fr);
	}

	.rt-board__table .rt-board__col-no,
	.rt-board__table .rt-board__col-count {
		display: none;
	}
}

@media (max-width: 767.99px) {
	.rt-comment-sticker__image {
		width: 140px;
		height: 140px;
	}

	.rt-board #comment .rt-comment-sticker-grid {
		gap: 2px;
		padding: 6px;
	}

	.rt-board #comment .fbItem .rhymix_content img[data-file-srl],
	.rt-board #comment .fbItem .rhymix_content img[editor_component="image_link"] {
		max-width: 200px;
		max-height: 200px;
	}

	.rt-board #comment .fbItem {
		padding: 16px 12px 14px;
	}

	.rt-board #comment .fbItem.indent {
		padding-left: 60px;
	}

	.rt-board #comment .rt-comment-inline {
		margin-left: 48px;
	}

	.rt-comment-layout {
		grid-template-columns: 40px minmax(0, 1fr) 28px;
		column-gap: 8px;
	}

	.rt-comment-layout > .profile {
		width: 40px;
		height: 40px;
	}

	.rt-board #comment .action {
		gap: 16px;
	}

	.rt-board #comment .action .rt-comment-vote {
		gap: 6px;
	}

	.rt-board__heading {
		font-size: 25px;
	}

	.rt-board__header--list {
		position: sticky;
		z-index: 1000;
		top: 50px;
		margin-bottom: 16px;
		border-bottom: 1px solid var(--rt-board-line);
		background: var(--rt-board-surface);
		box-shadow: 0 2px 6px rgb(0 0 0 / 5%);
	}

	.rt-board__header--list .rt-board__heading-wrap {
		min-height: 52px;
		gap: 8px;
	}

	.rt-board__header--list .rt-board__heading-main {
		flex: 1 1 auto;
		flex-wrap: nowrap;
		gap: 7px;
	}

	.rt-board__header--list .rt-board__heading {
		flex: 0 1 auto;
		min-width: 0;
		font-size: 17px;
		letter-spacing: -0.03em;
	}

	.rt-board__header--list .rt-board__heading a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.rt-board__header--list .rt-board__heading {
		font-size: 18px;
	}

	.rt-board__header--list .rt-board__heading--image img {
		width: auto;
		max-height: 26px;
	}

	.rt-board__mobile-view-switch {
		display: flex;
		align-items: center;
		flex: none;
		margin-left: auto;
	}

	.rt-board__mobile-view-switch .rt-board__view-switch {
		display: inline-flex;
		padding: 0;
		background: transparent;
	}

	.rt-board__mobile-view-switch .rt-board__view-button {
		width: 28px;
		min-width: 28px;
		height: 32px;
		min-height: 32px;
	}

	.rt-board__mobile-view-switch .rt-board__view-icon {
		width: 18px;
		height: 18px;
	}

	.rt-board .rt-board__total {
		font-size: 14px;
	}

	.rt-board__toolbar {
		align-items: flex-start;
		flex-direction: column;
	}

	.rt-board__toolbar-actions {
		justify-content: flex-end;
		width: 100%;
		margin-left: 0;
	}

	.rt-board__toolbar-actions--desktop-only {
		display: none;
	}

	.rt-board__view-switch {
		display: none;
	}

	.rt-board__view-button {
		flex: none;
		padding: 0;
	}

	.rt-board .rt-board__panel--list .rt-board__table > thead {
		display: none;
	}

	.rt-board .rt-board__panel--list .rt-board__table-wrap {
		border-top-color: var(--rt-board-line);
	}

	.rt-board__notice-item {
		display: block;
		min-height: 0;
	}

	.rt-board__notice-item,
	.rt-board__table .rt-board__notice-row .rt-board__col-title {
		padding: 14px 12px;
	}

	.rt-board[data-view="webzine"] .rt-board__notice-list,
	.rt-board[data-view="gallery"] .rt-board__notice-list {
		border-top-color: var(--rt-board-line);
	}

	.rt-board[data-view="webzine"] .rt-board__webzine {
		border-top: 0;
	}

	.rt-board .rt-board__notice-item > .rt-board__notice-badge,
	.rt-board .rt-board__notice-item > .rt-board__notice-title,
	.rt-board .rt-board__notice-item > .rt-board__notice-author,
	.rt-board .rt-board__notice-item > .rt-board__notice-date {
		display: none;
	}

	.rt-board .rt-board__notice-mobile-layout {
		display: grid;
	}

	.rt-board__table .rt-board__col-author,
	.rt-board__table .rt-board__col-date,
	.rt-board__table .rt-board__col-module {
		display: none;
	}

	.rt-board__table th,
	.rt-board__table td {
		height: auto;
		padding: 12px;
	}

	.rt-board__table .rt-board__col-title {
		min-width: 0;
		padding: 14px 12px;
	}

	.rt-board__list-layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 52px;
		align-items: stretch;
		gap: 8px;
		width: 100%;
	}

	.rt-board__list-layout.has-thumbnail {
		grid-template-columns: minmax(0, 1fr) 60px 52px;
	}

	.rt-board__list-main {
		display: block;
		align-self: center;
		min-width: 0;
	}

	.rt-board__list-title-line {
		display: -webkit-box;
		min-width: 0;
		overflow: hidden;
		overflow-wrap: anywhere;
		text-overflow: ellipsis;
		word-break: keep-all;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		font-size: 16px;
		line-height: 1.45;
	}

	.rt-board__list-title {
		display: inline;
	}

	.rt-board .rt-board__title-icons {
		position: static;
		margin-left: 2px;
		vertical-align: middle;
	}

	.rt-board__mobile-new-badge {
		display: inline-block;
		position: relative;
		top: -1px;
		width: 6px;
		height: 6px;
		margin-right: 5px;
		border-radius: 50%;
		background: #ff3344;
		vertical-align: middle;
	}

	.rt-board__list-title.is-read .rt-board__mobile-new-badge {
		display: none;
	}

	.rt-board__panel--list .rt-board__title-icons > img[alt="new"],
	.rt-board__list-layout.has-thumbnail .rt-board__title-icons > img[alt="file"],
	.rt-board__list-layout.has-thumbnail .rt-board__youtube-icon,
	.rt-board__source-link--desktop,
	.rt-board__comment-count--desktop {
		display: none;
	}

	.rt-board__mobile-list-meta {
		display: flex;
		align-items: center;
		min-width: 0;
		margin-top: 5px;
		overflow: hidden;
		color: var(--rt-board-muted);
		font-size: 12px;
		line-height: 1.4;
		white-space: nowrap;
	}

	.rt-board__mobile-list-meta > * {
		flex: none;
		min-width: 0;
	}

	.rt-board__mobile-list-meta > a {
		overflow: hidden;
		max-width: 42%;
		color: inherit;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.rt-board__mobile-list-meta > * + *::before {
		display: inline-block;
		width: 2px;
		height: 2px;
		margin: 0 6px;
		border-radius: 50%;
		background: #b8b8b8;
		vertical-align: middle;
		content: "";
	}

	.rt-board .rt-board__mobile-thumbnail {
		display: block;
		align-self: start;
		position: relative;
		width: 60px;
		height: 60px;
		overflow: hidden;
		border-radius: 10px;
		background: #f1f2f3;
		text-decoration: none;
	}

	.rt-board__mobile-thumbnail picture {
		display: block;
		width: 100%;
		height: 100%;
	}

	.rt-board__mobile-thumbnail img {
		display: block;
		width: 100%;
		max-width: none;
		height: 100%;
		object-fit: cover;
	}

	.rt-board__mobile-thumbnail .rt-board__thumbnail-play {
		width: 24px;
		height: 24px;
		padding-left: 2px;
		font-size: 10px;
	}

	.rt-board .rt-board__mobile-thumbnail:focus-visible {
		outline: 2px solid var(--rt-board-text);
		outline-offset: 2px;
	}

	.rt-board .rt-board__mobile-comment {
		display: flex;
		align-self: start;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 7px;
		box-sizing: border-box;
		width: 52px;
		height: 60px;
		padding: 7px 4px;
		border-radius: 13px;
		background: #f5f6f7;
		color: var(--rt-board-text);
		line-height: 1;
		text-align: center;
		text-decoration: none;
	}

	.rt-board__mobile-comment strong {
		color: #1d1d1f;
		font-size: 14px;
		font-weight: 700;
	}

	.rt-board__mobile-comment span {
		color: #8d8d8f;
		font-size: 12px;
		font-weight: 400;
	}

	.rt-board .rt-board__mobile-comment:focus-visible {
		outline: 2px solid var(--rt-board-text);
		outline-offset: 2px;
	}

	.rt-board__webzine-item {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
		padding: 20px 0;
	}

	.rt-board__webzine-content {
		padding-right: 0;
	}

	.rt-board__webzine .rt-board__item-title {
		font-size: 17px;
	}

	.rt-board__webzine .rt-board__item-check {
		top: 28px;
		right: 8px;
		padding: 5px 7px;
		border-radius: 7px;
		background: rgba(255, 255, 255, 0.9);
	}

	.rt-board--gallery-2 .rt-board__gallery,
	.rt-board--gallery-4 .rt-board__gallery,
	.rt-board__gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 12px;
	}

	.rt-board__actions {
		flex-direction: column;
	}

	.rt-board__empty {
		font-size: 16px;
	}

	.rt-board .rt-board__form-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.rt-board__button {
		width: 100%;
	}
}

/* 출발 메뉴별 상세 하단 목록 */
.rt-board__origin-list {
	padding-top: 42px;
	margin-top: 42px;
	border-top: 1px solid var(--rt-board-line);
}

.rt-board__table tr.is-current,
.rt-board__notice-item.is-current,
.rt-board__webzine-item.is-current,
.rt-board__gallery-item.is-current {
	background: #f5f5f5;
}

.rt-board__table tr.is-current .rt-board__col-title > a,
.rt-board__table tr.is-current .rt-board__list-title,
.rt-board__notice-item.is-current .rt-board__notice-title,
.rt-board__webzine-item.is-current .rt-board__item-title > a,
.rt-board__gallery-item.is-current .rt-board__item-title > a {
	font-weight: 700;
}

@media (max-width: 767px) {
	.rt-board__origin-list {
		padding-top: 30px;
		margin-top: 30px;
	}
}


.rt-board__origin-list .rt-music__rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	padding: 0 7px;
	border-radius: 999px;
	background: var(--rt-board-text);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
}

.rt-board__origin-list .rt-board__badge--best {
	background: #171717;
	color: #fff;
}


.rt-board__origin-list .rt-board__badge--weekly {
	background: #262626;
	color: #fff;
}


/* 게시물 응원 */
.rt-board__vote-area {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px 15px 12px;
	background: #fff;
}

.rt-board .rt-board__vote-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 160px;
	height: 48px;
	padding: 0 18px;
	border: 1px solid var(--rt-board-line, #e5e7eb);
	border-radius: 999px;
	background: #fff;
	color: var(--rt-board-text, #1d1d1f);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition:
		border-color 0.2s ease,
		background-color 0.2s ease;
}

.rt-board__vote-button:hover {
	border-color: var(--rt-board-text, #1d1d1f);
	background: #fafafa;
}

.rt-board__vote-button:focus-visible {
	outline: 2px solid var(--rt-board-text, #1d1d1f);
	outline-offset: 3px;
}

.rt-board__vote-icon {
	font-size: 15px;
	line-height: 1;
}

.rt-board__vote-button--up .rt-board__vote-icon {
	display: inline-block;
	flex: none;
	width: 20px;
	height: 20px;
	background-color: currentColor;
	font-size: 0;
	-webkit-mask: url("./icons/icon-heart.svg") center / contain no-repeat;
	mask: url("./icons/icon-heart.svg") center / contain no-repeat;
}

.rt-board__vote-button--up.is-active .rt-board__vote-icon {
	-webkit-mask-image: url("./icons/icon-heart-fill.svg");
	mask-image: url("./icons/icon-heart-fill.svg");
}

.rt-board__vote-count {
	display: inline;
	min-width: 0;
	height: auto;
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

@media (max-width: 767px) {
	.rt-board__vote-area {
		padding-top: 22px;
	}

	.rt-board .rt-board__vote-button {
		min-width: 104px;
		height: 48px;
		font-size: 16px;
	}
}


/* 응원·비추천 버튼 보완 */
.rt-board__vote-area {
	gap: 8px;
	flex-wrap: wrap;
}

.rt-board__vote-button--down {
	color: var(--rt-board-muted, #6e6e73);
}

.rt-board__vote-button--down:hover {
	color: var(--rt-board-text, #1d1d1f);
}

@media (max-width: 767px) {
	.rt-board__vote-area {
		gap: 8px;
		padding: 22px var(--rt-mobile-content-gutter, 14px) 12px;
	}

	.rt-board .rt-board__vote-button {
		flex: 1 1 100%;
		width: 100%;
		max-width: 400px;
		min-width: 0;
		padding: 0 18px;
	}
}


/* 회원 그룹 아이콘 */
.rt-board .member_group,
.rt-board img.member_group {
	display: inline-block;
	width: auto;
	max-width: none;
	height: 16px;
	margin-right: 4px;
	vertical-align: -3px;
}

.rt-board__col-author a[class*="member_"],
.rt-board__meta a[class*="member_"],
.rt-board__mobile-list-meta > a[class*="member_"],
.rt-board__notice-author[class*="member_"] {
	display: inline-flex;
	align-items: center;
}


/* 응원·비추천 토글 상태 */
.rt-board__vote-area.is-loading {
	opacity: 0.65;
	pointer-events: none;
}

.rt-board__vote-button.is-active {
	border-color: var(--rt-board-text, #1d1d1f);
	background: var(--rt-board-text, #1d1d1f);
	color: #fff;
}

.rt-board__vote-button:disabled {
	cursor: not-allowed;
	opacity: 0.48;
	transform: none;
}

.rt-board__vote-button.is-active:disabled {
	opacity: 0.78;
}

.rt-board__vote-button:disabled:hover {
	border-color: var(--rt-board-line, #e5e7eb);
	background: #fff;
	color: inherit;
	transform: none;
}

.rt-board__vote-button.is-active:disabled:hover {
	border-color: var(--rt-board-text, #1d1d1f);
	background: var(--rt-board-text, #1d1d1f);
	color: #fff;
}


/* 응원·비추천 결과를 스크린리더에만 안내 */
.rt-board__vote-message {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* 모바일 게시글 하단 고정 메뉴 */
.rt-board__mobile-action-bar {
	display: none;
}

@media (max-width: 767.99px) {
	html.rt-board-mobile-action-bar-ready .rt-board--read {
		padding-bottom: calc(60px + env(safe-area-inset-bottom));
	}

	.rt-board__mobile-action-bar {
		display: block;
		position: fixed;
		z-index: 1050;
		right: 0;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		padding-bottom: env(safe-area-inset-bottom);
		border-top: 1px solid var(--rt-board-line, #e5e7eb);
		background: #fff;
		box-shadow: 0 -4px 14px rgb(0 0 0 / 6%);
		opacity: 0;
		pointer-events: none;
		transform: translateY(100%);
		transition:
			opacity 0.18s ease,
			transform 0.18s ease,
			visibility 0s linear 0.18s;
		visibility: hidden;
	}

	.rt-board__mobile-action-bar.is-visible {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
		transition-delay: 0s;
		visibility: visible;
	}

	.rt-board__mobile-action-bar-inner {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
		height: 52px;
		max-width: 768px;
		margin: 0 auto;
		padding: 0 8px 0 10px;
	}

	.rt-board__mobile-action-list,
	.rt-board__mobile-action-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		height: 40px;
		border: 0;
		background: transparent;
		color: #1d1d1f;
		font: inherit;
		font-size: 13px;
		text-decoration: none;
		cursor: pointer;
	}

	.rt-board__mobile-action-list {
		gap: 6px;
		margin-right: auto;
		padding: 0 10px;
		font-weight: 600;
	}

	.rt-board__mobile-action-list svg {
		width: 18px;
		height: 18px;
	}

	.rt-board__mobile-action-buttons {
		display: flex;
		align-items: center;
		gap: 2px;
	}

	.rt-board__mobile-action-button {
		gap: 4px;
		min-width: 48px;
		padding: 0 8px;
	}

	.rt-board__mobile-action-button svg {
		width: 21px;
		height: 21px;
	}

	.rt-board__mobile-vote-icon {
		display: inline-block;
		flex: none;
		width: 21px;
		height: 21px;
		background-color: currentColor;
		-webkit-mask: url("./icons/icon-heart.svg") center / contain no-repeat;
		mask: url("./icons/icon-heart.svg") center / contain no-repeat;
	}

	.rt-board__mobile-action-button--vote.is-active .rt-board__mobile-vote-icon {
		-webkit-mask-image: url("./icons/icon-heart-fill.svg");
		mask-image: url("./icons/icon-heart-fill.svg");
	}

	.rt-board__mobile-action-button strong {
		min-width: 10px;
		font-size: 13px;
		font-weight: 500;
		line-height: 1;
		text-align: center;
	}

	.rt-board__mobile-action-button--vote.is-active {
		color: #e53935;
	}

	.rt-board__mobile-action-button--vote.is-active svg {
		fill: currentColor;
	}

	.rt-board__mobile-action-button:disabled {
		cursor: not-allowed;
		opacity: 0.45;
	}

	.rt-board__mobile-action-button.is-loading {
		opacity: 0.55;
	}

	html.rt-board-mobile-action-bar-visible .rt-quick-nav {
		bottom: 66px;
		bottom: calc(66px + env(safe-area-inset-bottom));
	}
}


/* 외부 영상 */
.rt-media-player {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto 28px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: 14px;
	background: #111;
}

.rt-media-player--portrait {
	max-width: 480px;
	aspect-ratio: 9 / 16;
}

.rt-media-player iframe {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: #111;
}

.rt-board-write__media-guide {
	margin-top: 12px;
}

.rt-board-write__title-preview {
	margin: 16px 0;
	padding: 14px 16px;
	border: 1px solid var(--rt-board-line, #e5e5ea);
	border-radius: 10px;
	color: var(--rt-board-text, #1d1d1f);
	font-size: 14px;
	line-height: 1.7;
	overflow-wrap: anywhere;
}

.rt-board-write__title-preview[hidden] {
	display: none;
}

.rt-board-write__title-preview-label {
	margin: 0 0 6px;
	color: var(--rt-board-muted, #6e6e73);
	font-size: 13px;
}

.rt-board-write__title-preview-value {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.rt-board-write__song-input-message {
	margin: 6px 0 0;
	color: #c62828;
	font-size: 12px;
	line-height: 1.6;
}

.rt-board-write__song-input-message[hidden] {
	display: none;
}

.rt-board-write__song-input-guide,
.rt-board-write__song-guide,
.rt-board-write__media-description,
.rt-board-write__media-message {
	margin: 0;
	color: var(--rt-board-muted, #6e6e73);
	font-size: 12px;
	line-height: 1.6;
}

.rt-board-write__song-input-guide,
.rt-board-write__song-guide {
	margin-top: 6px;
}

.rt-board-write__media-message {
	min-height: 20px;
	margin-top: 6px;
}

.rt-board-write__media-message.is-error {
	color: #c62828;
}

.rt-board-write__media-preview {
	margin-top: 12px;
}

.rt-board-write__media-preview:empty {
	display: none;
}

.rt-board-write__media-preview .rt-media-player {
	max-width: 640px;
	margin: 0;
}

.rt-board-write__media-preview .rt-media-player--portrait {
	max-width: 360px;
}

.rt-board__webzine-thumbnail,
.rt-board__gallery-thumbnail {
	position: relative;
}

.rt-board__thumbnail-empty--media {
	flex-direction: column;
	gap: 4px;
	background: linear-gradient(135deg, #101820, #243b4a);
	color: #fff;
}

.rt-board__thumbnail-empty--media strong {
	font-size: 18px;
	letter-spacing: -0.03em;
}

.rt-board__thumbnail-empty--media span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 11px;
}

.rt-board__thumbnail-play {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 42px;
	height: 42px;
	padding-left: 3px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.72);
	color: #fff;
	font-size: 16px;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

@media (max-width: 767px) {
	.rt-media-player {
		margin-bottom: 22px;
		border-radius: 0;
	}
}


.rt-board__archive-notice {
	margin: 0 0 28px;
	padding: 15px 17px;
	border: 1px solid #d7e7e7;
	border-left: 3px solid #74bbbe;
	border-radius: 8px;
	background: #f7fbfb;
	color: #555;
	font-size: 13px;
	line-height: 1.7;
}

.rt-board__archive-notice p {
	margin: 0;
}

.rt-board__archive-notice p + p {
	margin-top: 5px;
}

.rt-board .read_footer .tns {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 20px;
}

.rt-board .read_footer .action {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	font-size: 13px;
}

.rt-board .rt-board__share-button {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: 13px;
	line-height: 16px;
	cursor: pointer;
}

.rt-board__share-icon,
.rt-board__document-action-icon {
	display: block;
	flex: none;
	width: 16px;
	height: 16px;
}

.rt-board__share-button:hover,
.rt-board__share-button:focus-visible {
	text-decoration: underline;
}

.rt-board__share-status {
	color: var(--rt-board-muted, #6e6e73);
	font-size: 11px;
	line-height: 16px;
	white-space: nowrap;
}

.rt-board__share-status:empty {
	display: none;
}


/* 작성자의 회원 활동 보기 */
.rt-board__author-activity {
	display: flex;
	align-items: center;
	padding: 10px 0;
	background: #fff;
}

.rt-board__author-activity-link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	color: var(--rt-board-text, #1d1d1f);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
}

.rt-board__author-activity-profile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border: 1px solid var(--rt-board-line, #e5e7eb);
	border-radius: 50%;
	background: var(--rt-board-soft, #f5f5f5);
}

.rt-board__author-activity-profile img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rt-board__author-activity-profile-empty {
	display: block;
	width: 100%;
	height: 100%;
	background: url(profile-default.png) no-repeat center;
	background-size: cover;
}

.rt-board__author-activity-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rt-board__author-activity-label strong {
	font-weight: 700;
}

.rt-board__author-activity-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 16px;
	height: 16px;
	margin-left: -3px;
	color: var(--rt-board-muted, #6e6e73);
	line-height: 0;
}

.rt-board__author-activity-arrow svg {
	display: block;
	width: 100%;
	height: 100%;
}

.rt-board__author-activity-link:hover .rt-board__author-activity-label,
.rt-board__author-activity-link:focus-visible .rt-board__author-activity-label {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.rt-board__author-activity-link:focus-visible {
	outline: 2px solid var(--rt-board-text, #1d1d1f);
	outline-offset: 4px;
}

@media (max-width: 767px) {
	.rt-board__author-activity-profile {
		width: 40px;
		height: 40px;
	}
}


/* 게시글 작성자 및 주요 정보 */
.rt-board .read_header h1 {
	width: auto;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -0.5px;
}

.rt-board .read_header h1 > a {
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
}

.rt-board__read-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 14px 0;
	border-bottom: 1px solid var(--rt-board-line, #e5e7eb);
	background: #fff;
}

.rt-board__read-author {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.rt-board__read-profile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border: 1px solid var(--rt-board-line, #e5e7eb);
	border-radius: 50%;
	background: var(--rt-board-soft, #f5f5f5);
}

.rt-board__read-profile img,
.rt-board__read-profile-empty {
	display: block;
	width: 100%;
	height: 100%;
}

.rt-board__read-profile img {
	object-fit: cover;
}

.rt-board__read-profile-empty {
	background: url(profile-default.png) no-repeat center;
	background-size: cover;
}

.rt-board__read-author-info {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.rt-board__read-author-row {
	display: flex;
	align-items: center;
	min-width: 0;
}

.rt-board__read-author-row .author {
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	min-width: 0;
	color: var(--rt-board-text, #1d1d1f);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rt-board__read-author-row .author img.member_group {
	margin-top: 0;
}

.rt-board__read-author-row .rt-follow-button {
	float: none;
	flex: none;
	margin: 0 0 0 7px;
}

.rt-board__read-date-row {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.rt-board__read-date {
	color: var(--rt-board-muted, #6e6e73);
	font-size: 13px;
	line-height: 1.4;
}

.rt-board__read-mobile-count {
	display: none;
	color: var(--rt-board-muted, #6e6e73);
	font-size: 13px;
	line-height: 1.4;
}

.rt-board__read-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	flex: none;
	gap: 14px;
	color: var(--rt-board-muted, #6e6e73);
	font-size: 13px;
	line-height: 1.4;
}

.rt-board__read-count strong,
.rt-board__read-comment strong {
	color: var(--rt-board-text, #1d1d1f);
	font-weight: 700;
}

.rt-board__read-comment {
	color: inherit;
	text-decoration: none;
}

.rt-board__read-comment:hover,
.rt-board__read-comment:focus-visible {
	color: var(--rt-board-text, #1d1d1f);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.rt-board .rt-board__read-share {
	color: var(--rt-board-text, #1d1d1f);
	font-size: 13px;
	line-height: 1.4;
}

.rt-board__read-actions .rt-board__share-status {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
}

@media (max-width: 767.99px) {
	.rt-board > .rt-board__header,
	.rt-board > .rt-board__categories,
	.rt-board > .rt-board__document-actions,
	.rt-board__list-page > .rt-board__toolbar,
	.rt-board__panel--webzine,
	.rt-board__panel--gallery,
	.rt-board__list-page > .rt-board__list-footer {
		padding-right: var(--rt-mobile-content-gutter, 14px);
		padding-left: var(--rt-mobile-content-gutter, 14px);
	}

	.rt-board__notice-item,
	.rt-board__table .rt-board__notice-row .rt-board__col-title,
	.rt-board__table .rt-board__col-title {
		padding-right: var(--rt-mobile-content-gutter, 14px);
		padding-left: var(--rt-mobile-content-gutter, 14px);
	}

	.rt-board .rt-board-write > .exForm,
	.rt-board .rt-board-write > .write_footer {
		padding-right: var(--rt-mobile-content-gutter, 14px);
		padding-left: var(--rt-mobile-content-gutter, 14px);
	}

	.rt-board .rt-board-write .write_header {
		display: flex;
		align-items: stretch;
		flex-direction: column;
		gap: 8px;
	}

	.rt-board .rt-board-write .write_header .iText,
	.rt-board .rt-board-write .write_header select {
		flex: none;
		min-width: 0;
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.rt-board .rt-board-write .exForm table,
	.rt-board .rt-board-write .exForm tbody,
	.rt-board .rt-board-write .exForm tr,
	.rt-board .rt-board-write .exForm th,
	.rt-board .rt-board-write .exForm td,
	.rt-board .rt-board-write .exForm caption {
		display: block;
		width: 100%;
	}

	.rt-board .rt-board-write .exForm tr {
		padding: 12px 0 14px;
		border-top: 1px solid #dddddd;
	}

	.rt-board .rt-board-write .exForm th,
	.rt-board .rt-board-write .exForm td {
		border-top: 0;
	}

	.rt-board .rt-board-write .exForm th {
		padding: 0 0 7px;
		white-space: normal;
	}

	.rt-board .rt-board-write .exForm td {
		padding: 0;
	}

	.rt-board .rt-board-write .exForm input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
	.rt-board .rt-board-write .exForm textarea,
	.rt-board .rt-board-write .exForm select {
		max-width: 100% !important;
	}

	.rt-board .rt-board-write .exForm .text,
	.rt-board .rt-board-write .exForm .password,
	.rt-board .rt-board-write .exForm .homepage,
	.rt-board .rt-board-write .exForm .email_address,
	.rt-board .rt-board-write .exForm .address,
	.rt-board .rt-board-write .exForm .number,
	.rt-board .rt-board-write .exForm .rx_ev_tel_v2,
	.rt-board .rt-board-write .exForm textarea,
	.rt-board .rt-board-write .exForm select,
	.rt-board .rt-board-write .exForm input[type="file"] {
		width: 100% !important;
		margin-right: 0;
	}

	.rt-board .rt-board-write .write_author {
		display: grid;
		float: none;
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		width: 100%;
		margin: 0;
	}

	.rt-board .rt-board-write .write_author .item {
		display: block;
		width: 100%;
	}

	.rt-board .rt-board-write .write_author .iText {
		width: 100% !important;
		max-width: 100%;
		margin-right: 0;
	}

	.rt-board .rt-board-write .rt-board__form-actions {
		align-items: center;
		justify-content: flex-end;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.rt-board .rt-board-write .rt-board__form-actions .rt-board__button {
		width: auto;
	}

	.rt-board--read .rt-board__read-navigation,
	.rt-board--read .read_header > h1,
	.rt-board--read .exOut,
	.rt-board--read .read_body > .xe_content,
	.rt-board--read .read_body > form,
	.rt-board--read .read_footer,
	.rt-board--read .rt-board__author-activity {
		padding-right: var(--rt-mobile-content-gutter, 14px);
		padding-left: var(--rt-mobile-content-gutter, 14px);
	}

	.rt-board--read .read_body {
		padding-right: 0;
		padding-left: 0;
	}

	.rt-board--read .read_body > .xe_content,
	.rt-board #comment .rt-comment-main > .xe_content,
	.rt-board #comment .rt-comment-content-row {
		font-size: 16px;
	}

	/* 본문 거터는 유지하고 단독 첨부 이미지만 화면 폭까지 확장합니다. */
	.rt-board--read .read_body > .xe_content > p > img:is([data-file-srl], [editor_component="image_link"]):only-child:not(.image-inline),
	.rt-board--read .read_body > .xe_content > p > a:only-child > img:is([data-file-srl], [editor_component="image_link"]):only-child:not(.image-inline),
	.rt-board--read .read_body > .xe_content > figure.image:not(.image_resized):not(.image-style-side):not(.image-style-align-left):not(.image-style-align-right):not(.image-style-block-align-left):not(.image-style-block-align-right) > img:is([data-file-srl], [editor_component="image_link"]),
	.rt-board--read .read_body > .xe_content > figure.image:not(.image_resized):not(.image-style-side):not(.image-style-align-left):not(.image-style-align-right):not(.image-style-block-align-left):not(.image-style-block-align-right) > a > img:is([data-file-srl], [editor_component="image_link"]) {
		display: block;
		position: relative;
		left: 50%;
		max-width: calc(100% + var(--rt-mobile-content-gutter, 14px) + var(--rt-mobile-content-gutter, 14px));
		height: auto;
		transform: translateX(-50%);
	}

	.rt-board--read .read_body > .xe_content > p > a:only-child:has(> img:is([data-file-srl], [editor_component="image_link"]):only-child:not(.image-inline)),
	.rt-board--read .read_body > .xe_content > figure.image:not(.image_resized):not(.image-style-side):not(.image-style-align-left):not(.image-style-align-right):not(.image-style-block-align-left):not(.image-style-block-align-right) > a:has(> img:is([data-file-srl], [editor_component="image_link"])) {
		display: block;
	}

	.rt-board--read .rt-board__archive-notice {
		margin-right: var(--rt-mobile-content-gutter, 14px);
		margin-left: var(--rt-mobile-content-gutter, 14px);
	}

	.rt-board__read-meta {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
		padding: 12px;
	}

	.rt-board__read-profile {
		width: 40px;
		height: 40px;
	}

	.rt-board__read-author {
		width: 100%;
	}

	.rt-board__read-author-info,
	.rt-board__read-author-row {
		min-width: 0;
		width: 100%;
	}

	.rt-board__read-author-info {
		flex: 1;
	}

	.rt-board__read-author-row .author {
		overflow: hidden;
		min-width: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.rt-board__read-author-row .rt-follow-button {
		margin-left: auto;
	}

	.rt-board__read-mobile-count {
		display: inline;
		margin-left: 6px;
	}

	.rt-board__read-mobile-count::before {
		margin-right: 6px;
		content: "·";
	}

	.rt-board__read-actions {
		display: none;
	}

	.rt-board__content-frame {
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	.rt-board #comment .fbHeader {
		margin-right: 0;
		margin-left: 0;
		padding-right: var(--rt-mobile-content-gutter, 14px);
		padding-left: var(--rt-mobile-content-gutter, 14px);
	}

	.rt-board--read #comment .fbItem {
		padding-right: var(--rt-mobile-content-gutter, 14px);
		padding-left: var(--rt-mobile-content-gutter, 14px);
	}

	.rt-board--read #comment .fbItem[data-rt-own-comment="Y"] {
		box-shadow: none;
	}

	.rt-board--read #comment .fbItem.indent {
		padding-left: 62px;
	}

	.rt-board--read #comment .pagination {
		padding-right: var(--rt-mobile-content-gutter, 14px);
		padding-left: var(--rt-mobile-content-gutter, 14px);
	}

	.rt-board--read #comment .write_comment {
		margin-right: var(--rt-mobile-content-gutter, 14px);
		margin-left: var(--rt-mobile-content-gutter, 14px);
	}

	.rt-board #comment .rt-comment-composer__meta {
		padding: 18px 18px 0;
	}

	.rt-board #comment .rt-comment-composer__editor {
		padding: 10px 18px 0;
	}

	.rt-board #comment .rt-comment-composer .write_author,
	.rt-board #comment .rt-comment-composer .write_captcha {
		padding-right: 18px;
		padding-left: 18px;
	}

	.rt-board #comment .rt-comment-composer__footer {
		padding: 6px 18px 12px;
	}

	.rt-board--read #comment .rt-comment-login-cta {
		align-items: flex-start;
		min-height: 72px;
		margin-right: var(--rt-mobile-content-gutter, 14px);
		margin-left: var(--rt-mobile-content-gutter, 14px);
		padding: 14px 16px;
		flex-direction: column;
		gap: 6px;
	}

	.rt-board--read #comment .rt-comment-disabled-notice {
		margin-right: var(--rt-mobile-content-gutter, 14px);
		margin-left: var(--rt-mobile-content-gutter, 14px);
		padding: 14px 16px;
	}
}