@charset "utf-8";

/* ===== kboard-comments-skin-default ===== */


/**
 * KBoard Comments Default Skin - Enterprise Grade Design
 * Modern, accessible, and fully responsive.
 */

/* ============================================
   1. DESIGN TOKENS (CSS Variables)
   ============================================ */
.kboard-comments-default {
	--kboard-comments-primary: #2563eb;
	--kboard-comments-primary-hover: #1d4ed8;
	--kboard-comments-text: #1e293b;
	--kboard-comments-text-muted: #64748b;
	--kboard-comments-bg: #ffffff;
	--kboard-comments-bg-alt: #f8fafc;
	--kboard-comments-border: #e2e8f0;
	--kboard-comments-border-light: #f1f5f9;
	--kboard-comments-radius: 8px;
	--kboard-comments-radius-sm: 4px;
	--kboard-comments-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);

	font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	color: var(--kboard-comments-text);
	line-height: 1.6;
	background-color: transparent;
	margin: 40px 0;
	box-sizing: border-box;
}

.kboard-comments-default *,
.kboard-comments-default *::before,
.kboard-comments-default *::after {
	box-sizing: border-box;
}

/* Hide redundant HR tags */
.kboard-comments-default hr {
	display: none;
	border: 0;
	margin: 0;
	padding: 0;
}

/* ============================================
   2. HEADER (Count & Sort)
   ============================================ */
.kboard-comments-default .comments-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 16px 0;
	border-bottom: 2px solid var(--kboard-comments-text);
	margin-bottom: 24px;
	flex-wrap: wrap;
	gap: 12px;
}

.kboard-comments-default .comments-count {
	font-size: 16px;
	font-weight: 700;
	color: var(--kboard-comments-text);
}

.kboard-comments-default .comments-count .comments-total-count {
	color: var(--kboard-comments-primary);
	margin-left: 4px;
}

.kboard-comments-default .comments-sort {
	margin-left: auto;
}

.kboard-comments-default .comments-sort select {
	border: 1px solid var(--kboard-comments-border);
	border-radius: var(--kboard-comments-radius);
	padding: 8px 36px 8px 14px;
	font-size: 13px;
	color: var(--kboard-comments-text-muted);
	background-color: var(--kboard-comments-bg);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	outline: none;
	height: 36px;
	line-height: 1;
	box-shadow: none;
	min-width: 90px;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.kboard-comments-default .comments-sort select:focus {
	border-color: var(--kboard-comments-primary);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* ============================================
   3. COMMENT LIST & THREADING
   ============================================ */
.kboard-comments-default .comments-list {
	padding: 0;
	margin: 0;
}

.kboard-comments-default .comments-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Base List Item */
.kboard-comments-default .comments-list li {
	position: relative;
	padding: 24px 0;
	margin: 0;
	border-bottom: none;
	list-style: none;
	background: none;
	display: block;
}

/* Separator line between top-level comments */
.kboard-comments-default .comments-list>ul>li {
	border-top: 1px solid var(--kboard-comments-border);
}

.kboard-comments-default .comments-list>ul>li:first-child {
	border-top: none;
}

/* Thread Container (Nested Replies) */
.kboard-comments-default .comments-list li .comments-list {
	margin-top: 20px;
	padding-left: 0;
	border: none;
	background: none;
}

/* --- DESKTOP THREADING --- */
@media screen and (min-width: 601px) {
	.kboard-comments-default .comments-list li .comments-list {
		margin-left: 40px;
		border-left: 2px solid var(--kboard-comments-border);
		padding-left: 24px;
	}

	.kboard-comments-default .comments-list li .comments-list ul li {
		padding: 20px 0;
		background-color: transparent;
		border: none;
		margin-top: 0;
		border-radius: 0;
	}

	/* No separator between replies - use spacing only (Slack/Discord style) */
	.kboard-comments-default .comments-list li .comments-list ul li+li {
		border-top: none;
		padding-top: 16px;
	}
}

/* --- MOBILE THREADING --- */
@media screen and (max-width: 600px) {
	.kboard-comments-default .comments-list li .comments-list {
		margin-left: 12px;
		padding-left: 12px;
		border-left: 2px solid var(--kboard-comments-border);
		margin-top: 16px;
	}

	.kboard-comments-default .comments-list li .comments-list ul li {
		padding: 16px 0;
		margin-top: 0;
		border: none;
	}

	/* No separator between replies on mobile either */
	.kboard-comments-default .comments-list li .comments-list ul li+li {
		border-top: none;
		padding-top: 12px;
	}
}

/* ============================================
   4. COMMENT ITEM ELEMENTS
   ============================================ */

/* Avatar */
.kboard-comments-default .comments-list-username img.avatar {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid var(--kboard-comments-border);
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
	flex-shrink: 0;
}

/* Username */
.kboard-comments-default .comments-list-username {
	font-weight: 600;
	color: var(--kboard-comments-text);
	font-size: 14px;
	display: inline-block;
	margin-right: 5px;
	line-height: 24px;
	vertical-align: middle;
}

/* Date */
.kboard-comments-default .comments-list-create {
	font-size: 13px;
	color: var(--kboard-comments-text-muted);
	font-weight: 400;
	display: inline-block;
	line-height: 24px;
	vertical-align: middle;
}

/* Content - High contrast for readability (Enterprise standard) */
.kboard-comments-default .comments-list-content {
	font-size: 15px;
	color: var(--kboard-comments-text);
	/* Changed to near-black for better readability */
	line-height: 1.7;
	word-break: break-word;
	margin-top: 8px;
	display: block;
}

.kboard-comments-default .comments-list-content p {
	margin: 0 0 8px 0;
}

/* Image Attachment */
.kboard-comments-default .comments-list-image1 {
	margin: 16px 0 8px 0;
}

.kboard-comments-default .comments-list-image1 img {
	max-width: 100%;
	height: auto;
	border-radius: var(--kboard-comments-radius);
	border: 1px solid var(--kboard-comments-border);
	display: block;
}

/* File Attachment */
.kboard-comments-default .comments-list-file1 {
	margin: 12px 0 8px 0;
	font-size: 14px;
	color: var(--kboard-comments-text-muted);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.kboard-comments-default .comments-list-file1 a {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	background-color: var(--kboard-comments-bg-alt);
	border: 1px solid var(--kboard-comments-border);
	border-radius: var(--kboard-comments-radius-sm);
	color: var(--kboard-comments-text);
	text-decoration: none;
	font-weight: 500;
	font-size: 13px;
	transition: all 0.2s ease;
}

.kboard-comments-default .comments-list-file1 a:hover {
	border-color: var(--kboard-comments-primary);
	color: var(--kboard-comments-primary);
	background-color: #fff;
	text-decoration: none !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.kboard-comments-default .comments-list-file1 a::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 0.2s;
}

.kboard-comments-default .comments-list-file1 a:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
}

/* ============================================
   5. ACTION BUTTONS (Enterprise Style)
   ============================================ */
.kboard-comments-default .comments-list-controller {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
	padding-top: 0;
	border: none;
	width: 100%;
}

.kboard-comments-default .comments-list-controller .left,
.kboard-comments-default .comments-list-controller .right {
	display: flex;
	gap: 6px;
	align-items: center;
	flex-wrap: wrap;
}

/* Button Base - Text Link Style */
.kboard-comments-default .comments-button-action {
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: none;
	padding: 4px 0;
	border-radius: 0;
	cursor: pointer;
	color: var(--kboard-comments-text-muted);
	font-weight: 500;
	font-size: 13px;
	line-height: 1;
	transition: color 0.15s ease;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	text-decoration: none !important;
	white-space: nowrap;
}

.kboard-comments-default .comments-button-action:hover {
	color: var(--kboard-comments-primary);
	text-decoration: underline !important;
}

.kboard-comments-default .comments-button-action:active {
	opacity: 0.7;
}

/* Like/Unlike Counts */
.kboard-comments-default .kboard-comment-like-count,
.kboard-comments-default .kboard-comment-unlike-count {
	font-weight: 700;
	margin-left: 2px;
}

/* --- MOBILE BUTTON OPTIMIZATION --- */
@media screen and (max-width: 600px) {

	/* Keep buttons in ONE row */
	.kboard-comments-default .comments-list-controller {
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}

	.kboard-comments-default .comments-list-controller .left,
	.kboard-comments-default .comments-list-controller .right {
		gap: 10px;
	}

	.kboard-comments-default .comments-button-action {
		font-size: 12px;
	}

	/* In deeply nested replies */
	.kboard-comments-default .comments-list li .comments-list .comments-button-action {
		font-size: 11px;
	}
}

/* ============================================
   6. WRITE FORM (Card Style)
   ============================================ */
.kboard-comments-default .kboard-comments-form {
	background: var(--kboard-comments-bg-alt);
	border: 1px solid var(--kboard-comments-border);
	border-radius: var(--kboard-comments-radius);
	padding: 24px;
	margin-top: 32px;
	overflow: hidden;
}

.kboard-comments-default .comments-field.field-content {
	margin-bottom: 0;
}

.kboard-comments-default .comments-field-wrap {
	display: none;
	width: 100%;
	margin-top: 12px;
}

/* ---- Unified Field Layout ---- */
.kboard-comments-default .comments-field {
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 12px;
}

/* Label - Fixed Width */
.kboard-comments-default .comments-field-label {
	width: 80px;
	min-width: 80px;
	font-weight: 600;
	font-size: 13px;
	color: var(--kboard-comments-text);
	flex-shrink: 0;
	line-height: 1.4;
}

/* Text & Password Inputs */
.kboard-comments-default input[type=text],
.kboard-comments-default input[type=password] {
	flex: 1;
	min-width: 0;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--kboard-comments-border);
	border-radius: var(--kboard-comments-radius);
	background: var(--kboard-comments-bg);
	font-size: 14px;
	color: var(--kboard-comments-text);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
}

/* File Inputs */
.kboard-comments-default input[type=file] {
	flex: 1;
	min-width: 0;
	padding: 8px;
	height: 40px;
	border: 1px solid var(--kboard-comments-border);
	border-radius: var(--kboard-comments-radius);
	background: var(--kboard-comments-bg);
	font-size: 13px;
	color: var(--kboard-comments-text);
}

/* Checkbox Fields */
.kboard-comments-default .comments-field.field-comment-hide,
.kboard-comments-default .comments-field.field-comment-anonymous {
	align-items: center;
}

.kboard-comments-default .comments-field input[type=checkbox] {
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
}

.kboard-comments-default .comments-field input[type=checkbox]+.comments-field-label {
	width: auto;
	min-width: auto;
	margin-left: 4px;
	font-weight: 400;
	cursor: pointer;
}

/* CAPTCHA Field */
.kboard-comments-default .comments-field.field-captcha .comments-field-label {
	display: flex;
	align-items: center;
}

/* Keep image at original size - no resizing */
.kboard-comments-default .comments-field.field-captcha .comments-field-label img {
	display: block;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
}

/* reCAPTCHA Field */
.kboard-comments-default .comments-field.field-recaptcha {
	margin-bottom: 12px;
}

.kboard-comments-default textarea {
	width: 100%;
	height: 110px;
	padding: 14px;
	border: 1px solid var(--kboard-comments-border);
	border-radius: var(--kboard-comments-radius);
	background: var(--kboard-comments-bg);
	font-size: 14px;
	color: var(--kboard-comments-text);
	outline: none;
	resize: vertical;
	margin-bottom: 0;
	display: block;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.kboard-comments-default input:focus,
.kboard-comments-default textarea:focus {
	border-color: var(--kboard-comments-primary);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Submit Button - Hidden initially, shown via JS on textarea focus */
.kboard-comments-default .comments-submit-button {
	display: none;
	justify-content: flex-end;
	margin-top: 12px;
}

.kboard-comments-default .comments-submit-button input[type=submit] {
	background-color: var(--kboard-comments-text);
	color: #fff;
	border: none;
	padding: 0 28px;
	height: 44px;
	border-radius: var(--kboard-comments-radius);
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: background-color 0.2s, transform 0.1s;
	display: inline-block;
}

.kboard-comments-default .comments-submit-button input[type=submit]:hover {
	background-color: var(--kboard-comments-primary);
}

.kboard-comments-default .comments-submit-button input[type=submit]:active {
	transform: scale(0.98);
}

/* --- MOBILE FORM OPTIMIZATION --- */
@media screen and (max-width: 600px) {
	.kboard-comments-default .kboard-comments-form {
		padding: 16px;
	}

	.kboard-comments-default .comments-list li {
		padding: 16px 0;
	}

	.kboard-comments-default .comments-list-username {
		line-height: 24px;
		font-size: 13px;
	}

	.kboard-comments-default .comments-list-create {
		line-height: 24px;
		font-size: 12px;
	}

	.kboard-comments-default .kboard-comments-form .comments-field {
		flex-direction: column;
		align-items: stretch;
		margin-bottom: 20px;
		gap: 6px;
		/* Reduced gap for vertical layout */
	}

	.kboard-comments-default .kboard-comments-form .comments-field.field-content {
		margin-bottom: 0;
	}

	.kboard-comments-default .comments-field-wrap {
		margin-top: 20px;
	}

	.kboard-comments-default .kboard-comments-form .comments-field:last-child {
		margin-bottom: 0;
	}

	.kboard-comments-default .comments-field-label {
		width: 100%;
		margin-bottom: 6px;
		/* Closer to its input */
		line-height: 1.2;
	}

	/* Ensure proper input height on mobile */
	.kboard-comments-default input[type=text],
	.kboard-comments-default input[type=password] {
		width: 100%;
		height: 44px;
		min-height: 44px;
	}

	.kboard-comments-default input[type=file] {
		width: 100%;
		height: 44px;
		min-height: 44px;
	}

	.kboard-comments-default .comments-submit-button {
		justify-content: stretch;
		margin-top: 20px;
	}

	.kboard-comments-default .comments-submit-button input[type=submit] {
		width: 100%;
		height: 48px;
	}
}

/* ============================================
   7. LOGIN/PERMISSION MESSAGE
   ============================================ */
.kboard-comments-default .kboard-comments-login {
	text-align: center;
	padding: 32px 20px;
	background: var(--kboard-comments-bg-alt);
	border: 1px solid var(--kboard-comments-border);
	border-radius: var(--kboard-comments-radius);
	margin-top: 24px;
	color: var(--kboard-comments-text-muted);
	font-size: 14px;
}

.kboard-comments-default .kboard-comments-login a {
	color: var(--kboard-comments-primary);
	font-weight: 600;
	text-decoration: underline;
}

.kboard-comments-default .kboard-comments-login a:hover {
	color: var(--kboard-comments-primary-hover);
}

/* ===== kboard-editor-media ===== */

/**
 * @author https://www.cosmosfarm.com
 */

#kboard_media_background { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; z-index: 99999; }
#kboard_media_wrapper { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 99999; }
#kboard_media_wrapper iframe { display: block; margin: 0; border: 0; width: 100%; height: 100%; }

/* ===== kboard-skin-afterword ===== */

/**
 * Dermaking Column Skin CSS
 */

/* ============================================
   entry-title 숨김
   ============================================ */
.page-id-71 .page-header,
.page-id-71 .entry-title {display: none !important;}

/* ============================================
   Variables
   ============================================ */
:root {
	--dm-primary: #B08D57;
	--dm-primary-hover: #9a7847;
	--dm-primary-light: #F3EDE4;
	--dm-primary-border: #D8C3A5;
	--dm-accent: #6F7A5C;
	--dm-accent-light: #eef0ea;
	--dm-text: #2a2419;
	--dm-text-sub: #5a5344;
	--dm-text-muted: #9a9384;
	--dm-text-light: #c2b9a8;
	--dm-bg: #fbf8f4;
	--dm-card-bg: #ffffff;
	--dm-border: #e6ded1;
	--dm-border-light: #efe9df;
	--dm-font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--dm-radius: 16px;
	--dm-radius-sm: 10px;
	--dm-radius-pill: 50px;
	--dm-shadow-sm: 0 2px 8px rgba(42, 36, 25, 0.04);
	--dm-shadow-md: 0 4px 16px rgba(42, 36, 25, 0.06);
	--dm-shadow-hover: 0 12px 32px rgba(42, 36, 25, 0.1);
}

/* ============================================
   페이지 전체 배경 (body 레벨)
   ============================================ */
body.page-id-71 {background: var(--dm-bg);}
body.page-id-71 .site-main {background: var(--dm-bg);}
body.page-id-71 .page-content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: var(--dm-bg);
}

/* ============================================
   메인 래퍼
   ============================================ */
.dm-column-list {
	font-family: var(--dm-font); font-size: 15px;
	color: var(--dm-text); line-height: 1.6; letter-spacing: -0.2px;
	background: var(--dm-bg);
	width: 100%;
	padding: 80px 20px 100px;
	box-sizing: border-box;
	margin: 0 auto;
}
.dm-column-list *, .dm-column-list *::before, .dm-column-list *::after { box-sizing: border-box; }
.dm-column-list a { text-decoration: none; color: inherit; transition: color 0.2s; }
.dm-column-list img { max-width: 100%; height: auto; vertical-align: middle; }

/* 내부 컨텐츠 중앙 정렬 */
.dm-column-list > .dm-col-head,
.dm-column-list > .dm-col-search,
.dm-column-list > .kboard-category,
.dm-column-list > .kboard-tree-category-search,
.dm-column-list > .dm-col-grid,
.dm-column-list > .dm-col-pagination,
.dm-column-list > .dm-col-control,
.dm-column-list > .dm-col-poweredby {
	max-width: 1400px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ============================================
   페이지 헤드 (타이틀)
   ============================================ */
.dm-col-head {
	text-align: center; margin-bottom: 50px;
}
.dm-col-eyebrow {
	display: inline-block; font-size: 14px; font-weight: 500;
	color: var(--dm-primary); letter-spacing: 3px;
	margin-bottom: 16px; text-transform: uppercase;
}
.dm-col-page-title {
	margin: 0 0 16px 0;
	font-size: 44px; font-weight: 700; color: var(--dm-text);
	line-height: 1.3; letter-spacing: -0.8px;
}
.dm-col-page-desc {
	margin: 0; font-size: 16px; font-weight: 400;
	color: var(--dm-text-sub); line-height: 1.7; letter-spacing: -0.2px;
}

/* ============================================
   검색창
   ============================================ */
.dm-col-search {
	display: flex; justify-content: center;
	margin-bottom: 40px;
}
.dm-col-search-form {
	display: inline-flex; align-items: center;
	width: 100%; max-width: 640px; padding: 10px 10px 10px 28px;
	background: #fff; border: 1px solid transparent;
	border-radius: var(--dm-radius-pill);
	box-shadow: var(--dm-shadow-sm);
	transition: all 0.2s;
}
.dm-col-search-form:hover { box-shadow: var(--dm-shadow-md); }
.dm-col-search-form:focus-within {
	border-color: var(--dm-primary);
	box-shadow: 0 0 0 4px rgba(176, 141, 87, 0.08), var(--dm-shadow-md);
}
.dm-col-search-select {
	flex-shrink: 0; width: auto; min-width: 70px; height: 44px;
	padding: 0 28px 0 0; margin: 0 14px 0 0;
	font-size: 13px; font-weight: 500; color: var(--dm-text-sub);
	background-color: transparent;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9384' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 4px center;
	border: none; border-right: 1px solid var(--dm-border); border-radius: 0;
	appearance: none; -webkit-appearance: none; cursor: pointer; outline: none;
	font-family: inherit;
}
.dm-col-search-input {
	flex: 1; min-width: 0; margin: 0; padding: 10px 0;
	font-size: 15px; color: var(--dm-text); background: transparent;
	border: none; border-radius: 0; outline: none; height: 44px;
	font-family: inherit;
}
.dm-col-search-input::placeholder { color: var(--dm-text-light); font-weight: 400; }
.dm-col-search-btn {
	flex-shrink: 0; width: 44px; height: 44px; padding: 0; margin: 0;
	background-color: var(--dm-primary-light);
	border: none; border-radius: 50%; font-size: 0; cursor: pointer;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23B08D57' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center;
	transition: all 0.25s;
}
.dm-col-search-btn:hover {
	background-color: var(--dm-primary);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
	box-shadow: 0 6px 14px rgba(176, 141, 87, 0.25);
}

/* ============================================
   카테고리 Pill
   ============================================ */
.dm-column-list .kboard-category {
	display: flex; justify-content: center;
	margin-bottom: 60px; padding: 0; background: transparent;
	width: 100%;
}
.dm-column-list .kboard-category-list,
.dm-column-list .kboard-category .kboard-category-list {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
	padding: 0; margin: 0; list-style: none;
}
.dm-column-list .kboard-category .kboard-category-list li { margin: 0; padding: 0; }
.dm-column-list .kboard-category .kboard-category-list li a {
	display: inline-flex; align-items: center;
	padding: 11px 26px; border-radius: var(--dm-radius-pill);
	background-color: transparent; color: var(--dm-text-sub);
	font-size: 14px; font-weight: 500;
	border: 1px solid transparent; letter-spacing: -0.2px;
	transition: all 0.2s;
}
.dm-column-list .kboard-category .kboard-category-list li a:hover {
	background-color: rgba(255, 255, 255, 0.6);
	color: var(--dm-text);
}
.dm-column-list .kboard-category .kboard-category-list li.kboard-category-selected a {
	background-color: var(--dm-accent); color: #fff;
	font-weight: 700; box-shadow: 0 4px 12px rgba(111, 122, 92, 0.25);
}

/* ============================================
   카드 그리드
   ============================================ */
.dm-col-grid {
	display: grid; grid-template-columns: repeat(3, 1fr);
	gap: 24px; margin-bottom: 40px;
}

/* ============================================
   카드 공통
   ============================================ */
.dm-col-card {
	position: relative; background: var(--dm-card-bg);
	border: none; border-radius: var(--dm-radius);
	overflow: hidden; box-shadow: var(--dm-shadow-sm);
	transition: all 0.3s ease;
	display: flex; flex-direction: column;
	min-height: 300px;
}
.dm-col-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--dm-shadow-hover);
}
.dm-col-card-link {
	display: flex; flex-direction: column; height: 100%;
	text-decoration: none; color: inherit; cursor: pointer;
}

/* 카드 - 썸네일 없는 버전 */
.dm-col-card-no-thumb .dm-col-card-link,
.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link {
	padding: 36px 36px 32px;
}

/* 카드 - 썸네일 있는 버전 */
.dm-col-card-has-thumb .dm-col-card-link {
	padding: 0;
}
.dm-col-card-thumb {
	position: relative; width: 100%; aspect-ratio: 16/11;
	overflow: hidden; background-color: var(--dm-accent-light);
	flex-shrink: 0;
}
.dm-col-card-thumb img {
	width: 100%; height: 100%; object-fit: cover;
	display: block; transition: transform 0.5s ease;
}
.dm-col-card:hover .dm-col-card-thumb img { transform: scale(1.05); }

.dm-col-card-new {
	position: absolute; top: 14px; right: 14px;
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px;
	background-color: var(--dm-accent); color: #fff;
	font-size: 12px; font-weight: 700;
	border-radius: 50%; z-index: 2;
	box-shadow: 0 4px 10px rgba(111, 122, 92, 0.3);
}

.dm-col-card-has-thumb .dm-col-card-body {
	padding: 28px 28px 28px;
	display: flex; flex-direction: column; flex: 1;
}

.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-body {
	display: flex; flex-direction: column; flex: 1;
}

/* 태그 */
.dm-col-card-tags {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
	margin: 0 0 18px 0;
}
.dm-col-card-tags:empty { display: none; }

.dm-col-card-new-inline {
	display: inline-flex; align-items: center;
	padding: 5px 10px;
	background-color: var(--dm-accent); color: #fff;
	font-size: 11px; font-weight: 700;
	border-radius: 4px; letter-spacing: 0.5px;
	box-shadow: 0 2px 6px rgba(111, 122, 92, 0.25);
}

/* 제목 */
.dm-col-card-title {
	margin: 0 0 14px 0;
	font-size: 20px; font-weight: 700;
	color: var(--dm-text); line-height: 1.45; letter-spacing: -0.4px;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis; word-break: keep-all;
	transition: color 0.2s;
}
.dm-col-card:hover .dm-col-card-title { color: var(--dm-primary); }
.dm-col-card-has-thumb .dm-col-card-title {
	font-size: 18px;
}

/* 본문 */
.dm-col-card-desc {
	margin: 0 0 28px 0;
	font-size: 14px; font-weight: 400; color: var(--dm-text-sub);
	line-height: 1.75; letter-spacing: -0.2px;
	display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis;
	flex: 1;
}
.dm-col-card-has-thumb .dm-col-card-desc {
	-webkit-line-clamp: 3;
	margin-bottom: 20px;
}

/* 메타 */
.dm-col-card-meta {
	display: flex; align-items: center; justify-content: space-between;
	flex-wrap: wrap; gap: 4px;
	margin-top: auto; padding-top: 18px;
	font-size: 13px; font-weight: 400;
	border-top: 1px solid var(--dm-border-light);
}
.dm-col-card-user {
	color: var(--dm-text-muted); font-weight: 500;
	max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dm-col-card-date {
	color: var(--dm-text-light); font-variant-numeric: tabular-nums;
	font-weight: 500;
}

/* ============================================
   페이지네이션
   ============================================ */
.dm-col-pagination {
	padding: 40px 0 20px; text-align: center;
}
.dm-col-pagination-list {
	display: inline-flex; padding: 0; margin: 0; list-style: none; gap: 6px;
	align-items: center; justify-content: center;
}
.dm-col-pagination-list li { display: block; margin: 0; }
.dm-col-pagination-list a, .dm-col-pagination-list span {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 10px;
	border-radius: 50%; background: #fff;
	border: 1px solid var(--dm-border);
	font-size: 14px; font-weight: 500; color: var(--dm-text-sub);
	font-variant-numeric: tabular-nums; text-decoration: none;
	transition: all 0.2s;
}
.dm-col-pagination-list a:hover {
	border-color: var(--dm-primary); color: var(--dm-primary); background: #fff;
}
.dm-col-pagination-list li.active a,
.dm-col-pagination-list a.active {
	background: var(--dm-accent); color: #fff; border-color: var(--dm-accent);
}

/* ============================================
   글쓰기 버튼
   ============================================ */
.dm-col-control {
	display: flex; justify-content: flex-end;
	padding: 20px 0 0;
}
.dm-col-write-btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 14px 32px;
	font-size: 14px; font-weight: 600;
	color: #fff !important; background-color: var(--dm-primary);
	border: 1px solid var(--dm-primary); border-radius: var(--dm-radius-pill);
	text-decoration: none; letter-spacing: -0.2px;
	box-shadow: 0 6px 16px rgba(176, 141, 87, 0.2);
	transition: all 0.25s;
}
.dm-col-write-btn::before {
	content: '+'; font-size: 18px; font-weight: 400; line-height: 1;
}
.dm-col-write-btn:hover {
	background-color: var(--dm-primary-hover); border-color: var(--dm-primary-hover);
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(176, 141, 87, 0.3);
}
.dm-col-pagination-list li.active a,
.dm-col-pagination-list li.active span,
.dm-col-pagination-list a.active,
.dm-col-pagination-list .active a,
.dm-col-pagination-list .active span {color:#fff !important; background:#6F7A5C; border-color:#6F7A5C;}


/* ============================================
   카테고리 - 하나만 표시하고 중앙 정렬
   ============================================ */
/* 카테고리2 그룹 완전히 숨김 */
.dm-column-list .kboard-category.category-pc .kboard-category-list:nth-of-type(2) {display: none !important;}
.dm-column-list .kboard-category.category-mobile select[name="category2"] {display: none !important;}

/* 카테고리1 중앙 정렬 */
.dm-column-list .kboard-category.category-pc {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 60px !important;
	padding: 0 !important;
	background: transparent !important;
	width: 100% !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li {
	margin: 0 !important;
	padding: 0 !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li a {
	display: inline-flex !important;
	align-items: center !important;
	padding: 11px 26px !important;
	border-radius: 50px !important;
	background-color: #fff !important;
	color: #5a5344 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	border: 1px solid #e6ded1 !important;
	letter-spacing: -0.2px !important;
	transition: all 0.2s !important;
	text-decoration: none !important;
	box-shadow: 0 2px 6px rgba(42, 36, 25, 0.03) !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li a:hover {
	background-color: #fff !important;
	color: #B08D57 !important;
	border-color: #B08D57 !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {
	background-color: #6F7A5C !important;
	color: #fff !important;
	font-weight: 700 !important;
	border-color: #6F7A5C !important;
	box-shadow: 0 4px 12px rgba(111, 122, 92, 0.25) !important;
}
/* ============================================
   반응형
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-column-list { padding: 60px 30px 80px; }
	.dm-col-page-title { font-size: 34px; }
	.dm-col-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link { padding: 30px 28px 28px; }
	.dm-col-card-title { font-size: 18px; }
	.dm-col-card-has-thumb .dm-col-card-title { font-size: 17px; }
}

@media screen and (max-width: 768px) {
	.dm-column-list { padding: 50px 20px 70px; }
	.dm-col-head { margin-bottom: 36px; }
	.dm-col-eyebrow { font-size: 12px; letter-spacing: 2px; margin-bottom: 12px; }
	.dm-col-page-title { font-size: 26px; margin-bottom: 12px; }
	.dm-col-page-desc { font-size: 14px; }
	.dm-col-search-form { max-width: 100%; padding: 8px 8px 8px 20px; }
	.dm-col-search-select { min-width: 60px; margin-right: 10px; padding-right: 22px; font-size: 12px; }
	.dm-col-search-input { font-size: 14px; }
	.dm-col-search { margin-bottom: 30px; }
	.dm-column-list .kboard-category { margin-bottom: 40px; }
	.dm-column-list .kboard-category .kboard-category-list {
		justify-content: flex-start; flex-wrap: nowrap;
		overflow-x: auto; padding-bottom: 8px; gap: 8px;
		-webkit-overflow-scrolling: touch; scrollbar-width: none;
	}
	.dm-column-list .kboard-category .kboard-category-list::-webkit-scrollbar { display: none; }
	.dm-column-list .kboard-category .kboard-category-list li { flex-shrink: 0; }
	.dm-column-list .kboard-category .kboard-category-list li a { padding: 9px 20px; font-size: 13px; }
	.dm-col-grid { grid-template-columns: 1fr; gap: 16px; }
	.dm-col-card { min-height: auto; }
	.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link { padding: 26px 24px 24px; }
	.dm-col-card-has-thumb .dm-col-card-body { padding: 22px 22px 22px; }
	.dm-col-card-title { font-size: 17px; }
	.dm-col-card-has-thumb .dm-col-card-title { font-size: 16px; }
	.dm-col-card-desc { font-size: 13px; -webkit-line-clamp: 3; margin-bottom: 20px; }
	.dm-col-card-has-thumb .dm-col-card-desc { -webkit-line-clamp: 2; }
	.dm-col-card-meta { font-size: 12px; padding-top: 14px; }
	.dm-col-pagination { padding: 30px 0 10px; }
	.dm-col-pagination-list a, .dm-col-pagination-list span { min-width: 36px; height: 36px; font-size: 13px; }
	.dm-col-write-btn { padding: 12px 26px; font-size: 13px; }
}

@media screen and (max-width: 480px) {
	.dm-col-search-form { padding: 6px 6px 6px 16px; }
	.dm-col-search-btn { width: 40px; height: 40px; }
	.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link { padding: 22px 20px 20px; }
}



/* ============================================
   문서 뷰 페이지 (전문가 칼럼 상세)
   ============================================ */

.dm-doc-wrap {
	width: 100%;
	padding: 60px 20px 100px;
	box-sizing: border-box;
	background: var(--dm-bg);
}

body:has(.dm-doc-wrap) .page-header,
body:has(.dm-doc-wrap) .entry-title {display: none !important;}

body:has(.dm-doc-wrap) .page-content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

body:has(.dm-doc-wrap) .site-main {
	background: var(--dm-bg);
}

/* ============================================
   2컬럼 레이아웃 (목차 왼쪽 + 본문 오른쪽)
   ============================================ */
.dm-doc-with-toc {
	display: grid;
	grid-template-columns: 360px 1fr;
	gap: 20px;
	max-width: 1400px;
	margin: 0 auto;
	align-items: start;
}

.dm-doc-with-toc.no-toc {
	grid-template-columns: 1fr;
	max-width: 1000px;
}

.dm-doc-main {
	min-width: 0;
}

.dm-doc-sidebar {
	position: sticky;
	top: 100px;
}

/* ============================================
   본문 래퍼
   ============================================ */
.dm-doc-main .kboard-document-wrap {
	background: #fff !important;
	border: 1px solid var(--dm-border) !important;
	border-radius: 20px !important;
	padding: 60px 70px 50px !important;
	overflow: visible !important;
	box-shadow: none !important;
}

/* ============================================
   상단 메타 영역
   ============================================ */
.dm-doc-head {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--dm-border-light);
}

.dm-doc-meta-top {
	display: flex; align-items: center; gap: 14px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.dm-doc-category {
	display: inline-flex; align-items: center;
	padding: 6px 14px;
	background-color: var(--dm-primary-light);
	color: var(--dm-primary);
	font-size: 12px; font-weight: 700;
	border-radius: 4px;
	border: 1px solid var(--dm-primary-border);
	letter-spacing: -0.1px;
}

.dm-doc-date {
	font-size: 14px; font-weight: 500;
	color: var(--dm-text-muted);
	letter-spacing: -0.2px;
}

.dm-doc-title {
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
	font-size: 32px !important; font-weight: 700 !important;
	color: var(--dm-text) !important;
	line-height: 1.4 !important;
	letter-spacing: -0.8px !important;
	border-bottom: none !important;
	word-break: keep-all;
}

.dm-doc-author {
	display: inline-flex; align-items: center; gap: 14px;
	padding: 10px 20px 10px 10px;
	background: var(--dm-bg);
	border-radius: 50px;
}

.dm-doc-author-avatar {
	flex-shrink: 0;
	width: 44px; height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--dm-accent-light);
	border: 2px solid #fff;
	box-shadow: 0 2px 6px rgba(42, 36, 25, 0.08);
}
.dm-doc-author-avatar img {
	width: 100%; height: 100%; object-fit: cover; display: block;
}

.dm-doc-author-info {
	display: flex; flex-direction: column; gap: 2px;
}
.dm-doc-author-label {
	font-size: 11px; font-weight: 500;
	color: var(--dm-text-muted); letter-spacing: 0;
}
.dm-doc-author-name {
	font-size: 14px; font-weight: 700;
	color: var(--dm-text); letter-spacing: -0.2px;
}

/* ============================================
   본문 컨텐츠
   ============================================ */
.dm-doc-content {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}
.dm-doc-content .content-view {
	font-size: 16px !important;
	line-height: 1.9 !important;
	color: var(--dm-text-sub) !important;
	padding: 0 !important;
	letter-spacing: -0.2px;
}
.dm-doc-content p { margin: 0 ; }
.dm-doc-content strong { color: var(--dm-text); font-weight: 700; }
.dm-doc-content img {
	max-width: 100%; height: auto;
	border-radius: 10px; margin: 24px 0;
}

.dm-doc-section-title,
.dm-doc-content h2 {
	margin: 50px 0 24px 0 !important;
	padding-bottom: 16px !important;
	font-size: 24px !important; font-weight: 700 !important;
	color: var(--dm-text) !important;
	line-height: 1.4 !important; letter-spacing: -0.5px !important;
	border-bottom: 1px solid var(--dm-border-light) !important;
	word-break: keep-all;
}
.dm-doc-content h3 {
	margin: 36px 0 18px 0 !important;
	font-size: 20px !important; font-weight: 700 !important;
	color: var(--dm-text) !important;
	line-height: 1.5 !important; letter-spacing: -0.3px !important;
	word-break: keep-all;
}

/* ============================================
   좋아요/공유/인쇄 버튼
   ============================================ */
.dm-doc-action {
	display: flex; justify-content: space-between; align-items: center;
	padding: 30px 0 0 !important;
	margin-top: 40px;
	border-top: 1px solid var(--dm-border-light);
	gap: 10px; flex-wrap: wrap;
}
.dm-doc-action .left, .dm-doc-action .right {
	display: flex; gap: 8px; flex-wrap: wrap;
}
.dm-doc-action .kboard-button-action {
	display: inline-flex !important; align-items: center !important; gap: 8px !important;
	padding: 10px 20px !important;
	background: #fff !important; color: var(--dm-text-sub) !important;
	border: 1px solid var(--dm-border) !important;
	border-radius: 50px !important;
	font-size: 13px !important; font-weight: 500 !important;
	cursor: pointer; transition: all 0.2s;
	margin: 0 !important;
}
.dm-doc-action .kboard-button-action:hover {
	background: var(--dm-primary-light) !important;
	color: var(--dm-primary) !important;
	border-color: var(--dm-primary) !important;
}
.dm-doc-action .kboard-button-like {
	background: var(--dm-primary-light) !important;
	color: var(--dm-primary) !important;
	border-color: var(--dm-primary-border) !important;
}

.dm-doc-attach {
	margin-top: 20px !important;
	padding: 20px !important;
	background: var(--dm-bg) !important;
	border: 1px solid var(--dm-border-light) !important;
	border-radius: 12px !important;
	display: flex; gap: 8px; flex-wrap: wrap;
}

/* ============================================
   CTA 박스 (문의/상담 섹션)
   ============================================ */
.dm-doc-cta {
	margin: 40px 0;
	background: #fff;
	border: 1px solid var(--dm-border);
	border-radius: 50px;
	padding: 40px 50px;
	box-shadow: var(--dm-shadow-sm);
	overflow: hidden;
	position: relative;
}

.dm-doc-cta-content {
	display: flex; flex-direction: column; align-items: center;
	gap: 28px;
}

.dm-doc-cta-quote {
	position: relative;
	display: flex; align-items: flex-start; gap: 12px;
	text-align: center;
}

.dm-doc-cta-mark-left,
.dm-doc-cta-mark-right {
	font-family: Georgia, serif;
	font-size: 36px; font-weight: 700;
	color: var(--dm-primary);
	line-height: 1; flex-shrink: 0;
	margin-top: 4px;
}
.dm-doc-cta-mark-left { margin-right: 4px; }
.dm-doc-cta-mark-right {
	align-self: flex-end;
	margin-left: 4px; margin-top: auto; margin-bottom: -4px;
}

.dm-doc-cta-text {
	margin: 0;
	font-size: 22px; font-weight: 600;
	color: var(--dm-text);
	line-height: 1.6; letter-spacing: -0.5px;
	word-break: keep-all;
}
.dm-doc-cta-text strong {
	color: var(--dm-primary); font-weight: 700;
}

.dm-doc-cta-buttons {
	display: flex; flex-wrap: wrap; justify-content: center;
	gap: 10px;
}

.dm-doc-cta-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 12px 24px;
	background: #fff;
	color: var(--dm-text) !important;
	border: 1px solid var(--dm-border);
	border-radius: 50px;
	font-size: 14px; font-weight: 600;
	text-decoration: none; letter-spacing: -0.2px;
	transition: all 0.25s;
	box-shadow: 0 2px 6px rgba(42, 36, 25, 0.03);
}
.dm-doc-cta-btn svg {
	color: var(--dm-text-muted);
	transition: color 0.2s;
}
.dm-doc-cta-btn:hover {
	background: var(--dm-primary) !important;
	color: #fff !important;
	border-color: var(--dm-primary);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(176, 141, 87, 0.25);
}
.dm-doc-cta-btn:hover svg {
	color: #fff;
}

/* ============================================
   이전글/다음글 네비게이션
   ============================================ */
.dm-doc-navi {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 30px 0 !important;
}
.dm-doc-navi > div { width: 100% !important; }
.dm-doc-navi a {
	display: flex !important; align-items: center; gap: 14px;
	padding: 20px 24px !important;
	background: #fff;
	border: 1px solid var(--dm-border) !important;
	border-radius: 14px !important;
	text-decoration: none; color: var(--dm-text-sub);
	transition: all 0.2s;
	height: 100%;
}
.dm-doc-navi a:hover {
	border-color: var(--dm-primary) !important;
	color: var(--dm-primary) !important;
	transform: translateY(-2px);
	box-shadow: var(--dm-shadow-sm);
}
.dm-doc-navi .kboard-prev-document a { justify-content: flex-start; }
.dm-doc-navi .kboard-next-document a { justify-content: flex-end; text-align: right; }
.dm-doc-navi .navi-arrow {
	font-size: 20px; color: var(--dm-primary); font-weight: 700;
	flex-shrink: 0;
}
.dm-doc-navi .navi-info {
	display: flex; flex-direction: column; gap: 4px;
	min-width: 0; flex: 1;
}
.dm-doc-navi .navi-label {
	font-size: 11px; font-weight: 600;
	color: var(--dm-primary); text-transform: uppercase;
	letter-spacing: 1px;
}
.dm-doc-navi .navi-document-title {
	font-size: 14px; font-weight: 500;
	color: var(--dm-text);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	letter-spacing: -0.2px;
}

/* ============================================
   하단 컨트롤 (목록/수정/삭제)
   ============================================ */
.dm-doc-control {
	display: flex; justify-content: space-between;
	gap: 10px; flex-wrap: wrap;
	padding: 30px 0 0 !important;
}
.dm-doc-control .left, .dm-doc-control .right {
	display: flex; gap: 8px; flex-wrap: wrap;
}
.dm-doc-control .kboard-thumbnail-button-small {
	display: inline-flex !important; align-items: center !important; justify-content: center !important;
	height: 44px !important; padding: 0 26px !important;
	background-color: var(--dm-primary) !important;
	color: #fff !important;
	border: 1px solid var(--dm-primary) !important;
	border-radius: 50px !important;
	font-size: 14px !important; font-weight: 600 !important;
	letter-spacing: -0.2px;
	box-shadow: 0 4px 12px rgba(176, 141, 87, 0.2) !important;
	transition: all 0.25s;
}
.dm-doc-control .kboard-thumbnail-button-small:hover {
	background-color: var(--dm-primary-hover) !important;
	border-color: var(--dm-primary-hover) !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(176, 141, 87, 0.3) !important;
	opacity: 1 !important;
}

/* ============================================
   왼쪽 사이드바 - 목차
   ============================================ */
.dm-doc-toc {
	background: #fff;
	border: 1px solid var(--dm-border);
	border-radius: 20px;
	padding: 28px 24px;
	box-shadow: var(--dm-shadow-sm);
}
.dm-doc-toc-head {
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--dm-border-light);
}
.dm-doc-toc-title {
	margin: 0;
	font-size: 16px; font-weight: 700;
	color: var(--dm-text); letter-spacing: -0.3px;
	display: flex; align-items: center; gap: 8px;
}
.dm-doc-toc-title::before {
	content: '';
	display: inline-block;
	width: 3px; height: 16px;
	background: var(--dm-primary);
	border-radius: 2px;
}
.dm-doc-toc-list {
	list-style: none; margin: 0; padding: 0;
	display: flex; flex-direction: column; gap: 4px;
}
.dm-doc-toc-list li { margin: 0; padding:

/* ===== kboard-skin-blog ===== */

/**
 * Dermaking Column Skin CSS
 */

/* ============================================
   entry-title 숨김
   ============================================ */
.page-id-71 .page-header,
.page-id-71 .entry-title {display: none !important;}

/* ============================================
   Variables
   ============================================ */
:root {
	--dm-primary: #B08D57;
	--dm-primary-hover: #9a7847;
	--dm-primary-light: #F3EDE4;
	--dm-primary-border: #D8C3A5;
	--dm-accent: #6F7A5C;
	--dm-accent-light: #eef0ea;
	--dm-text: #2a2419;
	--dm-text-sub: #5a5344;
	--dm-text-muted: #9a9384;
	--dm-text-light: #c2b9a8;
	--dm-bg: #fbf8f4;
	--dm-card-bg: #ffffff;
	--dm-border: #e6ded1;
	--dm-border-light: #efe9df;
	--dm-font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--dm-radius: 16px;
	--dm-radius-sm: 10px;
	--dm-radius-pill: 50px;
	--dm-shadow-sm: 0 2px 8px rgba(42, 36, 25, 0.04);
	--dm-shadow-md: 0 4px 16px rgba(42, 36, 25, 0.06);
	--dm-shadow-hover: 0 12px 32px rgba(42, 36, 25, 0.1);
}

/* ============================================
   페이지 전체 배경 (body 레벨)
   ============================================ */
body.page-id-71 {background: var(--dm-bg);}
body.page-id-71 .site-main {background: var(--dm-bg);}
body.page-id-71 .page-content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: var(--dm-bg);
}

/* ============================================
   메인 래퍼
   ============================================ */
.dm-column-list {
	font-family: var(--dm-font); font-size: 15px;
	color: var(--dm-text); line-height: 1.6; letter-spacing: -0.2px;
	background: var(--dm-bg);
	width: 100%;
	padding: 80px 20px 100px;
	box-sizing: border-box;
	margin: 0 auto;
}
.dm-column-list *, .dm-column-list *::before, .dm-column-list *::after { box-sizing: border-box; }
.dm-column-list a { text-decoration: none; color: inherit; transition: color 0.2s; }
.dm-column-list img { max-width: 100%; height: auto; vertical-align: middle; }

/* 내부 컨텐츠 중앙 정렬 */
.dm-column-list > .dm-col-head,
.dm-column-list > .dm-col-search,
.dm-column-list > .kboard-category,
.dm-column-list > .kboard-tree-category-search,
.dm-column-list > .dm-col-grid,
.dm-column-list > .dm-col-pagination,
.dm-column-list > .dm-col-control,
.dm-column-list > .dm-col-poweredby {
	max-width: 1400px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ============================================
   페이지 헤드 (타이틀)
   ============================================ */
.dm-col-head {
	text-align: center; margin-bottom: 50px;
}
.dm-col-eyebrow {
	display: inline-block; font-size: 14px; font-weight: 500;
	color: var(--dm-primary); letter-spacing: 3px;
	margin-bottom: 16px; text-transform: uppercase;
}
.dm-col-page-title {
	margin: 0 0 16px 0;
	font-size: 44px; font-weight: 700; color: var(--dm-text);
	line-height: 1.3; letter-spacing: -0.8px;
}
.dm-col-page-desc {
	margin: 0; font-size: 16px; font-weight: 400;
	color: var(--dm-text-sub); line-height: 1.7; letter-spacing: -0.2px;
}

/* ============================================
   검색창
   ============================================ */
.dm-col-search {
	display: flex; justify-content: center;
	margin-bottom: 40px;
}
.dm-col-search-form {
	display: inline-flex; align-items: center;
	width: 100%; max-width: 640px; padding: 10px 10px 10px 28px;
	background: #fff; border: 1px solid transparent;
	border-radius: var(--dm-radius-pill);
	box-shadow: var(--dm-shadow-sm);
	transition: all 0.2s;
}
.dm-col-search-form:hover { box-shadow: var(--dm-shadow-md); }
.dm-col-search-form:focus-within {
	border-color: var(--dm-primary);
	box-shadow: 0 0 0 4px rgba(176, 141, 87, 0.08), var(--dm-shadow-md);
}
.dm-col-search-select {
	flex-shrink: 0; width: auto; min-width: 70px; height: 44px;
	padding: 0 28px 0 0; margin: 0 14px 0 0;
	font-size: 13px; font-weight: 500; color: var(--dm-text-sub);
	background-color: transparent;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9384' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 4px center;
	border: none; border-right: 1px solid var(--dm-border); border-radius: 0;
	appearance: none; -webkit-appearance: none; cursor: pointer; outline: none;
	font-family: inherit;
}
.dm-col-search-input {
	flex: 1; min-width: 0; margin: 0; padding: 10px 0;
	font-size: 15px; color: var(--dm-text); background: transparent;
	border: none; border-radius: 0; outline: none; height: 44px;
	font-family: inherit;
}
.dm-col-search-input::placeholder { color: var(--dm-text-light); font-weight: 400; }
.dm-col-search-btn {
	flex-shrink: 0; width: 44px; height: 44px; padding: 0; margin: 0;
	background-color: var(--dm-primary-light);
	border: none; border-radius: 50%; font-size: 0; cursor: pointer;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23B08D57' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center;
	transition: all 0.25s;
}
.dm-col-search-btn:hover {
	background-color: var(--dm-primary);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
	box-shadow: 0 6px 14px rgba(176, 141, 87, 0.25);
}

/* ============================================
   카테고리 Pill
   ============================================ */
.dm-column-list .kboard-category {
	display: flex; justify-content: center;
	margin-bottom: 60px; padding: 0; background: transparent;
	width: 100%;
}
.dm-column-list .kboard-category-list,
.dm-column-list .kboard-category .kboard-category-list {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
	padding: 0; margin: 0; list-style: none;
}
.dm-column-list .kboard-category .kboard-category-list li { margin: 0; padding: 0; }
.dm-column-list .kboard-category .kboard-category-list li a {
	display: inline-flex; align-items: center;
	padding: 11px 26px; border-radius: var(--dm-radius-pill);
	background-color: transparent; color: var(--dm-text-sub);
	font-size: 14px; font-weight: 500;
	border: 1px solid transparent; letter-spacing: -0.2px;
	transition: all 0.2s;
}
.dm-column-list .kboard-category .kboard-category-list li a:hover {
	background-color: rgba(255, 255, 255, 0.6);
	color: var(--dm-text);
}
.dm-column-list .kboard-category .kboard-category-list li.kboard-category-selected a {
	background-color: var(--dm-accent); color: #fff;
	font-weight: 700; box-shadow: 0 4px 12px rgba(111, 122, 92, 0.25);
}

/* ============================================
   카드 그리드
   ============================================ */
.dm-col-grid {
	display: grid; grid-template-columns: repeat(3, 1fr);
	gap: 24px; margin-bottom: 40px;
}

/* ============================================
   카드 공통
   ============================================ */
.dm-col-card {
	position: relative; background: var(--dm-card-bg);
	border: none; border-radius: var(--dm-radius);
	overflow: hidden; box-shadow: var(--dm-shadow-sm);
	transition: all 0.3s ease;
	display: flex; flex-direction: column;
	min-height: 300px;
}
.dm-col-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--dm-shadow-hover);
}
.dm-col-card-link {
	display: flex; flex-direction: column; height: 100%;
	text-decoration: none; color: inherit; cursor: pointer;
}

/* 카드 - 썸네일 없는 버전 */
.dm-col-card-no-thumb .dm-col-card-link,
.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link {
	padding: 36px 36px 32px;
}

/* 카드 - 썸네일 있는 버전 */
.dm-col-card-has-thumb .dm-col-card-link {
	padding: 0;
}
.dm-col-card-thumb {
	position: relative; width: 100%; aspect-ratio: 16/11;
	overflow: hidden; background-color: var(--dm-accent-light);
	flex-shrink: 0;
}
.dm-col-card-thumb img {
	width: 100%; height: 100%; object-fit: cover;
	display: block; transition: transform 0.5s ease;
}
.dm-col-card:hover .dm-col-card-thumb img { transform: scale(1.05); }

.dm-col-card-new {
	position: absolute; top: 14px; right: 14px;
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px;
	background-color: var(--dm-accent); color: #fff;
	font-size: 12px; font-weight: 700;
	border-radius: 50%; z-index: 2;
	box-shadow: 0 4px 10px rgba(111, 122, 92, 0.3);
}

.dm-col-card-has-thumb .dm-col-card-body {
	padding: 28px 28px 28px;
	display: flex; flex-direction: column; flex: 1;
}

.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-body {
	display: flex; flex-direction: column; flex: 1;
}

/* 태그 */
.dm-col-card-tags {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
	margin: 0 0 18px 0;
}
.dm-col-card-tags:empty { display: none; }

.dm-col-card-new-inline {
	display: inline-flex; align-items: center;
	padding: 5px 10px;
	background-color: var(--dm-accent); color: #fff;
	font-size: 11px; font-weight: 700;
	border-radius: 4px; letter-spacing: 0.5px;
	box-shadow: 0 2px 6px rgba(111, 122, 92, 0.25);
}

/* 제목 */
.dm-col-card-title {
	margin: 0 0 14px 0;
	font-size: 20px; font-weight: 700;
	color: var(--dm-text); line-height: 1.45; letter-spacing: -0.4px;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis; word-break: keep-all;
	transition: color 0.2s;
}
.dm-col-card:hover .dm-col-card-title { color: var(--dm-primary); }
.dm-col-card-has-thumb .dm-col-card-title {
	font-size: 18px;
}

/* 본문 */
.dm-col-card-desc {
	margin: 0 0 28px 0;
	font-size: 14px; font-weight: 400; color: var(--dm-text-sub);
	line-height: 1.75; letter-spacing: -0.2px;
	display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis;
	flex: 1;
}
.dm-col-card-has-thumb .dm-col-card-desc {
	-webkit-line-clamp: 3;
	margin-bottom: 20px;
}

/* 메타 */
.dm-col-card-meta {
	display: flex; align-items: center; justify-content: space-between;
	flex-wrap: wrap; gap: 4px;
	margin-top: auto; padding-top: 18px;
	font-size: 13px; font-weight: 400;
	border-top: 1px solid var(--dm-border-light);
}
.dm-col-card-user {
	color: var(--dm-text-muted); font-weight: 500;
	max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dm-col-card-date {
	color: var(--dm-text-light); font-variant-numeric: tabular-nums;
	font-weight: 500;
}

/* ============================================
   페이지네이션
   ============================================ */
.dm-col-pagination {
	padding: 40px 0 20px; text-align: center;
}
.dm-col-pagination-list {
	display: inline-flex; padding: 0; margin: 0; list-style: none; gap: 6px;
	align-items: center; justify-content: center;
}
.dm-col-pagination-list li { display: block; margin: 0; }
.dm-col-pagination-list a, .dm-col-pagination-list span {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 10px;
	border-radius: 50%; background: #fff;
	border: 1px solid var(--dm-border);
	font-size: 14px; font-weight: 500; color: var(--dm-text-sub);
	font-variant-numeric: tabular-nums; text-decoration: none;
	transition: all 0.2s;
}
.dm-col-pagination-list a:hover {
	border-color: var(--dm-primary); color: var(--dm-primary); background: #fff;
}
.dm-col-pagination-list li.active a,
.dm-col-pagination-list a.active {
	background: var(--dm-accent); color: #fff; border-color: var(--dm-accent);
}

/* ============================================
   글쓰기 버튼
   ============================================ */
.dm-col-control {
	display: flex; justify-content: flex-end;
	padding: 20px 0 0;
}
.dm-col-write-btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 14px 32px;
	font-size: 14px; font-weight: 600;
	color: #fff !important; background-color: var(--dm-primary);
	border: 1px solid var(--dm-primary); border-radius: var(--dm-radius-pill);
	text-decoration: none; letter-spacing: -0.2px;
	box-shadow: 0 6px 16px rgba(176, 141, 87, 0.2);
	transition: all 0.25s;
}
.dm-col-write-btn::before {
	content: '+'; font-size: 18px; font-weight: 400; line-height: 1;
}
.dm-col-write-btn:hover {
	background-color: var(--dm-primary-hover); border-color: var(--dm-primary-hover);
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(176, 141, 87, 0.3);
}
.dm-col-pagination-list li.active a,
.dm-col-pagination-list li.active span,
.dm-col-pagination-list a.active,
.dm-col-pagination-list .active a,
.dm-col-pagination-list .active span {color:#fff !important; background:#6F7A5C; border-color:#6F7A5C;}


/* ============================================
   카테고리 - 하나만 표시하고 중앙 정렬
   ============================================ */
/* 카테고리2 그룹 완전히 숨김 */
.dm-column-list .kboard-category.category-pc .kboard-category-list:nth-of-type(2) {display: none !important;}
.dm-column-list .kboard-category.category-mobile select[name="category2"] {display: none !important;}

/* 카테고리1 중앙 정렬 */
.dm-column-list .kboard-category.category-pc {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 60px !important;
	padding: 0 !important;
	background: transparent !important;
	width: 100% !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li {
	margin: 0 !important;
	padding: 0 !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li a {
	display: inline-flex !important;
	align-items: center !important;
	padding: 11px 26px !important;
	border-radius: 50px !important;
	background-color: #fff !important;
	color: #5a5344 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	border: 1px solid #e6ded1 !important;
	letter-spacing: -0.2px !important;
	transition: all 0.2s !important;
	text-decoration: none !important;
	box-shadow: 0 2px 6px rgba(42, 36, 25, 0.03) !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li a:hover {
	background-color: #fff !important;
	color: #B08D57 !important;
	border-color: #B08D57 !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {
	background-color: #6F7A5C !important;
	color: #fff !important;
	font-weight: 700 !important;
	border-color: #6F7A5C !important;
	box-shadow: 0 4px 12px rgba(111, 122, 92, 0.25) !important;
}
/* ============================================
   반응형
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-column-list { padding: 60px 30px 80px; }
	.dm-col-page-title { font-size: 34px; }
	.dm-col-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link { padding: 30px 28px 28px; }
	.dm-col-card-title { font-size: 18px; }
	.dm-col-card-has-thumb .dm-col-card-title { font-size: 17px; }
}

@media screen and (max-width: 768px) {
	.dm-column-list { padding: 50px 20px 70px; }
	.dm-col-head { margin-bottom: 36px; }
	.dm-col-eyebrow { font-size: 12px; letter-spacing: 2px; margin-bottom: 12px; }
	.dm-col-page-title { font-size: 26px; margin-bottom: 12px; }
	.dm-col-page-desc { font-size: 14px; }
	.dm-col-search-form { max-width: 100%; padding: 8px 8px 8px 20px; }
	.dm-col-search-select { min-width: 60px; margin-right: 10px; padding-right: 22px; font-size: 12px; }
	.dm-col-search-input { font-size: 14px; }
	.dm-col-search { margin-bottom: 30px; }
	.dm-column-list .kboard-category { margin-bottom: 40px; }
	.dm-column-list .kboard-category .kboard-category-list {
		justify-content: flex-start; flex-wrap: nowrap;
		overflow-x: auto; padding-bottom: 8px; gap: 8px;
		-webkit-overflow-scrolling: touch; scrollbar-width: none;
	}
	.dm-column-list .kboard-category .kboard-category-list::-webkit-scrollbar { display: none; }
	.dm-column-list .kboard-category .kboard-category-list li { flex-shrink: 0; }
	.dm-column-list .kboard-category .kboard-category-list li a { padding: 9px 20px; font-size: 13px; }
	.dm-col-grid { grid-template-columns: 1fr; gap: 16px; }
	.dm-col-card { min-height: auto; }
	.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link { padding: 26px 24px 24px; }
	.dm-col-card-has-thumb .dm-col-card-body { padding: 22px 22px 22px; }
	.dm-col-card-title { font-size: 17px; }
	.dm-col-card-has-thumb .dm-col-card-title { font-size: 16px; }
	.dm-col-card-desc { font-size: 13px; -webkit-line-clamp: 3; margin-bottom: 20px; }
	.dm-col-card-has-thumb .dm-col-card-desc { -webkit-line-clamp: 2; }
	.dm-col-card-meta { font-size: 12px; padding-top: 14px; }
	.dm-col-pagination { padding: 30px 0 10px; }
	.dm-col-pagination-list a, .dm-col-pagination-list span { min-width: 36px; height: 36px; font-size: 13px; }
	.dm-col-write-btn { padding: 12px 26px; font-size: 13px; }
}

@media screen and (max-width: 480px) {
	.dm-col-search-form { padding: 6px 6px 6px 16px; }
	.dm-col-search-btn { width: 40px; height: 40px; }
	.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link { padding: 22px 20px 20px; }
}



/* ============================================
   문서 뷰 페이지 (전문가 칼럼 상세)
   ============================================ */

.dm-doc-wrap {
	width: 100%;
	padding: 60px 20px 100px;
	box-sizing: border-box;
	background: var(--dm-bg);
}

body:has(.dm-doc-wrap) .page-header,
body:has(.dm-doc-wrap) .entry-title {display: none !important;}

body:has(.dm-doc-wrap) .page-content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

body:has(.dm-doc-wrap) .site-main {
	background: var(--dm-bg);
}

/* ============================================
   2컬럼 레이아웃 (목차 왼쪽 + 본문 오른쪽)
   ============================================ */
.dm-doc-with-toc {
	display: grid;
	grid-template-columns: 360px 1fr;
	gap: 20px;
	max-width: 1400px;
	margin: 0 auto;
	align-items: start;
}

.dm-doc-with-toc.no-toc {
	grid-template-columns: 1fr;
	max-width: 1000px;
}

.dm-doc-main {
	min-width: 0;
}

.dm-doc-sidebar {
	position: sticky;
	top: 100px;
}

/* ============================================
   본문 래퍼
   ============================================ */
.dm-doc-main .kboard-document-wrap {
	background: #fff !important;
	border: 1px solid var(--dm-border) !important;
	border-radius: 20px !important;
	padding: 60px 70px 50px !important;
	overflow: visible !important;
	box-shadow: none !important;
}

/* ============================================
   상단 메타 영역
   ============================================ */
.dm-doc-head {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--dm-border-light);
}

.dm-doc-meta-top {
	display: flex; align-items: center; gap: 14px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.dm-doc-category {
	display: inline-flex; align-items: center;
	padding: 6px 14px;
	background-color: var(--dm-primary-light);
	color: var(--dm-primary);
	font-size: 12px; font-weight: 700;
	border-radius: 4px;
	border: 1px solid var(--dm-primary-border);
	letter-spacing: -0.1px;
}

.dm-doc-date {
	font-size: 14px; font-weight: 500;
	color: var(--dm-text-muted);
	letter-spacing: -0.2px;
}

.dm-doc-title {
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
	font-size: 32px !important; font-weight: 700 !important;
	color: var(--dm-text) !important;
	line-height: 1.4 !important;
	letter-spacing: -0.8px !important;
	border-bottom: none !important;
	word-break: keep-all;
}

.dm-doc-author {
	display: inline-flex; align-items: center; gap: 14px;
	padding: 10px 20px 10px 10px;
	background: var(--dm-bg);
	border-radius: 50px;
}

.dm-doc-author-avatar {
	flex-shrink: 0;
	width: 44px; height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--dm-accent-light);
	border: 2px solid #fff;
	box-shadow: 0 2px 6px rgba(42, 36, 25, 0.08);
}
.dm-doc-author-avatar img {
	width: 100%; height: 100%; object-fit: cover; display: block;
}

.dm-doc-author-info {
	display: flex; flex-direction: column; gap: 2px;
}
.dm-doc-author-label {
	font-size: 11px; font-weight: 500;
	color: var(--dm-text-muted); letter-spacing: 0;
}
.dm-doc-author-name {
	font-size: 14px; font-weight: 700;
	color: var(--dm-text); letter-spacing: -0.2px;
}

/* ============================================
   본문 컨텐츠
   ============================================ */
.dm-doc-content {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}
.dm-doc-content .content-view {
	font-size: 16px !important;
	line-height: 1.9 !important;
	color: var(--dm-text-sub) !important;
	padding: 0 !important;
	letter-spacing: -0.2px;
}
.dm-doc-content p { margin: 0 ; }
.dm-doc-content strong { color: var(--dm-text); font-weight: 700; }
.dm-doc-content img {
	max-width: 100%; height: auto;
	border-radius: 10px; margin: 24px 0;
}

.dm-doc-section-title,
.dm-doc-content h2 {
	margin: 50px 0 24px 0 !important;
	padding-bottom: 16px !important;
	font-size: 24px !important; font-weight: 700 !important;
	color: var(--dm-text) !important;
	line-height: 1.4 !important; letter-spacing: -0.5px !important;
	border-bottom: 1px solid var(--dm-border-light) !important;
	word-break: keep-all;
}
.dm-doc-content h3 {
	margin: 36px 0 18px 0 !important;
	font-size: 20px !important; font-weight: 700 !important;
	color: var(--dm-text) !important;
	line-height: 1.5 !important; letter-spacing: -0.3px !important;
	word-break: keep-all;
}

/* ============================================
   좋아요/공유/인쇄 버튼
   ============================================ */
.dm-doc-action {
	display: flex; justify-content: space-between; align-items: center;
	padding: 30px 0 0 !important;
	margin-top: 40px;
	border-top: 1px solid var(--dm-border-light);
	gap: 10px; flex-wrap: wrap;
}
.dm-doc-action .left, .dm-doc-action .right {
	display: flex; gap: 8px; flex-wrap: wrap;
}
.dm-doc-action .kboard-button-action {
	display: inline-flex !important; align-items: center !important; gap: 8px !important;
	padding: 10px 20px !important;
	background: #fff !important; color: var(--dm-text-sub) !important;
	border: 1px solid var(--dm-border) !important;
	border-radius: 50px !important;
	font-size: 13px !important; font-weight: 500 !important;
	cursor: pointer; transition: all 0.2s;
	margin: 0 !important;
}
.dm-doc-action .kboard-button-action:hover {
	background: var(--dm-primary-light) !important;
	color: var(--dm-primary) !important;
	border-color: var(--dm-primary) !important;
}
.dm-doc-action .kboard-button-like {
	background: var(--dm-primary-light) !important;
	color: var(--dm-primary) !important;
	border-color: var(--dm-primary-border) !important;
}

.dm-doc-attach {
	margin-top: 20px !important;
	padding: 20px !important;
	background: var(--dm-bg) !important;
	border: 1px solid var(--dm-border-light) !important;
	border-radius: 12px !important;
	display: flex; gap: 8px; flex-wrap: wrap;
}

/* ============================================
   CTA 박스 (문의/상담 섹션)
   ============================================ */
.dm-doc-cta {
	margin: 40px 0;
	background: #fff;
	border: 1px solid var(--dm-border);
	border-radius: 50px;
	padding: 40px 50px;
	box-shadow: var(--dm-shadow-sm);
	overflow: hidden;
	position: relative;
}

.dm-doc-cta-content {
	display: flex; flex-direction: column; align-items: center;
	gap: 28px;
}

.dm-doc-cta-quote {
	position: relative;
	display: flex; align-items: flex-start; gap: 12px;
	text-align: center;
}

.dm-doc-cta-mark-left,
.dm-doc-cta-mark-right {
	font-family: Georgia, serif;
	font-size: 36px; font-weight: 700;
	color: var(--dm-primary);
	line-height: 1; flex-shrink: 0;
	margin-top: 4px;
}
.dm-doc-cta-mark-left { margin-right: 4px; }
.dm-doc-cta-mark-right {
	align-self: flex-end;
	margin-left: 4px; margin-top: auto; margin-bottom: -4px;
}

.dm-doc-cta-text {
	margin: 0;
	font-size: 22px; font-weight: 600;
	color: var(--dm-text);
	line-height: 1.6; letter-spacing: -0.5px;
	word-break: keep-all;
}
.dm-doc-cta-text strong {
	color: var(--dm-primary); font-weight: 700;
}

.dm-doc-cta-buttons {
	display: flex; flex-wrap: wrap; justify-content: center;
	gap: 10px;
}

.dm-doc-cta-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 12px 24px;
	background: #fff;
	color: var(--dm-text) !important;
	border: 1px solid var(--dm-border);
	border-radius: 50px;
	font-size: 14px; font-weight: 600;
	text-decoration: none; letter-spacing: -0.2px;
	transition: all 0.25s;
	box-shadow: 0 2px 6px rgba(42, 36, 25, 0.03);
}
.dm-doc-cta-btn svg {
	color: var(--dm-text-muted);
	transition: color 0.2s;
}
.dm-doc-cta-btn:hover {
	background: var(--dm-primary) !important;
	color: #fff !important;
	border-color: var(--dm-primary);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(176, 141, 87, 0.25);
}
.dm-doc-cta-btn:hover svg {
	color: #fff;
}

/* ============================================
   이전글/다음글 네비게이션
   ============================================ */
.dm-doc-navi {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 30px 0 !important;
}
.dm-doc-navi > div { width: 100% !important; }
.dm-doc-navi a {
	display: flex !important; align-items: center; gap: 14px;
	padding: 20px 24px !important;
	background: #fff;
	border: 1px solid var(--dm-border) !important;
	border-radius: 14px !important;
	text-decoration: none; color: var(--dm-text-sub);
	transition: all 0.2s;
	height: 100%;
}
.dm-doc-navi a:hover {
	border-color: var(--dm-primary) !important;
	color: var(--dm-primary) !important;
	transform: translateY(-2px);
	box-shadow: var(--dm-shadow-sm);
}
.dm-doc-navi .kboard-prev-document a { justify-content: flex-start; }
.dm-doc-navi .kboard-next-document a { justify-content: flex-end; text-align: right; }
.dm-doc-navi .navi-arrow {
	font-size: 20px; color: var(--dm-primary); font-weight: 700;
	flex-shrink: 0;
}
.dm-doc-navi .navi-info {
	display: flex; flex-direction: column; gap: 4px;
	min-width: 0; flex: 1;
}
.dm-doc-navi .navi-label {
	font-size: 11px; font-weight: 600;
	color: var(--dm-primary); text-transform: uppercase;
	letter-spacing: 1px;
}
.dm-doc-navi .navi-document-title {
	font-size: 14px; font-weight: 500;
	color: var(--dm-text);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	letter-spacing: -0.2px;
}

/* ============================================
   하단 컨트롤 (목록/수정/삭제)
   ============================================ */
.dm-doc-control {
	display: flex; justify-content: space-between;
	gap: 10px; flex-wrap: wrap;
	padding: 30px 0 0 !important;
}
.dm-doc-control .left, .dm-doc-control .right {
	display: flex; gap: 8px; flex-wrap: wrap;
}
.dm-doc-control .kboard-thumbnail-button-small {
	display: inline-flex !important; align-items: center !important; justify-content: center !important;
	height: 44px !important; padding: 0 26px !important;
	background-color: var(--dm-primary) !important;
	color: #fff !important;
	border: 1px solid var(--dm-primary) !important;
	border-radius: 50px !important;
	font-size: 14px !important; font-weight: 600 !important;
	letter-spacing: -0.2px;
	box-shadow: 0 4px 12px rgba(176, 141, 87, 0.2) !important;
	transition: all 0.25s;
}
.dm-doc-control .kboard-thumbnail-button-small:hover {
	background-color: var(--dm-primary-hover) !important;
	border-color: var(--dm-primary-hover) !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(176, 141, 87, 0.3) !important;
	opacity: 1 !important;
}

/* ============================================
   왼쪽 사이드바 - 목차
   ============================================ */
.dm-doc-toc {
	background: #fff;
	border: 1px solid var(--dm-border);
	border-radius: 20px;
	padding: 28px 24px;
	box-shadow: var(--dm-shadow-sm);
}
.dm-doc-toc-head {
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--dm-border-light);
}
.dm-doc-toc-title {
	margin: 0;
	font-size: 16px; font-weight: 700;
	color: var(--dm-text); letter-spacing: -0.3px;
	display: flex; align-items: center; gap: 8px;
}
.dm-doc-toc-title::before {
	content: '';
	display: inline-block;
	width: 3px; height: 16px;
	background: var(--dm-primary);
	border-radius: 2px;
}
.dm-doc-toc-list {
	list-style: none; margin: 0; padding: 0;
	display: flex; flex-direction: column; gap: 4px;
}
.dm-doc-toc-list li { margin: 0; padding: 0; }
/* style.css 는 여기서 truncation 되어 있었음 — 하단 섹션(관련글/Q&A/쇼츠/유튜브) CSS 는
   ?ver=6.7 캐시 우회를 위해 document.php 인라인 <style> 로 복구함 (2026-07-16) */

/* ============================================
   뷰페이지 반응형 (truncation 으로 유실된 미디어쿼리 복구)
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-doc-wrap {padding: 40px 20px 80px;}
	.dm-doc-with-toc {grid-template-columns: 1fr; gap: 16px;}
	.dm-doc-sidebar {position: static; top: auto;}
	.dm-doc-toc {padding: 22px 22px; border-radius: 16px;}
	.dm-doc-main .kboard-document-wrap {padding: 44px 36px 40px !important; border-radius: 16px !important;}
	.dm-doc-title {font-size: 26px !important;}
	.dm-doc-cta {padding: 34px 30px; border-radius: 24px;}
	.dm-doc-cta-text {font-size: 19px;}
}

@media screen and (max-width: 640px) {
	.dm-doc-wrap {padding: 30px 16px 60px;}
	.dm-doc-with-toc {gap: 12px;}
	.dm-doc-toc {padding: 18px 18px; border-radius: 14px;}
	.dm-doc-main .kboard-document-wrap {padding: 28px 20px 26px !important; border-radius: 14px !important;}
	.dm-doc-head {margin-bottom: 26px; padding-bottom: 26px;}
	.dm-doc-meta-top {gap: 8px; margin-bottom: 16px;}
	.dm-doc-title {font-size: 21px !important; margin-bottom: 22px !important; letter-spacing: -0.5px !important;}
	.dm-doc-author {width: 100%; padding: 10px 16px 10px 10px; border-radius: 16px;}
	.dm-doc-content .content-view {font-size: 15px !important; line-height: 1.8 !important;}
	.dm-doc-section-title, .dm-doc-content h2 {margin: 34px 0 18px 0 !important; padding-bottom: 12px !important; font-size: 19px !important;}
	.dm-doc-content h3 {margin: 26px 0 14px 0 !important; font-size: 17px !important;}
	.dm-doc-content img {margin: 18px 0; border-radius: 8px;}
	.dm-doc-action {margin-top: 28px; padding: 22px 0 0 !important;}
	.dm-doc-action .kboard-button-action {padding: 9px 16px !important; font-size: 12px !important;}
	.dm-doc-cta {margin: 24px 0; padding: 26px 20px; border-radius: 20px;}
	.dm-doc-cta-content {gap: 20px;}
	.dm-doc-cta-mark-left, .dm-doc-cta-mark-right {font-size: 26px;}
	.dm-doc-cta-text {font-size: 17px;}
	.dm-doc-cta-buttons {flex-direction: column; width: 100%; gap: 8px;}
	.dm-doc-cta-btn {justify-content: center; width: 100%; padding: 13px 20px;}
	.dm-doc-navi {grid-template-columns: 1fr; gap: 10px; margin: 22px 0 !important;}
	.dm-doc-navi a {padding: 16px 18px !important; border-radius: 12px !important;}
	.dm-doc-navi .kboard-next-document a {justify-content: flex-start; text-align: left;}
	.dm-doc-control {padding: 22px 0 0 !important;}
	.dm-doc-control .left, .dm-doc-control .right {width: 100%;}
	.dm-doc-control .kboard-thumbnail-button-small {flex: 1; height: 42px !important; padding: 0 16px !important; font-size: 13px !important;}
}

/* 본문 가로 넘침 방지 */
.dm-doc-content .content-view img, #kboard-sub-contents-area .option-value img {max-width: 100% !important; height: auto !important;}
.dm-doc-content .content-view table {display: block; width: 100% !important; max-width: 100%; overflow-x: auto;}
.dm-doc-content .content-view iframe {max-width: 100%;}

/* ===== kboard-skin-default ===== */

/**
 * Dermaking Notice Skin CSS
 */

/* ============================================
   Variables
   ============================================ */
:root {
	--dm-primary:#ff6b1a;
	--dm-primary-hover:#e55a10;
	--dm-primary-light:#fff6ef;
	--dm-primary-border:#ffd9b8;
	--dm-accent:#1e2a4a;
	--dm-accent-light:#eef2f9;
	--dm-text:#1a2238;
	--dm-text-sub:#4a5468;
	--dm-text-muted:#8a93a8;
	--dm-text-light:#b8bfd0;
	--dm-bg:#fbf8f4;
	--dm-card-bg:#ffffff;
	--dm-border:#e5eaf2;
	--dm-border-light:#eef1f7;
	--dm-font:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--dm-radius:16px;
	--dm-radius-sm:10px;
	--dm-radius-pill:50px;
	--dm-shadow-sm:0 2px 8px rgba(30, 42, 74, 0.04);
	--dm-shadow-md:0 4px 16px rgba(30, 42, 74, 0.06);
	--dm-shadow-hover:0 12px 32px rgba(30, 42, 74, 0.1);
}

/* ============================================
   ���� ����
   ============================================ */
.dm-notice-list {font-family:var(--dm-font); font-size:15px; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff; width:100%; max-width:1400px; padding:80px 20px 100px; box-sizing:border-box; margin:0 auto;}
.dm-notice-list *, .dm-notice-list *::before, .dm-notice-list *::after {box-sizing:border-box;}
.dm-notice-list a {text-decoration:none; color:inherit; transition:color 0.2s;}

/* ============================================
   ������ ���
   ============================================ */
.dm-notice-head {text-align:center; margin-bottom:50px;}
.dm-notice-eyebrow {display:inline-block; font-size:14px; font-weight:500; color:var(--dm-primary); letter-spacing:3px; margin-bottom:16px; text-transform:uppercase;}
.dm-notice-page-title {margin:0 0 16px 0; font-size:44px; font-weight:700; color:var(--dm-text); line-height:1.3; letter-spacing:-0.8px;}
.dm-notice-page-desc {margin:0; font-size:16px; font-weight:400; color:var(--dm-text-sub); line-height:1.7; letter-spacing:-0.2px;}

/* ============================================
   ��� �� (ī��Ʈ + ����)
   ============================================ */
.dm-notice-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid var(--dm-accent); gap:16px; flex-wrap:wrap;}
.dm-notice-total {display:flex; align-items:center; gap:4px; font-size:14px;}
.dm-notice-total-label {color:var(--dm-text-muted); font-weight:500;}
.dm-notice-total-count {color:var(--dm-primary); font-weight:700; font-size:16px; font-variant-numeric:tabular-nums;}

.dm-notice-sort-form {margin:0;}
.dm-notice-sort-select {min-width:120px; height:40px; padding:0 40px 0 16px; font-size:13px; font-weight:500; color:var(--dm-text); background-color:#fff; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; border:1px solid var(--dm-border); border-radius:var(--dm-radius-pill); appearance:none; -webkit-appearance:none; cursor:pointer; outline:none; font-family:inherit; transition:all 0.2s;}
.dm-notice-sort-select:hover {border-color:var(--dm-primary);}
.dm-notice-sort-select:focus {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(255, 107, 26, 0.08);}

/* ============================================
   ī�װ��� (ī�װ���2 ����)
   ============================================ */
.dm-notice-list .kboard-category.category-pc .kboard-category-list:nth-of-type(2) {display:none !important;}
.dm-notice-list .kboard-category.category-mobile select[name="category2"] {display:none !important;}

.dm-notice-list .kboard-category.category-pc {display:flex !important; justify-content:center !important; margin-bottom:30px !important; padding:0 !important; background:transparent !important; width:100% !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list {display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; padding:0 !important; margin:0 !important; list-style:none !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list li {margin:0 !important; padding:0 !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list li a {display:inline-flex !important; align-items:center !important; padding:9px 22px !important; border-radius:50px !important; background-color:#fff !important; color:var(--dm-text-sub) !important; font-size:13px !important; font-weight:500 !important; border:1px solid var(--dm-border) !important; letter-spacing:-0.2px !important; transition:all 0.2s !important; text-decoration:none !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list li a:hover {color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {background-color:var(--dm-accent) !important; color:#fff !important; font-weight:700 !important; border-color:var(--dm-accent) !important;}

/* ============================================
   ����Ʈ ���̺�
   ============================================ */
.dm-notice-table-wrap {width:100%; overflow:hidden;}
.dm-notice-table {width:100%; border-collapse:collapse; table-layout:fixed;}
.dm-notice-table thead th {padding:18px 16px; font-size:13px; font-weight:600; color:var(--dm-text-muted); text-align:center; background:transparent; border-bottom:1px solid var(--dm-border); letter-spacing:-0.2px;}
.dm-notice-table thead .dm-notice-col-num {width:90px;}
.dm-notice-table thead .dm-notice-col-title {text-align:left; padding-left:24px;}
.dm-notice-table thead .dm-notice-col-user {width:140px;}
.dm-notice-table thead .dm-notice-col-date {width:140px;}
.dm-notice-table thead .dm-notice-col-view {width:100px;}

.dm-notice-row {border-bottom:1px solid var(--dm-border-light); transition:background-color 0.15s;}
.dm-notice-row:hover {background-color:var(--dm-bg);}
.dm-notice-row td {padding:20px 16px; font-size:14px; color:var(--dm-text-sub); text-align:center; vertical-align:middle; letter-spacing:-0.2px;}

.dm-notice-row .dm-notice-col-num {font-weight:500; color:var(--dm-text-muted); font-variant-numeric:tabular-nums;}
.dm-notice-row .dm-notice-col-title {text-align:left; padding-left:24px; padding-right:16px;}
.dm-notice-row .dm-notice-col-user {color:var(--dm-text-sub); font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dm-notice-row .dm-notice-col-date {color:var(--dm-text-muted); font-size:13px; font-weight:500; font-variant-numeric:tabular-nums;}
.dm-notice-row .dm-notice-col-view {color:var(--dm-text-muted); font-size:13px; font-weight:500; font-variant-numeric:tabular-nums;}

/* ����/�α� �ο� */
.dm-notice-row-notice {background-color:var(--dm-primary-light);}
.dm-notice-row-notice:hover {background-color:#ffedde;}
.dm-notice-row-notice .dm-notice-title-text {font-weight:700; color:var(--dm-text);}
.dm-notice-row-popular {background-color:var(--dm-bg);}

/* ����/�α� ���� */
.dm-notice-badge-notice {display:inline-flex; align-items:center; justify-content:center; padding:4px 12px; background:var(--dm-primary); color:#fff; font-size:11px; font-weight:700; border-radius:4px; letter-spacing:0.5px; box-shadow:0 2px 6px rgba(255, 107, 26, 0.25);}
.dm-notice-badge-popular {display:inline-flex; align-items:center; justify-content:center; padding:4px 12px; background:var(--dm-accent); color:#fff; font-size:11px; font-weight:700; border-radius:4px; letter-spacing:0.5px;}

/* ���� ��ũ */
.dm-notice-title-link {display:inline-flex; align-items:center; gap:6px; color:var(--dm-text); font-weight:500; flex-wrap:wrap;}
.dm-notice-title-link:hover .dm-notice-title-text {color:var(--dm-primary);}
.dm-notice-title-text {font-size:15px; letter-spacing:-0.3px; transition:color 0.2s; word-break:keep-all;}

.dm-notice-icon-lock {display:inline-flex; align-items:center; color:var(--dm-text-muted); margin-right:2px;}
.dm-notice-comments-count {display:inline-flex; align-items:center; color:var(--dm-primary); font-size:13px; font-weight:600; font-variant-numeric:tabular-nums;}
.dm-notice-new {display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; background:var(--dm-primary); color:#fff; font-size:10px; font-weight:700; border-radius:50%; margin-left:2px; box-shadow:0 2px 4px rgba(255, 107, 26, 0.3);}

/* ����� ��Ÿ (PC���� ����) */
.dm-notice-mobile-meta {display:none;}

/* ============================================
   �ϴ� ���� (���������̼� + �۾���)
   ============================================ */
.dm-notice-bottom {display:flex; justify-content:space-between; align-items:center; gap:16px; padding:40px 0 30px; position:relative; flex-wrap:wrap;}

/* ���������̼� */
.dm-notice-pagination {flex:1; display:flex; justify-content:center;}
.dm-notice-pagination-list {display:inline-flex; padding:0; margin:0; list-style:none; gap:6px; align-items:center; justify-content:center;}
.dm-notice-pagination-list li {display:block; margin:0;}
.dm-notice-pagination-list a, .dm-notice-pagination-list span {display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 10px; border-radius:50%; background:#fff; border:1px solid var(--dm-border); font-size:14px; font-weight:500; color:var(--dm-text-sub); font-variant-numeric:tabular-nums; text-decoration:none; transition:all 0.2s;}
.dm-notice-pagination-list a:hover {border-color:var(--dm-primary); color:var(--dm-primary);}
.dm-notice-pagination-list li.active a, .dm-notice-pagination-list li.active span, .dm-notice-pagination-list a.active, .dm-notice-pagination-list .active a, .dm-notice-pagination-list .active span {color:#fff !important; background:var(--dm-accent); border-color:var(--dm-accent);}

/* �۾��� ��ư */
.dm-notice-control {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.dm-notice-write-btn {display:inline-flex; align-items:center; gap:6px; padding:12px 28px; font-size:14px; font-weight:600; color:#fff !important; background-color:var(--dm-primary); border:1px solid var(--dm-primary); border-radius:var(--dm-radius-pill); text-decoration:none; letter-spacing:-0.2px; box-shadow:0 4px 12px rgba(255, 107, 26, 0.2); transition:all 0.25s;}
.dm-notice-write-btn::before {content:'+'; font-size:18px; font-weight:400; line-height:1;}
.dm-notice-write-btn:hover {background-color:var(--dm-primary-hover); border-color:var(--dm-primary-hover); color:#fff !important; transform:none; box-shadow:0 6px 16px rgba(255, 107, 26, 0.3);}

/* ============================================
   �˻�â (�ϴ�)
   ============================================ */
.dm-notice-search {display:flex; justify-content:center; margin-top:20px;}
.dm-notice-search-form {display:inline-flex; align-items:center; width:100%; max-width:520px; padding:6px 6px 6px 22px; background:#fff; border:1px solid var(--dm-border); border-radius:var(--dm-radius-pill); transition:all 0.2s;}
.dm-notice-search-form:hover {border-color:var(--dm-primary); box-shadow:var(--dm-shadow-sm);}
.dm-notice-search-form:focus-within {border-color:var(--dm-primary); box-shadow:0 0 0 4px rgba(255, 107, 26, 0.08);}
.dm-notice-search-select {flex-shrink:0; width:auto; min-width:60px; height:40px; padding:0 24px 0 0; margin:0 12px 0 0; font-size:13px; font-weight:500; color:var(--dm-text-sub); background-color:transparent; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 2px center; border:none; border-right:1px solid var(--dm-border-light); border-radius:0; appearance:none; -webkit-appearance:none; cursor:pointer; outline:none; font-family:inherit;}
.dm-notice-search-input {flex:1; min-width:0; margin:0; padding:8px 0; font-size:14px; color:var(--dm-text); background:transparent; border:none; border-radius:0; outline:none; height:40px; font-family:inherit;}
.dm-notice-search-input::placeholder {color:var(--dm-text-light); font-weight:400;}
.dm-notice-search-btn {flex-shrink:0; width:40px; height:40px; padding:0; margin:0; background-color:var(--dm-primary-light); border:none; border-radius:50%; font-size:0; cursor:pointer; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff6b1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; transition:all 0.25s;}
.dm-notice-search-btn:hover {background-color:var(--dm-primary); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); box-shadow:0 4px 10px rgba(255, 107, 26, 0.25);}

/* ============================================
   ������ - �º���
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-list {padding:60px 30px 80px;}
	.dm-notice-page-title {font-size:34px;}
	.dm-notice-table thead .dm-notice-col-view {display:none;}
	.dm-notice-table tbody .dm-notice-col-view {display:none;}
}

/* ============================================
   ������ - ����� (���̺� �� ī��)
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-list {padding:50px 16px 70px;}
	.dm-notice-head {margin-bottom:36px;}
	.dm-notice-eyebrow {font-size:12px; letter-spacing:2px; margin-bottom:12px;}
	.dm-notice-page-title {font-size:26px; margin-bottom:12px;}
	.dm-notice-page-desc {font-size:14px;}
	
	.dm-notice-top {margin-bottom:16px; padding-bottom:16px;}
	.dm-notice-total {font-size:13px;}
	.dm-notice-sort-select {min-width:100px; height:36px; font-size:12px; padding:0 34px 0 14px;}
	
	/* ���̺��� ī�� �������� */
	.dm-notice-table {display:block;}
	.dm-notice-table thead {display:none;}
	.dm-notice-table tbody {display:block;}
	.dm-notice-table tr {display:block; padding:16px 18px; border-bottom:1px solid var(--dm-border-light);}
	.dm-notice-table tr:hover {background-color:var(--dm-bg);}
	.dm-notice-table td {display:none; padding:0; text-align:left; border:none;}
	.dm-notice-table .dm-notice-col-num {display:inline-block; margin-bottom:10px; padding:0;}
	.dm-notice-table .dm-notice-col-num:not(:has(.dm-notice-badge-notice)):not(:has(.dm-notice-badge-popular)) {display:none;}
	.dm-notice-table .dm-notice-col-title {display:block; padding:0;}
	
	.dm-notice-row {padding:16px 18px;}
	.dm-notice-row-notice {background-color:var(--dm-primary-light);}
	
	.dm-notice-title-link {display:block;}
	.dm-notice-title-text {font-size:15px; line-height:1.5;}
	.dm-notice-row-notice .dm-notice-title-text {font-weight:700;}
	
	/* ����� ��Ÿ ǥ�� */
	.dm-notice-mobile-meta {display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:8px; font-size:12px; color:var(--dm-text-muted); font-weight:500;}
	.dm-notice-m-sep {color:var(--dm-text-light);}
	.dm-notice-m-user {color:var(--dm-text-sub); font-weight:500;}
	.dm-notice-m-date {font-variant-numeric:tabular-nums;}
	.dm-notice-m-view {font-variant-numeric:tabular-nums;}
	
	/* �ϴ� */
	.dm-notice-bottom {flex-direction:column-reverse; align-items:stretch; padding:30px 0 20px;}
	.dm-notice-control {position:static; transform:none; display:flex; justify-content:flex-end;}
	.dm-notice-write-btn {padding:11px 24px; font-size:13px;}
	.dm-notice-write-btn:hover {transform:none;}
	.dm-notice-pagination {width:100%;}
	.dm-notice-pagination-list a, .dm-notice-pagination-list span {min-width:36px; height:36px; font-size:13px;}
	
	/* �˻�â */
	.dm-notice-search-form {max-width:100%; padding:5px 5px 5px 18px;}
	.dm-notice-search-select {min-width:50px; margin-right:10px;}
	.dm-notice-search-input {font-size:13px;}
	.dm-notice-search-btn {width:36px; height:36px;}
}



/* ============================================
   �������� ���� ��
   ============================================ */
.dm-notice-doc {font-family:var(--dm-font); width:100%; max-width:1400px; margin:0 auto; padding:60px 20px 100px; box-sizing:border-box; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff;}
.dm-notice-doc *, .dm-notice-doc *::before, .dm-notice-doc *::after {box-sizing:border-box;}
.dm-notice-doc a {text-decoration:none; color:inherit; transition:color 0.2s;}

/* ���� ���� */
.dm-notice-doc-wrap {background:#fff !important; border:1px solid var(--dm-border) !important; border-radius:20px !important; overflow:visible !important; box-shadow:none !important; float:none !important;}

/* ============================================
   ��� ��Ÿ + Ÿ��Ʋ
   ============================================ */
.dm-notice-doc-head {padding:50px 60px 36px; border-bottom:1px solid var(--dm-border-light);}

.dm-notice-doc-meta-top {display:flex; align-items:center; gap:12px; margin-bottom:24px; flex-wrap:wrap;}
.dm-notice-doc-badge {display:inline-flex; align-items:center; padding:5px 14px; background:var(--dm-primary); color:#fff; font-size:12px; font-weight:700; border-radius:4px; letter-spacing:0.5px; box-shadow:0 2px 6px rgba(255, 107, 26, 0.25);}
.dm-notice-doc-category {display:inline-flex; align-items:center; padding:5px 14px; background-color:var(--dm-primary-light); color:var(--dm-primary); font-size:12px; font-weight:700; border-radius:4px; border:1px solid var(--dm-primary-border); letter-spacing:-0.1px;}
.dm-notice-doc-date-top {font-size:13px; font-weight:500; color:var(--dm-text-muted); letter-spacing:-0.2px;}

.dm-notice-doc-title {margin:0 0 28px 0 !important; padding:0 !important; font-size:30px !important; font-weight:700 !important; color:var(--dm-text) !important; line-height:1.4 !important; letter-spacing:-0.7px !important; border-bottom:none !important; word-break:keep-all;}

.dm-notice-doc-meta-bottom {display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:13px; color:var(--dm-text-muted);}
.dm-notice-doc-meta-bottom > span {display:inline-flex; align-items:center; gap:6px; font-weight:500;}
.dm-notice-doc-meta-bottom svg {flex-shrink:0; color:var(--dm-text-light);}
.dm-notice-doc-writer {color:var(--dm-text-sub);}
.dm-notice-doc-date {font-variant-numeric:tabular-nums;}
.dm-notice-doc-view {font-variant-numeric:tabular-nums;}
.dm-notice-doc-sep {display:inline-block; width:1px; height:12px; background:var(--dm-border); margin:0 4px;}

/* kboard �⺻ detail ���� (Ŀ���� ��Ÿ�� ��ü) */
.dm-notice-doc .kboard-title, .dm-notice-doc .kboard-detail {display:none !important;}

/* ============================================
   ���� ������
   ============================================ */
.dm-notice-doc-content {padding:40px 60px !important; float:none !important; min-height:200px !important; border:none !important; background:transparent !important;}
.dm-notice-doc-content .content-view {font-size:16px !important; line-height:1.9 !important; color:var(--dm-text-sub) !important; padding:0 !important; letter-spacing:-0.2px;}
.dm-notice-doc-content p {margin:0 0 18px 0;}
.dm-notice-doc-content strong {color:var(--dm-text); font-weight:700;}
.dm-notice-doc-content a {color:var(--dm-primary); text-decoration:underline;}
.dm-notice-doc-content a:hover {color:var(--dm-primary-hover);}
.dm-notice-doc-content img {max-width:100%; height:auto; border-radius:10px; margin:24px 0;}
.dm-notice-doc-content h1 {margin:50px 0 20px 0 !important; padding-bottom:16px !important; font-size:26px !important; font-weight:700 !important; color:var(--dm-text) !important; line-height:1.4 !important; letter-spacing:-0.5px !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-notice-doc-content h2 {margin:44px 0 18px 0 !important; padding-bottom:14px !important; font-size:22px !important; font-weight:700 !important; color:var(--dm-text) !important; line-height:1.4 !important; letter-spacing:-0.4px !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-notice-doc-content h3 {margin:36px 0 16px 0 !important; font-size:18px !important; font-weight:700 !important; color:var(--dm-text) !important; line-height:1.5 !important; letter-spacing:-0.3px !important;}
.dm-notice-doc-content ul, .dm-notice-doc-content ol {margin:16px 0 20px 0; padding-left:24px;}
.dm-notice-doc-content ul li, .dm-notice-doc-content ol li {margin-bottom:8px; line-height:1.8;}
.dm-notice-doc-content blockquote {margin:24px 0; padding:16px 24px; background:var(--dm-bg); border-left:4px solid var(--dm-primary); border-radius:0 10px 10px 0; color:var(--dm-text); font-style:normal;}
.dm-notice-doc-content table {width:100%; margin:20px 0; border-collapse:collapse; border-top:2px solid var(--dm-accent);}
.dm-notice-doc-content table th {padding:12px 16px; background:var(--dm-bg); font-size:14px; font-weight:700; color:var(--dm-text); text-align:left; border-bottom:1px solid var(--dm-border);}
.dm-notice-doc-content table td {padding:12px 16px; font-size:14px; color:var(--dm-text-sub); border-bottom:1px solid var(--dm-border-light);}

/* ============================================
   ÷������
   ============================================ */
.dm-notice-doc-attach {margin:0 !important; padding:24px 60px !important; background:var(--dm-bg) !important; border:none !important; border-top:1px solid var(--dm-border-light) !important;}
.dm-notice-doc-attach-label {display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:13px; font-weight:700; color:var(--dm-text); letter-spacing:-0.2px;}
.dm-notice-doc-attach-label svg {color:var(--dm-primary);}
.dm-notice-doc-attach-list {display:flex; flex-wrap:wrap; gap:8px;}
.dm-notice-doc-attach-item {display:inline-flex; align-items:center; gap:8px; padding:10px 18px; background:#fff; color:var(--dm-text-sub); border:1px solid var(--dm-border); border-radius:50px; font-size:13px; font-weight:500; cursor:pointer; transition:all 0.2s; font-family:inherit; letter-spacing:-0.2px;}
.dm-notice-doc-attach-item:hover {background:var(--dm-primary-light); color:var(--dm-primary); border-color:var(--dm-primary); transform:translateY(-1px); box-shadow:0 4px 10px rgba(255, 107, 26, 0.15);}

/* ============================================
   ���ƿ�/�μ� �׼�
   ============================================ */
.dm-notice-doc-action {display:flex !important; justify-content:space-between; align-items:center; padding:24px 60px !important; border-top:1px solid var(--dm-border-light); gap:10px; flex-wrap:wrap; background:transparent;}
.dm-notice-doc-action .left, .dm-notice-doc-action .right {display:flex; gap:8px; flex-wrap:wrap;}
.dm-notice-doc-btn {display:inline-flex !important; align-items:center !important; gap:8px !important; padding:10px 20px !important; background:#fff !important; color:var(--dm-text-sub) !important; border:1px solid var(--dm-border) !important; border-radius:50px !important; font-size:13px !important; font-weight:500 !important; cursor:pointer; transition:all 0.2s; margin:0 !important; font-family:inherit; letter-spacing:-0.2px;}
.dm-notice-doc-btn:hover {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}
.dm-notice-doc-btn-like {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary-border) !important;}
.dm-notice-doc-btn-like:hover {background:var(--dm-primary) !important; color:#fff !important; border-color:var(--dm-primary) !important;}

/* ���� kboard ��ư ���� */
.dm-notice-doc .kboard-document-action .kboard-button-action {display:none;}

/* ============================================
   ��� ����
   ============================================ */
.dm-notice-doc .kboard-comments-area {margin-top:30px; padding:0;}

/* ============================================
   ����/���� ��
   ============================================ */
.dm-notice-doc-navi {display:grid !important; grid-template-columns:1fr 1fr; gap:12px; margin:30px 0 !important; padding:0 !important; float:none !important;}
.dm-notice-doc-navi-item {width:100% !important; float:none !important;}
.dm-notice-doc-navi-item a {display:flex !important; align-items:center; gap:14px; padding:20px 24px; background:#fff; border:1px solid var(--dm-border); border-radius:14px; text-decoration:none; color:var(--dm-text-sub); transition:all 0.2s; height:100%;}
.dm-notice-doc-navi-item a:hover {border-color:var(--dm-primary); color:var(--dm-primary); transform:translateY(-2px); box-shadow:var(--dm-shadow-sm);}
.dm-notice-doc-navi-item.kboard-prev-document a {justify-content:flex-start;}
.dm-notice-doc-navi-item.kboard-next-document a {justify-content:flex-end; text-align:right;}

.dm-notice-doc-navi-arrow {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; flex-shrink:0; color:var(--dm-primary); background:var(--dm-primary-light); border-radius:50%; transition:all 0.2s;}
.dm-notice-doc-navi-item a:hover .dm-notice-doc-navi-arrow {background:var(--dm-primary); color:#fff;}

.dm-notice-doc-navi-info {display:flex; flex-direction:column; gap:4px; min-width:0; flex:1;}
.dm-notice-doc-navi-info-right {align-items:flex-end; text-align:right;}
.dm-notice-doc-navi-label {font-size:11px; font-weight:700; color:var(--dm-primary); text-transform:uppercase; letter-spacing:1px;}
.dm-notice-doc-navi-title {font-size:14px; font-weight:500; color:var(--dm-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.2px; width:100%;}

/* ��Ȱ�� ���� */
.dm-notice-doc-navi-empty {display:flex; flex-direction:column; gap:4px; padding:20px 24px; background:var(--dm-bg); border:1px dashed var(--dm-border); border-radius:14px; opacity:0.5;}
.kboard-next-document .dm-notice-doc-navi-empty {align-items:flex-end; text-align:right;}
.dm-notice-doc-navi-empty .dm-notice-doc-navi-label {color:var(--dm-text-muted);}
.dm-notice-doc-navi-empty .dm-notice-doc-navi-title {color:var(--dm-text-light); font-size:13px;}

/* �⺻ kboard navi ��Ÿ�� �������̵� */
.dm-notice-doc .kboard-document-navi .navi-arrow {display:none;}

/* ============================================
   �ϴ� ��Ʈ�� (���/����/����)
   ============================================ */
.dm-notice-doc-control {display:flex !important; justify-content:space-between; padding:0 !important; gap:10px; flex-wrap:wrap; float:none !important;}
.dm-notice-doc-control .left, .dm-notice-doc-control .right {display:flex; gap:8px; flex-wrap:wrap;}
.dm-notice-doc-control-btn {display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px; height:46px !important; padding:0 26px !important; border-radius:50px !important; font-size:14px !important; font-weight:600 !important; letter-spacing:-0.2px; text-decoration:none; transition:all 0.25s; cursor:pointer;}

.dm-notice-doc-control-list {background-color:var(--dm-primary) !important; color:#fff !important; border:1px solid var(--dm-primary) !important; box-shadow:0 4px 12px rgba(255, 107, 26, 0.2);}
.dm-notice-doc-control-list:hover {background-color:var(--dm-primary-hover) !important; border-color:var(--dm-primary-hover) !important; transform:translateY(-2px); box-shadow:0 6px 16px rgba(255, 107, 26, 0.3); opacity:1 !important;}

.dm-notice-doc-control-reply, .dm-notice-doc-control-edit {background-color:#fff !important; color:var(--dm-text-sub) !important; border:1px solid var(--dm-border) !important;}
.dm-notice-doc-control-reply:hover, .dm-notice-doc-control-edit:hover {background-color:var(--dm-accent) !important; color:#fff !important; border-color:var(--dm-accent) !important;}

.dm-notice-doc-control-delete {background-color:#fff !important; color:var(--dm-text-muted) !important; border:1px solid var(--dm-border) !important;}
.dm-notice-doc-control-delete:hover {background-color:#e24b4a !important; color:#fff !important; border-color:#e24b4a !important;}

/* entry-title ���� (blogó��) */
body:has(.dm-notice-doc) .page-header,
body:has(.dm-notice-doc) .entry-title {display:none !important;}
body:has(.dm-notice-doc) .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important;}

/* ============================================
   ������ - �º���
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-doc {padding:50px 20px 80px;}
	.dm-notice-doc-head {padding:40px 44px 28px;}
	.dm-notice-doc-title {font-size:26px !important;}
	.dm-notice-doc-content {padding:32px 44px !important;}
	.dm-notice-doc-attach {padding:20px 44px !important;}
	.dm-notice-doc-action {padding:20px 44px !important;}
	.dm-notice-doc-content h1 {font-size:22px !important;}
	.dm-notice-doc-content h2 {font-size:20px !important;}
}

/* ============================================
   ������ - �����
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-doc {padding:40px 16px 70px;}
	.dm-notice-doc-wrap {border-radius:14px !important;}
	
	/* ��� ���� ���� �ּ�ȭ */
	.dm-notice-doc-head {padding:18px 14px 14px;}
	.dm-notice-doc-meta-top {margin-bottom:12px; gap:6px;}
	.dm-notice-doc-title {font-size:18px !important; margin-bottom:12px !important; letter-spacing:-0.4px !important;}
	.dm-notice-doc-meta-bottom {font-size:11px; gap:6px;}
	.dm-notice-doc-sep {margin:0 2px;}
	
	/* ���� ���� ���� �ּ�ȭ */
	.dm-notice-doc-content {padding:16px 14px !important;}
	.dm-notice-doc-content .content-view {font-size:14px !important; line-height:1.75 !important;}
	.dm-notice-doc-content p {margin:0 0 12px 0;}
	.dm-notice-doc-content h1 {font-size:18px !important; margin:28px 0 14px 0 !important; padding-bottom:10px !important;}
	.dm-notice-doc-content h2 {font-size:16px !important; margin:24px 0 12px 0 !important; padding-bottom:8px !important;}
	.dm-notice-doc-content h3 {font-size:15px !important; margin:20px 0 10px 0 !important;}
	.dm-notice-doc-content img {margin:14px 0;}
	.dm-notice-doc-content ul, .dm-notice-doc-content ol {margin:10px 0 14px 0; padding-left:18px;}
	.dm-notice-doc-content blockquote {margin:16px 0; padding:12px 16px;}
	
	.dm-notice-doc-attach {padding:18px 24px !important;}
	.dm-notice-doc-attach-item {padding:9px 16px; font-size:12px;}
	
	.dm-notice-doc-action {padding:18px 24px !important; flex-direction:column; align-items:stretch;}
	.dm-notice-doc-action .left, .dm-notice-doc-action .right {justify-content:center;}
	.dm-notice-doc-btn {padding:9px 18px !important; font-size:12px !important;}
	
	.dm-notice-doc-navi {grid-template-columns:1fr !important; gap:10px;}
	.dm-notice-doc-navi-item a, .dm-notice-doc-navi-empty {padding:16px 18px;}
	.dm-notice-doc-navi-arrow {width:28px; height:28px;}
	.dm-notice-doc-navi-title {font-size:13px;}
	
	.dm-notice-doc-control {flex-direction:column-reverse; gap:10px;}
	.dm-notice-doc-control .left, .dm-notice-doc-control .right {width:100%; justify-content:center;}
	.dm-notice-doc-control-btn {flex:1; height:44px !important; font-size:13px !important; padding:0 20px !important;}
	.dm-notice-doc-control-list:hover {transform:translateY(-2px);}
}


/* ============================================
   �������� ������ (�۾���)
   ============================================ */
.dm-notice-editor {font-family:var(--dm-font); width:100%; max-width:1400px; margin:0 auto; padding:80px 20px 100px; box-sizing:border-box; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff;}
.dm-notice-editor *, .dm-notice-editor *::before, .dm-notice-editor *::after {box-sizing:border-box;}

/* ============================================
   ������ ���
   ============================================ */
.dm-notice-editor-head {text-align:center; margin-bottom:40px;}
.dm-notice-editor-eyebrow {display:inline-block; font-size:14px; font-weight:500; color:var(--dm-primary); letter-spacing:3px; margin-bottom:16px; text-transform:uppercase;}
.dm-notice-editor-page-title {margin:0 0 14px 0; font-size:36px; font-weight:700; color:var(--dm-text); line-height:1.3; letter-spacing:-0.7px;}
.dm-notice-editor-page-desc {margin:0; font-size:15px; font-weight:400; color:var(--dm-text-sub); line-height:1.6; letter-spacing:-0.2px;}

/* ============================================
   ������ ���� (ī��)
   ============================================ */
.dm-notice-editor-form {margin:0; padding:0;}
.dm-notice-editor-wrap {background:#fff; border:1px solid var(--dm-border); border-radius:20px; padding:40px 50px; margin-bottom:20px;}
.dm-notice-editor-fields {display:flex; flex-direction:column; gap:22px;}

/* ============================================
   �ʵ� ���� (kboard �⺻ ���� �������̵�)
   ============================================ */
.dm-notice-editor .kboard-attr-row {display:flex !important; flex-direction:column !important; margin:0 !important; padding:0 !important; background:transparent !important; border:none !important; border-bottom:none !important; float:none !important;}
.dm-notice-editor .attr-name {display:block !important; width:100% !important; margin:0 0 10px 0 !important; padding:0 !important; font-size:14px !important; font-weight:700 !important; color:var(--dm-text) !important; letter-spacing:-0.2px; text-align:left !important; float:none !important;}
.dm-notice-editor .attr-name::after {content:''; display:inline-block; width:4px; height:4px; background:var(--dm-primary); border-radius:50%; margin-left:6px; vertical-align:middle; margin-bottom:2px;}
.dm-notice-editor .attr-value {display:block !important; width:100% !important; margin:0 !important; padding:0 !important; float:none !important;}

/* ��Dz / ����Ʈ / �ؽ�Ʈ������ */
.dm-notice-editor input[type=text],
.dm-notice-editor input[type=email],
.dm-notice-editor input[type=password],
.dm-notice-editor input[type=number],
.dm-notice-editor input[type=url],
.dm-notice-editor input[type=tel],
.dm-notice-editor select,
.dm-notice-editor textarea {width:100% !important; padding:13px 16px !important; font-size:14px !important; font-weight:500 !important; color:var(--dm-text) !important; background-color:#fff !important; border:1px solid var(--dm-border) !important; border-radius:var(--dm-radius-sm) !important; outline:none !important; transition:all 0.2s !important; margin:0 !important; font-family:inherit !important; letter-spacing:-0.2px; box-shadow:none !important; line-height:1.5 !important;}
.dm-notice-editor input[type=text]:hover,
.dm-notice-editor input[type=email]:hover,
.dm-notice-editor input[type=password]:hover,
.dm-notice-editor select:hover,
.dm-notice-editor textarea:hover {border-color:#c8d1df !important;}
.dm-notice-editor input[type=text]:focus,
.dm-notice-editor input[type=email]:focus,
.dm-notice-editor input[type=password]:focus,
.dm-notice-editor input[type=number]:focus,
.dm-notice-editor input[type=url]:focus,
.dm-notice-editor input[type=tel]:focus,
.dm-notice-editor select:focus,
.dm-notice-editor textarea:focus {border-color:var(--dm-primary) !important; box-shadow:0 0 0 3px rgba(255, 107, 26, 0.08) !important;}
.dm-notice-editor input::placeholder,
.dm-notice-editor textarea::placeholder {color:var(--dm-text-light); font-weight:400;}

/* ����Ʈ ȭ��ǥ */
.dm-notice-editor select {appearance:none !important; -webkit-appearance:none !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 16px center !important; background-color:#fff !important; padding-right:44px !important; cursor:pointer !important;}

/* �ؽ�Ʈ������ */
.dm-notice-editor textarea {min-height:400px !important; padding:16px !important; line-height:1.8 !important; resize:vertical; font-family:inherit !important;}

/* ============================================
   ���� ���ε�
   ============================================ */
.dm-notice-editor input[type=file] {width:100%; padding:14px 16px; margin:0; background:var(--dm-bg); border:2px dashed var(--dm-border); border-radius:var(--dm-radius-sm); font-size:13px; color:var(--dm-text-sub); cursor:pointer; transition:all 0.2s; font-family:inherit;}
.dm-notice-editor input[type=file]:hover {border-color:var(--dm-primary); background:var(--dm-primary-light);}
.dm-notice-editor input[type=file]::-webkit-file-upload-button {padding:6px 14px; margin-right:14px; background:var(--dm-accent); color:#fff; border:none; border-radius:50px; font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.2s;}
.dm-notice-editor input[type=file]::-webkit-file-upload-button:hover {background:var(--dm-primary);}
.dm-notice-editor input[type=file]::file-selector-button {padding:6px 14px; margin-right:14px; background:var(--dm-accent); color:#fff; border:none; border-radius:50px; font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.2s;}
.dm-notice-editor input[type=file]::file-selector-button:hover {background:var(--dm-primary);}

/* ============================================
   üũ�ڽ� / ����
   ============================================ */
.dm-notice-editor input[type=checkbox],
.dm-notice-editor input[type=radio] {width:18px !important; height:18px !important; margin:0 8px 0 0 !important; accent-color:var(--dm-primary); cursor:pointer; vertical-align:middle;}
.dm-notice-editor label {display:inline-flex; align-items:center; font-size:14px; color:var(--dm-text-sub); cursor:pointer; margin-right:16px; letter-spacing:-0.2px;}

/* ============================================
   ���� ������ ����
   ============================================ */
.dm-notice-editor .kboard-content {border:none !important; padding:0 !important; margin:0 !important; background:transparent !important; float:none !important; width:100% !important;}
.dm-notice-editor .kboard-content .wp-editor-wrap {border:1px solid var(--dm-border); border-radius:var(--dm-radius-sm); overflow:hidden;}
.dm-notice-editor .kboard-content .wp-editor-wrap:hover {border-color:#c8d1df;}
.dm-notice-editor .kboard-content .wp-editor-wrap:focus-within {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(255, 107, 26, 0.08);}
.dm-notice-editor .mce-toolbar-grp {background:var(--dm-bg) !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-notice-editor .mce-btn {background:transparent !important; border:1px solid transparent !important;}
.dm-notice-editor .mce-btn:hover {background:#fff !important; border-color:var(--dm-border) !important;}
.dm-notice-editor .mce-btn.mce-active, .dm-notice-editor .mce-btn:focus {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important;}
.dm-notice-editor .quicktags-toolbar {background:var(--dm-bg) !important; border-bottom:1px solid var(--dm-border-light) !important; padding:8px !important;}
.dm-notice-editor .quicktags-toolbar input.button {background:#fff !important; border:1px solid var(--dm-border) !important; border-radius:6px !important; padding:4px 10px !important; font-size:12px !important; color:var(--dm-text-sub) !important; margin:0 2px !important;}
.dm-notice-editor .quicktags-toolbar input.button:hover {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}

/* �̵�� ��ư */
.dm-notice-editor .wp-media-buttons {padding:10px 14px !important; background:var(--dm-bg) !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-notice-editor .wp-media-buttons .button {display:inline-flex !important; align-items:center !important; padding:6px 14px !important; background:#fff !important; color:var(--dm-text) !important; border:1px solid var(--dm-border) !important; border-radius:50px !important; font-size:12px !important; font-weight:500 !important; cursor:pointer; transition:all 0.2s; font-family:inherit;}
.dm-notice-editor .wp-media-buttons .button:hover {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}

/* �̵�� �� */
.dm-notice-editor .wp-switch-editor {padding:6px 14px !important; background:transparent !important; border:none !important; font-size:12px !important; font-weight:600 !important; color:var(--dm-text-muted) !important; border-radius:6px !important; margin:4px !important;}
.dm-notice-editor .wp-switch-editor.active, .dm-notice-editor .wp-switch-editor:hover {background:#fff !important; color:var(--dm-primary) !important;}

/* ============================================
   ������ Ŀ���� ���� (÷������ �̸����� ��)
   ============================================ */
.dm-notice-editor .kboard-attachments {padding:14px; background:var(--dm-bg); border:1px solid var(--dm-border-light); border-radius:var(--dm-radius-sm); margin-top:10px;}
.dm-notice-editor .kboard-attachment-file {display:inline-flex; align-items:center; gap:6px; padding:6px 12px; background:#fff; border:1px solid var(--dm-border); border-radius:50px; font-size:12px; color:var(--dm-text-sub); margin:2px;}
.dm-notice-editor .kboard-attachment-file a {color:var(--dm-text-sub);}
.dm-notice-editor .kboard-attachment-remove {color:#e24b4a !important; cursor:pointer; margin-left:4px;}

/* ����� �̸����� */
.dm-notice-editor .kboard-thumbnail-preview, 
.dm-notice-editor .kboard-editor-thumbnail {border-radius:var(--dm-radius-sm); overflow:hidden; border:1px solid var(--dm-border);}
.dm-notice-editor .kboard-thumbnail-preview img {display:block; max-width:240px; border-radius:var(--dm-radius-sm);}

/* ī�װ��� ���� */
.dm-notice-editor .kboard-category-selector {display:flex; flex-wrap:wrap; gap:10px;}

/* �ȳ� �ؽ�Ʈ */
.dm-notice-editor .attr-desc, .dm-notice-editor .kboard-field-desc {display:block; margin-top:8px; padding-left:2px; font-size:12px; font-weight:400; color:var(--dm-text-muted); line-height:1.5; letter-spacing:-0.1px;}

/* ============================================
   �ϴ� ��ư
   ============================================ */
.dm-notice-editor-control {display:flex !important; justify-content:space-between !important; align-items:center; gap:10px; padding:20px 0 0 !important; float:none !important; flex-wrap:wrap;}
.dm-notice-editor-control .left, .dm-notice-editor-control .right {display:flex; gap:8px; flex-wrap:wrap; float:none !important; width:auto !important;}

.dm-notice-editor-btn {display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; height:48px !important; padding:0 28px !important; border-radius:50px !important; font-size:14px !important; font-weight:600 !important; letter-spacing:-0.2px; text-decoration:none; cursor:pointer; transition:all 0.25s; font-family:inherit; line-height:1;}

/* Ghost ��ư (�ڷ�/���) */
.dm-notice-editor-btn-ghost {background:#fff !important; color:var(--dm-text-sub) !important; border:1px solid var(--dm-border) !important; box-shadow:none !important;}
.dm-notice-editor-btn-ghost:hover {background:var(--dm-bg) !important; color:var(--dm-text) !important; border-color:var(--dm-accent) !important; opacity:1 !important;}

/* Submit ��ư (����) */
.dm-notice-editor-btn-submit {background-color:var(--dm-primary) !important; color:#fff !important; border:1px solid var(--dm-primary) !important; box-shadow:0 4px 12px rgba(255, 107, 26, 0.2) !important; padding:0 36px !important;}
.dm-notice-editor-btn-submit:hover {background-color:var(--dm-primary-hover) !important; border-color:var(--dm-primary-hover) !important; color:#fff !important; transform:translateY(-2px); box-shadow:0 6px 16px rgba(255, 107, 26, 0.3) !important; opacity:1 !important;}

/* entry-title ���� */
body:has(.dm-notice-editor) .page-header,
body:has(.dm-notice-editor) .entry-title {display:none !important;}
body:has(.dm-notice-editor) .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important;}

/* ============================================
   ������ - �º���
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-editor {padding:60px 30px 80px;}
	.dm-notice-editor-page-title {font-size:30px;}
	.dm-notice-editor-wrap {padding:32px 36px;}
}

/* ============================================
   ������ - �����
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-editor {padding:50px 16px 70px;}
	.dm-notice-editor-head {margin-bottom:30px;}
	.dm-notice-editor-eyebrow {font-size:12px; letter-spacing:2px; margin-bottom:12px;}
	.dm-notice-editor-page-title {font-size:22px;}
	.dm-notice-editor-page-desc {font-size:13px;}
	
	.dm-notice-editor-wrap {padding:24px 20px; border-radius:14px;}
	.dm-notice-editor-fields {gap:18px;}
	.dm-notice-editor .attr-name {font-size:13px !important; margin-bottom:8px !important;}
	.dm-notice-editor input[type=text],
	.dm-notice-editor input[type=email],
	.dm-notice-editor input[type=password],
	.dm-notice-editor select,
	.dm-notice-editor textarea {padding:12px 14px !important; font-size:13px !important;}
	.dm-notice-editor textarea {min-height:300px !important;}
	.dm-notice-editor-control {flex-direction:column-reverse;}
	.dm-notice-editor-control .left, .dm-notice-editor-control .right {width:100%; justify-content:center;}
	.dm-notice-editor-btn {flex:1; height:46px !important; font-size:13px !important;}
}

/* ===== kboard-skin-event ===== */
/* ============================================
   이벤트 리스트
   ============================================ */
.dm-event-list {font-family:var(--dm-font); font-size:15px; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff; width:100%; max-width:1400px; padding:80px 20px 100px; box-sizing:border-box; margin:0 auto;}
.dm-event-list *, .dm-event-list *::before, .dm-event-list *::after {box-sizing:border-box;}
.dm-event-list a {text-decoration:none; color:inherit; transition:color 0.2s;}

/* ============================================
   페이지 헤드
   ============================================ */
.dm-event-head {text-align:center; margin-bottom:50px;}
.dm-event-eyebrow {display:inline-block; font-size:14px; font-weight:500; color:var(--dm-primary); letter-spacing:3px; margin-bottom:16px; text-transform:uppercase;}
.dm-event-page-title {margin:0 0 16px 0; font-size:44px; font-weight:700; color:var(--dm-text); line-height:1.3; letter-spacing:-0.8px;}
.dm-event-page-desc {margin:0; font-size:16px; font-weight:400; color:var(--dm-text-sub); line-height:1.7; letter-spacing:-0.2px;}

/* ============================================
   카테고리 (카테고리2 숨김)
   ============================================ */
.dm-event-list .kboard-category.category-pc .kboard-category-list:nth-of-type(2) {display:none !important;}
.dm-event-list .kboard-category.category-mobile select[name="category2"] {display:none !important;}

.dm-event-list .kboard-category.category-pc {display:flex !important; justify-content:center !important; margin-bottom:50px !important; padding:0 !important; background:transparent !important; width:100% !important;}
.dm-event-list .kboard-category.category-pc .kboard-category-list {display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; padding:0 !important; margin:0 !important; list-style:none !important;}
.dm-event-list .kboard-category.category-pc .kboard-category-list li {margin:0 !important; padding:0 !important;}
.dm-event-list .kboard-category.category-pc .kboard-category-list li a {display:inline-flex !important; align-items:center !important; padding:11px 26px !important; border-radius:50px !important; background-color:#fff !important; color:var(--dm-text-sub) !important; font-size:14px !important; font-weight:500 !important; border:1px solid var(--dm-border) !important; letter-spacing:-0.2px !important; transition:all 0.2s !important; text-decoration:none !important; box-shadow:0 2px 6px rgba(30, 42, 74, 0.03) !important;}
.dm-event-list .kboard-category.category-pc .kboard-category-list li a:hover {color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}
.dm-event-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {background-color:var(--dm-accent) !important; color:#fff !important; font-weight:700 !important; border-color:var(--dm-accent) !important; box-shadow:0 4px 12px rgba(30, 42, 74, 0.15) !important;}

/* ============================================
   이벤트 그리드
   ============================================ */
.dm-event-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:28px; margin-bottom:40px;}

/* ============================================
   이벤트 카드
   ============================================ */
.dm-event-card {position:relative; background:#fff; border-radius:var(--dm-radius); overflow:hidden; transition:all 0.3s ease; display:flex; flex-direction:column;}
.dm-event-card > a {display:block; text-decoration:none; color:inherit; height:100%;}
.dm-event-card:hover {transform:translateY(-6px);}

.dm-event-card-notice .dm-event-thumb {box-shadow:0 0 0 2px var(--dm-primary);}

/* ============================================
   썸네일 (3:4 세로)
   ============================================ */
.dm-event-thumb {position:relative; width:100%; aspect-ratio:3/4; overflow:hidden; background:var(--dm-accent-light); border-radius:var(--dm-radius); box-shadow:var(--dm-shadow-sm); transition:all 0.3s ease;}
.dm-event-card:hover .dm-event-thumb {box-shadow:var(--dm-shadow-hover);}
.dm-event-thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}
.dm-event-card:hover .dm-event-thumb img {transform:scale(1.04);}
.dm-event-thumb-empty {width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--dm-text-light); background:linear-gradient(135deg, #f4f6fb 0%, #eef2f9 100%);}

/* ============================================
   뱃지
   ============================================ */
/* 진행중 뱃지 */
.dm-event-badge {position:absolute; top:14px; left:14px; display:inline-flex; align-items:center; gap:6px; padding:6px 14px; background:rgba(255, 255, 255, 0.95); color:var(--dm-primary); font-size:12px; font-weight:700; border-radius:50px; letter-spacing:-0.1px; z-index:2; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow:0 4px 10px rgba(30, 42, 74, 0.12);}
.dm-event-badge-dot {display:inline-block; width:6px; height:6px; background:var(--dm-primary); border-radius:50%; animation:dm-event-pulse 1.5s ease-in-out infinite;}
@keyframes dm-event-pulse {
	0%, 100% {opacity:1; transform:scale(1);}
	50% {opacity:0.6; transform:scale(0.85);}
}

/* 공지 뱃지 */
.dm-event-badge-notice {position:absolute; top:14px; right:14px; padding:6px 14px; background:var(--dm-primary); color:#fff; font-size:12px; font-weight:700; border-radius:4px; letter-spacing:0.5px; z-index:2; box-shadow:0 4px 10px rgba(255, 107, 26, 0.3);}

/* ============================================
   마감 오버레이
   ============================================ */
.dm-event-expired-overlay {position:absolute; inset:0; background:rgba(26, 34, 56, 0.75); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; z-index:3; border-radius:var(--dm-radius); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
.dm-event-expired-text {font-family:Georgia, serif; font-size:28px; font-weight:700; color:#fff; letter-spacing:3px; text-transform:uppercase; line-height:1;}
.dm-event-expired-sub {font-size:12px; font-weight:500; color:rgba(255, 255, 255, 0.75); letter-spacing:-0.2px; padding:5px 14px; background:rgba(255, 255, 255, 0.1); border:1px solid rgba(255, 255, 255, 0.2); border-radius:50px; backdrop-filter:blur(4px);}

.dm-event-expired .dm-event-title, .dm-event-expired .dm-event-desc, .dm-event-expired .dm-event-date {opacity:0.45;}

/* ============================================
   카드 본문
   ============================================ */
.dm-event-body {padding:18px 6px 6px; display:flex; flex-direction:column; gap:8px;}
.dm-event-title {margin:0; font-size:16px; font-weight:700; color:var(--dm-text); line-height:1.45; letter-spacing:-0.3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; transition:color 0.2s;}
.dm-event-card:hover .dm-event-title {color:var(--dm-primary);}
.dm-event-desc {margin:0; font-size:13px; font-weight:400; color:var(--dm-text-sub); line-height:1.6; letter-spacing:-0.2px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}
.dm-event-date {display:inline-flex; align-items:center; gap:5px; margin-top:2px; font-size:12px; font-weight:500; color:var(--dm-text-muted); letter-spacing:-0.2px; font-variant-numeric:tabular-nums;}
.dm-event-date svg {flex-shrink:0; color:var(--dm-primary); opacity:0.7;}

/* ============================================
   페이지네이션
   ============================================ */
.dm-event-pagination {padding:40px 0 20px; text-align:center;}
.dm-event-pagination-list {display:inline-flex; padding:0; margin:0; list-style:none; gap:6px; align-items:center; justify-content:center;}
.dm-event-pagination-list li {display:block; margin:0;}
.dm-event-pagination-list a, .dm-event-pagination-list span {display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 10px; border-radius:50%; background:#fff; border:1px solid var(--dm-border); font-size:14px; font-weight:500; color:var(--dm-text-sub); font-variant-numeric:tabular-nums; text-decoration:none; transition:all 0.2s;}
.dm-event-pagination-list a:hover {border-color:var(--dm-primary); color:var(--dm-primary);}
.dm-event-pagination-list li.active a, .dm-event-pagination-list li.active span, .dm-event-pagination-list a.active, .dm-event-pagination-list .active a, .dm-event-pagination-list .active span {color:#fff !important; background:var(--dm-accent); border-color:var(--dm-accent);}

/* ============================================
   글쓰기 버튼
   ============================================ */
.dm-event-control {display:flex; justify-content:flex-end; padding:20px 0 0;}
.dm-event-write-btn {display:inline-flex; align-items:center; gap:6px; padding:14px 32px; font-size:14px; font-weight:600; color:#fff !important; background-color:var(--dm-primary); border:1px solid var(--dm-primary); border-radius:var(--dm-radius-pill); text-decoration:none; letter-spacing:-0.2px; box-shadow:0 6px 16px rgba(255, 107, 26, 0.2); transition:all 0.25s;}
.dm-event-write-btn::before {content:'+'; font-size:18px; font-weight:400; line-height:1;}
.dm-event-write-btn:hover {background-color:var(--dm-primary-hover); border-color:var(--dm-primary-hover); color:#fff !important; transform:translateY(-2px); box-shadow:0 8px 20px rgba(255, 107, 26, 0.3);}

/* entry-title 숨김 */
body:has(.dm-event-list) .page-header,
body:has(.dm-event-list) .entry-title {display:none !important;}
body:has(.dm-event-list) .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important;}

/* ============================================
   반응형
   ============================================ */
@media screen and (max-width: 1200px) {
	.dm-event-grid {grid-template-columns:repeat(3, 1fr); gap:24px;}
}
@media screen and (max-width: 1024px) {
	.dm-event-list {padding:60px 30px 80px;}
	.dm-event-page-title {font-size:34px;}
	.dm-event-grid {grid-template-columns:repeat(3, 1fr); gap:20px;}
	.dm-event-expired-text {font-size:24px;}
}
@media screen and (max-width: 768px) {
	.dm-event-list {padding:50px 16px 70px;}
	.dm-event-head {margin-bottom:36px;}
	.dm-event-eyebrow {font-size:12px; letter-spacing:2px; margin-bottom:12px;}
	.dm-event-page-title {font-size:26px; margin-bottom:12px;}
	.dm-event-page-desc {font-size:14px;}
	
	.dm-event-list .kboard-category.category-pc {margin-bottom:36px !important;}
	.dm-event-list .kboard-category.category-pc .kboard-category-list {justify-content:flex-start !important; flex-wrap:nowrap !important; overflow-x:auto; padding-bottom:8px !important; gap:8px !important; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
	.dm-event-list .kboard-category.category-pc .kboard-category-list::-webkit-scrollbar {display:none;}
	.dm-event-list .kboard-category.category-pc .kboard-category-list li {flex-shrink:0;}
	.dm-event-list .kboard-category.category-pc .kboard-category-list li a {padding:9px 20px !important; font-size:13px !important;}
	
	.dm-event-grid {grid-template-columns:repeat(2, 1fr); gap:14px;}
	.dm-event-body {padding:14px 4px 4px; gap:6px;}
	.dm-event-title {font-size:14px;}
	.dm-event-desc {font-size:12px; -webkit-line-clamp:1;}
	.dm-event-date {font-size:11px;}
	.dm-event-badge, .dm-event-badge-notice {font-size:10px; padding:4px 10px; top:10px;}
	.dm-event-badge {left:10px;}
	.dm-event-badge-notice {right:10px;}
	.dm-event-expired-text {font-size:18px; letter-spacing:2px;}
	.dm-event-expired-sub {font-size:10px; padding:4px 10px;}
	
	.dm-event-pagination {padding:30px 0 10px;}
	.dm-event-pagination-list a, .dm-event-pagination-list span {min-width:36px; height:36px; font-size:13px;}
	.dm-event-write-btn {padding:12px 26px; font-size:13px;}
}
@media screen and (max-width: 480px) {
	.dm-event-grid {gap:12px;}
	.dm-event-body {padding:12px 2px 2px;}
	.dm-event-title {font-size:13px;}
}

/* ============================================
   이벤트 뷰 페이지
   ============================================ */
.dm-event-doc {font-family:var(--dm-font); width:100%; max-width:1400px; margin:0 auto; padding:60px 20px 140px; box-sizing:border-box; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff;}
.dm-event-doc *, .dm-event-doc *::before, .dm-event-doc *::after {box-sizing:border-box;}
.dm-event-doc a {text-decoration:none; color:inherit; transition:color 0.2s;}
.dm-event-doc button {font-family:inherit; cursor:pointer;}

/* entry-title 숨김 */
body:has(.dm-event-doc) .page-header,
body:has(.dm-event-doc) .entry-title {display:none !important;}
body:has(.dm-event-doc) .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important;}

.dm-event-doc-wrap {background:#fff; border:1px solid var(--dm-border); border-radius:20px; overflow:visible; padding:50px 60px;}

/* ============================================
   상단 헤드
   ============================================ */
.dm-event-doc-head {padding-bottom:30px; border-bottom:1px solid var(--dm-border-light); margin-bottom:32px;}
.dm-event-doc-head-top {display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; flex-wrap:wrap;}
.dm-event-doc-head-left {display:flex; gap:8px; align-items:center;}

.dm-event-doc-status {display:inline-flex; align-items:center; gap:6px; padding:6px 14px; font-size:12px; font-weight:700; border-radius:50px; letter-spacing:-0.1px;}
.dm-event-doc-status-dot {display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor;}
.dm-event-doc-status-active {background:var(--dm-primary-light); color:var(--dm-primary); border:1px solid var(--dm-primary-border);}
.dm-event-doc-status-active .dm-event-doc-status-dot {animation:dm-event-pulse 1.5s ease-in-out infinite;}
.dm-event-doc-status-expired {background:#f4f6fb; color:var(--dm-text-muted); border:1px solid var(--dm-border);}

.dm-event-doc-period {display:inline-flex; align-items:center; gap:8px; padding:8px 18px; background:var(--dm-bg); border:1px solid var(--dm-border); border-radius:50px; font-size:13px; font-weight:600; color:var(--dm-text-sub); letter-spacing:-0.2px; font-variant-numeric:tabular-nums;}
.dm-event-doc-period svg {color:var(--dm-primary); flex-shrink:0;}

.dm-event-doc-title {margin:0 0 14px 0 !important; padding:0 !important; font-size:30px !important; font-weight:700 !important; color:var(--dm-text) !important; line-height:1.4 !important; letter-spacing:-0.7px !important; border:none !important; word-break:keep-all;}
.dm-event-doc-subtitle {margin:0; font-size:15px; font-weight:400; color:var(--dm-text-sub); line-height:1.7; letter-spacing:-0.2px;}

/* ============================================
   시술 리스트 (담기)
   ============================================ */
.dm-event-doc-products {display:flex; flex-direction:column; gap:12px; margin-bottom:36px;}
.dm-event-doc-product {background:#fff; border:1px solid var(--dm-border); border-radius:16px; overflow:hidden; transition:all 0.2s;}
.dm-event-doc-product:hover {border-color:var(--dm-primary); box-shadow:var(--dm-shadow-sm);}
.dm-event-doc-product:has(input:checked) {border-color:var(--dm-primary); background:var(--dm-primary-light); box-shadow:0 0 0 2px var(--dm-primary);}

.dm-event-doc-product-row {display:flex; align-items:center; gap:18px; padding:22px 26px; cursor:pointer; margin:0;}
.dm-event-product-check {flex-shrink:0; width:22px; height:22px; margin:0; accent-color:var(--dm-primary); cursor:pointer;}

.dm-event-doc-product-info {flex:1; min-width:0;}
.dm-event-doc-product-name {margin:0 0 6px 0; font-size:16px; font-weight:700; color:var(--dm-text); line-height:1.5; letter-spacing:-0.3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all;}
.dm-event-doc-product-desc {margin:0; font-size:13px; font-weight:400; color:var(--dm-text-sub); line-height:1.5; letter-spacing:-0.2px;}

.dm-event-doc-product-price {display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex-shrink:0; text-align:right;}
.dm-event-doc-product-discount {font-size:12px; font-weight:700; color:var(--dm-primary); letter-spacing:-0.1px;}
.dm-event-doc-product-original {font-size:12px; color:var(--dm-text-light); text-decoration:line-through; font-weight:500;}
.dm-event-doc-product-sale {font-size:20px; font-weight:700; color:var(--dm-primary); letter-spacing:-0.3px; font-variant-numeric:tabular-nums; margin-top:2px;}

/* ============================================
   본문 (이벤트 상세)
   ============================================ */
.dm-event-doc-content {font-size:16px; line-height:1.9; color:var(--dm-text-sub); letter-spacing:-0.2px; padding:16px 0 0;}
.dm-event-doc-content p {margin:0 0 18px 0;}
.dm-event-doc-content img {max-width:100%; height:auto; border-radius:10px; margin:16px 0; display:block;}
.dm-event-doc-content strong {color:var(--dm-text); font-weight:700;}
.dm-event-doc-content h2 {margin:40px 0 18px 0 !important; padding-bottom:14px !important; font-size:22px !important; font-weight:700 !important; color:var(--dm-text) !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-event-doc-content h3 {margin:32px 0 14px 0 !important; font-size:18px !important; font-weight:700 !important; color:var(--dm-text) !important;}

/* ============================================
   예약 섹션 (STEP 1, 2, 3)
   ============================================ */
.dm-event-reserve {margin-top:40px; max-height:0; overflow:hidden; opacity:0; transition:max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease; display:flex; flex-direction:column; gap:20px;}
.dm-event-reserve.is-open {max-height:4000px; opacity:1;}

.dm-event-reserve-step {background:#fff; border:1px solid var(--dm-border); border-radius:20px; overflow:hidden;}
.dm-event-reserve-step-head {display:flex; align-items:center; gap:14px; padding:24px 28px; border-bottom:1px solid var(--dm-border-light); flex-wrap:wrap;}
.dm-event-reserve-step-num {display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; background:var(--dm-primary); color:#fff; font-size:15px; font-weight:700; border-radius:50%; flex-shrink:0; box-shadow:0 4px 10px rgba(255, 107, 26, 0.25);}
.dm-event-reserve-step-title {margin:0; font-size:20px; font-weight:700; color:var(--dm-text); letter-spacing:-0.4px; flex:1; min-width:0;}
.dm-event-reserve-step-count {color:var(--dm-primary); font-weight:700; font-size:17px; margin-left:4px;}

.dm-event-reserve-check-all {display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:500; color:var(--dm-text-sub); cursor:pointer; letter-spacing:-0.2px;}
.dm-event-reserve-check-all input {width:16px; height:16px; margin:0; accent-color:var(--dm-primary); cursor:pointer;}

.dm-event-reserve-step-body {padding:24px 28px;}

/* 선택된 시술 리스트 */
.dm-event-selected-list {list-style:none; margin:0 0 18px 0; padding:0; display:flex; flex-direction:column; gap:8px;}
.dm-event-selected-item {background:var(--dm-bg); border:1px solid var(--dm-border-light); border-radius:10px; padding:14px 18px;}
.dm-event-selected-label {display:flex; align-items:center; gap:12px; margin:0; cursor:pointer;}
.dm-event-selected-label input {width:18px; height:18px; margin:0; accent-color:var(--dm-primary); flex-shrink:0;}
.dm-event-selected-name {flex:1; font-size:14px; font-weight:600; color:var(--dm-text); letter-spacing:-0.2px;}
.dm-event-selected-price {font-size:12px; color:var(--dm-text-muted); font-weight:500; flex-shrink:0;}
.dm-event-selected-empty {padding:24px; background:var(--dm-bg); border:1px dashed var(--dm-border); border-radius:10px; text-align:center; font-size:13px; color:var(--dm-text-muted); letter-spacing:-0.2px;}

.dm-event-reserve-notice {padding:14px 18px; background:var(--dm-bg); border-radius:10px; font-size:12px; line-height:1.7; color:var(--dm-text-muted); letter-spacing:-0.2px;}

/* ============================================
   캘린더 + 시간
   ============================================ */
.dm-event-reserve-datetime {display:grid; grid-template-columns:1fr 1fr; gap:20px;}

.dm-event-calendar {background:var(--dm-bg); border-radius:14px; padding:20px 22px;}
.dm-event-calendar-head {display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; gap:10px;}
.dm-event-calendar-month {font-size:15px; font-weight:700; color:var(--dm-text); letter-spacing:-0.3px;}
.dm-event-calendar-nav {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; background:#fff; border:1px solid var(--dm-border); border-radius:50%; color:var(--dm-text-sub); transition:all 0.2s; padding:0;}
.dm-event-calendar-nav:hover {background:var(--dm-primary); border-color:var(--dm-primary); color:#fff;}

.dm-event-calendar-weekdays {display:grid; grid-template-columns:repeat(7, 1fr); gap:2px; margin-bottom:6px; padding:0 2px;}
.dm-event-calendar-weekdays span {text-align:center; padding:6px 0; font-size:11px; font-weight:700; color:var(--dm-text-muted); letter-spacing:0.5px;}
.dm-event-calendar-weekdays .is-sun {color:#e24b4a;}
.dm-event-calendar-weekdays .is-sat {color:var(--dm-primary);}

.dm-event-calendar-days {display:grid; grid-template-columns:repeat(7, 1fr); gap:2px; padding:0 2px;}
.dm-event-calendar-day {display:inline-flex; align-items:center; justify-content:center; aspect-ratio:1/1; background:transparent; border:none; border-radius:50%; font-size:13px; font-weight:500; color:var(--dm-text); font-family:inherit; font-variant-numeric:tabular-nums; transition:all 0.15s; cursor:pointer; padding:0;}
.dm-event-calendar-day:hover:not(:disabled):not(.is-empty) {background:#fff; color:var(--dm-primary);}
.dm-event-calendar-day.is-sun {color:#e24b4a;}
.dm-event-calendar-day.is-sat {color:var(--dm-primary);}
.dm-event-calendar-day.is-past {color:var(--dm-text-light); cursor:not-allowed; text-decoration:line-through;}
.dm-event-calendar-day.is-today {background:#fff; color:var(--dm-primary); font-weight:700;}
.dm-event-calendar-day.is-active {background:var(--dm-primary) !important; color:#fff !important; font-weight:700; box-shadow:0 4px 10px rgba(255, 107, 26, 0.3);}
.dm-event-calendar-day.is-empty {cursor:default; pointer-events:none;}

.dm-event-time {background:var(--dm-bg); border-radius:14px; padding:20px 22px;}
.dm-event-time-head {margin-bottom:14px;}
.dm-event-time-title {margin:0 0 4px 0; font-size:15px; font-weight:700; color:var(--dm-text); letter-spacing:-0.3px;}
.dm-event-time-desc {font-size:12px; color:var(--dm-text-muted); font-weight:500; letter-spacing:-0.2px;}

.dm-event-time-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:6px;}
.dm-event-time-btn {padding:10px 0; background:#fff; border:1px solid var(--dm-border); border-radius:8px; font-size:13px; font-weight:500; color:var(--dm-text-sub); font-variant-numeric:tabular-nums; transition:all 0.15s; font-family:inherit;}
.dm-event-time-btn:hover:not(:disabled) {border-color:var(--dm-primary); color:var(--dm-primary);}
.dm-event-time-btn.is-active {background:var(--dm-primary) !important; border-color:var(--dm-primary) !important; color:#fff !important; font-weight:700; box-shadow:0 4px 10px rgba(255, 107, 26, 0.25);}
.dm-event-time-btn.is-disabled, .dm-event-time-btn:disabled {background:var(--dm-bg); color:var(--dm-text-light); cursor:not-allowed; text-decoration:line-through;}

/* ============================================
   STEP 3 - 고객 정보
   ============================================ */
.dm-event-reserve-form {display:flex; flex-direction:column; gap:10px; margin-bottom:20px;}
.dm-event-reserve-form-row {display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.dm-event-input, .dm-event-textarea {width:100%; padding:13px 16px; font-size:14px; font-weight:500; color:var(--dm-text); background:#fff; border:1px solid var(--dm-border); border-radius:10px; outline:none; transition:all 0.2s; font-family:inherit; letter-spacing:-0.2px;}
.dm-event-input:focus, .dm-event-textarea:focus {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(255, 107, 26, 0.08);}
.dm-event-textarea {resize:vertical; min-height:80px; line-height:1.6;}
.dm-event-input::placeholder, .dm-event-textarea::placeholder {color:var(--dm-text-light); font-weight:400;}

.dm-event-reserve-agree {display:flex; flex-direction:column; gap:10px; margin-bottom:24px;}
.dm-event-reserve-agree-item {display:flex; align-items:center; gap:10px; font-size:13px; color:var(--dm-text-sub); cursor:pointer; letter-spacing:-0.2px; line-height:1.5;}
.dm-event-reserve-agree-item input {width:18px; height:18px; margin:0; accent-color:var(--dm-primary); flex-shrink:0;}
.dm-event-reserve-agree-link {font-size:12px; color:var(--dm-primary); text-decoration:underline; margin-left:4px;}
.dm-event-reserve-agree-link:hover {color:var(--dm-primary-hover);}

.dm-event-reserve-total {display:flex; align-items:baseline; justify-content:center; gap:18px; padding:22px 24px; background:var(--dm-primary-light); border:1px solid var(--dm-primary-border); border-radius:14px; margin-bottom:14px;}
.dm-event-reserve-total-label {font-size:14px; font-weight:500; color:var(--dm-text-sub); letter-spacing:-0.2px;}
.dm-event-reserve-total-price {font-size:24px; font-weight:700; color:var(--dm-primary); letter-spacing:-0.5px; font-variant-numeric:tabular-nums;}

.dm-event-reserve-notice-gray {padding:14px 18px; background:var(--dm-bg); border-radius:10px; font-size:12px; line-height:1.7; color:var(--dm-text-muted); letter-spacing:-0.2px; margin-bottom:22px;}

.dm-event-reserve-submit-wrap {display:flex; justify-content:center;}
.dm-event-reserve-submit {display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:280px; padding:18px 36px; background:var(--dm-primary); color:#fff; border:none; border-radius:50px; font-size:15px; font-weight:700; letter-spacing:-0.3px; box-shadow:0 8px 20px rgba(255, 107, 26, 0.25); transition:all 0.25s; font-family:inherit;}
.dm-event-reserve-submit:hover {background:var(--dm-primary-hover); transform:translateY(-2px); box-shadow:0 12px 28px rgba(255, 107, 26, 0.35);}

/* ============================================
   하단 액션 (좋아요/인쇄)
   ============================================ */
.dm-event-doc-action {display:flex; justify-content:space-between; align-items:center; padding:30px 0 0; margin-top:32px; border-top:1px solid var(--dm-border-light); gap:10px; flex-wrap:wrap;}
.dm-event-doc-action .left, .dm-event-doc-action .right {display:flex; gap:8px;}
.dm-event-doc-btn-action {display:inline-flex; align-items:center; gap:6px; padding:10px 18px; background:#fff; color:var(--dm-text-sub); border:1px solid var(--dm-border); border-radius:50px; font-size:13px; font-weight:500; transition:all 0.2s; letter-spacing:-0.2px;}
.dm-event-doc-btn-action:hover {background:var(--dm-primary-light); color:var(--dm-primary); border-color:var(--dm-primary);}

/* ============================================
   이전/다음
   ============================================ */
.dm-event-doc-navi {display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:30px 0;}
.dm-event-doc-navi-item a {display:flex; align-items:center; gap:14px; padding:20px 24px; background:#fff; border:1px solid var(--dm-border); border-radius:14px; text-decoration:none; color:var(--dm-text-sub); transition:all 0.2s; height:100%;}
.dm-event-doc-navi-item a:hover {border-color:var(--dm-primary); color:var(--dm-primary); transform:translateY(-2px); box-shadow:var(--dm-shadow-sm);}
.dm-event-doc-navi-prev a {justify-content:flex-start;}
.dm-event-doc-navi-next a {justify-content:flex-end; text-align:right;}
.dm-event-doc-navi-arrow {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; flex-shrink:0; color:var(--dm-primary); background:var(--dm-primary-light); border-radius:50%; transition:all 0.2s;}
.dm-event-doc-navi-item a:hover .dm-event-doc-navi-arrow {background:var(--dm-primary); color:#fff;}
.dm-event-doc-navi-info {display:flex; flex-direction:column; gap:4px; min-width:0; flex:1;}
.dm-event-doc-navi-info-right {align-items:flex-end; text-align:right;}
.dm-event-doc-navi-label {font-size:11px; font-weight:700; color:var(--dm-primary); text-transform:uppercase; letter-spacing:1px;}
.dm-event-doc-navi-title {font-size:14px; font-weight:500; color:var(--dm-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.dm-event-doc-navi-empty {display:flex; flex-direction:column; gap:4px; padding:20px 24px; background:var(--dm-bg); border:1px dashed var(--dm-border); border-radius:14px; opacity:0.5;}
.dm-event-doc-navi-next .dm-event-doc-navi-empty {align-items:flex-end; text-align:right;}
.dm-event-doc-navi-empty .dm-event-doc-navi-label {color:var(--dm-text-muted);}
.dm-event-doc-navi-empty .dm-event-doc-navi-title {color:var(--dm-text-light); font-size:13px;}

/* ============================================
   하단 컨트롤
   ============================================ */
.dm-event-doc-ctrl {display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.dm-event-doc-ctrl .left, .dm-event-doc-ctrl .right {display:flex; gap:8px; flex-wrap:wrap;}
.dm-event-doc-ctrl-btn {display:inline-flex; align-items:center; justify-content:center; gap:6px; height:46px; padding:0 26px; border-radius:50px; font-size:14px; font-weight:600; letter-spacing:-0.2px; text-decoration:none; transition:all 0.25s;}
.dm-event-doc-ctrl-list {background:var(--dm-primary) !important; color:#fff !important; border:1px solid var(--dm-primary); box-shadow:0 4px 12px rgba(255, 107, 26, 0.2);}
.dm-event-doc-ctrl-list:hover {background:var(--dm-primary-hover) !important; transform:translateY(-2px); box-shadow:0 6px 16px rgba(255, 107, 26, 0.3);}
.dm-event-doc-ctrl-edit {background:#fff !important; color:var(--dm-text-sub) !important; border:1px solid var(--dm-border);}
.dm-event-doc-ctrl-edit:hover {background:var(--dm-accent) !important; color:#fff !important; border-color:var(--dm-accent);}
.dm-event-doc-ctrl-delete {background:#fff !important; color:var(--dm-text-muted) !important; border:1px solid var(--dm-border);}
.dm-event-doc-ctrl-delete:hover {background:#e24b4a !important; color:#fff !important; border-color:#e24b4a;}

/* ============================================
   하단 플로팅 바 🔥
   ============================================ */
.dm-event-floating {position:fixed; bottom:20px; left:50%; transform:translateX(-50%) translateY(calc(100% + 40px)); width:calc(100% - 40px); max-width:960px; z-index:999; transition:transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); pointer-events:none;}
.dm-event-floating.is-visible {transform:translateX(-50%) translateY(0); pointer-events:auto;}

.dm-event-floating-inner {display:flex; align-items:center; gap:14px; padding:14px 16px 14px 26px; background:var(--dm-accent); border-radius:60px; box-shadow:0 12px 32px rgba(30, 42, 74, 0.25), 0 4px 12px rgba(30, 42, 74, 0.15);}

.dm-event-floating-info {flex:1; display:flex; align-items:center; gap:10px; color:#fff; min-width:0; flex-wrap:wrap;}
.dm-event-floating-label {font-size:13px; font-weight:500; color:rgba(255, 255, 255, 0.7); letter-spacing:-0.2px;}
.dm-event-floating-count {font-size:16px; font-weight:700; color:#fff; letter-spacing:-0.3px;}
.dm-event-floating-count span {color:var(--dm-primary); margin-right:2px;}
.dm-event-floating-sep {display:inline-block; width:1px; height:14px; background:rgba(255, 255, 255, 0.2);}
.dm-event-floating-price {font-size:16px; font-weight:700; color:#fff; font-variant-numeric:tabular-nums; letter-spacing:-0.3px;}
.dm-event-floating-price span {color:var(--dm-primary); margin-right:2px;}

.dm-event-floating-btn {display:inline-flex; align-items:center; gap:8px; padding:13px 26px; background:var(--dm-primary); color:#fff; border:none; border-radius:50px; font-size:14px; font-weight:700; letter-spacing:-0.3px; cursor:pointer; transition:all 0.25s; font-family:inherit; flex-shrink:0; box-shadow:0 4px 12px rgba(255, 107, 26, 0.3);}
.dm-event-floating-btn:hover {background:var(--dm-primary-hover); transform:translateY(-1px); box-shadow:0 8px 18px rgba(255, 107, 26, 0.4);}
.dm-event-floating-btn svg {transition:transform 0.2s;}
.dm-event-floating-btn:hover svg {transform:translateX(3px);}

/* ============================================
   반응형
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-event-doc {padding:50px 20px 140px;}
	.dm-event-doc-wrap {padding:40px 40px;}
	.dm-event-doc-title {font-size:26px !important;}
	.dm-event-doc-product-name {font-size:15px;}
	.dm-event-doc-product-sale {font-size:18px;}
}

@media screen and (max-width: 768px) {
	.dm-event-doc {padding:40px 16px 130px;}
	.dm-event-doc-wrap {padding:28px 22px; border-radius:16px;}
	
	.dm-event-doc-head {margin-bottom:26px; padding-bottom:22px;}
	.dm-event-doc-head-top {margin-bottom:16px;}
	.dm-event-doc-period {padding:7px 14px; font-size:12px;}
	.dm-event-doc-title {font-size:20px !important; letter-spacing:-0.5px !important;}
	.dm-event-doc-subtitle {font-size:13px;}
	
	/* 시술 카드 */
	.dm-event-doc-product-row {padding:16px 18px; gap:12px; flex-wrap:wrap;}
	.dm-event-product-check {width:20px; height:20px;}
	.dm-event-doc-product-info {flex:1 1 auto; min-width:0; width:calc(100% - 34px);}
	.dm-event-doc-product-name {font-size:14px; -webkit-line-clamp:2;}
	.dm-event-doc-product-desc {font-size:12px;}
	.dm-event-doc-product-price {flex-direction:row; align-items:center; gap:8px; flex-wrap:wrap; width:100%; justify-content:flex-end; padding-left:32px;}
	.dm-event-doc-product-sale {font-size:17px; order:1;}
	.dm-event-doc-product-original {font-size:11px; order:2;}
	.dm-event-doc-product-discount {font-size:11px; order:3;}
	
	/* 본문 */
	.dm-event-doc-content {font-size:14px; line-height:1.8;}
	
	/* 예약 */
	.dm-event-reserve-step-head {padding:18px 20px; gap:10px;}
	.dm-event-reserve-step-num {width:30px; height:30px; font-size:13px;}
	.dm-event-reserve-step-title {font-size:16px;}
	.dm-event-reserve-step-count {font-size:14px;}
	.dm-event-reserve-step-body {padding:18px 20px;}
	
	.dm-event-reserve-datetime {grid-template-columns:1fr; gap:14px;}
	.dm-event-calendar, .dm-event-time {padding:16px 18px;}
	.dm-event-calendar-day {font-size:12px;}
	.dm-event-time-grid {grid-template-columns:repeat(3, 1fr);}
	.dm-event-time-btn {padding:9px 0; font-size:12px;}
	
	.dm-event-reserve-form-row {grid-template-columns:1fr;}
	.dm-event-reserve-total {flex-direction:column; gap:6px; padding:18px; text-align:center;}
	.dm-event-reserve-total-price {font-size:22px;}
	.dm-event-reserve-submit {width:100%; min-width:0; padding:16px 24px; font-size:14px;}
	
	/* 하단 */
	.dm-event-doc-action {padding-top:24px;}
	.dm-event-doc-navi {grid-template-columns:1fr;}
	.dm-event-doc-ctrl {flex-direction:column-reverse;}
	.dm-event-doc-ctrl .left, .dm-event-doc-ctrl .right {width:100%; justify-content:center;}
	.dm-event-doc-ctrl-btn {flex:1; height:44px; font-size:13px;}
	
	/* 플로팅바 */
	.dm-event-floating {bottom:12px; width:calc(100% - 24px);}
	.dm-event-floating-inner {padding:10px 12px 10px 20px; border-radius:50px; gap:10px;}
	.dm-event-floating-label {font-size:12px;}
	.dm-event-floating-count, .dm-event-floating-price {font-size:14px;}
	.dm-event-floating-sep {height:12px;}
	.dm-event-floating-btn {padding:10px 18px; font-size:13px;}
	.dm-event-floating-btn span {display:none;}
	.dm-event-floating-btn::before {content:'예약'; font-weight:700;}
}

@media screen and (max-width: 480px) {
	.dm-event-floating-inner {padding:10px 10px 10px 16px;}
	.dm-event-floating-info {gap:6px;}
	.dm-event-floating-label {display:none;}
}

/* ============================================
   이벤트 에디터 (글쓰기)
   ============================================ */
.dm-event-editor {font-family:var(--dm-font); width:100%; max-width:1000px; margin:0 auto; padding:80px 20px 100px; box-sizing:border-box; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff;}
.dm-event-editor *, .dm-event-editor *::before, .dm-event-editor *::after {box-sizing:border-box;}

/* entry-title 숨김 */
body:has(.dm-event-editor) .page-header,
body:has(.dm-event-editor) .entry-title {display:none !important;}
body:has(.dm-event-editor) .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important;}

/* ============================================
   페이지 헤드
   ============================================ */
.dm-event-editor-head {text-align:center; margin-bottom:40px;}
.dm-event-editor-eyebrow {display:inline-block; font-size:14px; font-weight:500; color:var(--dm-primary); letter-spacing:3px; margin-bottom:16px; text-transform:uppercase;}
.dm-event-editor-page-title {margin:0 0 14px 0; font-size:36px; font-weight:700; color:var(--dm-text); line-height:1.3; letter-spacing:-0.7px;}
.dm-event-editor-page-desc {margin:0; font-size:15px; font-weight:400; color:var(--dm-text-sub); line-height:1.6; letter-spacing:-0.2px;}

/* ============================================
   에디터 래퍼
   ============================================ */
.dm-event-editor-form {margin:0; padding:0;}
.dm-event-editor-wrap {background:#fff; border:1px solid var(--dm-border); border-radius:20px; padding:40px 50px; margin-bottom:20px;}
.dm-event-editor-fields {display:flex; flex-direction:column; gap:22px;}

/* ============================================
   필드 공통 (kboard 기본 구조 오버라이드)
   ============================================ */
.dm-event-editor .kboard-attr-row {display:flex !important; flex-direction:column !important; margin:0 !important; padding:0 !important; background:transparent !important; border:none !important; float:none !important;}
.dm-event-editor .attr-name {display:block !important; width:100% !important; margin:0 0 10px 0 !important; padding:0 !important; font-size:14px !important; font-weight:700 !important; color:var(--dm-text) !important; letter-spacing:-0.2px; text-align:left !important; float:none !important;}
.dm-event-editor .attr-name::after {content:''; display:inline-block; width:4px; height:4px; background:var(--dm-primary); border-radius:50%; margin-left:6px; vertical-align:middle; margin-bottom:2px;}
.dm-event-editor .attr-value {display:block !important; width:100% !important; margin:0 !important; padding:0 !important; float:none !important;}

/* 인풋 / 셀렉트 / 텍스트에리어 */
.dm-event-editor input[type=text],
.dm-event-editor input[type=email],
.dm-event-editor input[type=password],
.dm-event-editor input[type=number],
.dm-event-editor input[type=url],
.dm-event-editor input[type=tel],
.dm-event-editor input[type=date],
.dm-event-editor select,
.dm-event-editor textarea {width:100% !important; padding:13px 16px !important; font-size:14px !important; font-weight:500 !important; color:var(--dm-text) !important; background-color:#fff !important; border:1px solid var(--dm-border) !important; border-radius:var(--dm-radius-sm) !important; outline:none !important; transition:all 0.2s !important; margin:0 !important; font-family:inherit !important; letter-spacing:-0.2px; box-shadow:none !important; line-height:1.5 !important;}
.dm-event-editor input[type=text]:hover,
.dm-event-editor input[type=email]:hover,
.dm-event-editor input[type=password]:hover,
.dm-event-editor input[type=tel]:hover,
.dm-event-editor input[type=date]:hover,
.dm-event-editor select:hover,
.dm-event-editor textarea:hover {border-color:#c8d1df !important;}
.dm-event-editor input[type=text]:focus,
.dm-event-editor input[type=email]:focus,
.dm-event-editor input[type=password]:focus,
.dm-event-editor input[type=number]:focus,
.dm-event-editor input[type=url]:focus,
.dm-event-editor input[type=tel]:focus,
.dm-event-editor input[type=date]:focus,
.dm-event-editor select:focus,
.dm-event-editor textarea:focus {border-color:var(--dm-primary) !important; box-shadow:0 0 0 3px rgba(255, 107, 26, 0.08) !important;}
.dm-event-editor input::placeholder,
.dm-event-editor textarea::placeholder {color:var(--dm-text-light); font-weight:400;}

/* 셀렉트 화살표 */
.dm-event-editor select {appearance:none !important; -webkit-appearance:none !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 16px center !important; background-color:#fff !important; padding-right:44px !important; cursor:pointer !important;}

/* 텍스트에리어 */
.dm-event-editor textarea {min-height:400px !important; padding:16px !important; line-height:1.8 !important; resize:vertical; font-family:inherit !important;}

/* ============================================
   이벤트 날짜 2컬럼 배치
   ============================================ */
.dm-event-editor .dm-event-editor-field-date {position:relative;}
.dm-event-editor .dm-event-editor-field-date .attr-value {position:relative;}
.dm-event-editor .dm-event-editor-field-date .attr-value::before {content:''; position:absolute; left:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff6b1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:contain; pointer-events:none; z-index:2;}
.dm-event-editor .dm-event-editor-field-date input[type=text],
.dm-event-editor .dm-event-editor-field-date input[type=date] {padding-left:42px !important;}

/* 이벤트 설명 필드 강조 */
.dm-event-editor .dm-event-editor-field-desc .attr-name::before {content:'✨'; margin-right:4px; font-size:14px;}

/* ============================================
   파일 업로드 (썸네일)
   ============================================ */
.dm-event-editor input[type=file] {width:100%; padding:14px 16px; margin:0; background:var(--dm-bg); border:2px dashed var(--dm-border); border-radius:var(--dm-radius-sm); font-size:13px; color:var(--dm-text-sub); cursor:pointer; transition:all 0.2s; font-family:inherit;}
.dm-event-editor input[type=file]:hover {border-color:var(--dm-primary); background:var(--dm-primary-light);}
.dm-event-editor input[type=file]::-webkit-file-upload-button {padding:6px 14px; margin-right:14px; background:var(--dm-accent); color:#fff; border:none; border-radius:50px; font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.2s;}
.dm-event-editor input[type=file]::-webkit-file-upload-button:hover {background:var(--dm-primary);}
.dm-event-editor input[type=file]::file-selector-button {padding:6px 14px; margin-right:14px; background:var(--dm-accent); color:#fff; border:none; border-radius:50px; font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.2s;}
.dm-event-editor input[type=file]::file-selector-button:hover {background:var(--dm-primary);}

/* ============================================
   체크박스 / 라디오
   ============================================ */
.dm-event-editor input[type=checkbox],
.dm-event-editor input[type=radio] {width:18px !important; height:18px !important; margin:0 8px 0 0 !important; accent-color:var(--dm-primary); cursor:pointer; vertical-align:middle;}
.dm-event-editor label {display:inline-flex; align-items:center; font-size:14px; color:var(--dm-text-sub); cursor:pointer; margin-right:16px; letter-spacing:-0.2px;}

/* ============================================
   본문 컨텐츠 영역 (WP 에디터)
   ============================================ */
.dm-event-editor .kboard-content {border:none !important; padding:0 !important; margin:0 !important; background:transparent !important; float:none !important; width:100% !important;}
.dm-event-editor .kboard-content .wp-editor-wrap {border:1px solid var(--dm-border); border-radius:var(--dm-radius-sm); overflow:hidden;}
.dm-event-editor .kboard-content .wp-editor-wrap:hover {border-color:#c8d1df;}
.dm-event-editor .kboard-content .wp-editor-wrap:focus-within {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(255, 107, 26, 0.08);}
.dm-event-editor .mce-toolbar-grp {background:var(--dm-bg) !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-event-editor .mce-btn {background:transparent !important; border:1px solid transparent !important;}
.dm-event-editor .mce-btn:hover {background:#fff !important; border-color:var(--dm-border) !important;}
.dm-event-editor .mce-btn.mce-active, .dm-event-editor .mce-btn:focus {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important;}
.dm-event-editor .quicktags-toolbar {background:var(--dm-bg) !important; border-bottom:1px solid var(--dm-border-light) !important; padding:8px !important;}
.dm-event-editor .quicktags-toolbar input.button {background:#fff !important; border:1px solid var(--dm-border) !important; border-radius:6px !important; padding:4px 10px !important; font-size:12px !important; color:var(--dm-text-sub) !important; margin:0 2px !important;}
.dm-event-editor .quicktags-toolbar input.button:hover {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}

/* 미디어 버튼 */
.dm-event-editor .wp-media-buttons {padding:10px 14px !important; background:var(--dm-bg) !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-event-editor .wp-media-buttons .button {display:inline-flex !important; align-items:center !important; padding:6px 14px !important; background:#fff !important; color:var(--dm-text) !important; border:1px solid var(--dm-border) !important; border-radius:50px !important; font-size:12px !important; font-weight:500 !important; cursor:pointer; transition:all 0.2s; font-family:inherit;}
.dm-event-editor .wp-media-buttons .button:hover {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}

/* 미디어 탭 */
.dm-event-editor .wp-switch-editor {padding:6px 14px !important; background:transparent !important; border:none !important; font-size:12px !important; font-weight:600 !important; color:var(--dm-text-muted) !important; border-radius:6px !important; margin:4px !important;}
.dm-event-editor .wp-switch-editor.active, .dm-event-editor .wp-switch-editor:hover {background:#fff !important; color:var(--dm-primary) !important;}

/* ============================================
   첨부파일 미리보기
   ============================================ */
.dm-event-editor .kboard-attachments {padding:14px; background:var(--dm-bg); border:1px solid var(--dm-border-light); border-radius:var(--dm-radius-sm); margin-top:10px;}
.dm-event-editor .kboard-attachment-file {display:inline-flex; align-items:center; gap:6px; padding:6px 12px; background:#fff; border:1px solid var(--dm-border); border-radius:50px; font-size:12px; color:var(--dm-text-sub); margin:2px;}
.dm-event-editor .kboard-attachment-file a {color:var(--dm-text-sub);}
.dm-event-editor .kboard-attachment-remove {color:#e24b4a !important; cursor:pointer; margin-left:4px;}

/* 썸네일 미리보기 */
.dm-event-editor .kboard-thumbnail-preview, 
.dm-event-editor .kboard-editor-thumbnail {border-radius:var(--dm-radius-sm); overflow:hidden; border:1px solid var(--dm-border);}
.dm-event-editor .kboard-thumbnail-preview img {display:block; max-width:240px; border-radius:var(--dm-radius-sm);}

/* 안내 텍스트 */
.dm-event-editor .attr-desc, 
.dm-event-editor .kboard-field-desc {display:block; margin-top:8px; padding-left:2px; font-size:12px; font-weight:400; color:var(--dm-text-muted); line-height:1.5; letter-spacing:-0.1px;}

/* ============================================
   하단 버튼
   ============================================ */
.dm-event-editor-control {display:flex !important; justify-content:space-between !important; align-items:center; gap:10px; padding:20px 0 0 !important; float:none !important; flex-wrap:wrap;}
.dm-event-editor-control .left, .dm-event-editor-control .right {display:flex; gap:8px; flex-wrap:wrap; float:none !important; width:auto !important;}

.dm-event-editor-btn {display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; height:48px !important; padding:0 28px !important; border-radius:50px !important; font-size:14px !important; font-weight:600 !important; letter-spacing:-0.2px; text-decoration:none; cursor:pointer; transition:all 0.25s; font-family:inherit; line-height:1;}

/* Ghost 버튼 (뒤로/목록) */
.dm-event-editor-btn-ghost {background:#fff !important; color:var(--dm-text-sub) !important; border:1px solid var(--dm-border) !important; box-shadow:none !important;}
.dm-event-editor-btn-ghost:hover {background:var(--dm-bg) !important; color:var(--dm-text) !important; border-color:var(--dm-accent) !important; opacity:1 !important;}

/* Submit 버튼 (이벤트 등록) */
.dm-event-editor-btn-submit {background-color:var(--dm-primary) !important; color:#fff !important; border:1px solid var(--dm-primary) !important; box-shadow:0 4px 12px rgba(255, 107, 26, 0.2) !important; padding:0 36px !important;}
.dm-event-editor-btn-submit:hover {background-color:var(--dm-primary-hover) !important; border-color:var(--dm-primary-hover) !important; color:#fff !important; transform:translateY(-2px); box-shadow:0 6px 16px rgba(255, 107, 26, 0.3) !important; opacity:1 !important;}

/* ============================================
   반응형 - 태블릿
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-event-editor {padding:60px 30px 80px;}
	.dm-event-editor-page-title {font-size:30px;}
	.dm-event-editor-wrap {padding:32px 36px;}
}

/* ============================================
   반응형 - 모바일
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-event-editor {padding:50px 16px 70px;}
	.dm-event-editor-head {margin-bottom:30px;}
	.dm-event-editor-eyebrow {font-size:12px; letter-spacing:2px; margin-bottom:12px;}
	.dm-event-editor-page-title {font-size:22px;}
	.dm-event-editor-page-desc {font-size:13px;}
	
	.dm-event-editor-wrap {padding:24px 20px; border-radius:14px;}
	.dm-event-editor-fields {gap:18px;}
	.dm-event-editor .attr-name {font-size:13px !important; margin-bottom:8px !important;}
	.dm-event-editor input[type=text],
	.dm-event-editor input[type=email],
	.dm-event-editor input[type=password],
	.dm-event-editor input[type=tel],
	.dm-event-editor input[type=date],
	.dm-event-editor select,
	.dm-event-editor textarea {padding:12px 14px !important; font-size:14px !important;}
	.dm-event-editor .dm-event-editor-field-date input[type=text],
	.dm-event-editor .dm-event-editor-field-date input[type=date] {padding-left:40px !important;}
	.dm-event-editor textarea {min-height:280px !important;}
	
	.dm-event-editor-control {flex-direction:column-reverse;}
	.dm-event-editor-control .left, .dm-event-editor-control .right {width:100% !important; justify-content:center;}
	.dm-event-editor-btn {flex:1; height:46px !important; font-size:13px !important; padding:0 20px !important;}
	.dm-event-editor-btn-submit {padding:0 26px !important;}
}

/* ===== kboard-skin-gallery ===== */

/**
 * KBoard Gallery Skin
 * Based on Thumbnail Skin - List view converted to Gallery Grid
 * PC: 4열 / 태블릿: 3열 / 소형태블릿: 2열 / 모바일: 1열
 */

:root {
	--kboard-primary: #2563eb;
	--kboard-primary-hover: #1d4ed8;
	--kboard-text: #1e293b;
	--kboard-text-muted: #64748b;
	--kboard-bg: #ffffff;
	--kboard-bg-alt: #f8fafc;
	--kboard-border: #e2e8f0;
	--kboard-danger: #ef4444;
	--kboard-font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--kboard-font-size: 15px;
	--kboard-radius: 8px;
	--kboard-spacing-sm: 8px;
	--kboard-spacing-md: 16px;
	--kboard-spacing-lg: 24px;
	--kboard-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--kboard-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Global Reset */
#kboard-thumbnail-list,
#kboard-thumbnail-document,
#kboard-thumbnail-editor,
#kboard-thumbnail-latest {
	font-family: var(--kboard-font-family);
	font-size: var(--kboard-font-size);
	color: var(--kboard-text);
	box-sizing: border-box;
	line-height: 1.6;
	margin: 20px 0;
}
#kboard-thumbnail-list *,
#kboard-thumbnail-document *,
#kboard-thumbnail-editor *,
#kboard-thumbnail-latest *,
#kboard-thumbnail-list *::before,
#kboard-thumbnail-document *::before,
#kboard-thumbnail-editor *::before,
#kboard-thumbnail-latest *::before,
#kboard-thumbnail-list *::after,
#kboard-thumbnail-document *::after,
#kboard-thumbnail-editor *::after,
#kboard-thumbnail-latest *::after { box-sizing: inherit; }

#kboard-thumbnail-list a,
#kboard-thumbnail-document a,
#kboard-thumbnail-editor a,
#kboard-thumbnail-latest a { text-decoration: none; color: inherit; transition: color 0.2s; }

#kboard-thumbnail-list img,
#kboard-thumbnail-document img,
#kboard-thumbnail-editor img,
#kboard-thumbnail-latest img { max-width: 100%; height: auto; vertical-align: middle; }

/* Buttons */
a.kboard-thumbnail-button-small,
input.kboard-thumbnail-button-small,
button.kboard-thumbnail-button-small {
	display: inline-flex; align-items: center; justify-content: center;
	height: 36px; padding: 0 16px; font-size: 14px; font-weight: 500;
	color: #fff !important; background-color: var(--kboard-text) !important;
	border: 1px solid transparent; border-radius: var(--kboard-radius);
	cursor: pointer; transition: all 0.2s ease; line-height: 1;
	box-shadow: var(--kboard-shadow-sm); text-shadow: none;
}
a.kboard-thumbnail-button-small:hover,
button.kboard-thumbnail-button-small:hover {
	background-color: var(--kboard-primary) !important;
	transform: translateY(-1px); box-shadow: var(--kboard-shadow-md); opacity: 1 !important;
}

/* Icons */
.kboard-icon-lock {
	display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-right: 4px;
	background-color: var(--kboard-text-muted);
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.kboard-icon-reply {
	display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 4px;
	background-color: var(--kboard-text-muted);
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
	transform: none;
}
.kboard-icon-thumbnail {
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%; background-color: var(--kboard-bg-alt);
}
.kboard-icon-thumbnail::after {
	content: ""; display: block; width: 50px; height: 50px; background-color: #cbd5e1;
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center/contain;
}

/* Form Elements */
#kboard-thumbnail-list input[type=text],#kboard-thumbnail-document input[type=text],#kboard-thumbnail-editor input[type=text],#kboard-thumbnail-latest input[type=text],
#kboard-thumbnail-list input[type=email],#kboard-thumbnail-document input[type=email],#kboard-thumbnail-editor input[type=email],#kboard-thumbnail-latest input[type=email],
#kboard-thumbnail-list input[type=password],#kboard-thumbnail-document input[type=password],#kboard-thumbnail-editor input[type=password],#kboard-thumbnail-latest input[type=password],
#kboard-thumbnail-list input[type=number],#kboard-thumbnail-document input[type=number],#kboard-thumbnail-editor input[type=number],#kboard-thumbnail-latest input[type=number],
#kboard-thumbnail-list input[type=date],#kboard-thumbnail-document input[type=date],#kboard-thumbnail-editor input[type=date],#kboard-thumbnail-latest input[type=date],
#kboard-thumbnail-list select,#kboard-thumbnail-document select,#kboard-thumbnail-editor select,#kboard-thumbnail-latest select,
#kboard-thumbnail-list textarea,#kboard-thumbnail-document textarea,#kboard-thumbnail-editor textarea,#kboard-thumbnail-latest textarea {
	appearance: none; -webkit-appearance: none; background-color: #fff;
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius);
	padding: 8px 12px; font-size: 14px; color: var(--kboard-text);
	outline: none; transition: border-color 0.2s, box-shadow 0.2s;
	min-height: 40px; box-shadow: none; margin: 0;
}
#kboard-thumbnail-list input:focus,#kboard-thumbnail-document input:focus,#kboard-thumbnail-editor input:focus,#kboard-thumbnail-latest input:focus,
#kboard-thumbnail-list select:focus,#kboard-thumbnail-document select:focus,#kboard-thumbnail-editor select:focus,#kboard-thumbnail-latest select:focus,
#kboard-thumbnail-list textarea:focus,#kboard-thumbnail-document textarea:focus,#kboard-thumbnail-editor textarea:focus,#kboard-thumbnail-latest textarea:focus {
	border-color: var(--kboard-primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
	border-bottom: 1px solid var(--kboard-primary) !important;
}
#kboard-thumbnail-list select,#kboard-thumbnail-document select,#kboard-thumbnail-editor select,#kboard-thumbnail-latest select {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 10px center; background-size: 16px;
	padding-right: 32px !important; cursor: pointer;
}


/* ============================================
   GALLERY GRID - List View
   ============================================ */

#kboard-thumbnail-list { width: 100%; max-width: 100%; overflow: hidden; }

/* Header */
#kboard-thumbnail-list .kboard-list-header {
	display: flex; justify-content: space-between; align-items: center;
	padding-bottom: var(--kboard-spacing-md); flex-wrap: wrap; gap: 10px;
}
#kboard-thumbnail-list .kboard-total-count { float: none; font-weight: 600; color: var(--kboard-text-muted); }
#kboard-thumbnail-list .kboard-sort { float: none; }
#kboard-thumbnail-list .kboard-sort select { height: 36px; padding-right: 32px; }

/* Categories */
#kboard-thumbnail-list .kboard-category .kboard-category-list {
	display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 20px 0;
	list-style: none; background: transparent; border: none;
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list:last-child { margin-bottom: 0; }
#kboard-thumbnail-list .kboard-category .kboard-category-list li { display: block; margin: 0; padding: 0; }
#kboard-thumbnail-list .kboard-category .kboard-category-list li a {
	display: block; padding: 6px 14px; border-radius: 20px;
	background-color: var(--kboard-bg-alt); color: var(--kboard-text-muted);
	font-size: 14px; font-weight: 500; transition: all 0.2s; border: 1px solid var(--kboard-border);
}
#kboard-thumbnail-list .kboard-category .kboard-category-list li.kboard-category-selected a,
#kboard-thumbnail-list .kboard-category .kboard-category-list li a:hover {
	background-color: var(--kboard-primary); color: #fff;
	text-decoration: none; border-color: var(--kboard-primary);
}

/* ── Gallery Grid ── */
.kboard-gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

/* ── Gallery Card ── */
.kboard-gallery-card {
	position: relative; background: #fff;
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius);
	overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.kboard-gallery-card:hover {
	transform: translateY(-4px); box-shadow: var(--kboard-shadow-md);
}
.kboard-gallery-card a { display: block; text-decoration: none; color: inherit; }
.kboard-gallery-card.kboard-gallery-notice { border-color: var(--kboard-primary); border-width: 2px; }

/* ── Thumbnail ── */
.kboard-gallery-thumb {
	position: relative; width: 100%; padding-top: 100%;
	overflow: hidden; background-color: var(--kboard-bg-alt);
}
.kboard-gallery-thumb img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	object-fit: cover; transition: transform 0.3s ease;
}
.kboard-gallery-card:hover .kboard-gallery-thumb img { transform: scale(1.05); }
.kboard-gallery-thumb .kboard-icon-thumbnail {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/* ── Badges ── */
.kboard-gallery-badge-notice {
	position: absolute; top: 10px; left: 10px;
	background-color: var(--kboard-primary); color: #fff;
	font-size: 11px; font-weight: 700; padding: 3px 10px;
	border-radius: 4px; z-index: 2; letter-spacing: 0.3px;
}
.kboard-gallery-badge-new {
	position: absolute; top: 10px; right: 10px;
	background-color: var(--kboard-danger); color: #fff;
	font-size: 11px; font-weight: 700;
	width: 22px; height: 22px; line-height: 22px;
	text-align: center; border-radius: 50%; z-index: 2;
}

/* ── Card Body ── */
.kboard-gallery-body { padding: 14px; }
.kboard-gallery-title {
	margin: 0 0 8px 0; font-size: 14px; font-weight: 600;
	color: var(--kboard-text); line-height: 1.45;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis; word-break: keep-all;
}
.kboard-gallery-title .kboard-comments-count {
	font-size: 12px; color: var(--kboard-primary); font-weight: 600;
	margin-left: 4px; background: rgba(37,99,235,0.1);
	padding: 2px 6px; border-radius: 12px;
}
.kboard-gallery-title .kboard-comments-count:empty { display: none; }
.kboard-gallery-meta {
	display: flex; flex-wrap: wrap; align-items: center;
	gap: 4px; font-size: 12px; color: var(--kboard-text-muted); line-height: 1.4;
}
.kboard-gallery-meta .meta-dot { color: #d1d5db; }
.kboard-gallery-meta .meta-user {
	max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.kboard-thumbnail-new-notify {
	background-color: var(--kboard-danger); color: #fff;
	padding: 2px 6px; border-radius: 4px; font-size: 10px;
	font-weight: 700; vertical-align: middle; margin-right: 6px;
}

/* ── Pagination ── */
#kboard-thumbnail-list .kboard-pagination { padding: 30px 0; text-align: center; float: none; }
#kboard-thumbnail-list .kboard-pagination ul { display: inline-flex; padding: 0; list-style: none; gap: 4px; }
#kboard-thumbnail-list .kboard-pagination li { display: block; margin: 0; }
#kboard-thumbnail-list .kboard-pagination li a {
	display: flex; align-items: center; justify-content: center;
	min-width: 36px; height: 36px; padding: 0 8px;
	border-radius: var(--kboard-radius); background: #fff;
	border: 1px solid var(--kboard-border); font-size: 14px;
	color: var(--kboard-text); box-shadow: none;
}
#kboard-thumbnail-list .kboard-pagination li.active a,
#kboard-thumbnail-list .kboard-pagination li a:hover {
	background: var(--kboard-primary); color: #fff; border-color: var(--kboard-primary);
}

/* ── Search ── */
#kboard-thumbnail-list .kboard-search {
	margin-bottom: 20px; text-align: center; padding: 20px;
	background: var(--kboard-bg-alt); border-radius: var(--kboard-radius); float: none;
}
#kboard-thumbnail-list .kboard-search form { display: inline-flex; gap: 8px; max-width: 100%; }
#kboard-thumbnail-list .kboard-search select { width: 100px; margin: 0; }
#kboard-thumbnail-list .kboard-search input { width: 200px; margin: 0; }

/* ── Control ── */
#kboard-thumbnail-list .kboard-control { display: flex; justify-content: flex-end; padding: 10px 0; float: none; }
.kboard-thumbnail-poweredby { text-align: right; font-size: 14px; color: #ccc; margin-top: 10px; float: none; width: 100%; }


/* ============================================
   Responsive - 태블릿 (1024px) → 3열
   ============================================ */
@media screen and (max-width: 1024px) {
	.kboard-gallery-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
}

/* ============================================
   Responsive - 소형 태블릿 (768px) → 2열
   ============================================ */
@media screen and (max-width: 768px) {
	.kboard-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.kboard-gallery-body { padding: 12px; }
	.kboard-gallery-title { font-size: 13px; }
	.kboard-gallery-meta { font-size: 11px; }
	#kboard-thumbnail-list .kboard-search form { flex-direction: column; width: 100%; }
	#kboard-thumbnail-list .kboard-search select,
	#kboard-thumbnail-list .kboard-search input,
	#kboard-thumbnail-list .kboard-search button { width: 100% !important; margin: 0 !important; }
	#kboard-thumbnail-list .kboard-pagination ul { flex-wrap: wrap; justify-content: center; }
}

/* ============================================
   Responsive - 모바일 (480px) → 1열
   ============================================ */
@media screen and (max-width: 480px) {
	.kboard-gallery-grid { grid-template-columns: 1fr; gap: 12px; }
	.kboard-gallery-thumb { padding-top: 65%; }
	.kboard-gallery-body { padding: 10px 12px; }
	.kboard-gallery-meta .meta-user { max-width: 100px; }
}


/* ============================================
   Category Styles (PC vs Mobile)
   ============================================ */
#kboard-thumbnail-list .kboard-category.category-mobile { display: none; }
#kboard-thumbnail-list .kboard-category.category-pc {
	display: block; margin-bottom: 20px; padding: 15px;
	background-color: var(--kboard-bg-alt); border-radius: var(--kboard-radius);
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list {
	list-style: none; padding: 0; margin: 0 0 10px 0;
	display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li {
	display: inline-block; margin: 0; padding: 0; border: none;
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li a {
	display: block; padding: 6px 16px; font-size: 14px; font-weight: 500;
	color: var(--kboard-text-muted); background-color: #fff;
	border: 1px solid var(--kboard-border); border-radius: 999px; transition: all 0.2s ease;
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li a:hover {
	border-color: var(--kboard-primary); color: var(--kboard-primary);
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {
	background-color: var(--kboard-primary); border-color: var(--kboard-primary);
	color: #fff; font-weight: 600;
}
#kboard-thumbnail-list .kboard-category.category-mobile select {
	width: auto; min-width: 120px; height: 38px; padding: 0 12px; margin-right: 5px;
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius);
	background-color: #fff; font-size: 14px; color: var(--kboard-text);
}
@media screen and (max-width: 600px) {
	#kboard-thumbnail-list .kboard-category.category-pc { display: none; }
	#kboard-thumbnail-list .kboard-category.category-mobile {
		display: block; margin-bottom: 20px; padding: 10px;
		background: var(--kboard-bg-alt); border-radius: var(--kboard-radius);
	}
	#kboard-thumbnail-list .kboard-category.category-mobile form { display: flex; flex-wrap: wrap; gap: 8px; }
	#kboard-thumbnail-list .kboard-category.category-mobile select { flex: 1; width: 100%; min-width: 140px; }
}

/* Tree Category Search */
#kboard-thumbnail-list .kboard-tree-category-search {
	margin-bottom: 20px; padding: 15px; background: var(--kboard-bg-alt);
	border-radius: var(--kboard-radius); text-align: left;
}
#kboard-thumbnail-list .kboard-tree-category-search .kboard-tree-category-wrap {
	display: inline-flex; flex-wrap: wrap; gap: 10px;
	justify-content: flex-start; align-items: center;
}
#kboard-thumbnail-list .kboard-tree-category-search select {
	height: 38px; padding: 0 36px 0 16px;
	border: 1px solid var(--kboard-border); border-radius: 999px;
	background-color: #fff; font-size: 14px; color: var(--kboard-text-muted);
	font-weight: 500; min-width: 120px; cursor: pointer; transition: all 0.2s ease;
}
#kboard-thumbnail-list .kboard-tree-category-search select:hover {
	border-color: var(--kboard-primary); color: var(--kboard-primary);
}


/* ============================================
   Document View
   ============================================ */
#kboard-thumbnail-document .kboard-document-wrap {
	background: #fff; border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius); overflow: hidden; float: none;
}
#kboard-thumbnail-document .kboard-title { float: none; }
#kboard-thumbnail-document .kboard-title h1 {
	margin: 0; padding: 24px; text-align: left; font-size: 24px;
	font-weight: 700; color: var(--kboard-text); border-bottom: 1px solid var(--kboard-border);
}
#kboard-thumbnail-document .kboard-detail {
	display: flex; flex-wrap: wrap; padding: 12px 24px; background: var(--kboard-bg-alt);
	font-size: 14px; gap: 20px; align-items: center; float: none;
	border: 0; border-bottom: 1px solid var(--kboard-border);
}
#kboard-thumbnail-document .kboard-detail .detail-attr { display: flex; align-items: center; gap: 8px; padding: 0; float: none; }
#kboard-thumbnail-document .kboard-detail .detail-name { font-weight: 600; color: var(--kboard-text-muted); float: none; text-align: left; }
#kboard-thumbnail-document .kboard-detail .detail-value { color: var(--kboard-text); float: none; padding: 0; }
#kboard-thumbnail-document .kboard-content { padding: 30px 24px; min-height: 200px; float: none; }
#kboard-thumbnail-document .content-view { font-size: 16px; line-height: 1.8; color: #334155; padding: 0; }
#kboard-thumbnail-document .kboard-document-action { padding: 10px 24px 20px; display: flex; justify-content: space-between; }
.kboard-button-action {
	border: 1px solid var(--kboard-border); background: #fff; padding: 6px 12px;
	border-radius: 4px; font-size: 13px; cursor: pointer; margin-right: 5px; font-weight: 500;
}
.kboard-button-action:hover { background: var(--kboard-bg-alt); }
.kboard-button-like { color: #ef4444; }
.kboard-button-unlike { color: var(--kboard-primary); }
#kboard-thumbnail-document .kboard-control {
	display: flex; justify-content: space-between; padding: 20px 0; float: none; gap: 10px;
}
#kboard-thumbnail-document .kboard-control .left,
#kboard-thumbnail-document .kboard-control .right { display: flex; flex-wrap: nowrap; gap: 8px; white-space: nowrap; }
.kboard-attach { border-top: 1px dashed var(--kboard-border); padding: 15px 24px; background: var(--kboard-bg-alt); margin: 0; }
.kboard-comments-area { float: none; width: 100%; margin-top: 20px; }
.kboard-document-navi { display: flex; gap: 10px; margin-top: 20px; float: none; padding: 0; }
#kboard-thumbnail-document .kboard-document-navi a {
	display: flex; align-items: center; gap: 8px; padding: 16px;
	border: 1px solid var(--kboard-border); background: #fff;
	border-radius: var(--kboard-radius); margin-bottom: 0; font-weight: 500; height: 100%;
}
#kboard-thumbnail-document .kboard-document-navi a:hover {
	border-color: var(--kboard-primary); color: var(--kboard-primary); box-shadow: var(--kboard-shadow-sm);
}
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document,
#kboard-thumbnail-document .kboard-document-navi .kboard-next-document { float: none; width: 50%; }
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document a { justify-content: flex-start; text-align: left; }
#kboard-thumbnail-document .kboard-document-navi .kboard-next-document a { justify-content: flex-end; text-align: right; }
#kboard-thumbnail-document .kboard-document-navi .navi-arrow { position: static; }

/* Document Options */
.kboard-document-options-group { margin-bottom: 40px; border: none; background: transparent; padding: 0; }
.kboard-document-add-option-value-wrap {
	background-color: #fff; border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius); padding: 0; margin-bottom: 12px; overflow: hidden; display: block;
}
.kboard-document-add-option-value-wrap:last-child { border-bottom: 1px solid var(--kboard-border); margin-bottom: 0; }
.kboard-document-add-option-value { display: flex; align-items: stretch; padding: 0; min-height: 48px; border: none; }
.kboard-document-add-option-value .option-name {
	width: 160px; background-color: #f8fafc; border-right: 1px solid var(--kboard-border);
	font-weight: 600; color: var(--kboard-text); padding: 14px 20px;
	display: flex; align-items: center; flex-shrink: 0; font-size: 15px;
}
.kboard-document-add-option-value .option-separator { display: none; }
.kboard-document-add-option-value .option-value {
	color: var(--kboard-text); padding: 14px 20px; display: flex;
	align-items: center; flex-grow: 1; word-break: break-all; font-size: 15px;
}
.kboard-document-add-option-value-wrap hr { display: none; }

@media screen and (max-width: 600px) {
	.kboard-document-add-option-value { flex-direction: column; }
	.kboard-document-add-option-value .option-name {
		width: 100%; border-right: none; border-bottom: 1px solid var(--kboard-border); padding: 12px 16px;
	}
	.kboard-document-add-option-value .option-value { padding: 12px 16px; display: block; }
}
@media screen and (max-width: 768px) {
	#kboard-thumbnail-document .kboard-control { flex-direction: column; gap: 10px; }
	#kboard-thumbnail-document .kboard-control .left,
	#kboard-thumbnail-document .kboard-control .right {
		width: 100%; justify-content: center; flex-wrap: wrap; white-space: normal;
	}
	#kboard-thumbnail-document .kboard-control a,
	#kboard-thumbnail-document .kboard-control button { flex: 1; text-align: center; min-width: 0; }
	.kboard-document-navi { flex-direction: column; }
	#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document,
	#kboard-thumbnail-document .kboard-document-navi .kboard-next-document { width: 100%; }
}


/* ============================================
   Editor
   ============================================ */
#kboard-thumbnail-editor .kboard-attr-row {
	display: flex; flex-direction: column; margin-bottom: 16px; padding: 0;
	background: transparent; border-bottom: none; float: none;
}
#kboard-thumbnail-editor .attr-name {
	font-weight: 600; margin-bottom: 8px; font-size: 14px;
	width: 100% !important; float: none !important; text-align: left; padding: 0 !important;
}
#kboard-thumbnail-editor input[type=file] { margin: 0; padding: 8px 0; width: 100%; }
#kboard-thumbnail-editor .attr-value { margin: 0 !important; width: 100%; padding: 0; }
#kboard-thumbnail-editor .attr-value .attr-value-option {
	display: inline-flex; align-items: center; margin-right: 16px;
	cursor: pointer; font-size: 14px; color: var(--kboard-text);
}
#kboard-thumbnail-editor .attr-value .attr-value-option input[type=checkbox] {
	appearance: none; -webkit-appearance: none; width: 18px !important; height: 18px !important;
	border: 1px solid var(--kboard-border); border-radius: 4px; background: #fff;
	cursor: pointer; position: relative; margin: 0 8px 0 0; vertical-align: middle; outline: none;
}
#kboard-thumbnail-editor .attr-value .attr-value-option input[type=checkbox]:checked {
	background-color: var(--kboard-primary); border-color: var(--kboard-primary);
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	background-position: center; background-repeat: no-repeat; background-size: 100% 100%;
}
#kboard-thumbnail-editor input[type=text],
#kboard-thumbnail-editor input[type=email],
#kboard-thumbnail-editor input[type=password],
#kboard-thumbnail-editor select { width: 100% !important; }
#kboard-thumbnail-editor .kboard-content { border: none; padding: 0; margin: 0; background: transparent; float: none; }
#kboard-thumbnail-editor textarea { width: 100% !important; min-height: 400px; border: 1px solid var(--kboard-border); box-sizing: border-box; }
#kboard-thumbnail-editor .kboard-control { float: none; display: flex; justify-content: space-between; }
#kboard-thumbnail-editor .kboard-control .left,
#kboard-thumbnail-editor .kboard-control .right { float: none; width: auto; }

/* Confirm Page */
#kboard-thumbnail-editor.confirm {
	max-width: 400px; margin: 60px auto; padding: 30px;
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius);
	background: #fff; box-shadow: var(--kboard-shadow-md);
}
#kboard-thumbnail-editor.confirm .kboard-confirm-row { margin-bottom: 24px; }
#kboard-thumbnail-editor.confirm .attr-name { margin-bottom: 10px; }
#kboard-thumbnail-editor.confirm .description { color: var(--kboard-danger); font-size: 13px; margin-top: 8px; font-weight: 500; }
#kboard-thumbnail-editor.confirm input[type=password] { width: 100%; }
#kboard-thumbnail-editor.confirm .kboard-control { justify-content: center; flex-direction: column-reverse; gap: 10px; }
#kboard-thumbnail-editor.confirm .kboard-control .left,
#kboard-thumbnail-editor.confirm .kboard-control .right { display: flex; flex-direction: column; gap: 10px; width: 100%; margin: 0; }
#kboard-thumbnail-editor.confirm .kboard-control button { width: 100%; height: 40px; font-size: 15px; }
#kboard-thumbnail-editor.confirm .kboard-control a {
	width: 100%; height: 40px; background: #fff !important;
	color: var(--kboard-text-muted) !important; border: 1px solid var(--kboard-border); box-shadow: none;
}
#kboard-thumbnail-editor.confirm .kboard-control a:hover { background: var(--kboard-bg-alt) !important; color: var(--kboard-text) !important; }

/* Tree Category in Editor */
#kboard-thumbnail-editor .kboard-tree-category-wrap { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; margin-bottom: 20px; }
#kboard-thumbnail-editor .kboard-tree-category-wrap select { flex: 1; min-width: 120px; width: auto; }

/* Address Field */
#kboard-thumbnail-editor .kboard-row-postcode { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
#kboard-thumbnail-editor .kboard-row-postcode input[type=text] { width: 150px !important; flex: 0 0 auto; }
#kboard-thumbnail-editor .kboard-row-postcode button { height: 40px; flex: 0 0 auto; white-space: nowrap; margin: 0 !important; }
#kboard-thumbnail-editor .kboard-row-address-1,
#kboard-thumbnail-editor .kboard-row-address-2 { display: block; width: 100%; margin-bottom: 8px; }
#kboard-thumbnail-editor .kboard-row-address-2 { margin-bottom: 0; }
#kboard-thumbnail-editor .kboard-row-address-1 input[type=text],
#kboard-thumbnail-editor .kboard-row-address-2 input[type=text] { width: 100% !important; }

@media screen and (max-width: 768px) {
	#kboard-thumbnail-editor .kboard-control { flex-direction: column; gap: 10px; }
	#kboard-thumbnail-editor .kboard-control .left,
	#kboard-thumbnail-editor .kboard-control .right {
		width: 100%; text-align: center; display: flex; flex-direction: column; gap: 8px;
	}
}


/* ============================================
   Latest View (Widget)
   ============================================ */
#kboard-thumbnail-latest {
	width: 100%; background: #fff; border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius); overflow: hidden; box-sizing: border-box;
}
#kboard-thumbnail-latest table { width: 100%; border-collapse: collapse; table-layout: fixed; border: 0; }
#kboard-thumbnail-latest thead th {
	padding: 10px; background: var(--kboard-bg-alt); border-bottom: 1px solid var(--kboard-border);
	font-size: 13px; color: var(--kboard-text-muted); font-weight: 600; text-align: center;
	border-top: 0; border-left: 0; border-right: 0;
}
#kboard-thumbnail-latest tbody tr { border-bottom: 1px solid var(--kboard-border); background: #fff; }
#kboard-thumbnail-latest tbody tr:last-child { border-bottom: none; }
#kboard-thumbnail-latest tbody tr:hover { background-color: var(--kboard-bg-alt); }
#kboard-thumbnail-latest td { padding: 12px 16px; vertical-align: middle; font-size: 14px; border: 0; }
#kboard-thumbnail-latest .kboard-latest-title { text-align: left; }
#kboard-thumbnail-latest .kboard-latest-title a { display: block; color: var(--kboard-text); }
#kboard-thumbnail-latest .kboard-latest-title a:hover { color: var(--kboard-primary); }
#kboard-thumbnail-latest .kboard-thumbnail-cut-strings { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#kboard-thumbnail-latest .kboard-latest-date,
#kboard-thumbnail-latest .kboard-latest-author { color: var(--kboard-text-muted); font-size: 13px; text-align: center; width: 90px; }

@media screen and (max-width: 768px) {
	#kboard-thumbnail-latest thead, #kboard-thumbnail-latest .kboard-latest-author { display: none; }
	#kboard-thumbnail-latest tbody tr { display: flex; flex-direction: column; padding: 8px 0; }
	#kboard-thumbnail-latest td.kboard-latest-title { display: block; width: 100%; padding-bottom: 4px; border: none; }
	#kboard-thumbnail-latest td.kboard-latest-date {
		display: block; width: 100%; text-align: left; font-size: 12px;
		padding-top: 5px; padding-bottom: 8px; border: none;
	}
}


/* ============================================
   Editor.js Patch
   ============================================ */
#kboard-editor-root,.kboard-editor-root-editorjs,.kboard-editor-scaffold {
	--kboard-editorjs-left-gutter: 44px; position: relative; margin: 8px 0 0; padding: 12px;
	min-height: 280px; background-color: #fff; border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius); box-shadow: inset 0 1px 2px rgba(15,23,42,0.03); overflow: visible;
}
@media screen and (max-width: 768px) {
	#kboard-editor-root,.kboard-editor-root-editorjs,.kboard-editor-scaffold { --kboard-editorjs-left-gutter: 36px; }
}
#kboard-editor-root:focus-within,.kboard-editor-root-editorjs:focus-within,.kboard-editor-scaffold:focus-within {
	border-color: var(--kboard-primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
}
#kboard-editor-root .codex-editor,.kboard-editor-root-editorjs .codex-editor,.kboard-editor-scaffold .codex-editor { position: relative; z-index: 1; overflow: visible; }
#kboard-editor-root .codex-editor__redactor,.kboard-editor-root-editorjs .codex-editor__redactor,.kboard-editor-scaffold .codex-editor__redactor { overflow: visible; }
#kboard-editor-root .ce-block,.kboard-editor-root-editorjs .ce-block,.kboard-editor-scaffold .ce-block { padding: 2px 0; margin-bottom: 8px; }
#kboard-editor-root .ce-block:last-child,.kboard-editor-root-editorjs .ce-block:last-child,.kboard-editor-scaffold .ce-block:last-child { margin-bottom: 0; }
#kboard-editor-root .ce-block__content,#kboard-editor-root .ce-toolbar__content,
.kboard-editor-root-editorjs .ce-block__content,.kboard-editor-root-editorjs .ce-toolbar__content,
.kboard-editor-scaffold .ce-block__content,.kboard-editor-scaffold .ce-toolbar__content {
	max-width: calc(100% - var(--kboard-editorjs-left-gutter)); margin-left: var(--kboard-editorjs-left-gutter); margin-right: 0;
}
#kboard-editor-root .ce-paragraph,#kboard-editor-root .ce-header,#kboard-editor-root .cdx-list,
.kboard-editor-root-editorjs .ce-paragraph,.kboard-editor-root-editorjs .ce-header,.kboard-editor-root-editorjs .cdx-list,
.kboard-editor-scaffold .ce-paragraph,.kboard-editor-scaffold .ce-header,.kboard-editor-scaffold .cdx-list { color: var(--kboard-text); line-height: 1.7; }
#kboard-editor-root .ce-paragraph[data-placeholder]:empty::before,#kboard-editor-root .ce-header[data-placeholder]:empty::before,
.kboard-editor-root-editorjs .ce-paragraph[data-placeholder]:empty::before,.kboard-editor-root-editorjs .ce-header[data-placeholder]:empty::before,
.kboard-editor-scaffold .ce-paragraph[data-placeholder]:empty::before,.kboard-editor-scaffold .ce-header[data-placeholder]:empty::before { color: var(--kboard-text-muted); opacity: 0.7; }
#kboard-editor-root .ce-toolbar,#kboard-editor-root .ce-inline-toolbar,#kboard-editor-root .ce-popover,#kboard-editor-root .ce-conversion-toolbar,#kboard-editor-root .ce-settings,
.kboard-editor-root-editorjs .ce-toolbar,.kboard-editor-root-editorjs .ce-inline-toolbar,.kboard-editor-root-editorjs .ce-popover,.kboard-editor-root-editorjs .ce-conversion-toolbar,.kboard-editor-root-editorjs .ce-settings,
.kboard-editor-scaffold .ce-toolbar,.kboard-editor-scaffold .ce-inline-toolbar,.kboard-editor-scaffold .ce-popover,.kboard-editor-scaffold .ce-conversion-toolbar,.kboard-editor-scaffold .ce-settings {
	left: 0; right: 0; overflow: visible; visibility: visible; opacity: 1; z-index: 1000;
}
#kboard-editor-root .ce-toolbar__plus,#kboard-editor-root .ce-toolbar__settings-btn,
.kboard-editor-root-editorjs .ce-toolbar__plus,.kboard-editor-root-editorjs .ce-toolbar__settings-btn,
.kboard-editor-scaffold .ce-toolbar__plus,.kboard-editor-scaffold .ce-toolbar__settings-btn {
	visibility: visible; opacity: 1; color: var(--kboard-text); background-color: #fff;
	border: 1px solid var(--kboard-border); border-radius: 999px; box-shadow: var(--kboard-shadow-sm);
}
#kboard-editor-root .ce-toolbar__plus:hover,#kboard-editor-root .ce-toolbar__settings-btn:hover,
.kboard-editor-root-editorjs .ce-toolbar__plus:hover,.kboard-editor-root-editorjs .ce-toolbar__settings-btn:hover,
.kboard-editor-scaffold .ce-toolbar__plus:hover,.kboard-editor-scaffold .ce-toolbar__settings-btn:hover {
	color: var(--kboard-primary); border-color: var(--kboard-primary); background-color: var(--kboard-bg-alt);
}
#kboard-editor-root .ce-popover,#kboard-editor-root .ce-conversion-toolbar,
.kboard-editor-root-editorjs .ce-popover,.kboard-editor-root-editorjs .ce-conversion-toolbar,
.kboard-editor-scaffold .ce-popover,.kboard-editor-scaffold .ce-conversion-toolbar {
	border: 1px solid var(--kboard-border); box-shadow: var(--kboard-shadow-sm);
}
.kboard-content hr,.kboard-content .kboard-editorjs-delimiter,.kboard-document-content hr,.kboard-document-content .kboard-editorjs-delimiter {
	margin: 18px 0; border: 0; height: 0; border-top: 1px solid var(--kboard-border);
}
.kboard-content pre,.kboard-content .kboard-editorjs-code,.kboard-document-content pre,.kboard-document-content .kboard-editorjs-code {
	margin: 16px 0; padding: 12px; overflow: auto; background-color: var(--kboard-bg-alt);
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius); font-size: 13px; line-height: 1.6;
}
.kboard-content table,.kboard-document-content table {
	width: 100%; margin: 16px 0; border-collapse: collapse; border: 1px solid var(--kboard-border); font-size: 14px;
}
.kboard-content table th,.kboard-content table td,.kboard-document-content table th,.kboard-document-content table td {
	padding: 10px; border: 1px solid var(--kboard-border); vertical-align: top;
}
.kboard-content .kboard-warning,.kboard-document-content .kboard-warning {
	margin: 16px 0; padding: 12px 14px; background-color: var(--kboard-bg-alt);
	border: 1px solid var(--kboard-border); border-left: 3px solid var(--kboard-primary);
	border-radius: var(--kboard-radius); line-height: 1.7;
}
.kboard-content .kboard-editorjs-checklist,.kboard-document-content .kboard-editorjs-checklist { margin: 16px 0; padding-left: 0; list-style: none; }
.kboard-content .kboard-editorjs-checklist li,.kboard-document-content .kboard-editorjs-checklist li { margin: 0 0 8px; padding-left: 2px; }

/* ===== kboard-skin-qanda ===== */

/**
 * KBoard Q&A Skin - 의료진 Q&A 게시판
 */

:root {
	--dm-qa-primary: #1e293b;
	--dm-qa-primary-hover: #334155;
	--dm-qa-accent: #2563eb;
	--dm-qa-text: #1e293b;
	--dm-qa-text-muted: #64748b;
	--dm-qa-bg: #ffffff;
	--dm-qa-bg-alt: #f8fafc;
	--dm-qa-border: #e2e8f0;
	--dm-qa-radius: 8px;
	--dm-qa-font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
}

/* ============================================
   Q&A 전용 (status / category 컬럼)
   ============================================ */
.dm-notice-table thead .dm-notice-col-status {width:80px;}
.dm-notice-table thead .dm-notice-col-cat {width:110px;}
.dm-notice-row .dm-notice-col-status {text-align:center; padding:20px 8px;}
.dm-notice-row .dm-notice-col-cat {text-align:center;}

/* Q&A 상태 뱃지 - 공통 */
.dm-notice-qa-badge {display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:6px 12px; font-size:11px; font-weight:700; border-radius:50px; letter-spacing:-0.1px; min-width:62px; line-height:1; position:relative; transition:all 0.2s;}
.dm-notice-qa-badge::before {content:''; width:5px; height:5px; border-radius:50%; flex-shrink:0;}

/* 대기 - 회색 */
.dm-notice-qa-badge-waiting {background:#f4f6fb; color:#8a93a8; border:1px solid #dde3ed;}
.dm-notice-qa-badge-waiting::before {background:#a8b2c5;}

/* 처리중 - 네이비 (펄스 효과) */
.dm-notice-qa-badge-processing {background:#eef2f9; color:#1e2a4a; border:1px solid #c8d1e3;}
.dm-notice-qa-badge-processing::before {background:#1e2a4a; animation:dmPulse 1.6s ease-in-out infinite;}

/* 답변완료 - 오렌지 (강조) */
.dm-notice-qa-badge-completed {background:linear-gradient(135deg, #ff6b1a 0%, #ff8642 100%); color:#fff; border:1px solid #ff6b1a; box-shadow:0 2px 6px rgba(255, 107, 26, 0.25);}
.dm-notice-qa-badge-completed::before {background:#fff;}

/* 펄스 애니메이션 (처리중 상태) */
@keyframes dmPulse {
	0%, 100% {opacity:1; transform:scale(1);}
	50% {opacity:0.4; transform:scale(0.85);}
}

/* 행 호버 시 뱃지 강조 */
.dm-notice-row:hover .dm-notice-qa-badge-waiting {background:#fff; border-color:#a8b2c5; color:#4a5468;}
.dm-notice-row:hover .dm-notice-qa-badge-processing {background:#fff; border-color:#1e2a4a;}
.dm-notice-row:hover .dm-notice-qa-badge-completed {box-shadow:0 4px 10px rgba(255, 107, 26, 0.35); transform:translateY(-1px);}

/* 카테고리 텍스트 */
.dm-notice-cat-text {display:inline-flex; align-items:center; padding:4px 12px; background:var(--dm-bg); color:var(--dm-text-sub); font-size:12px; font-weight:500; border-radius:50px; letter-spacing:-0.1px;}

/* ============================================
   반응형 - 태블릿
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-table thead .dm-notice-col-cat {display:none;}
	.dm-notice-table tbody .dm-notice-col-cat {display:none;}
}

/* ============================================
   반응형 - 모바일 (카드형)
   ============================================ */
@media screen and (max-width: 768px) {
	/* Q&A 상태는 모바일 메타로 이동 */
	.dm-notice-table .dm-notice-col-status {display:none;}
	.dm-notice-mobile-meta .dm-notice-qa-badge {min-width:auto; padding:4px 10px; font-size:10px; gap:4px; margin-right:6px;}
	.dm-notice-mobile-meta .dm-notice-qa-badge::before {width:4px; height:4px;}
}



/* ============================================
   Q&A 뷰 - 질문 라벨 + 상태 뱃지
   ============================================ */
.dm-notice-doc-qa-tag {display:flex; align-items:center; justify-content:space-between; padding:20px 60px; background:linear-gradient(135deg, var(--dm-primary-light) 0%, #fff 100%); border-bottom:1px solid var(--dm-border-light); gap:12px; flex-wrap:wrap;}

.dm-notice-doc-qa-label {display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:700; color:var(--dm-text); letter-spacing:-0.2px;}
.dm-notice-doc-qa-q {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; background:var(--dm-primary); color:#fff; font-size:15px; font-weight:800; border-radius:50%; font-family:Georgia, serif; box-shadow:0 4px 10px rgba(255, 107, 26, 0.25);}

/* Q&A 상태 뱃지 (뷰페이지용 - 큰 사이즈) */
.dm-notice-doc-qa-tag .dm-notice-qa-badge {min-width:84px; padding:8px 16px; font-size:12px;}

/* ============================================
   Q&A 뷰 - 답변 영역
   ============================================ */
.dm-notice-doc-answer-wrap {margin-top:30px; background:#fff; border:1px solid var(--dm-border); border-radius:20px; overflow:hidden;}

.dm-notice-doc-answer-head {display:flex; align-items:center; justify-content:space-between; padding:24px 60px; background:linear-gradient(135deg, var(--dm-accent-light) 0%, #fff 100%); border-bottom:1px solid var(--dm-border-light); gap:12px; flex-wrap:wrap;}

.dm-notice-doc-answer-label {display:inline-flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:var(--dm-text); letter-spacing:-0.2px;}
.dm-notice-doc-answer-a {display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; background:var(--dm-accent); color:#fff; font-size:17px; font-weight:800; border-radius:50%; font-family:Georgia, serif; box-shadow:0 4px 10px rgba(30, 42, 74, 0.2);}

.dm-notice-doc-answer-status {display:inline-flex; align-items:center; gap:6px; padding:7px 16px; font-size:12px; font-weight:600; border-radius:50px; letter-spacing:-0.2px;}
.dm-notice-doc-answer-status::before {content:''; width:6px; height:6px; border-radius:50%; flex-shrink:0;}
.dm-notice-doc-answer-status {background:var(--dm-primary-light); color:var(--dm-primary); border:1px solid var(--dm-primary-border);}
.dm-notice-doc-answer-status::before {background:var(--dm-primary);}
.dm-notice-doc-answer-status.waiting {background:#f4f6fb; color:#8a93a8; border-color:#dde3ed;}
.dm-notice-doc-answer-status.waiting::before {background:#a8b2c5;}
.dm-notice-doc-answer-status.processing {background:var(--dm-accent-light); color:var(--dm-accent); border-color:#c8d1e3;}
.dm-notice-doc-answer-status.processing::before {background:var(--dm-accent); animation:dmPulse 1.6s ease-in-out infinite;}

/* 답변(댓글) 영역 여백.
   댓글 플러그인이 감싸는 요소는 .kboard-comments-default 이지 .kboard-comments 가 아니다.
   예전 선택자에만 여백을 주면 규칙이 걸리지 않아 내용이 답변 박스 테두리에 붙어
   정렬 select 가 박스 라인에 겹쳐 보인다. 여백은 바깥 래퍼에서 직접 준다. */
.dm-notice-doc-comments {padding:30px 60px !important; margin:0 !important;}
.dm-notice-doc-comments .kboard-comments,
.dm-notice-doc-comments .kboard-comments-default {padding:0 !important; margin:0 !important;}

/* ============================================
   반응형 - 태블릿
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-doc-qa-tag {padding:18px 44px;}
	.dm-notice-doc-answer-head {padding:22px 44px;}
	.dm-notice-doc-comments {padding:24px 44px !important;}
}

/* ============================================
   반응형 - 모바일
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-doc-qa-tag {padding:16px 24px; gap:10px;}
	.dm-notice-doc-qa-q {width:28px; height:28px; font-size:13px;}
	.dm-notice-doc-qa-label {font-size:13px;}
	.dm-notice-doc-qa-tag .dm-notice-qa-badge {min-width:72px; padding:6px 12px; font-size:11px;}
	
	.dm-notice-doc-answer-wrap {margin-top:20px; border-radius:14px;}
	.dm-notice-doc-answer-head {padding:18px 24px; gap:10px;}
	.dm-notice-doc-answer-a {width:30px; height:30px; font-size:14px;}
	.dm-notice-doc-answer-label {font-size:13px;}
	.dm-notice-doc-answer-status {padding:5px 12px; font-size:11px;}
	.dm-notice-doc-comments {padding:20px 24px !important;}
}


/* ============================================
   Q&A 글쓰기 - 안내 박스
   ============================================ */
.dm-notice-editor-guide {display:flex; gap:16px; padding:20px 24px; margin-bottom:20px; background:linear-gradient(135deg, var(--dm-primary-light) 0%, #fff 100%); border:1px solid var(--dm-primary-border); border-radius:14px; align-items:flex-start;}

.dm-notice-editor-guide-icon {flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:var(--dm-primary); color:#fff; border-radius:50%; box-shadow:0 4px 10px rgba(255, 107, 26, 0.2);}

.dm-notice-editor-guide-text {flex:1; min-width:0;}
.dm-notice-editor-guide-text strong {display:block; margin-bottom:6px; font-size:14px; font-weight:700; color:var(--dm-text); letter-spacing:-0.2px;}
.dm-notice-editor-guide-text p {margin:0; font-size:13px; font-weight:400; color:var(--dm-text-sub); line-height:1.6; letter-spacing:-0.2px;}

/* qa_status 필드 - 관리자 전용 강조 */
.dm-notice-editor .kboard-attr-row:has(select[name="kboard_option_qa_status"]) {position:relative; padding:18px 20px !important; background:var(--dm-accent-light) !important; border-radius:10px !important; border:1px dashed var(--dm-accent) !important;}
.dm-notice-editor .kboard-attr-row:has(select[name="kboard_option_qa_status"])::before {content:'관리자 전용'; position:absolute; top:-8px; left:16px; padding:2px 10px; background:var(--dm-accent); color:#fff; font-size:10px; font-weight:700; border-radius:50px; letter-spacing:0.5px;}

/* ============================================
   반응형 - 모바일
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-editor-guide {padding:16px 18px; gap:12px; margin-bottom:16px; border-radius:12px;}
	.dm-notice-editor-guide-icon {width:34px; height:34px;}
	.dm-notice-editor-guide-icon svg {width:18px; height:18px;}
	.dm-notice-editor-guide-text strong {font-size:13px; margin-bottom:4px;}
	.dm-notice-editor-guide-text p {font-size:12px;}
}

/* ===== kboard-skin-qandaadmin ===== */

/**
 * KBoard Q&A Skin - 의료진 Q&A 게시판
 */

:root {
	--dm-qa-primary: #1e293b;
	--dm-qa-primary-hover: #334155;
	--dm-qa-accent: #2563eb;
	--dm-qa-text: #1e293b;
	--dm-qa-text-muted: #64748b;
	--dm-qa-bg: #ffffff;
	--dm-qa-bg-alt: #f8fafc;
	--dm-qa-border: #e2e8f0;
	--dm-qa-radius: 8px;
	--dm-qa-font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
}

/* ============================================
   Q&A 전용 (status / category 컬럼)
   ============================================ */
.dm-notice-table thead .dm-notice-col-status {width:80px;}
.dm-notice-table thead .dm-notice-col-cat {width:110px;}
.dm-notice-row .dm-notice-col-status {text-align:center; padding:20px 8px;}
.dm-notice-row .dm-notice-col-cat {text-align:center;}

/* Q&A 상태 뱃지 - 공통 */
.dm-notice-qa-badge {display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:6px 12px; font-size:11px; font-weight:700; border-radius:50px; letter-spacing:-0.1px; min-width:62px; line-height:1; position:relative; transition:all 0.2s;}
.dm-notice-qa-badge::before {content:''; width:5px; height:5px; border-radius:50%; flex-shrink:0;}

/* 대기 - 회색 */
.dm-notice-qa-badge-waiting {background:#f4f6fb; color:#8a93a8; border:1px solid #dde3ed;}
.dm-notice-qa-badge-waiting::before {background:#a8b2c5;}

/* 처리중 - 네이비 (펄스 효과) */
.dm-notice-qa-badge-processing {background:#eef2f9; color:#1e2a4a; border:1px solid #c8d1e3;}
.dm-notice-qa-badge-processing::before {background:#1e2a4a; animation:dmPulse 1.6s ease-in-out infinite;}

/* 답변완료 - 오렌지 (강조) */
.dm-notice-qa-badge-completed {background:linear-gradient(135deg, #ff6b1a 0%, #ff8642 100%); color:#fff; border:1px solid #ff6b1a; box-shadow:0 2px 6px rgba(255, 107, 26, 0.25);}
.dm-notice-qa-badge-completed::before {background:#fff;}

/* 펄스 애니메이션 (처리중 상태) */
@keyframes dmPulse {
	0%, 100% {opacity:1; transform:scale(1);}
	50% {opacity:0.4; transform:scale(0.85);}
}

/* 행 호버 시 뱃지 강조 */
.dm-notice-row:hover .dm-notice-qa-badge-waiting {background:#fff; border-color:#a8b2c5; color:#4a5468;}
.dm-notice-row:hover .dm-notice-qa-badge-processing {background:#fff; border-color:#1e2a4a;}
.dm-notice-row:hover .dm-notice-qa-badge-completed {box-shadow:0 4px 10px rgba(255, 107, 26, 0.35); transform:translateY(-1px);}

/* 카테고리 텍스트 */
.dm-notice-cat-text {display:inline-flex; align-items:center; padding:4px 12px; background:var(--dm-bg); color:var(--dm-text-sub); font-size:12px; font-weight:500; border-radius:50px; letter-spacing:-0.1px;}

/* ============================================
   반응형 - 태블릿
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-table thead .dm-notice-col-cat {display:none;}
	.dm-notice-table tbody .dm-notice-col-cat {display:none;}
}

/* ============================================
   반응형 - 모바일 (카드형)
   ============================================ */
@media screen and (max-width: 768px) {
	/* Q&A 상태는 모바일 메타로 이동 */
	.dm-notice-table .dm-notice-col-status {display:none;}
	.dm-notice-mobile-meta .dm-notice-qa-badge {min-width:auto; padding:4px 10px; font-size:10px; gap:4px; margin-right:6px;}
	.dm-notice-mobile-meta .dm-notice-qa-badge::before {width:4px; height:4px;}
}



/* ============================================
   Q&A 뷰 - 질문 라벨 + 상태 뱃지
   ============================================ */
.dm-notice-doc-qa-tag {display:flex; align-items:center; justify-content:space-between; padding:20px 60px; background:linear-gradient(135deg, var(--dm-primary-light) 0%, #fff 100%); border-bottom:1px solid var(--dm-border-light); gap:12px; flex-wrap:wrap;}

.dm-notice-doc-qa-label {display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:700; color:var(--dm-text); letter-spacing:-0.2px;}
.dm-notice-doc-qa-q {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; background:var(--dm-primary); color:#fff; font-size:15px; font-weight:800; border-radius:50%; font-family:Georgia, serif; box-shadow:0 4px 10px rgba(255, 107, 26, 0.25);}

/* Q&A 상태 뱃지 (뷰페이지용 - 큰 사이즈) */
.dm-notice-doc-qa-tag .dm-notice-qa-badge {min-width:84px; padding:8px 16px; font-size:12px;}

/* ============================================
   Q&A 뷰 - 답변 영역
   ============================================ */
.dm-notice-doc-answer-wrap {margin-top:30px; background:#fff; border:1px solid var(--dm-border); border-radius:20px; overflow:hidden;}

.dm-notice-doc-answer-head {display:flex; align-items:center; justify-content:space-between; padding:24px 60px; background:linear-gradient(135deg, var(--dm-accent-light) 0%, #fff 100%); border-bottom:1px solid var(--dm-border-light); gap:12px; flex-wrap:wrap;}

.dm-notice-doc-answer-label {display:inline-flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:var(--dm-text); letter-spacing:-0.2px;}
.dm-notice-doc-answer-a {display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; background:var(--dm-accent); color:#fff; font-size:17px; font-weight:800; border-radius:50%; font-family:Georgia, serif; box-shadow:0 4px 10px rgba(30, 42, 74, 0.2);}

.dm-notice-doc-answer-status {display:inline-flex; align-items:center; gap:6px; padding:7px 16px; font-size:12px; font-weight:600; border-radius:50px; letter-spacing:-0.2px;}
.dm-notice-doc-answer-status::before {content:''; width:6px; height:6px; border-radius:50%; flex-shrink:0;}
.dm-notice-doc-answer-status {background:var(--dm-primary-light); color:var(--dm-primary); border:1px solid var(--dm-primary-border);}
.dm-notice-doc-answer-status::before {background:var(--dm-primary);}
.dm-notice-doc-answer-status.waiting {background:#f4f6fb; color:#8a93a8; border-color:#dde3ed;}
.dm-notice-doc-answer-status.waiting::before {background:#a8b2c5;}
.dm-notice-doc-answer-status.processing {background:var(--dm-accent-light); color:var(--dm-accent); border-color:#c8d1e3;}
.dm-notice-doc-answer-status.processing::before {background:var(--dm-accent); animation:dmPulse 1.6s ease-in-out infinite;}

/* 답변(댓글) 영역 여백.
   댓글 플러그인이 감싸는 요소는 .kboard-comments-default 이지 .kboard-comments 가 아니다.
   예전 선택자에만 여백을 주면 규칙이 걸리지 않아 내용이 답변 박스 테두리에 붙어
   정렬 select 가 박스 라인에 겹쳐 보인다. 여백은 바깥 래퍼에서 직접 준다. */
.dm-notice-doc-comments {padding:30px 60px !important; margin:0 !important;}
.dm-notice-doc-comments .kboard-comments,
.dm-notice-doc-comments .kboard-comments-default {padding:0 !important; margin:0 !important;}

/* ============================================
   반응형 - 태블릿
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-doc-qa-tag {padding:18px 44px;}
	.dm-notice-doc-answer-head {padding:22px 44px;}
	.dm-notice-doc-comments {padding:24px 44px !important;}
}

/* ============================================
   반응형 - 모바일
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-doc-qa-tag {padding:16px 24px; gap:10px;}
	.dm-notice-doc-qa-q {width:28px; height:28px; font-size:13px;}
	.dm-notice-doc-qa-label {font-size:13px;}
	.dm-notice-doc-qa-tag .dm-notice-qa-badge {min-width:72px; padding:6px 12px; font-size:11px;}
	
	.dm-notice-doc-answer-wrap {margin-top:20px; border-radius:14px;}
	.dm-notice-doc-answer-head {padding:18px 24px; gap:10px;}
	.dm-notice-doc-answer-a {width:30px; height:30px; font-size:14px;}
	.dm-notice-doc-answer-label {font-size:13px;}
	.dm-notice-doc-answer-status {padding:5px 12px; font-size:11px;}
	.dm-notice-doc-comments {padding:20px 24px !important;}
}


/* ============================================
   Q&A 글쓰기 - 안내 박스
   ============================================ */
.dm-notice-editor-guide {display:flex; gap:16px; padding:20px 24px; margin-bottom:20px; background:linear-gradient(135deg, var(--dm-primary-light) 0%, #fff 100%); border:1px solid var(--dm-primary-border); border-radius:14px; align-items:flex-start;}

.dm-notice-editor-guide-icon {flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:var(--dm-primary); color:#fff; border-radius:50%; box-shadow:0 4px 10px rgba(255, 107, 26, 0.2);}

.dm-notice-editor-guide-text {flex:1; min-width:0;}
.dm-notice-editor-guide-text strong {display:block; margin-bottom:6px; font-size:14px; font-weight:700; color:var(--dm-text); letter-spacing:-0.2px;}
.dm-notice-editor-guide-text p {margin:0; font-size:13px; font-weight:400; color:var(--dm-text-sub); line-height:1.6; letter-spacing:-0.2px;}

/* qa_status 필드 - 관리자 전용 강조 */
.dm-notice-editor .kboard-attr-row:has(select[name="kboard_option_qa_status"]) {position:relative; padding:18px 20px !important; background:var(--dm-accent-light) !important; border-radius:10px !important; border:1px dashed var(--dm-accent) !important;}
.dm-notice-editor .kboard-attr-row:has(select[name="kboard_option_qa_status"])::before {content:'관리자 전용'; position:absolute; top:-8px; left:16px; padding:2px 10px; background:var(--dm-accent); color:#fff; font-size:10px; font-weight:700; border-radius:50px; letter-spacing:0.5px;}

/* ============================================
   반응형 - 모바일
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-editor-guide {padding:16px 18px; gap:12px; margin-bottom:16px; border-radius:12px;}
	.dm-notice-editor-guide-icon {width:34px; height:34px;}
	.dm-notice-editor-guide-icon svg {width:18px; height:18px;}
	.dm-notice-editor-guide-text strong {font-size:13px; margin-bottom:4px;}
	.dm-notice-editor-guide-text p {font-size:12px;}
}

/* ===== kboard-skin-sense ===== */

/**
 * Dermaking Column Skin CSS
 */

/* ============================================
   entry-title 숨김
   ============================================ */
.page-id-71 .page-header,
.page-id-71 .entry-title {display: none !important;}

/* ============================================
   Variables
   ============================================ */
:root {
	--dm-primary: #B08D57;
	--dm-primary-hover: #9a7847;
	--dm-primary-light: #F3EDE4;
	--dm-primary-border: #D8C3A5;
	--dm-accent: #6F7A5C;
	--dm-accent-light: #eef0ea;
	--dm-text: #2a2419;
	--dm-text-sub: #5a5344;
	--dm-text-muted: #9a9384;
	--dm-text-light: #c2b9a8;
	--dm-bg: #fbf8f4;
	--dm-card-bg: #ffffff;
	--dm-border: #e6ded1;
	--dm-border-light: #efe9df;
	--dm-font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--dm-radius: 16px;
	--dm-radius-sm: 10px;
	--dm-radius-pill: 50px;
	--dm-shadow-sm: 0 2px 8px rgba(42, 36, 25, 0.04);
	--dm-shadow-md: 0 4px 16px rgba(42, 36, 25, 0.06);
	--dm-shadow-hover: 0 12px 32px rgba(42, 36, 25, 0.1);
}

/* ============================================
   페이지 전체 배경 (body 레벨)
   ============================================ */
body.page-id-71 {background: var(--dm-bg);}
body.page-id-71 .site-main {background: var(--dm-bg);}
body.page-id-71 .page-content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: var(--dm-bg);
}

/* ============================================
   메인 래퍼
   ============================================ */
.dm-column-list {
	font-family: var(--dm-font); font-size: 15px;
	color: var(--dm-text); line-height: 1.6; letter-spacing: -0.2px;
	background: var(--dm-bg);
	width: 100%;
	padding: 80px 20px 100px;
	box-sizing: border-box;
	margin: 0 auto;
}
.dm-column-list *, .dm-column-list *::before, .dm-column-list *::after { box-sizing: border-box; }
.dm-column-list a { text-decoration: none; color: inherit; transition: color 0.2s; }
.dm-column-list img { max-width: 100%; height: auto; vertical-align: middle; }

/* 내부 컨텐츠 중앙 정렬 */
.dm-column-list > .dm-col-head,
.dm-column-list > .dm-col-search,
.dm-column-list > .kboard-category,
.dm-column-list > .kboard-tree-category-search,
.dm-column-list > .dm-col-grid,
.dm-column-list > .dm-col-pagination,
.dm-column-list > .dm-col-control,
.dm-column-list > .dm-col-poweredby {
	max-width: 1400px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ============================================
   페이지 헤드 (타이틀)
   ============================================ */
.dm-col-head {
	text-align: center; margin-bottom: 50px;
}
.dm-col-eyebrow {
	display: inline-block; font-size: 14px; font-weight: 500;
	color: var(--dm-primary); letter-spacing: 3px;
	margin-bottom: 16px; text-transform: uppercase;
}
.dm-col-page-title {
	margin: 0 0 16px 0;
	font-size: 44px; font-weight: 700; color: var(--dm-text);
	line-height: 1.3; letter-spacing: -0.8px;
}
.dm-col-page-desc {
	margin: 0; font-size: 16px; font-weight: 400;
	color: var(--dm-text-sub); line-height: 1.7; letter-spacing: -0.2px;
}

/* ============================================
   검색창
   ============================================ */
.dm-col-search {
	display: flex; justify-content: center;
	margin-bottom: 40px;
}
.dm-col-search-form {
	display: inline-flex; align-items: center;
	width: 100%; max-width: 640px; padding: 10px 10px 10px 28px;
	background: #fff; border: 1px solid transparent;
	border-radius: var(--dm-radius-pill);
	box-shadow: var(--dm-shadow-sm);
	transition: all 0.2s;
}
.dm-col-search-form:hover { box-shadow: var(--dm-shadow-md); }
.dm-col-search-form:focus-within {
	border-color: var(--dm-primary);
	box-shadow: 0 0 0 4px rgba(176, 141, 87, 0.08), var(--dm-shadow-md);
}
.dm-col-search-select {
	flex-shrink: 0; width: auto; min-width: 70px; height: 44px;
	padding: 0 28px 0 0; margin: 0 14px 0 0;
	font-size: 13px; font-weight: 500; color: var(--dm-text-sub);
	background-color: transparent;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9384' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 4px center;
	border: none; border-right: 1px solid var(--dm-border); border-radius: 0;
	appearance: none; -webkit-appearance: none; cursor: pointer; outline: none;
	font-family: inherit;
}
.dm-col-search-input {
	flex: 1; min-width: 0; margin: 0; padding: 10px 0;
	font-size: 15px; color: var(--dm-text); background: transparent;
	border: none; border-radius: 0; outline: none; height: 44px;
	font-family: inherit;
}
.dm-col-search-input::placeholder { color: var(--dm-text-light); font-weight: 400; }
.dm-col-search-btn {
	flex-shrink: 0; width: 44px; height: 44px; padding: 0; margin: 0;
	background-color: var(--dm-primary-light);
	border: none; border-radius: 50%; font-size: 0; cursor: pointer;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23B08D57' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center;
	transition: all 0.25s;
}
.dm-col-search-btn:hover {
	background-color: var(--dm-primary);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
	box-shadow: 0 6px 14px rgba(176, 141, 87, 0.25);
}

/* ============================================
   카테고리 Pill
   ============================================ */
.dm-column-list .kboard-category {
	display: flex; justify-content: center;
	margin-bottom: 60px; padding: 0; background: transparent;
	width: 100%;
}
.dm-column-list .kboard-category-list,
.dm-column-list .kboard-category .kboard-category-list {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
	padding: 0; margin: 0; list-style: none;
}
.dm-column-list .kboard-category .kboard-category-list li { margin: 0; padding: 0; }
.dm-column-list .kboard-category .kboard-category-list li a {
	display: inline-flex; align-items: center;
	padding: 11px 26px; border-radius: var(--dm-radius-pill);
	background-color: transparent; color: var(--dm-text-sub);
	font-size: 14px; font-weight: 500;
	border: 1px solid transparent; letter-spacing: -0.2px;
	transition: all 0.2s;
}
.dm-column-list .kboard-category .kboard-category-list li a:hover {
	background-color: rgba(255, 255, 255, 0.6);
	color: var(--dm-text);
}
.dm-column-list .kboard-category .kboard-category-list li.kboard-category-selected a {
	background-color: var(--dm-accent); color: #fff;
	font-weight: 700; box-shadow: 0 4px 12px rgba(111, 122, 92, 0.25);
}

/* ============================================
   카드 그리드
   ============================================ */
.dm-col-grid {
	display: grid; grid-template-columns: repeat(3, 1fr);
	gap: 24px; margin-bottom: 40px;
}

/* ============================================
   카드 공통
   ============================================ */
.dm-col-card {
	position: relative; background: var(--dm-card-bg);
	border: none; border-radius: var(--dm-radius);
	overflow: hidden; box-shadow: var(--dm-shadow-sm);
	transition: all 0.3s ease;
	display: flex; flex-direction: column;
	min-height: 300px;
}
.dm-col-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--dm-shadow-hover);
}
.dm-col-card-link {
	display: flex; flex-direction: column; height: 100%;
	text-decoration: none; color: inherit; cursor: pointer;
}

/* 카드 - 썸네일 없는 버전 */
.dm-col-card-no-thumb .dm-col-card-link,
.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link {
	padding: 36px 36px 32px;
}

/* 카드 - 썸네일 있는 버전 */
.dm-col-card-has-thumb .dm-col-card-link {
	padding: 0;
}
.dm-col-card-thumb {
	position: relative; width: 100%; aspect-ratio: 16/11;
	overflow: hidden; background-color: var(--dm-accent-light);
	flex-shrink: 0;
}
.dm-col-card-thumb img {
	width: 100%; height: 100%; object-fit: cover;
	display: block; transition: transform 0.5s ease;
}
.dm-col-card:hover .dm-col-card-thumb img { transform: scale(1.05); }

.dm-col-card-new {
	position: absolute; top: 14px; right: 14px;
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px;
	background-color: var(--dm-accent); color: #fff;
	font-size: 12px; font-weight: 700;
	border-radius: 50%; z-index: 2;
	box-shadow: 0 4px 10px rgba(111, 122, 92, 0.3);
}

.dm-col-card-has-thumb .dm-col-card-body {
	padding: 28px 28px 28px;
	display: flex; flex-direction: column; flex: 1;
}

.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-body {
	display: flex; flex-direction: column; flex: 1;
}

/* 태그 */
.dm-col-card-tags {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
	margin: 0 0 18px 0;
}
.dm-col-card-tags:empty { display: none; }

.dm-col-card-new-inline {
	display: inline-flex; align-items: center;
	padding: 5px 10px;
	background-color: var(--dm-accent); color: #fff;
	font-size: 11px; font-weight: 700;
	border-radius: 4px; letter-spacing: 0.5px;
	box-shadow: 0 2px 6px rgba(111, 122, 92, 0.25);
}

/* 제목 */
.dm-col-card-title {
	margin: 0 0 14px 0;
	font-size: 20px; font-weight: 700;
	color: var(--dm-text); line-height: 1.45; letter-spacing: -0.4px;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis; word-break: keep-all;
	transition: color 0.2s;
}
.dm-col-card:hover .dm-col-card-title { color: var(--dm-primary); }
.dm-col-card-has-thumb .dm-col-card-title {
	font-size: 18px;
}

/* 본문 */
.dm-col-card-desc {
	margin: 0 0 28px 0;
	font-size: 14px; font-weight: 400; color: var(--dm-text-sub);
	line-height: 1.75; letter-spacing: -0.2px;
	display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis;
	flex: 1;
}
.dm-col-card-has-thumb .dm-col-card-desc {
	-webkit-line-clamp: 3;
	margin-bottom: 20px;
}

/* 메타 */
.dm-col-card-meta {
	display: flex; align-items: center; justify-content: space-between;
	flex-wrap: wrap; gap: 4px;
	margin-top: auto; padding-top: 18px;
	font-size: 13px; font-weight: 400;
	border-top: 1px solid var(--dm-border-light);
}
.dm-col-card-user {
	color: var(--dm-text-muted); font-weight: 500;
	max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dm-col-card-date {
	color: var(--dm-text-light); font-variant-numeric: tabular-nums;
	font-weight: 500;
}

/* ============================================
   페이지네이션
   ============================================ */
.dm-col-pagination {
	padding: 40px 0 20px; text-align: center;
}
.dm-col-pagination-list {
	display: inline-flex; padding: 0; margin: 0; list-style: none; gap: 6px;
	align-items: center; justify-content: center;
}
.dm-col-pagination-list li { display: block; margin: 0; }
.dm-col-pagination-list a, .dm-col-pagination-list span {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 10px;
	border-radius: 50%; background: #fff;
	border: 1px solid var(--dm-border);
	font-size: 14px; font-weight: 500; color: var(--dm-text-sub);
	font-variant-numeric: tabular-nums; text-decoration: none;
	transition: all 0.2s;
}
.dm-col-pagination-list a:hover {
	border-color: var(--dm-primary); color: var(--dm-primary); background: #fff;
}
.dm-col-pagination-list li.active a,
.dm-col-pagination-list a.active {
	background: var(--dm-accent); color: #fff; border-color: var(--dm-accent);
}

/* ============================================
   글쓰기 버튼
   ============================================ */
.dm-col-control {
	display: flex; justify-content: flex-end;
	padding: 20px 0 0;
}
.dm-col-write-btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 14px 32px;
	font-size: 14px; font-weight: 600;
	color: #fff !important; background-color: var(--dm-primary);
	border: 1px solid var(--dm-primary); border-radius: var(--dm-radius-pill);
	text-decoration: none; letter-spacing: -0.2px;
	box-shadow: 0 6px 16px rgba(176, 141, 87, 0.2);
	transition: all 0.25s;
}
.dm-col-write-btn::before {
	content: '+'; font-size: 18px; font-weight: 400; line-height: 1;
}
.dm-col-write-btn:hover {
	background-color: var(--dm-primary-hover); border-color: var(--dm-primary-hover);
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(176, 141, 87, 0.3);
}
.dm-col-pagination-list li.active a,
.dm-col-pagination-list li.active span,
.dm-col-pagination-list a.active,
.dm-col-pagination-list .active a,
.dm-col-pagination-list .active span {color:#fff !important; background:#6F7A5C; border-color:#6F7A5C;}


/* ============================================
   카테고리 - 하나만 표시하고 중앙 정렬
   ============================================ */
/* 카테고리2 그룹 완전히 숨김 */
.dm-column-list .kboard-category.category-pc .kboard-category-list:nth-of-type(2) {display: none !important;}
.dm-column-list .kboard-category.category-mobile select[name="category2"] {display: none !important;}

/* 카테고리1 중앙 정렬 */
.dm-column-list .kboard-category.category-pc {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 60px !important;
	padding: 0 !important;
	background: transparent !important;
	width: 100% !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li {
	margin: 0 !important;
	padding: 0 !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li a {
	display: inline-flex !important;
	align-items: center !important;
	padding: 11px 26px !important;
	border-radius: 50px !important;
	background-color: #fff !important;
	color: #5a5344 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	border: 1px solid #e6ded1 !important;
	letter-spacing: -0.2px !important;
	transition: all 0.2s !important;
	text-decoration: none !important;
	box-shadow: 0 2px 6px rgba(42, 36, 25, 0.03) !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li a:hover {
	background-color: #fff !important;
	color: #B08D57 !important;
	border-color: #B08D57 !important;
}
.dm-column-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {
	background-color: #6F7A5C !important;
	color: #fff !important;
	font-weight: 700 !important;
	border-color: #6F7A5C !important;
	box-shadow: 0 4px 12px rgba(111, 122, 92, 0.25) !important;
}
/* ============================================
   반응형
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-column-list { padding: 60px 30px 80px; }
	.dm-col-page-title { font-size: 34px; }
	.dm-col-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link { padding: 30px 28px 28px; }
	.dm-col-card-title { font-size: 18px; }
	.dm-col-card-has-thumb .dm-col-card-title { font-size: 17px; }
}

@media screen and (max-width: 768px) {
	.dm-column-list { padding: 50px 20px 70px; }
	.dm-col-head { margin-bottom: 36px; }
	.dm-col-eyebrow { font-size: 12px; letter-spacing: 2px; margin-bottom: 12px; }
	.dm-col-page-title { font-size: 26px; margin-bottom: 12px; }
	.dm-col-page-desc { font-size: 14px; }
	.dm-col-search-form { max-width: 100%; padding: 8px 8px 8px 20px; }
	.dm-col-search-select { min-width: 60px; margin-right: 10px; padding-right: 22px; font-size: 12px; }
	.dm-col-search-input { font-size: 14px; }
	.dm-col-search { margin-bottom: 30px; }
	.dm-column-list .kboard-category { margin-bottom: 40px; }
	.dm-column-list .kboard-category .kboard-category-list {
		justify-content: flex-start; flex-wrap: nowrap;
		overflow-x: auto; padding-bottom: 8px; gap: 8px;
		-webkit-overflow-scrolling: touch; scrollbar-width: none;
	}
	.dm-column-list .kboard-category .kboard-category-list::-webkit-scrollbar { display: none; }
	.dm-column-list .kboard-category .kboard-category-list li { flex-shrink: 0; }
	.dm-column-list .kboard-category .kboard-category-list li a { padding: 9px 20px; font-size: 13px; }
	.dm-col-grid { grid-template-columns: 1fr; gap: 16px; }
	.dm-col-card { min-height: auto; }
	.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link { padding: 26px 24px 24px; }
	.dm-col-card-has-thumb .dm-col-card-body { padding: 22px 22px 22px; }
	.dm-col-card-title { font-size: 17px; }
	.dm-col-card-has-thumb .dm-col-card-title { font-size: 16px; }
	.dm-col-card-desc { font-size: 13px; -webkit-line-clamp: 3; margin-bottom: 20px; }
	.dm-col-card-has-thumb .dm-col-card-desc { -webkit-line-clamp: 2; }
	.dm-col-card-meta { font-size: 12px; padding-top: 14px; }
	.dm-col-pagination { padding: 30px 0 10px; }
	.dm-col-pagination-list a, .dm-col-pagination-list span { min-width: 36px; height: 36px; font-size: 13px; }
	.dm-col-write-btn { padding: 12px 26px; font-size: 13px; }
}

@media screen and (max-width: 480px) {
	.dm-col-search-form { padding: 6px 6px 6px 16px; }
	.dm-col-search-btn { width: 40px; height: 40px; }
	.dm-col-card:not(.dm-col-card-has-thumb) .dm-col-card-link { padding: 22px 20px 20px; }
}



/* ============================================
   문서 뷰 페이지 (전문가 칼럼 상세)
   ============================================ */

.dm-doc-wrap {
	width: 100%;
	padding: 60px 20px 100px;
	box-sizing: border-box;
	background: var(--dm-bg);
}

body:has(.dm-doc-wrap) .page-header,
body:has(.dm-doc-wrap) .entry-title {display: none !important;}

body:has(.dm-doc-wrap) .page-content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

body:has(.dm-doc-wrap) .site-main {
	background: var(--dm-bg);
}

/* ============================================
   2컬럼 레이아웃 (목차 왼쪽 + 본문 오른쪽)
   ============================================ */
.dm-doc-with-toc {
	display: grid;
	grid-template-columns: 360px 1fr;
	gap: 20px;
	max-width: 1400px;
	margin: 0 auto;
	align-items: start;
}

.dm-doc-with-toc.no-toc {
	grid-template-columns: 1fr;
	max-width: 1000px;
}

.dm-doc-main {
	min-width: 0;
}

.dm-doc-sidebar {
	position: sticky;
	top: 100px;
}

/* ============================================
   본문 래퍼
   ============================================ */
.dm-doc-main .kboard-document-wrap {
	background: #fff !important;
	border: 1px solid var(--dm-border) !important;
	border-radius: 20px !important;
	padding: 60px 70px 50px !important;
	overflow: visible !important;
	box-shadow: none !important;
}

/* ============================================
   상단 메타 영역
   ============================================ */
.dm-doc-head {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--dm-border-light);
}

.dm-doc-meta-top {
	display: flex; align-items: center; gap: 14px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.dm-doc-category {
	display: inline-flex; align-items: center;
	padding: 6px 14px;
	background-color: var(--dm-primary-light);
	color: var(--dm-primary);
	font-size: 12px; font-weight: 700;
	border-radius: 4px;
	border: 1px solid var(--dm-primary-border);
	letter-spacing: -0.1px;
}

.dm-doc-date {
	font-size: 14px; font-weight: 500;
	color: var(--dm-text-muted);
	letter-spacing: -0.2px;
}

.dm-doc-title {
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
	font-size: 32px !important; font-weight: 700 !important;
	color: var(--dm-text) !important;
	line-height: 1.4 !important;
	letter-spacing: -0.8px !important;
	border-bottom: none !important;
	word-break: keep-all;
}

.dm-doc-author {
	display: inline-flex; align-items: center; gap: 14px;
	padding: 10px 20px 10px 10px;
	background: var(--dm-bg);
	border-radius: 50px;
}

.dm-doc-author-avatar {
	flex-shrink: 0;
	width: 44px; height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--dm-accent-light);
	border: 2px solid #fff;
	box-shadow: 0 2px 6px rgba(42, 36, 25, 0.08);
}
.dm-doc-author-avatar img {
	width: 100%; height: 100%; object-fit: cover; display: block;
}

.dm-doc-author-info {
	display: flex; flex-direction: column; gap: 2px;
}
.dm-doc-author-label {
	font-size: 11px; font-weight: 500;
	color: var(--dm-text-muted); letter-spacing: 0;
}
.dm-doc-author-name {
	font-size: 14px; font-weight: 700;
	color: var(--dm-text); letter-spacing: -0.2px;
}

/* ============================================
   본문 컨텐츠
   ============================================ */
.dm-doc-content {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}
.dm-doc-content .content-view {
	font-size: 16px !important;
	line-height: 1.9 !important;
	color: var(--dm-text-sub) !important;
	padding: 0 !important;
	letter-spacing: -0.2px;
}
.dm-doc-content p { margin: 0 ; }
.dm-doc-content strong { color: var(--dm-text); font-weight: 700; }
.dm-doc-content img {
	max-width: 100%; height: auto;
	border-radius: 10px; margin: 24px 0;
}

.dm-doc-section-title,
.dm-doc-content h2 {
	margin: 50px 0 24px 0 !important;
	padding-bottom: 16px !important;
	font-size: 24px !important; font-weight: 700 !important;
	color: var(--dm-text) !important;
	line-height: 1.4 !important; letter-spacing: -0.5px !important;
	border-bottom: 1px solid var(--dm-border-light) !important;
	word-break: keep-all;
}
.dm-doc-content h3 {
	margin: 36px 0 18px 0 !important;
	font-size: 20px !important; font-weight: 700 !important;
	color: var(--dm-text) !important;
	line-height: 1.5 !important; letter-spacing: -0.3px !important;
	word-break: keep-all;
}

/* ============================================
   좋아요/공유/인쇄 버튼
   ============================================ */
.dm-doc-action {
	display: flex; justify-content: space-between; align-items: center;
	padding: 30px 0 0 !important;
	margin-top: 40px;
	border-top: 1px solid var(--dm-border-light);
	gap: 10px; flex-wrap: wrap;
}
.dm-doc-action .left, .dm-doc-action .right {
	display: flex; gap: 8px; flex-wrap: wrap;
}
.dm-doc-action .kboard-button-action {
	display: inline-flex !important; align-items: center !important; gap: 8px !important;
	padding: 10px 20px !important;
	background: #fff !important; color: var(--dm-text-sub) !important;
	border: 1px solid var(--dm-border) !important;
	border-radius: 50px !important;
	font-size: 13px !important; font-weight: 500 !important;
	cursor: pointer; transition: all 0.2s;
	margin: 0 !important;
}
.dm-doc-action .kboard-button-action:hover {
	background: var(--dm-primary-light) !important;
	color: var(--dm-primary) !important;
	border-color: var(--dm-primary) !important;
}
.dm-doc-action .kboard-button-like {
	background: var(--dm-primary-light) !important;
	color: var(--dm-primary) !important;
	border-color: var(--dm-primary-border) !important;
}

.dm-doc-attach {
	margin-top: 20px !important;
	padding: 20px !important;
	background: var(--dm-bg) !important;
	border: 1px solid var(--dm-border-light) !important;
	border-radius: 12px !important;
	display: flex; gap: 8px; flex-wrap: wrap;
}

/* ============================================
   CTA 박스 (문의/상담 섹션)
   ============================================ */
.dm-doc-cta {
	margin: 40px 0;
	background: #fff;
	border: 1px solid var(--dm-border);
	border-radius: 50px;
	padding: 40px 50px;
	box-shadow: var(--dm-shadow-sm);
	overflow: hidden;
	position: relative;
}

.dm-doc-cta-content {
	display: flex; flex-direction: column; align-items: center;
	gap: 28px;
}

.dm-doc-cta-quote {
	position: relative;
	display: flex; align-items: flex-start; gap: 12px;
	text-align: center;
}

.dm-doc-cta-mark-left,
.dm-doc-cta-mark-right {
	font-family: Georgia, serif;
	font-size: 36px; font-weight: 700;
	color: var(--dm-primary);
	line-height: 1; flex-shrink: 0;
	margin-top: 4px;
}
.dm-doc-cta-mark-left { margin-right: 4px; }
.dm-doc-cta-mark-right {
	align-self: flex-end;
	margin-left: 4px; margin-top: auto; margin-bottom: -4px;
}

.dm-doc-cta-text {
	margin: 0;
	font-size: 22px; font-weight: 600;
	color: var(--dm-text);
	line-height: 1.6; letter-spacing: -0.5px;
	word-break: keep-all;
}
.dm-doc-cta-text strong {
	color: var(--dm-primary); font-weight: 700;
}

.dm-doc-cta-buttons {
	display: flex; flex-wrap: wrap; justify-content: center;
	gap: 10px;
}

.dm-doc-cta-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 12px 24px;
	background: #fff;
	color: var(--dm-text) !important;
	border: 1px solid var(--dm-border);
	border-radius: 50px;
	font-size: 14px; font-weight: 600;
	text-decoration: none; letter-spacing: -0.2px;
	transition: all 0.25s;
	box-shadow: 0 2px 6px rgba(42, 36, 25, 0.03);
}
.dm-doc-cta-btn svg {
	color: var(--dm-text-muted);
	transition: color 0.2s;
}
.dm-doc-cta-btn:hover {
	background: var(--dm-primary) !important;
	color: #fff !important;
	border-color: var(--dm-primary);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(176, 141, 87, 0.25);
}
.dm-doc-cta-btn:hover svg {
	color: #fff;
}

/* ============================================
   이전글/다음글 네비게이션
   ============================================ */
.dm-doc-navi {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 30px 0 !important;
}
.dm-doc-navi > div { width: 100% !important; }
.dm-doc-navi a {
	display: flex !important; align-items: center; gap: 14px;
	padding: 20px 24px !important;
	background: #fff;
	border: 1px solid var(--dm-border) !important;
	border-radius: 14px !important;
	text-decoration: none; color: var(--dm-text-sub);
	transition: all 0.2s;
	height: 100%;
}
.dm-doc-navi a:hover {
	border-color: var(--dm-primary) !important;
	color: var(--dm-primary) !important;
	transform: translateY(-2px);
	box-shadow: var(--dm-shadow-sm);
}
.dm-doc-navi .kboard-prev-document a { justify-content: flex-start; }
.dm-doc-navi .kboard-next-document a { justify-content: flex-end; text-align: right; }
.dm-doc-navi .navi-arrow {
	font-size: 20px; color: var(--dm-primary); font-weight: 700;
	flex-shrink: 0;
}
.dm-doc-navi .navi-info {
	display: flex; flex-direction: column; gap: 4px;
	min-width: 0; flex: 1;
}
.dm-doc-navi .navi-label {
	font-size: 11px; font-weight: 600;
	color: var(--dm-primary); text-transform: uppercase;
	letter-spacing: 1px;
}
.dm-doc-navi .navi-document-title {
	font-size: 14px; font-weight: 500;
	color: var(--dm-text);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	letter-spacing: -0.2px;
}

/* ============================================
   하단 컨트롤 (목록/수정/삭제)
   ============================================ */
.dm-doc-control {
	display: flex; justify-content: space-between;
	gap: 10px; flex-wrap: wrap;
	padding: 30px 0 0 !important;
}
.dm-doc-control .left, .dm-doc-control .right {
	display: flex; gap: 8px; flex-wrap: wrap;
}
.dm-doc-control .kboard-thumbnail-button-small {
	display: inline-flex !important; align-items: center !important; justify-content: center !important;
	height: 44px !important; padding: 0 26px !important;
	background-color: var(--dm-primary) !important;
	color: #fff !important;
	border: 1px solid var(--dm-primary) !important;
	border-radius: 50px !important;
	font-size: 14px !important; font-weight: 600 !important;
	letter-spacing: -0.2px;
	box-shadow: 0 4px 12px rgba(176, 141, 87, 0.2) !important;
	transition: all 0.25s;
}
.dm-doc-control .kboard-thumbnail-button-small:hover {
	background-color: var(--dm-primary-hover) !important;
	border-color: var(--dm-primary-hover) !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(176, 141, 87, 0.3) !important;
	opacity: 1 !important;
}

/* ============================================
   왼쪽 사이드바 - 목차
   ============================================ */
.dm-doc-toc {
	background: #fff;
	border: 1px solid var(--dm-border);
	border-radius: 20px;
	padding: 28px 24px;
	box-shadow: var(--dm-shadow-sm);
}
.dm-doc-toc-head {
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--dm-border-light);
}
.dm-doc-toc-title {
	margin: 0;
	font-size: 16px; font-weight: 700;
	color: var(--dm-text); letter-spacing: -0.3px;
	display: flex; align-items: center; gap: 8px;
}
.dm-doc-toc-title::before {
	content: '';
	display: inline-block;
	width: 3px; height: 16px;
	background: var(--dm-primary);
	border-radius: 2px;
}
.dm-doc-toc-list {
	list-style: none; margin: 0; padding: 0;
	display: flex; flex-direction: column; gap: 4px;
}
.dm-doc-toc-list li { margin: 0; padding:

/* ===== kboard-skin-shorts ===== */

/**
 * KBoard YouTube Skin
 * PC: 4열 / 태블릿: 3열 / 소형태블릿: 2열 / 모바일: 1열
 */

:root {
	--kboard-primary: #ff0000;
	--kboard-primary-hover: #cc0000;
	--kboard-text: #1e293b;
	--kboard-text-muted: #64748b;
	--kboard-bg: #ffffff;
	--kboard-bg-alt: #f8fafc;
	--kboard-border: #e2e8f0;
	--kboard-danger: #ef4444;
	--kboard-font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--kboard-font-size: 15px;
	--kboard-radius: 8px;
	--kboard-spacing-sm: 8px;
	--kboard-spacing-md: 16px;
	--kboard-spacing-lg: 24px;
	--kboard-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--kboard-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Global Reset */
#kboard-thumbnail-list,#kboard-thumbnail-document,#kboard-thumbnail-editor,#kboard-thumbnail-latest {
	font-family: var(--kboard-font-family); font-size: var(--kboard-font-size);
	color: var(--kboard-text); box-sizing: border-box; line-height: 1.6; margin: 20px 0;
}
#kboard-thumbnail-list *,#kboard-thumbnail-document *,#kboard-thumbnail-editor *,#kboard-thumbnail-latest *,
#kboard-thumbnail-list *::before,#kboard-thumbnail-document *::before,#kboard-thumbnail-editor *::before,#kboard-thumbnail-latest *::before,
#kboard-thumbnail-list *::after,#kboard-thumbnail-document *::after,#kboard-thumbnail-editor *::after,#kboard-thumbnail-latest *::after { box-sizing: inherit; }
#kboard-thumbnail-list a,#kboard-thumbnail-document a,#kboard-thumbnail-editor a,#kboard-thumbnail-latest a { text-decoration: none; color: inherit; transition: color 0.2s; }
#kboard-thumbnail-list img,#kboard-thumbnail-document img,#kboard-thumbnail-editor img,#kboard-thumbnail-latest img { max-width: 100%; height: auto; vertical-align: middle; }

/* Buttons */
a.kboard-thumbnail-button-small,input.kboard-thumbnail-button-small,button.kboard-thumbnail-button-small {
	display: inline-flex; align-items: center; justify-content: center;
	height: 36px; padding: 0 16px; font-size: 14px; font-weight: 500;
	color: #fff !important; background-color: var(--kboard-text) !important;
	border: 1px solid transparent; border-radius: var(--kboard-radius);
	cursor: pointer; transition: all 0.2s ease; line-height: 1;
	box-shadow: var(--kboard-shadow-sm); text-shadow: none;
}
a.kboard-thumbnail-button-small:hover,button.kboard-thumbnail-button-small:hover {
	background-color: var(--kboard-primary) !important;
	transform: translateY(-1px); box-shadow: var(--kboard-shadow-md); opacity: 1 !important;
}

/* Icons */
.kboard-icon-lock {
	display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-right: 4px;
	background-color: var(--kboard-text-muted);
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.kboard-icon-thumbnail {
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%; background-color: #0f0f0f;
}
.kboard-icon-thumbnail::after {
	content: ""; display: block; width: 50px; height: 50px; background-color: #555;
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* Form Elements */
#kboard-thumbnail-list input[type=text],#kboard-thumbnail-document input[type=text],#kboard-thumbnail-editor input[type=text],#kboard-thumbnail-latest input[type=text],
#kboard-thumbnail-list select,#kboard-thumbnail-document select,#kboard-thumbnail-editor select,#kboard-thumbnail-latest select,
#kboard-thumbnail-list textarea,#kboard-thumbnail-document textarea,#kboard-thumbnail-editor textarea,#kboard-thumbnail-latest textarea,
#kboard-thumbnail-list input[type=password],#kboard-thumbnail-document input[type=password],#kboard-thumbnail-editor input[type=password],#kboard-thumbnail-latest input[type=password] {
	appearance: none; -webkit-appearance: none; background-color: #fff;
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius);
	padding: 8px 12px; font-size: 14px; color: var(--kboard-text);
	outline: none; transition: border-color 0.2s, box-shadow 0.2s;
	min-height: 40px; box-shadow: none; margin: 0;
}
#kboard-thumbnail-list input:focus,#kboard-thumbnail-document input:focus,#kboard-thumbnail-editor input:focus,
#kboard-thumbnail-list select:focus,#kboard-thumbnail-document select:focus,#kboard-thumbnail-editor select:focus {
	border-color: var(--kboard-primary); box-shadow: 0 0 0 3px rgba(255,0,0,0.08);
}
#kboard-thumbnail-list select,#kboard-thumbnail-document select,#kboard-thumbnail-editor select {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 10px center; background-size: 16px;
	padding-right: 32px !important; cursor: pointer;
}


/* ============================================
   YouTube Grid - List View
   ============================================ */
#kboard-thumbnail-list { width: 100%; max-width: 100%; overflow: hidden; }

#kboard-thumbnail-list .kboard-list-header {
	display: flex; justify-content: space-between; align-items: center;
	padding-bottom: var(--kboard-spacing-md); flex-wrap: wrap; gap: 10px;
}
#kboard-thumbnail-list .kboard-total-count { float: none; font-weight: 600; color: var(--kboard-text-muted); }
#kboard-thumbnail-list .kboard-sort { float: none; }
#kboard-thumbnail-list .kboard-sort select { height: 36px; }

/* Categories */
#kboard-thumbnail-list .kboard-category .kboard-category-list {
	display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 20px 0;
	list-style: none; background: transparent; border: none;
}
#kboard-thumbnail-list .kboard-category .kboard-category-list li { display: block; margin: 0; padding: 0; }
#kboard-thumbnail-list .kboard-category .kboard-category-list li a {
	display: block; padding: 6px 14px; border-radius: 20px;
	background-color: var(--kboard-bg-alt); color: var(--kboard-text-muted);
	font-size: 14px; font-weight: 500; transition: all 0.2s; border: 1px solid var(--kboard-border);
}
#kboard-thumbnail-list .kboard-category .kboard-category-list li.kboard-category-selected a,
#kboard-thumbnail-list .kboard-category .kboard-category-list li a:hover {
	background-color: var(--kboard-primary); color: #fff; border-color: var(--kboard-primary);
}

/* ── YouTube Grid ── */
.kboard-youtube-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

/* ── YouTube Card ── */
.kboard-youtube-card {
	position: relative; background: #fff;
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius);
	overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.kboard-youtube-card:hover {
	transform: translateY(-4px); box-shadow: var(--kboard-shadow-md);
}
.kboard-youtube-card a { display: block; text-decoration: none; color: inherit; cursor: pointer; }
.kboard-youtube-card.kboard-youtube-notice { border-color: var(--kboard-primary); border-width: 2px; }

/* ── Thumbnail (16:9) ── */
.kboard-youtube-thumb {
	position: relative; width: 100%; padding-top: 56.25%;
	overflow: hidden; background-color: #0f0f0f;
}
.kboard-youtube-thumb img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	object-fit: cover; transition: transform 0.3s ease;
}
.kboard-youtube-card:hover .kboard-youtube-thumb img { transform: scale(1.05); }
.kboard-youtube-thumb .kboard-icon-thumbnail {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/* ── Play Button ── */
.kboard-youtube-play-btn {
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.85; transition: opacity 0.2s;
	pointer-events: none;
}
.kboard-youtube-card:hover .kboard-youtube-play-btn { opacity: 1; }

/* ── Badges ── */
.kboard-youtube-badge-notice {
	position: absolute; top: 10px; left: 10px;
	background-color: var(--kboard-primary); color: #fff;
	font-size: 11px; font-weight: 700; padding: 3px 10px;
	border-radius: 4px; z-index: 2;
}
.kboard-youtube-badge-new {
	position: absolute; top: 10px; right: 10px;
	background-color: var(--kboard-danger); color: #fff;
	font-size: 11px; font-weight: 700;
	width: 22px; height: 22px; line-height: 22px;
	text-align: center; border-radius: 50%; z-index: 2;
}

/* ── Card Body ── */
.kboard-youtube-body { padding: 12px 14px; }
.kboard-youtube-title {
	margin: 0 0 6px 0; font-size: 14px; font-weight: 600;
	color: var(--kboard-text); line-height: 1.4;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis; word-break: keep-all;
}
.kboard-youtube-title .kboard-comments-count {
	font-size: 12px; color: var(--kboard-primary); font-weight: 600;
	margin-left: 4px; background: rgba(255,0,0,0.08);
	padding: 2px 6px; border-radius: 12px;
}
.kboard-youtube-title .kboard-comments-count:empty { display: none; }
.kboard-youtube-meta {
	display: flex; flex-wrap: wrap; align-items: center;
	gap: 4px; font-size: 12px; color: var(--kboard-text-muted);
}
.kboard-youtube-meta .meta-dot { color: #d1d5db; }
.kboard-youtube-meta .meta-user {
	max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ── Pagination ── */
#kboard-thumbnail-list .kboard-pagination { padding: 30px 0; text-align: center; float: none; }
#kboard-thumbnail-list .kboard-pagination ul { display: inline-flex; padding: 0; list-style: none; gap: 4px; }
#kboard-thumbnail-list .kboard-pagination li { display: block; margin: 0; }
#kboard-thumbnail-list .kboard-pagination li a {
	display: flex; align-items: center; justify-content: center;
	min-width: 36px; height: 36px; padding: 0 8px;
	border-radius: var(--kboard-radius); background: #fff;
	border: 1px solid var(--kboard-border); font-size: 14px; color: var(--kboard-text);
}
#kboard-thumbnail-list .kboard-pagination li.active a,
#kboard-thumbnail-list .kboard-pagination li a:hover {
	background: var(--kboard-primary); color: #fff; border-color: var(--kboard-primary);
}

/* ── Search ── */
#kboard-thumbnail-list .kboard-search {
	margin-bottom: 20px; text-align: center; padding: 20px;
	background: var(--kboard-bg-alt); border-radius: var(--kboard-radius); float: none;
}
#kboard-thumbnail-list .kboard-search form { display: inline-flex; gap: 8px; max-width: 100%; }
#kboard-thumbnail-list .kboard-search select { width: 100px; margin: 0; }
#kboard-thumbnail-list .kboard-search input { width: 200px; margin: 0; }

#kboard-thumbnail-list .kboard-control { display: flex; justify-content: flex-end; padding: 10px 0; float: none; }
.kboard-thumbnail-poweredby { text-align: right; font-size: 14px; color: #ccc; margin-top: 10px; float: none; width: 100%; }


/* ============================================
   Responsive
   ============================================ */
@media screen and (max-width: 1024px) {
	.kboard-youtube-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
}
@media screen and (max-width: 768px) {
	.kboard-youtube-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.kboard-youtube-body { padding: 10px 12px; }
	.kboard-youtube-title { font-size: 13px; }
	#kboard-thumbnail-list .kboard-search form { flex-direction: column; width: 100%; }
	#kboard-thumbnail-list .kboard-search select,
	#kboard-thumbnail-list .kboard-search input,
	#kboard-thumbnail-list .kboard-search button { width: 100% !important; margin: 0 !important; }
	#kboard-thumbnail-list .kboard-pagination ul { flex-wrap: wrap; justify-content: center; }
}
@media screen and (max-width: 480px) {
	.kboard-youtube-grid { grid-template-columns: 1fr; gap: 12px; }
}

/* Category PC/Mobile */
#kboard-thumbnail-list .kboard-category.category-mobile { display: none; }
#kboard-thumbnail-list .kboard-category.category-pc {
	display: block; margin-bottom: 20px; padding: 15px;
	background-color: var(--kboard-bg-alt); border-radius: var(--kboard-radius);
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list {
	list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px;
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li a {
	display: block; padding: 6px 16px; font-size: 14px; font-weight: 500;
	color: var(--kboard-text-muted); background-color: #fff;
	border: 1px solid var(--kboard-border); border-radius: 999px;
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {
	background-color: var(--kboard-primary); border-color: var(--kboard-primary); color: #fff;
}
@media screen and (max-width: 600px) {
	#kboard-thumbnail-list .kboard-category.category-pc { display: none; }
	#kboard-thumbnail-list .kboard-category.category-mobile {
		display: block; margin-bottom: 20px; padding: 10px;
		background: var(--kboard-bg-alt); border-radius: var(--kboard-radius);
	}
}


/* ============================================
   Document View - YouTube Embed
   ============================================ */
.kboard-youtube-embed {
	padding: 24px;
	background: #000;
}
.kboard-youtube-player {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
}
.kboard-youtube-player iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: none;
}

#kboard-thumbnail-document .kboard-document-wrap {
	background: #fff; border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius); overflow: hidden; float: none;
}
#kboard-thumbnail-document .kboard-title { float: none; }
#kboard-thumbnail-document .kboard-title h1 {
	margin: 0; padding: 24px; text-align: left; font-size: 24px;
	font-weight: 700; color: var(--kboard-text); border-bottom: 1px solid var(--kboard-border);
}
#kboard-thumbnail-document .kboard-detail {
	display: flex; flex-wrap: wrap; padding: 12px 24px; background: var(--kboard-bg-alt);
	font-size: 14px; gap: 20px; align-items: center; float: none;
	border: 0; border-bottom: 1px solid var(--kboard-border);
}
#kboard-thumbnail-document .kboard-detail .detail-attr { display: flex; align-items: center; gap: 8px; padding: 0; float: none; }
#kboard-thumbnail-document .kboard-detail .detail-name { font-weight: 600; color: var(--kboard-text-muted); float: none; }
#kboard-thumbnail-document .kboard-detail .detail-value { color: var(--kboard-text); float: none; padding: 0; }
#kboard-thumbnail-document .kboard-content { padding: 30px 24px; min-height: 100px; float: none; }
#kboard-thumbnail-document .content-view { font-size: 16px; line-height: 1.8; color: #334155; }
#kboard-thumbnail-document .kboard-document-action { padding: 10px 24px 20px; display: flex; justify-content: space-between; }
.kboard-button-action { border: 1px solid var(--kboard-border); background: #fff; padding: 6px 12px; border-radius: 4px; font-size: 13px; cursor: pointer; margin-right: 5px; font-weight: 500; }
.kboard-button-action:hover { background: var(--kboard-bg-alt); }
.kboard-button-like { color: #ef4444; }
.kboard-button-unlike { color: var(--kboard-primary); }
#kboard-thumbnail-document .kboard-control { display: flex; justify-content: space-between; padding: 20px 0; float: none; gap: 10px; }
#kboard-thumbnail-document .kboard-control .left,
#kboard-thumbnail-document .kboard-control .right { display: flex; flex-wrap: nowrap; gap: 8px; white-space: nowrap; }
.kboard-attach { border-top: 1px dashed var(--kboard-border); padding: 15px 24px; background: var(--kboard-bg-alt); margin: 0; }
.kboard-comments-area { float: none; width: 100%; margin-top: 20px; }
.kboard-document-navi { display: flex; gap: 10px; margin-top: 20px; float: none; padding: 0; }
#kboard-thumbnail-document .kboard-document-navi a {
	display: flex; align-items: center; gap: 8px; padding: 16px;
	border: 1px solid var(--kboard-border); background: #fff;
	border-radius: var(--kboard-radius); font-weight: 500; height: 100%;
}
#kboard-thumbnail-document .kboard-document-navi a:hover { border-color: var(--kboard-primary); color: var(--kboard-primary); }
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document,
#kboard-thumbnail-document .kboard-document-navi .kboard-next-document { float: none; width: 50%; }
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document a { justify-content: flex-start; }
#kboard-thumbnail-document .kboard-document-navi .kboard-next-document a { justify-content: flex-end; }
#kboard-thumbnail-document .kboard-document-navi .navi-arrow { position: static; }

/* Document Options - hide */
.kboard-document-add-option-value-wrap { display: none !important; }

@media screen and (max-width: 768px) {
	#kboard-thumbnail-document .kboard-control { flex-direction: column; gap: 10px; }
	#kboard-thumbnail-document .kboard-control .left,
	#kboard-thumbnail-document .kboard-control .right { width: 100%; justify-content: center; flex-wrap: wrap; }
	.kboard-document-navi { flex-direction: column; }
	#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document,
	#kboard-thumbnail-document .kboard-document-navi .kboard-next-document { width: 100%; }
}


/* ============================================
   Editor
   ============================================ */
#kboard-thumbnail-editor .kboard-attr-row {
	display: flex; flex-direction: column; margin-bottom: 16px; padding: 0;
	background: transparent; border-bottom: none; float: none;
}
#kboard-thumbnail-editor .attr-name {
	font-weight: 600; margin-bottom: 8px; font-size: 14px;
	width: 100% !important; float: none !important; text-align: left; padding: 0 !important;
}
#kboard-thumbnail-editor input[type=file] { margin: 0; padding: 8px 0; width: 100%; }
#kboard-thumbnail-editor .attr-value { margin: 0 !important; width: 100%; padding: 0; }
#kboard-thumbnail-editor input[type=text],
#kboard-thumbnail-editor input[type=email],
#kboard-thumbnail-editor input[type=password],
#kboard-thumbnail-editor select { width: 100% !important; }
#kboard-thumbnail-editor .kboard-content { border: none; padding: 0; margin: 0; background: transparent; float: none; }
#kboard-thumbnail-editor textarea { width: 100% !important; min-height: 200px; border: 1px solid var(--kboard-border); box-sizing: border-box; }
#kboard-thumbnail-editor .kboard-control { float: none; display: flex; justify-content: space-between; }
#kboard-thumbnail-editor .kboard-control .left,
#kboard-thumbnail-editor .kboard-control .right { float: none; width: auto; }

/* Editor YouTube Preview */
.kboard-youtube-preview img { border-radius: 8px; box-shadow: var(--kboard-shadow-sm); }

@media screen and (max-width: 768px) {
	#kboard-thumbnail-editor .kboard-control { flex-direction: column; gap: 10px; }
	#kboard-thumbnail-editor .kboard-control .left,
	#kboard-thumbnail-editor .kboard-control .right { width: 100%; text-align: center; display: flex; flex-direction: column; gap: 8px; }
}


/* ============================================
   Latest View (Widget)
   ============================================ */
#kboard-thumbnail-latest { width: 100%; background: #fff; border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius); overflow: hidden; }
#kboard-thumbnail-latest table { width: 100%; border-collapse: collapse; table-layout: fixed; border: 0; }
#kboard-thumbnail-latest thead th { padding: 10px; background: var(--kboard-bg-alt); border-bottom: 1px solid var(--kboard-border); font-size: 13px; color: var(--kboard-text-muted); font-weight: 600; text-align: center; }
#kboard-thumbnail-latest tbody tr { border-bottom: 1px solid var(--kboard-border); background: #fff; }
#kboard-thumbnail-latest tbody tr:last-child { border-bottom: none; }
#kboard-thumbnail-latest tbody tr:hover { background-color: var(--kboard-bg-alt); }
#kboard-thumbnail-latest td { padding: 12px 16px; vertical-align: middle; font-size: 14px; border: 0; }
#kboard-thumbnail-latest .kboard-latest-title { text-align: left; }
#kboard-thumbnail-latest .kboard-latest-title a { display: block; color: var(--kboard-text); }
#kboard-thumbnail-latest .kboard-latest-title a:hover { color: var(--kboard-primary); }
#kboard-thumbnail-latest .kboard-thumbnail-cut-strings { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ===== kboard-skin-thumbnail ===== */

/**
 * KBoard Default Skin - Modern 2026 Redesign
 * professionally crafted for global enterprise standards.
 */

:root {
	/* Palette */
	--kboard-primary: #2563eb;
	/* Modern Blue */
	--kboard-primary-hover: #1d4ed8;
	--kboard-text: #1e293b;
	/* Slate 800 */
	--kboard-text-muted: #64748b;
	/* Slate 500 */
	--kboard-bg: #ffffff;
	--kboard-bg-alt: #f8fafc;
	/* Slate 50 */
	--kboard-border: #e2e8f0;
	/* Slate 200 */
	--kboard-danger: #ef4444;

	/* Typography */
	--kboard-font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--kboard-font-size: 15px;

	/* Spacing & Radius */
	--kboard-radius: 8px;
	--kboard-spacing-sm: 8px;
	--kboard-spacing-md: 16px;
	--kboard-spacing-lg: 24px;

	/* Shadows */
	--kboard-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--kboard-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Global Reset within KBoard Container */
#kboard-thumbnail-list,
#kboard-thumbnail-document,
#kboard-thumbnail-editor,
#kboard-thumbnail-latest {
	font-family: var(--kboard-font-family);
	font-size: var(--kboard-font-size);
	color: var(--kboard-text);
	box-sizing: border-box;
	line-height: 1.6;
	margin: 20px 0;
}

#kboard-thumbnail-list *,
#kboard-thumbnail-document *,
#kboard-thumbnail-editor *,
#kboard-thumbnail-latest *,
#kboard-thumbnail-list *::before,
#kboard-thumbnail-document *::before,
#kboard-thumbnail-editor *::before,
#kboard-thumbnail-latest *::before,
#kboard-thumbnail-list *::after,
#kboard-thumbnail-document *::after,
#kboard-thumbnail-editor *::after,
#kboard-thumbnail-latest *::after {
	box-sizing: inherit;
}

#kboard-thumbnail-list a,
#kboard-thumbnail-document a,
#kboard-thumbnail-editor a,
#kboard-thumbnail-latest a {
	text-decoration: none;
	color: inherit;
	transition: color 0.2s;
}

#kboard-thumbnail-list img,
#kboard-thumbnail-document img,
#kboard-thumbnail-editor img,
#kboard-thumbnail-latest img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/* Buttons */
a.kboard-thumbnail-button-small,
input.kboard-thumbnail-button-small,
button.kboard-thumbnail-button-small {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 16px;
	font-size: 14px;
	font-weight: 500;
	color: #fff !important;
	background-color: var(--kboard-text) !important;
	border: 1px solid transparent;
	border-radius: var(--kboard-radius);
	cursor: pointer;
	transition: all 0.2s ease;
	line-height: 1;
	box-shadow: var(--kboard-shadow-sm);
	text-shadow: none;
}

a.kboard-thumbnail-button-small:hover,
button.kboard-thumbnail-button-small:hover {
	background-color: var(--kboard-primary) !important;
	transform: translateY(-1px);
	box-shadow: var(--kboard-shadow-md);
	opacity: 1 !important;
}

/* Lock Icon */
.kboard-icon-lock {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-right: 4px;
	background-color: var(--kboard-text-muted);
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* Reply Icon */
.kboard-icon-reply {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 4px;
	background-color: var(--kboard-text-muted);
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
	transform: none;
}

/* Image Icon */
.kboard-icon-thumbnail {
	display: block;
	width: 50px;
	height: 35px;
	margin: 0 auto;
	background-color: #b0b0b0;
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center/contain;
}

/* Form Elements Reset & Style */
#kboard-thumbnail-list input[type=text],
#kboard-thumbnail-document input[type=text],
#kboard-thumbnail-editor input[type=text],
#kboard-thumbnail-latest input[type=text],
#kboard-thumbnail-list input[type=email],
#kboard-thumbnail-document input[type=email],
#kboard-thumbnail-editor input[type=email],
#kboard-thumbnail-latest input[type=email],
#kboard-thumbnail-list input[type=password],
#kboard-thumbnail-document input[type=password],
#kboard-thumbnail-editor input[type=password],
#kboard-thumbnail-latest input[type=password],
#kboard-thumbnail-list input[type=number],
#kboard-thumbnail-document input[type=number],
#kboard-thumbnail-editor input[type=number],
#kboard-thumbnail-latest input[type=number],
#kboard-thumbnail-list input[type=date],
#kboard-thumbnail-document input[type=date],
#kboard-thumbnail-editor input[type=date],
#kboard-thumbnail-latest input[type=date],
#kboard-thumbnail-list select,
#kboard-thumbnail-document select,
#kboard-thumbnail-editor select,
#kboard-thumbnail-latest select,
#kboard-thumbnail-list textarea,
#kboard-thumbnail-document textarea,
#kboard-thumbnail-editor textarea,
#kboard-thumbnail-latest textarea {
	appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	padding: 8px 12px;
	font-size: 14px;
	color: var(--kboard-text);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	min-height: 40px;
	box-shadow: none;
	margin: 0;
}

#kboard-thumbnail-list input:focus,
#kboard-thumbnail-document input:focus,
#kboard-thumbnail-editor input:focus,
#kboard-thumbnail-latest input:focus,
#kboard-thumbnail-list select:focus,
#kboard-thumbnail-document select:focus,
#kboard-thumbnail-editor select:focus,
#kboard-thumbnail-latest select:focus,
#kboard-thumbnail-list textarea:focus,
#kboard-thumbnail-document textarea:focus,
#kboard-thumbnail-editor textarea:focus,
#kboard-thumbnail-latest textarea:focus {
	border-color: var(--kboard-primary);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
	border-bottom: 1px solid var(--kboard-primary) !important;
}

/* Select Custom Arrow (Restore Dropdown Icon) */
#kboard-thumbnail-list select,
#kboard-thumbnail-document select,
#kboard-thumbnail-editor select,
#kboard-thumbnail-latest select {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
	padding-right: 32px !important;
	cursor: pointer;
}

/* --- List View --- */
#kboard-thumbnail-list {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

/* Header (Total & Sort) */
#kboard-thumbnail-list .kboard-list-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: var(--kboard-spacing-md);
	flex-wrap: wrap;
	gap: 10px;
}

#kboard-thumbnail-list .kboard-total-count {
	float: none;
	font-weight: 600;
	color: var(--kboard-text-muted);
}

#kboard-thumbnail-list .kboard-sort {
	float: none;
}

#kboard-thumbnail-list .kboard-sort select {
	height: 36px;
	padding-right: 32px;
}

/* Categories */
#kboard-thumbnail-list .kboard-category .kboard-category-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0;
	margin: 0 0 20px 0;
	list-style: none;
	background: transparent;
	border: none;
}

#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list:last-child {
	margin-bottom: 0;
}

#kboard-thumbnail-list .kboard-category .kboard-category-list li {
	display: block;
	margin: 0;
	padding: 0;
}

#kboard-thumbnail-list .kboard-category .kboard-category-list li a {
	display: block;
	padding: 6px 14px;
	border-radius: 20px;
	background-color: var(--kboard-bg-alt);
	color: var(--kboard-text-muted);
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s;
	border: 1px solid var(--kboard-border);
}

#kboard-thumbnail-list .kboard-category .kboard-category-list li.kboard-category-selected a,
#kboard-thumbnail-list .kboard-category .kboard-category-list li a:hover {
	background-color: var(--kboard-primary);
	color: #fff;
	text-decoration: none;
	border-color: var(--kboard-primary);
	font-weight: 500;
}

/* Table Listing */
#kboard-thumbnail-list .kboard-list {
	background: #fff;
	border-radius: var(--kboard-radius);
	overflow: hidden;
	border: 1px solid var(--kboard-border);
	box-shadow: var(--kboard-shadow-sm);
}

#kboard-thumbnail-list .kboard-list table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border: 0;
	margin: 0;
}

#kboard-thumbnail-list .kboard-list thead {
	background-color: var(--kboard-bg-alt);
	border-bottom: 1px solid var(--kboard-border);
}

#kboard-thumbnail-list .kboard-list thead td {
	padding: 12px 16px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 600;
	color: var(--kboard-text-muted);
	text-align: center;
	border: 0;
	border-bottom: 1px solid var(--kboard-border);
}

#kboard-thumbnail-list .kboard-list tbody tr {
	background: #fff;
	border: 0;
	border-bottom: 1px solid var(--kboard-border);
	transition: background-color 0.1s;
}

#kboard-thumbnail-list .kboard-list tbody tr:last-child {
	border-bottom: none;
}

#kboard-thumbnail-list .kboard-list tbody tr:hover {
	background-color: var(--kboard-bg-alt);
}

#kboard-thumbnail-list .kboard-list td {
	padding: 16px;
	vertical-align: middle;
	text-align: center;
	border: 0;
	font-size: 15px;
}

#kboard-thumbnail-list .kboard-list td.kboard-list-title {
	text-align: left;
	width: auto;
}

/* Notice & Popular Rows */
#kboard-thumbnail-list .kboard-list tbody tr.kboard-list-notice {
	background-color: #eff6ff;
}

#kboard-thumbnail-list .kboard-list tbody tr.kboard-list-notice:hover {
	background-color: #dbeafe;
}

/* Selected Row (Current Post) */
#kboard-thumbnail-list .kboard-list tbody tr.kboard-list-selected {
	background-color: #f0f9ff;
	border-left: 3px solid var(--kboard-primary);
}

#kboard-thumbnail-list .kboard-list tbody tr.kboard-list-selected .kboard-list-title a {
	font-weight: 700;
	color: var(--kboard-primary);
}

/* Icons & Labels */
.kboard-thumbnail-new-notify {
	background-color: var(--kboard-danger);
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 700;
	vertical-align: middle;
	margin-right: 6px;
}

.kboard-thumbnail-cut-strings {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
}

#kboard-thumbnail-list .kboard-list-title a {
	color: var(--kboard-text);
	text-decoration: none;
	transition: color 0.15s;
}

#kboard-thumbnail-list .kboard-list-title a:hover {
	color: var(--kboard-primary);
}

.kboard-comments-count {
	font-size: 12px;
	color: var(--kboard-primary);
	font-weight: 600;
	margin-left: 4px;
	background: rgba(37, 99, 235, 0.1);
	padding: 2px 6px;
	border-radius: 12px;
}

.kboard-comments-count:empty {
	display: none;
}

/* Mobile Contents hidden on Desktop */
#kboard-thumbnail-list .kboard-mobile-contents {
	display: none;
	margin-top: 6px;
	font-size: 13px;
	color: var(--kboard-text-muted);
}

/* Column Widths (Desktop) */
#kboard-thumbnail-list .kboard-list-uid {
	width: 90px;
	/* Slightly wider */
	color: var(--kboard-text-muted);
	font-size: 13px;
	word-break: keep-all;
	/* Prevent Notice from breaking */
}

/* Specific style for notice text in UID column */
#kboard-thumbnail-list .kboard-list-notice .kboard-list-uid {
	font-weight: 700;
	font-size: 12px;
	/* Smaller font for notice */
	color: var(--kboard-primary);
}

#kboard-thumbnail-list .kboard-list-user {
	width: 120px;
}

#kboard-thumbnail-list .kboard-list-date {
	width: 110px;
	color: var(--kboard-text-muted);
	font-size: 13px;
}

#kboard-thumbnail-list .kboard-list-vote {
	width: 70px;
	color: var(--kboard-text-muted);
	font-size: 13px;
}

#kboard-thumbnail-list .kboard-list-view {
	width: 70px;
	color: var(--kboard-text-muted);
	font-size: 13px;
}

/* Pagination */
#kboard-thumbnail-list .kboard-pagination {
	padding: 30px 0;
	text-align: center;
	float: none;
}

#kboard-thumbnail-list .kboard-pagination ul {
	display: inline-flex;
	padding: 0;
	list-style: none;
	gap: 4px;
}

#kboard-thumbnail-list .kboard-pagination li {
	display: block;
	margin: 0;
}

#kboard-thumbnail-list .kboard-pagination li a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 8px;
	border-radius: var(--kboard-radius);
	background: #fff;
	border: 1px solid var(--kboard-border);
	font-size: 14px;
	color: var(--kboard-text);
	box-shadow: none;
}

#kboard-thumbnail-list .kboard-pagination li.active a,
#kboard-thumbnail-list .kboard-pagination li a:hover {
	background: var(--kboard-primary);
	color: #fff;
	border-color: var(--kboard-primary);
}

/* Search Bar */
#kboard-thumbnail-list .kboard-search {
	margin-bottom: 20px;
	text-align: center;
	padding: 20px;
	background: var(--kboard-bg-alt);
	border-radius: var(--kboard-radius);
	float: none;
}

#kboard-thumbnail-list .kboard-search form {
	display: inline-flex;
	gap: 8px;
	max-width: 100%;
}

#kboard-thumbnail-list .kboard-search select {
	width: 100px;
	margin: 0;
}

#kboard-thumbnail-list .kboard-search input {
	width: 200px;
	margin: 0;
}

/* Bottom Control */
#kboard-thumbnail-list .kboard-control {
	display: flex;
	justify-content: flex-end;
	padding: 10px 0;
	float: none;
}

/* Powered By - Subtle */
.kboard-thumbnail-poweredby {
	text-align: right;
	font-size: 14px;
	color: #ccc;
	margin-top: 10px;
	float: none;
	width: 100%;
}

/* --- Document View --- */
#kboard-thumbnail-document .kboard-document-wrap {
	background: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	overflow: hidden;
	float: none;
}

#kboard-thumbnail-document .kboard-title {
	float: none;
}

#kboard-thumbnail-document .kboard-title h1 {
	margin: 0;
	padding: 24px;
	text-align: left;
	font-size: 24px;
	font-weight: 700;
	color: var(--kboard-text);
	border-bottom: 1px solid var(--kboard-border);
}

#kboard-thumbnail-document .kboard-detail {
	display: flex;
	flex-wrap: wrap;
	padding: 12px 24px;
	background: var(--kboard-bg-alt);
	font-size: 14px;
	gap: 20px;
	align-items: center;
	float: none;
	border: 0;
	border-bottom: 1px solid var(--kboard-border);
}

#kboard-thumbnail-document .kboard-detail .detail-attr {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	float: none;
}

#kboard-thumbnail-document .kboard-detail .detail-name {
	font-weight: 600;
	color: var(--kboard-text-muted);
	float: none;
	text-align: left;
}

#kboard-thumbnail-document .kboard-detail .detail-value {
	color: var(--kboard-text);
	float: none;
	padding: 0;
}

/* Content */
#kboard-thumbnail-document .kboard-content {
	padding: 30px 24px;
	min-height: 200px;
	float: none;
}

#kboard-thumbnail-document .content-view {
	font-size: 16px;
	line-height: 1.8;
	color: #334155;
	/* Slate 700 */
	padding: 0;
}

/* Document Actions (Like/Unlike/Print) */
#kboard-thumbnail-document .kboard-document-action {
	padding: 10px 24px 20px;
	display: flex;
	justify-content: space-between;
}

.kboard-button-action {
	border: 1px solid var(--kboard-border);
	background: #fff;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	margin-right: 5px;
	font-weight: 500;
}

.kboard-button-action:hover {
	background: var(--kboard-bg-alt);
}

.kboard-button-like {
	color: #ef4444;
}

.kboard-button-unlike {
	color: var(--kboard-primary);
}

/* Document Control Buttons (List, Reply, Edit, Delete) */
#kboard-thumbnail-document .kboard-control {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	float: none;
	gap: 10px;
}

#kboard-thumbnail-document .kboard-control .left,
#kboard-thumbnail-document .kboard-control .right {
	display: flex;
	flex-wrap: nowrap;
	/* Prevent wrapping */
	gap: 8px;
	white-space: nowrap;
	/* Keep text on one line */
}

/* Attachments */
.kboard-attach {
	border-top: 1px dashed var(--kboard-border);
	padding: 15px 24px;
	background: var(--kboard-bg-alt);
	margin: 0;
}

/* Comments & Navi */
.kboard-comments-area {
	float: none;
	width: 100%;
	margin-top: 20px;
}

.kboard-document-navi {
	display: flex;
	gap: 10px;
	margin-top: 20px;
	float: none;
	padding: 0;
}

/* Document Added Options Group Container */
.kboard-document-options-group {
	margin-bottom: 40px;
	border: none;
	background: transparent;
	padding: 0;
}

/* Individual Option Wrapper (Row Style) */
.kboard-document-add-option-value-wrap {
	background-color: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	padding: 0;
	margin-bottom: 12px;
	/* Margin between rows */
	overflow: hidden;
	/* For radius */
	display: block;
}

.kboard-document-add-option-value-wrap:last-child {
	border-bottom: 1px solid var(--kboard-border);
	margin-bottom: 0px;
}

/* Inner Option Layout */
.kboard-document-add-option-value {
	display: flex;
	align-items: stretch;
	/* Stretch to fill height */
	padding: 0;
	min-height: 48px;
	/* Minimum row height */
	border: none;
}

.kboard-document-add-option-value .option-name {
	width: 160px;
	background-color: #f8fafc;
	border-right: 1px solid var(--kboard-border);
	font-weight: 600;
	color: var(--kboard-text);
	/* Matched text color */
	padding: 14px 20px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	font-size: 15px;
	/* Increased to match content */
}

.kboard-document-add-option-value .option-separator {
	display: none;
}

.kboard-document-add-option-value .option-value {
	color: var(--kboard-text);
	padding: 14px 20px;
	display: flex;
	align-items: center;
	flex-grow: 1;
	word-break: break-all;
	font-size: 15px;
	/* Same size as label */
}

.kboard-document-add-option-value-wrap hr {
	display: none;
}

/* Mobile Responsive for Options */
@media screen and (max-width: 600px) {
	.kboard-document-options-group {
		padding: 0;
	}

	.kboard-document-add-option-value {
		flex-direction: column;
	}

	.kboard-document-add-option-value .option-name {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid var(--kboard-border);
		padding: 12px 16px;
		/* Adjusted padding */
		background-color: #f8fafc;
		color: var(--kboard-text);
		font-size: 15px;
		/* Maintain 15px on mobile */
	}

	.kboard-document-add-option-value .option-value {
		padding: 12px 16px;
		display: block;
		/* Allow block layout for content */
		align-items: flex-start;
	}

	.kboard-document-add-option-value-wrap {
		margin-bottom: 16px;
		/* More space on mobile */
	}
}

#kboard-thumbnail-document .kboard-document-navi a {
	display: flex;
	align-items: center;
	gap: 8px;
	/* space between arrow and text */
	padding: 16px;
	border: 1px solid var(--kboard-border);
	background: #fff;
	border-radius: var(--kboard-radius);
	margin-bottom: 0;
	font-weight: 500;
	height: 100%;
}

#kboard-thumbnail-document .kboard-document-navi a:hover {
	border-color: var(--kboard-primary);
	color: var(--kboard-primary);
	box-shadow: var(--kboard-shadow-sm);
}

#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document,
#kboard-thumbnail-document .kboard-document-navi .kboard-next-document {
	float: none;
	width: 50%;
}

#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document a {
	justify-content: flex-start;
	text-align: left;
}

#kboard-thumbnail-document .kboard-document-navi .kboard-next-document a {
	justify-content: flex-end;
	text-align: right;
}

#kboard-thumbnail-document .kboard-document-navi .navi-arrow {
	position: static;
}

#kboard-thumbnail-document .kboard-control {
	float: none;
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}

#kboard-thumbnail-document .kboard-control .left,
#kboard-thumbnail-document .kboard-control .right {
	float: none;
	position: static;
}

/* --- Editor --- */
#kboard-thumbnail-editor .kboard-attr-row {
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
	padding: 0;
	background: transparent;
	border-bottom: none;
	float: none;
}

#kboard-thumbnail-editor .attr-name {
	font-weight: 600;
	margin-bottom: 8px;
	font-size: 14px;
	width: 100% !important;
	float: none !important;
	text-align: left;
	padding: 0 !important;
}

#kboard-thumbnail-editor input[type=file] {
	margin: 0;
	padding: 8px 0;
	width: 100%;
}

#kboard-thumbnail-editor .attr-value {
	margin: 0 !important;
	width: 100%;
	padding: 0;
}

#kboard-thumbnail-editor .attr-value .attr-value-option {
	display: inline-flex;
	align-items: center;
	margin-right: 16px;
	cursor: pointer;
	font-size: 14px;
	color: var(--kboard-text);
}

#kboard-thumbnail-editor .attr-value .attr-value-option input[type=checkbox] {
	appearance: none;
	-webkit-appearance: none;
	width: 18px !important;
	height: 18px !important;
	border: 1px solid var(--kboard-border);
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
	outline: none;
	margin: 0 8px 0 0;
	/* Reset margins */
}

#kboard-thumbnail-editor .attr-value .attr-value-option input[type=checkbox]:checked {
	background-color: var(--kboard-primary);
	border-color: var(--kboard-primary);
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#kboard-thumbnail-editor input[type=text],
#kboard-thumbnail-editor input[type=email],
#kboard-thumbnail-editor input[type=password],
#kboard-thumbnail-editor select {
	width: 100% !important;
}

#kboard-thumbnail-editor .kboard-content {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
	float: none;
}

#kboard-thumbnail-editor textarea {
	width: 100% !important;
	min-height: 400px;
	border: 1px solid var(--kboard-border);
	box-sizing: border-box;
}

#kboard-thumbnail-editor .kboard-control {
	float: none;
	display: flex;
	justify-content: space-between;
}

#kboard-thumbnail-editor .kboard-control .left,
#kboard-thumbnail-editor .kboard-control .right {
	float: none;
	width: auto;
}

/* --- Confirm (Password) Page --- */
#kboard-thumbnail-editor.confirm {
	max-width: 400px;
	margin: 60px auto;
	padding: 30px;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	background: #fff;
	box-shadow: var(--kboard-shadow-md);
}

#kboard-thumbnail-editor.confirm .kboard-confirm-row {
	margin-bottom: 24px;
}

#kboard-thumbnail-editor.confirm .attr-name {
	margin-bottom: 10px;
}

#kboard-thumbnail-editor.confirm .description {
	color: var(--kboard-danger);
	font-size: 13px;
	margin-top: 8px;
	font-weight: 500;
}

#kboard-thumbnail-editor.confirm input[type=password] {
	width: 100%;
}

#kboard-thumbnail-editor.confirm .kboard-control {
	justify-content: center;
	flex-direction: column-reverse;
	gap: 10px;
}

#kboard-thumbnail-editor.confirm .kboard-control .left,
#kboard-thumbnail-editor.confirm .kboard-control .right {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	margin: 0;
}

#kboard-thumbnail-editor.confirm .kboard-control button {
	width: 100%;
	height: 40px;
	font-size: 15px;
}

#kboard-thumbnail-editor.confirm .kboard-control a {
	width: 100%;
	height: 40px;
	background: #fff !important;
	color: var(--kboard-text-muted) !important;
	border: 1px solid var(--kboard-border);
	box-shadow: none;
}

#kboard-thumbnail-editor.confirm .kboard-control a:hover {
	background: var(--kboard-bg-alt) !important;
	color: var(--kboard-text) !important;
	border-color: var(--kboard-text-muted);
}

/* Tree Category in Editor */
#kboard-thumbnail-editor .kboard-tree-category-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	margin-bottom: 20px;
}

#kboard-thumbnail-editor .kboard-tree-category-wrap select {
	flex: 1;
	min-width: 120px;
	width: auto;
}

/* --- Address Field (Postcode) --- */
#kboard-thumbnail-editor .kboard-row-postcode {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

#kboard-thumbnail-editor .kboard-row-postcode input[type=text] {
	width: 150px !important;
	flex: 0 0 auto;
	/* Fixed width */
}

#kboard-thumbnail-editor .kboard-row-postcode button {
	height: 40px;
	flex: 0 0 auto;
	white-space: nowrap;
	margin: 0 !important;
}

#kboard-thumbnail-editor .kboard-row-address-1,
#kboard-thumbnail-editor .kboard-row-address-2 {
	display: block;
	width: 100%;
	margin-bottom: 8px;
}

#kboard-thumbnail-editor .kboard-row-address-2 {
	margin-bottom: 0;
}

#kboard-thumbnail-editor .kboard-row-address-1 input[type=text],
#kboard-thumbnail-editor .kboard-row-address-2 input[type=text] {
	width: 100% !important;
}

/* --- Latest View (Widget) --- */
#kboard-thumbnail-latest {
	width: 100%;
	background: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	overflow: hidden;
	box-sizing: border-box;
}

#kboard-thumbnail-latest table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border: 0;
}

#kboard-thumbnail-latest thead th {
	padding: 10px;
	background: var(--kboard-bg-alt);
	border-bottom: 1px solid var(--kboard-border);
	font-size: 13px;
	color: var(--kboard-text-muted);
	font-weight: 600;
	text-align: center;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

#kboard-thumbnail-latest tbody tr {
	border-bottom: 1px solid var(--kboard-border);
	background: #fff;
}

#kboard-thumbnail-latest tbody tr:last-child {
	border-bottom: none;
}

#kboard-thumbnail-latest tbody tr:hover {
	background-color: var(--kboard-bg-alt);
}

#kboard-thumbnail-latest td {
	padding: 12px 16px;
	vertical-align: middle;
	font-size: 14px;
	border: 0;
}

#kboard-thumbnail-latest .kboard-latest-title {
	text-align: left;
}

#kboard-thumbnail-latest .kboard-latest-title a {
	display: block;
	color: var(--kboard-text);
	text-decoration: none;
}

#kboard-thumbnail-latest .kboard-latest-title a:hover {
	color: var(--kboard-primary);
}

#kboard-thumbnail-latest .kboard-thumbnail-cut-strings {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#kboard-thumbnail-latest .kboard-latest-date,
#kboard-thumbnail-latest .kboard-latest-author {
	color: var(--kboard-text-muted);
	font-size: 13px;
	text-align: center;
	width: 90px;
}

/* --- Responsive Media Query --- */
@media screen and (max-width: 768px) {

	/* Hide complex table headers */
	#kboard-thumbnail-list .kboard-list thead {
		display: none;
	}

	/* Make rows into cards */
	#kboard-thumbnail-list .kboard-list tbody tr {
		display: block;
		padding: 16px;
		border-bottom: 1px solid var(--kboard-border);
	}

	/* Hide unneeded columns */
	#kboard-thumbnail-list .kboard-list-uid,
	#kboard-thumbnail-list .kboard-list-date,
	#kboard-thumbnail-list .kboard-list-vote,
	#kboard-thumbnail-list .kboard-list-view,
	#kboard-thumbnail-list .kboard-list-user {
		display: none;
	}

	/* Title takes full width */
	#kboard-thumbnail-list .kboard-list td.kboard-list-title {
		display: block;
		padding: 0;
		width: 100%;
		text-align: left;
	}

	#kboard-thumbnail-list .kboard-list-title .kboard-thumbnail-cut-strings {
		white-space: normal;
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 8px;
	}

	/* Show Mobile Contents */
	#kboard-thumbnail-list .kboard-mobile-contents {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		align-items: center;
		font-size: 12px;
	}

	#kboard-thumbnail-list .kboard-mobile-contents .contents-separator {
		color: #e2e8f0;
	}

	/* Search Stack */
	#kboard-thumbnail-list .kboard-search form {
		flex-direction: column;
		width: 100%;
	}

	#kboard-thumbnail-list .kboard-search select,
	#kboard-thumbnail-list .kboard-search input,
	#kboard-thumbnail-list .kboard-search button {
		width: 100% !important;
		margin: 0 !important;
	}

	/* Document Control Mobile */
	#kboard-thumbnail-document .kboard-control {
		flex-direction: column;
		gap: 10px;
	}

	#kboard-thumbnail-document .kboard-control .left,
	#kboard-thumbnail-document .kboard-control .right {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
		white-space: normal;
	}

	#kboard-thumbnail-document .kboard-control a,
	#kboard-thumbnail-document .kboard-control button {
		flex: 1;
		text-align: center;
		min-width: 0;
	}

	/* Editor */
	#kboard-thumbnail-editor .kboard-control {
		flex-direction: column;
		gap: 10px;
	}

	#kboard-thumbnail-editor .kboard-control .left,
	#kboard-thumbnail-editor .kboard-control .right {
		width: 100%;
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	/* Pagination Mobile */
	#kboard-thumbnail-list .kboard-pagination ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	/* Latest Mobile */
	#kboard-thumbnail-latest thead,
	#kboard-thumbnail-latest .kboard-latest-author {
		display: none;
	}

	#kboard-thumbnail-latest tbody tr {
		display: flex;
		flex-direction: column;
		padding: 8px 0;
	}

	#kboard-thumbnail-latest td.kboard-latest-title {
		display: block;
		width: 100%;
		padding-bottom: 4px;
		border: none;
	}

	#kboard-thumbnail-latest td.kboard-latest-date {
		display: block;
		width: 100%;
		text-align: left;
		font-size: 12px;
		padding-top: 5px;
		padding-bottom: 8px;
		border: none;
		color: var(--kboard-text-muted);
	}

	/* Document Navi Mobile */
	.kboard-document-navi {
		flex-direction: column;
	}

	#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document,
	#kboard-thumbnail-document .kboard-document-navi .kboard-next-document {
		width: 100%;
	}
}

/* ============================================
   Tree Category Search (Default)
   ============================================ */
#kboard-thumbnail-list .kboard-tree-category-search {
	margin-bottom: 20px;
	padding: 15px;
	background: var(--kboard-bg-alt);
	border-radius: var(--kboard-radius);
	text-align: left;
	/* Changed to left */
}

#kboard-thumbnail-list .kboard-tree-category-search .kboard-tree-category-wrap {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
	/* Changed to flex-start */
	align-items: center;
}

/* Individual Select Wrapper */
#kboard-thumbnail-list .kboard-tree-category-search .kboard-search-option-wrap {
	display: inline-block;
}

/* Select Box Style */
#kboard-thumbnail-list .kboard-tree-category-search select {
	height: 38px;
	padding: 0 36px 0 16px;
	border: 1px solid var(--kboard-border);
	border-radius: 999px;
	/* Pill Shape */
	background-color: #fff;
	font-size: 14px;
	color: var(--kboard-text-muted);
	font-weight: 500;
	min-width: 120px;
	cursor: pointer;
	transition: all 0.2s ease;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236b7280%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 10px;
}

#kboard-thumbnail-list .kboard-tree-category-search select:hover {
	border-color: var(--kboard-primary);
	color: var(--kboard-primary);
	background-color: var(--kboard-bg-alt);
}

#kboard-thumbnail-list .kboard-tree-category-search select:focus {
	border-color: var(--kboard-primary);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
	outline: none;
}

/* =========================================================
   Category Styles (PC vs Mobile) - Default Skin
   ========================================================= */

/* Default: Show PC, Hide Mobile */
#kboard-thumbnail-list .kboard-category.category-mobile {
	display: none;
}

#kboard-thumbnail-list .kboard-category.category-pc {
	display: block;
	margin-bottom: 20px;
	padding: 15px;
	background-color: var(--kboard-bg-alt);
	border-radius: var(--kboard-radius);
}

/* PC Category List Style */
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	/* Gap between rows of categories */
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
}

#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li a {
	display: block;
	padding: 6px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--kboard-text-muted);
	background-color: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: 999px;
	/* Pill shape */
	transition: all 0.2s ease;
	text-decoration: none;
}

#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li a:hover {
	border-color: var(--kboard-primary);
	color: var(--kboard-primary);
	background-color: var(--kboard-bg-alt);
}

/* Selected Category */
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {
	background-color: var(--kboard-primary);
	border-color: var(--kboard-primary);
	color: #fff;
	font-weight: 600;
	box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}

/* Mobile Category Style Base */
#kboard-thumbnail-list .kboard-category.category-mobile select {
	width: auto;
	min-width: 120px;
	height: 38px;
	padding: 0 12px;
	margin-right: 5px;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	background-color: #fff;
	font-size: 14px;
	color: var(--kboard-text);
}

/* --- Mobile Media Query for Category --- */
@media screen and (max-width: 600px) {
	#kboard-thumbnail-list .kboard-category.category-pc {
		display: none;
	}

	#kboard-thumbnail-list .kboard-category.category-mobile {
		display: block;
		margin-bottom: 20px;
		padding: 10px;
		background: var(--kboard-bg-alt);
		border-radius: var(--kboard-radius);
	}

	#kboard-thumbnail-list .kboard-category.category-mobile form {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	#kboard-thumbnail-list .kboard-category.category-mobile select {
		flex: 1;
		width: 100%;
		min-width: 140px;
		/* Don't get too small */
	}
}

/* =========================================================
   Thumbnail Skin Unique Styles
   ========================================================= */

/* Thumbnail Column */
#kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail {
	width: 180px;
	padding: 10px;
	text-align: center;
}

/* Thumbnail Header (thead) */
#kboard-thumbnail-list .kboard-list thead td.kboard-list-thumbnail {
	width: 180px;
	padding: 12px 16px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 600;
	color: var(--kboard-text-muted);
	text-align: center;
}

#kboard-thumbnail-list .kboard-list tbody td.kboard-list-thumbnail .icon-picture {
	font-size: 20px;
	color: var(--kboard-text-muted);
}

#kboard-thumbnail-list .kboard-list tbody td.kboard-list-thumbnail img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 160px;
	height: auto;
	border-radius: var(--kboard-radius);
	object-fit: cover;
	aspect-ratio: 16/9;
	box-shadow: var(--kboard-shadow-sm);
}

/* Mobile: Thumbnail in mobile contents */
#kboard-thumbnail-list .kboard-list .kboard-mobile-contents .contents-thumbnail {
	float: left;
	display: inline;
	margin: 0 16px 8px 0;
	width: 100px;
	height: 75px;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	object-fit: cover;
	aspect-ratio: 4/3;
}

/* Mobile: Hide desktop thumbnail column */
@media screen and (max-width: 768px) {
	#kboard-thumbnail-list .kboard-list-thumbnail {
		display: none;
	}

	#kboard-thumbnail-list .kboard-list .kboard-mobile-contents .contents-thumbnail {
		display: block;
	}
}

/* ============================================
   Editor.js Visibility & Usability Patch
   ============================================ */
#kboard-editor-root,
.kboard-editor-root-editorjs,
.kboard-editor-scaffold {
	--kboard-editorjs-left-gutter: 44px;
	position: relative;
	margin: 8px 0 0;
	padding: 12px;
	min-height: 280px;
	background-color: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
	overflow: visible;
}

@media screen and (max-width: 768px) {
	#kboard-editor-root,
	.kboard-editor-root-editorjs,
	.kboard-editor-scaffold {
		--kboard-editorjs-left-gutter: 36px;
	}
}

#kboard-editor-root:focus-within,
.kboard-editor-root-editorjs:focus-within,
.kboard-editor-scaffold:focus-within {
	border-color: var(--kboard-primary);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

#kboard-editor-root .codex-editor,
.kboard-editor-root-editorjs .codex-editor,
.kboard-editor-scaffold .codex-editor {
	position: relative;
	z-index: 1;
	overflow: visible;
}

#kboard-editor-root .codex-editor__redactor,
.kboard-editor-root-editorjs .codex-editor__redactor,
.kboard-editor-scaffold .codex-editor__redactor {
	overflow: visible;
}

#kboard-editor-root .ce-block,
.kboard-editor-root-editorjs .ce-block,
.kboard-editor-scaffold .ce-block {
	padding: 2px 0;
	margin-bottom: 8px;
}

#kboard-editor-root .ce-block:last-child,
.kboard-editor-root-editorjs .ce-block:last-child,
.kboard-editor-scaffold .ce-block:last-child {
	margin-bottom: 0;
}

#kboard-editor-root .ce-block__content,
#kboard-editor-root .ce-toolbar__content,
.kboard-editor-root-editorjs .ce-block__content,
.kboard-editor-root-editorjs .ce-toolbar__content,
.kboard-editor-scaffold .ce-block__content,
.kboard-editor-scaffold .ce-toolbar__content {
	max-width: calc(100% - var(--kboard-editorjs-left-gutter));
	margin-left: var(--kboard-editorjs-left-gutter);
	margin-right: 0;
}

#kboard-editor-root .ce-paragraph,
#kboard-editor-root .ce-header,
#kboard-editor-root .cdx-list,
.kboard-editor-root-editorjs .ce-paragraph,
.kboard-editor-root-editorjs .ce-header,
.kboard-editor-root-editorjs .cdx-list,
.kboard-editor-scaffold .ce-paragraph,
.kboard-editor-scaffold .ce-header,
.kboard-editor-scaffold .cdx-list {
	color: var(--kboard-text);
	line-height: 1.7;
}

#kboard-editor-root .ce-paragraph[data-placeholder]:empty::before,
#kboard-editor-root .ce-header[data-placeholder]:empty::before,
.kboard-editor-root-editorjs .ce-paragraph[data-placeholder]:empty::before,
.kboard-editor-root-editorjs .ce-header[data-placeholder]:empty::before,
.kboard-editor-scaffold .ce-paragraph[data-placeholder]:empty::before,
.kboard-editor-scaffold .ce-header[data-placeholder]:empty::before {
	color: var(--kboard-text-muted);
	opacity: 0.7;
}

#kboard-editor-root .ce-toolbar,
#kboard-editor-root .ce-inline-toolbar,
#kboard-editor-root .ce-popover,
#kboard-editor-root .ce-conversion-toolbar,
#kboard-editor-root .ce-settings,
.kboard-editor-root-editorjs .ce-toolbar,
.kboard-editor-root-editorjs .ce-inline-toolbar,
.kboard-editor-root-editorjs .ce-popover,
.kboard-editor-root-editorjs .ce-conversion-toolbar,
.kboard-editor-root-editorjs .ce-settings,
.kboard-editor-scaffold .ce-toolbar,
.kboard-editor-scaffold .ce-inline-toolbar,
.kboard-editor-scaffold .ce-popover,
.kboard-editor-scaffold .ce-conversion-toolbar,
.kboard-editor-scaffold .ce-settings {
	left: 0;
	right: 0;
	overflow: visible;
	visibility: visible;
	opacity: 1;
	z-index: 1000;
}

#kboard-editor-root .ce-toolbar__plus,
#kboard-editor-root .ce-toolbar__settings-btn,
.kboard-editor-root-editorjs .ce-toolbar__plus,
.kboard-editor-root-editorjs .ce-toolbar__settings-btn,
.kboard-editor-scaffold .ce-toolbar__plus,
.kboard-editor-scaffold .ce-toolbar__settings-btn {
	visibility: visible;
	opacity: 1;
	color: var(--kboard-text);
	background-color: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: 999px;
	box-shadow: var(--kboard-shadow-sm);
}

#kboard-editor-root .ce-toolbar__plus:hover,
#kboard-editor-root .ce-toolbar__plus:focus,
#kboard-editor-root .ce-toolbar__settings-btn:hover,
#kboard-editor-root .ce-toolbar__settings-btn:focus,
.kboard-editor-root-editorjs .ce-toolbar__plus:hover,
.kboard-editor-root-editorjs .ce-toolbar__plus:focus,
.kboard-editor-root-editorjs .ce-toolbar__settings-btn:hover,
.kboard-editor-root-editorjs .ce-toolbar__settings-btn:focus,
.kboard-editor-scaffold .ce-toolbar__plus:hover,
.kboard-editor-scaffold .ce-toolbar__plus:focus,
.kboard-editor-scaffold .ce-toolbar__settings-btn:hover,
.kboard-editor-scaffold .ce-toolbar__settings-btn:focus {
	color: var(--kboard-primary);
	border-color: var(--kboard-primary);
	background-color: var(--kboard-bg-alt);
}

#kboard-editor-root .ce-block:focus-within .ce-toolbar__plus,
#kboard-editor-root .ce-block:focus-within .ce-toolbar__settings-btn,
#kboard-editor-root .ce-block--focused .ce-toolbar__plus,
#kboard-editor-root .ce-block--focused .ce-toolbar__settings-btn,
#kboard-editor-root .ce-block--empty .ce-toolbar__plus,
#kboard-editor-root .ce-block--empty .ce-toolbar__settings-btn,
.kboard-editor-root-editorjs .ce-block:focus-within .ce-toolbar__plus,
.kboard-editor-root-editorjs .ce-block:focus-within .ce-toolbar__settings-btn,
.kboard-editor-root-editorjs .ce-block--focused .ce-toolbar__plus,
.kboard-editor-root-editorjs .ce-block--focused .ce-toolbar__settings-btn,
.kboard-editor-root-editorjs .ce-block--empty .ce-toolbar__plus,
.kboard-editor-root-editorjs .ce-block--empty .ce-toolbar__settings-btn,
.kboard-editor-scaffold .ce-block:focus-within .ce-toolbar__plus,
.kboard-editor-scaffold .ce-block:focus-within .ce-toolbar__settings-btn,
.kboard-editor-scaffold .ce-block--focused .ce-toolbar__plus,
.kboard-editor-scaffold .ce-block--focused .ce-toolbar__settings-btn,
.kboard-editor-scaffold .ce-block--empty .ce-toolbar__plus,
.kboard-editor-scaffold .ce-block--empty .ce-toolbar__settings-btn {
	visibility: visible;
	opacity: 1;
}

#kboard-editor-root .ce-popover,
#kboard-editor-root .ce-conversion-toolbar,
.kboard-editor-root-editorjs .ce-popover,
.kboard-editor-root-editorjs .ce-conversion-toolbar,
.kboard-editor-scaffold .ce-popover,
.kboard-editor-scaffold .ce-conversion-toolbar {
	border: 1px solid var(--kboard-border);
	box-shadow: var(--kboard-shadow-sm);
}

.kboard-content hr,
.kboard-content .kboard-editorjs-delimiter,
.kboard-content .kboard-editorjs-block-delimiter,
.kboard-document-content hr,
.kboard-document-content .kboard-editorjs-delimiter,
.kboard-document-content .kboard-editorjs-block-delimiter {
	margin: 18px 0;
	border: 0;
	height: 0;
	border-top: 1px solid var(--kboard-border);
}

.kboard-content pre,
.kboard-content .kboard-editorjs-code,
.kboard-content .kboard-editorjs-block-code,
.kboard-document-content pre,
.kboard-document-content .kboard-editorjs-code,
.kboard-document-content .kboard-editorjs-block-code {
	margin: 16px 0;
	padding: 12px;
	overflow: auto;
	background-color: var(--kboard-bg-alt);
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	font-size: 13px;
	line-height: 1.6;
}

.kboard-content table,
.kboard-content .kboard-editorjs-table,
.kboard-content .kboard-editorjs-block-table,
.kboard-document-content table,
.kboard-document-content .kboard-editorjs-table,
.kboard-document-content .kboard-editorjs-block-table {
	width: 100%;
	margin: 16px 0;
	border-collapse: collapse;
	border: 1px solid var(--kboard-border);
	font-size: 14px;
}

.kboard-content table th,
.kboard-content table td,
.kboard-content .kboard-editorjs-table th,
.kboard-content .kboard-editorjs-table td,
.kboard-content .kboard-editorjs-block-table th,
.kboard-content .kboard-editorjs-block-table td,
.kboard-document-content table th,
.kboard-document-content table td,
.kboard-document-content .kboard-editorjs-table th,
.kboard-document-content .kboard-editorjs-table td,
.kboard-document-content .kboard-editorjs-block-table th,
.kboard-document-content .kboard-editorjs-block-table td {
	padding: 10px;
	border: 1px solid var(--kboard-border);
	vertical-align: top;
}

.kboard-content .kboard-warning,
.kboard-content .kboard-editorjs-warning,
.kboard-content .kboard-editorjs-block-warning,
.kboard-document-content .kboard-warning,
.kboard-document-content .kboard-editorjs-warning,
.kboard-document-content .kboard-editorjs-block-warning {
	margin: 16px 0;
	padding: 12px 14px;
	background-color: var(--kboard-bg-alt);
	border: 1px solid var(--kboard-border);
	border-left: 3px solid var(--kboard-primary);
	border-radius: var(--kboard-radius);
	line-height: 1.7;
}

.kboard-content .kboard-editorjs-checklist,
.kboard-content .kboard-editorjs-block-checklist,
.kboard-document-content .kboard-editorjs-checklist,
.kboard-document-content .kboard-editorjs-block-checklist {
	margin: 16px 0;
	padding-left: 0;
	list-style: none;
}

.kboard-content .kboard-editorjs-checklist li,
.kboard-content .kboard-editorjs-block-checklist li,
.kboard-document-content .kboard-editorjs-checklist li,
.kboard-document-content .kboard-editorjs-block-checklist li {
	margin: 0 0 8px;
	padding-left: 2px;
}


/* ===== kboard-skin-webzine ===== */

/**
 * KBoard Webzine Skin
 * Based on Thumbnail Skin - List view converted to Webzine Magazine Layout
 * PC: 2열 / 태블릿: 2열 / 모바일: 1열
 */

:root {
	--kboard-primary: #2563eb;
	--kboard-primary-hover: #1d4ed8;
	--kboard-text: #1e293b;
	--kboard-text-muted: #64748b;
	--kboard-bg: #ffffff;
	--kboard-bg-alt: #f8fafc;
	--kboard-border: #e2e8f0;
	--kboard-danger: #ef4444;
	--kboard-font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--kboard-font-size: 15px;
	--kboard-radius: 8px;
	--kboard-spacing-sm: 8px;
	--kboard-spacing-md: 16px;
	--kboard-spacing-lg: 24px;
	--kboard-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--kboard-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Global Reset */
#kboard-thumbnail-list,#kboard-thumbnail-document,#kboard-thumbnail-editor,#kboard-thumbnail-latest {
	font-family: var(--kboard-font-family); font-size: var(--kboard-font-size);
	color: var(--kboard-text); box-sizing: border-box; line-height: 1.6; margin: 20px 0;
}
#kboard-thumbnail-list *,#kboard-thumbnail-document *,#kboard-thumbnail-editor *,#kboard-thumbnail-latest *,
#kboard-thumbnail-list *::before,#kboard-thumbnail-document *::before,#kboard-thumbnail-editor *::before,#kboard-thumbnail-latest *::before,
#kboard-thumbnail-list *::after,#kboard-thumbnail-document *::after,#kboard-thumbnail-editor *::after,#kboard-thumbnail-latest *::after { box-sizing: inherit; }
#kboard-thumbnail-list a,#kboard-thumbnail-document a,#kboard-thumbnail-editor a,#kboard-thumbnail-latest a { text-decoration: none; color: inherit; transition: color 0.2s; }
#kboard-thumbnail-list img,#kboard-thumbnail-document img,#kboard-thumbnail-editor img,#kboard-thumbnail-latest img { max-width: 100%; height: auto; vertical-align: middle; }

/* Buttons */
a.kboard-thumbnail-button-small,input.kboard-thumbnail-button-small,button.kboard-thumbnail-button-small {
	display: inline-flex; align-items: center; justify-content: center;
	height: 36px; padding: 0 16px; font-size: 14px; font-weight: 500;
	color: #fff !important; background-color: var(--kboard-text) !important;
	border: 1px solid transparent; border-radius: var(--kboard-radius);
	cursor: pointer; transition: all 0.2s ease; line-height: 1;
	box-shadow: var(--kboard-shadow-sm); text-shadow: none;
}
a.kboard-thumbnail-button-small:hover,button.kboard-thumbnail-button-small:hover {
	background-color: var(--kboard-primary) !important;
	transform: translateY(-1px); box-shadow: var(--kboard-shadow-md); opacity: 1 !important;
}

/* Icons */
.kboard-icon-lock {
	display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-right: 4px;
	background-color: var(--kboard-text-muted);
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.kboard-icon-reply {
	display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 4px;
	background-color: var(--kboard-text-muted);
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
	transform: none;
}
.kboard-icon-thumbnail {
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%; background-color: var(--kboard-bg-alt);
}
.kboard-icon-thumbnail::after {
	content: ""; display: block; width: 50px; height: 50px; background-color: #cbd5e1;
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center/contain;
}

/* Form Elements */
#kboard-thumbnail-list input[type=text],#kboard-thumbnail-document input[type=text],#kboard-thumbnail-editor input[type=text],#kboard-thumbnail-latest input[type=text],
#kboard-thumbnail-list input[type=email],#kboard-thumbnail-document input[type=email],#kboard-thumbnail-editor input[type=email],#kboard-thumbnail-latest input[type=email],
#kboard-thumbnail-list input[type=password],#kboard-thumbnail-document input[type=password],#kboard-thumbnail-editor input[type=password],#kboard-thumbnail-latest input[type=password],
#kboard-thumbnail-list input[type=number],#kboard-thumbnail-document input[type=number],#kboard-thumbnail-editor input[type=number],#kboard-thumbnail-latest input[type=number],
#kboard-thumbnail-list input[type=date],#kboard-thumbnail-document input[type=date],#kboard-thumbnail-editor input[type=date],#kboard-thumbnail-latest input[type=date],
#kboard-thumbnail-list select,#kboard-thumbnail-document select,#kboard-thumbnail-editor select,#kboard-thumbnail-latest select,
#kboard-thumbnail-list textarea,#kboard-thumbnail-document textarea,#kboard-thumbnail-editor textarea,#kboard-thumbnail-latest textarea {
	appearance: none; -webkit-appearance: none; background-color: #fff;
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius);
	padding: 8px 12px; font-size: 14px; color: var(--kboard-text);
	outline: none; transition: border-color 0.2s, box-shadow 0.2s;
	min-height: 40px; box-shadow: none; margin: 0;
}
#kboard-thumbnail-list input:focus,#kboard-thumbnail-document input:focus,#kboard-thumbnail-editor input:focus,#kboard-thumbnail-latest input:focus,
#kboard-thumbnail-list select:focus,#kboard-thumbnail-document select:focus,#kboard-thumbnail-editor select:focus,#kboard-thumbnail-latest select:focus,
#kboard-thumbnail-list textarea:focus,#kboard-thumbnail-document textarea:focus,#kboard-thumbnail-editor textarea:focus,#kboard-thumbnail-latest textarea:focus {
	border-color: var(--kboard-primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
	border-bottom: 1px solid var(--kboard-primary) !important;
}
#kboard-thumbnail-list select,#kboard-thumbnail-document select,#kboard-thumbnail-editor select,#kboard-thumbnail-latest select {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 10px center; background-size: 16px;
	padding-right: 32px !important; cursor: pointer;
}


/* ============================================
   WEBZINE GRID - List View
   ============================================ */
#kboard-thumbnail-list { width: 100%; max-width: 100%; overflow: hidden; }

/* Header */
#kboard-thumbnail-list .kboard-list-header {
	display: flex; justify-content: space-between; align-items: center;
	padding-bottom: var(--kboard-spacing-md); flex-wrap: wrap; gap: 10px;
}
#kboard-thumbnail-list .kboard-total-count { float: none; font-weight: 600; color: var(--kboard-text-muted); }
#kboard-thumbnail-list .kboard-sort { float: none; }
#kboard-thumbnail-list .kboard-sort select { height: 36px; padding-right: 32px; }

/* Categories */
#kboard-thumbnail-list .kboard-category .kboard-category-list {
	display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 20px 0;
	list-style: none; background: transparent; border: none;
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list:last-child { margin-bottom: 0; }
#kboard-thumbnail-list .kboard-category .kboard-category-list li { display: block; margin: 0; padding: 0; }
#kboard-thumbnail-list .kboard-category .kboard-category-list li a {
	display: block; padding: 6px 14px; border-radius: 20px;
	background-color: var(--kboard-bg-alt); color: var(--kboard-text-muted);
	font-size: 14px; font-weight: 500; transition: all 0.2s; border: 1px solid var(--kboard-border);
}
#kboard-thumbnail-list .kboard-category .kboard-category-list li.kboard-category-selected a,
#kboard-thumbnail-list .kboard-category .kboard-category-list li a:hover {
	background-color: var(--kboard-primary); color: #fff; border-color: var(--kboard-primary);
}

/* ── Webzine Grid ── */
.kboard-webzine-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

/* ── Webzine Card ── */
.kboard-webzine-card {
	position: relative; background: #fff;
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius);
	overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.kboard-webzine-card:hover {
	transform: translateY(-4px); box-shadow: var(--kboard-shadow-md);
}
.kboard-webzine-card a { display: block; text-decoration: none; color: inherit; }
.kboard-webzine-card.kboard-webzine-notice { border-color: var(--kboard-primary); border-width: 2px; }

/* ── Thumbnail (16:9 가로형) ── */
.kboard-webzine-thumb {
	position: relative; width: 100%; padding-top: 56.25%;
	overflow: hidden; background-color: var(--kboard-bg-alt);
}
.kboard-webzine-thumb img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	object-fit: cover; transition: transform 0.3s ease;
}
.kboard-webzine-card:hover .kboard-webzine-thumb img { transform: scale(1.05); }
.kboard-webzine-thumb .kboard-icon-thumbnail {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/* ── Badges ── */
.kboard-webzine-badge-notice {
	position: absolute; top: 12px; left: 12px;
	background-color: var(--kboard-primary); color: #fff;
	font-size: 11px; font-weight: 700; padding: 3px 10px;
	border-radius: 4px; z-index: 2; letter-spacing: 0.3px;
}
.kboard-webzine-badge-new {
	position: absolute; top: 12px; right: 12px;
	background-color: var(--kboard-danger); color: #fff;
	font-size: 11px; font-weight: 700;
	width: 22px; height: 22px; line-height: 22px;
	text-align: center; border-radius: 50%; z-index: 2;
}

/* ── Card Body ── */
.kboard-webzine-body { padding: 18px 20px 20px; }

.kboard-webzine-category {
	display: inline-block; font-size: 12px; font-weight: 600;
	color: var(--kboard-primary); margin-bottom: 8px;
	text-transform: uppercase; letter-spacing: 0.3px;
}

.kboard-webzine-title {
	margin: 0 0 10px 0; font-size: 17px; font-weight: 700;
	color: var(--kboard-text); line-height: 1.45;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis; word-break: keep-all;
}
.kboard-webzine-title .kboard-comments-count {
	font-size: 12px; color: var(--kboard-primary); font-weight: 600;
	margin-left: 4px; background: rgba(37,99,235,0.1);
	padding: 2px 6px; border-radius: 12px;
}
.kboard-webzine-title .kboard-comments-count:empty { display: none; }

.kboard-webzine-excerpt {
	margin: 0 0 14px 0; font-size: 14px; line-height: 1.65;
	color: var(--kboard-text-muted);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden; text-overflow: ellipsis; word-break: keep-all;
}

.kboard-webzine-meta {
	display: flex; flex-wrap: wrap; align-items: center;
	gap: 5px; font-size: 12px; color: var(--kboard-text-muted);
	padding-top: 14px; border-top: 1px solid var(--kboard-border);
}
.kboard-webzine-meta .meta-dot { color: #d1d5db; }
.kboard-webzine-meta .meta-user {
	max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.kboard-thumbnail-new-notify {
	background-color: var(--kboard-danger); color: #fff;
	padding: 2px 6px; border-radius: 4px; font-size: 10px;
	font-weight: 700; vertical-align: middle; margin-right: 6px;
}

/* ── Pagination ── */
#kboard-thumbnail-list .kboard-pagination { padding: 30px 0; text-align: center; float: none; }
#kboard-thumbnail-list .kboard-pagination ul { display: inline-flex; padding: 0; list-style: none; gap: 4px; }
#kboard-thumbnail-list .kboard-pagination li { display: block; margin: 0; }
#kboard-thumbnail-list .kboard-pagination li a {
	display: flex; align-items: center; justify-content: center;
	min-width: 36px; height: 36px; padding: 0 8px;
	border-radius: var(--kboard-radius); background: #fff;
	border: 1px solid var(--kboard-border); font-size: 14px;
	color: var(--kboard-text); box-shadow: none;
}
#kboard-thumbnail-list .kboard-pagination li.active a,
#kboard-thumbnail-list .kboard-pagination li a:hover {
	background: var(--kboard-primary); color: #fff; border-color: var(--kboard-primary);
}

/* ── Search ── */
#kboard-thumbnail-list .kboard-search {
	margin-bottom: 20px; text-align: center; padding: 20px;
	background: var(--kboard-bg-alt); border-radius: var(--kboard-radius); float: none;
}
#kboard-thumbnail-list .kboard-search form { display: inline-flex; gap: 8px; max-width: 100%; }
#kboard-thumbnail-list .kboard-search select { width: 100px; margin: 0; }
#kboard-thumbnail-list .kboard-search input { width: 200px; margin: 0; }

/* ── Control ── */
#kboard-thumbnail-list .kboard-control { display: flex; justify-content: flex-end; padding: 10px 0; float: none; }
.kboard-thumbnail-poweredby { text-align: right; font-size: 14px; color: #ccc; margin-top: 10px; float: none; width: 100%; }


/* ============================================
   Responsive - 태블릿 (768px) → 유지 2열
   ============================================ */
@media screen and (max-width: 768px) {
	.kboard-webzine-grid { gap: 16px; }
	.kboard-webzine-body { padding: 14px 16px 16px; }
	.kboard-webzine-title { font-size: 15px; }
	.kboard-webzine-excerpt { font-size: 13px; -webkit-line-clamp: 2; }

	#kboard-thumbnail-list .kboard-search form { flex-direction: column; width: 100%; }
	#kboard-thumbnail-list .kboard-search select,
	#kboard-thumbnail-list .kboard-search input,
	#kboard-thumbnail-list .kboard-search button { width: 100% !important; margin: 0 !important; }
	#kboard-thumbnail-list .kboard-pagination ul { flex-wrap: wrap; justify-content: center; }
}

/* ============================================
   Responsive - 모바일 (580px) → 1열
   ============================================ */
@media screen and (max-width: 580px) {
	.kboard-webzine-grid { grid-template-columns: 1fr; gap: 16px; }
	.kboard-webzine-body { padding: 14px 16px 16px; }
	.kboard-webzine-title { font-size: 16px; }
	.kboard-webzine-excerpt { -webkit-line-clamp: 3; }
	.kboard-webzine-meta .meta-user { max-width: 120px; }
}


/* ============================================
   Category Styles (PC vs Mobile)
   ============================================ */
#kboard-thumbnail-list .kboard-category.category-mobile { display: none; }
#kboard-thumbnail-list .kboard-category.category-pc {
	display: block; margin-bottom: 20px; padding: 15px;
	background-color: var(--kboard-bg-alt); border-radius: var(--kboard-radius);
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list {
	list-style: none; padding: 0; margin: 0 0 10px 0;
	display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li { display: inline-block; margin: 0; padding: 0; border: none; }
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li a {
	display: block; padding: 6px 16px; font-size: 14px; font-weight: 500;
	color: var(--kboard-text-muted); background-color: #fff;
	border: 1px solid var(--kboard-border); border-radius: 999px; transition: all 0.2s ease;
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li a:hover {
	border-color: var(--kboard-primary); color: var(--kboard-primary);
}
#kboard-thumbnail-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {
	background-color: var(--kboard-primary); border-color: var(--kboard-primary); color: #fff; font-weight: 600;
}
#kboard-thumbnail-list .kboard-category.category-mobile select {
	width: auto; min-width: 120px; height: 38px; padding: 0 12px; margin-right: 5px;
	border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius);
	background-color: #fff; font-size: 14px; color: var(--kboard-text);
}
@media screen and (max-width: 600px) {
	#kboard-thumbnail-list .kboard-category.category-pc { display: none; }
	#kboard-thumbnail-list .kboard-category.category-mobile {
		display: block; margin-bottom: 20px; padding: 10px;
		background: var(--kboard-bg-alt); border-radius: var(--kboard-radius);
	}
	#kboard-thumbnail-list .kboard-category.category-mobile form { display: flex; flex-wrap: wrap; gap: 8px; }
	#kboard-thumbnail-list .kboard-category.category-mobile select { flex: 1; width: 100%; min-width: 140px; }
}

/* Tree Category */
#kboard-thumbnail-list .kboard-tree-category-search {
	margin-bottom: 20px; padding: 15px; background: var(--kboard-bg-alt);
	border-radius: var(--kboard-radius); text-align: left;
}
#kboard-thumbnail-list .kboard-tree-category-search .kboard-tree-category-wrap {
	display: inline-flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; align-items: center;
}
#kboard-thumbnail-list .kboard-tree-category-search select {
	height: 38px; padding: 0 36px 0 16px; border: 1px solid var(--kboard-border);
	border-radius: 999px; background-color: #fff; font-size: 14px;
	color: var(--kboard-text-muted); font-weight: 500; min-width: 120px; cursor: pointer; transition: all 0.2s ease;
}
#kboard-thumbnail-list .kboard-tree-category-search select:hover { border-color: var(--kboard-primary); color: var(--kboard-primary); }


/* ============================================
   Document View
   ============================================ */
#kboard-thumbnail-document .kboard-document-wrap {
	background: #fff; border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius); overflow: hidden; float: none;
}
#kboard-thumbnail-document .kboard-title { float: none; }
#kboard-thumbnail-document .kboard-title h1 {
	margin: 0; padding: 24px; text-align: left; font-size: 24px;
	font-weight: 700; color: var(--kboard-text); border-bottom: 1px solid var(--kboard-border);
}
#kboard-thumbnail-document .kboard-detail {
	display: flex; flex-wrap: wrap; padding: 12px 24px; background: var(--kboard-bg-alt);
	font-size: 14px; gap: 20px; align-items: center; float: none;
	border: 0; border-bottom: 1px solid var(--kboard-border);
}
#kboard-thumbnail-document .kboard-detail .detail-attr { display: flex; align-items: center; gap: 8px; padding: 0; float: none; }
#kboard-thumbnail-document .kboard-detail .detail-name { font-weight: 600; color: var(--kboard-text-muted); float: none; text-align: left; }
#kboard-thumbnail-document .kboard-detail .detail-value { color: var(--kboard-text); float: none; padding: 0; }
#kboard-thumbnail-document .kboard-content { padding: 30px 24px; min-height: 200px; float: none; }
#kboard-thumbnail-document .content-view { font-size: 16px; line-height: 1.8; color: #334155; padding: 0; }
#kboard-thumbnail-document .kboard-document-action { padding: 10px 24px 20px; display: flex; justify-content: space-between; }
.kboard-button-action { border: 1px solid var(--kboard-border); background: #fff; padding: 6px 12px; border-radius: 4px; font-size: 13px; cursor: pointer; margin-right: 5px; font-weight: 500; }
.kboard-button-action:hover { background: var(--kboard-bg-alt); }
.kboard-button-like { color: #ef4444; }
.kboard-button-unlike { color: var(--kboard-primary); }
#kboard-thumbnail-document .kboard-control { display: flex; justify-content: space-between; padding: 20px 0; float: none; gap: 10px; }
#kboard-thumbnail-document .kboard-control .left,
#kboard-thumbnail-document .kboard-control .right { display: flex; flex-wrap: nowrap; gap: 8px; white-space: nowrap; }
.kboard-attach { border-top: 1px dashed var(--kboard-border); padding: 15px 24px; background: var(--kboard-bg-alt); margin: 0; }
.kboard-comments-area { float: none; width: 100%; margin-top: 20px; }
.kboard-document-navi { display: flex; gap: 10px; margin-top: 20px; float: none; padding: 0; }
#kboard-thumbnail-document .kboard-document-navi a {
	display: flex; align-items: center; gap: 8px; padding: 16px;
	border: 1px solid var(--kboard-border); background: #fff;
	border-radius: var(--kboard-radius); margin-bottom: 0; font-weight: 500; height: 100%;
}
#kboard-thumbnail-document .kboard-document-navi a:hover { border-color: var(--kboard-primary); color: var(--kboard-primary); box-shadow: var(--kboard-shadow-sm); }
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document,
#kboard-thumbnail-document .kboard-document-navi .kboard-next-document { float: none; width: 50%; }
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document a { justify-content: flex-start; text-align: left; }
#kboard-thumbnail-document .kboard-document-navi .kboard-next-document a { justify-content: flex-end; text-align: right; }
#kboard-thumbnail-document .kboard-document-navi .navi-arrow { position: static; }

/* Document Options */
.kboard-document-options-group { margin-bottom: 40px; border: none; background: transparent; padding: 0; }
.kboard-document-add-option-value-wrap { background-color: #fff; border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius); padding: 0; margin-bottom: 12px; overflow: hidden; display: block; }
.kboard-document-add-option-value-wrap:last-child { border-bottom: 1px solid var(--kboard-border); margin-bottom: 0; }
.kboard-document-add-option-value { display: flex; align-items: stretch; padding: 0; min-height: 48px; border: none; }
.kboard-document-add-option-value .option-name { width: 160px; background-color: #f8fafc; border-right: 1px solid var(--kboard-border); font-weight: 600; color: var(--kboard-text); padding: 14px 20px; display: flex; align-items: center; flex-shrink: 0; font-size: 15px; }
.kboard-document-add-option-value .option-separator { display: none; }
.kboard-document-add-option-value .option-value { color: var(--kboard-text); padding: 14px 20px; display: flex; align-items: center; flex-grow: 1; word-break: break-all; font-size: 15px; }
.kboard-document-add-option-value-wrap hr { display: none; }

@media screen and (max-width: 600px) {
	.kboard-document-add-option-value { flex-direction: column; }
	.kboard-document-add-option-value .option-name { width: 100%; border-right: none; border-bottom: 1px solid var(--kboard-border); padding: 12px 16px; }
	.kboard-document-add-option-value .option-value { padding: 12px 16px; display: block; }
}
@media screen and (max-width: 768px) {
	#kboard-thumbnail-document .kboard-control { flex-direction: column; gap: 10px; }
	#kboard-thumbnail-document .kboard-control .left,
	#kboard-thumbnail-document .kboard-control .right { width: 100%; justify-content: center; flex-wrap: wrap; white-space: normal; }
	#kboard-thumbnail-document .kboard-control a,
	#kboard-thumbnail-document .kboard-control button { flex: 1; text-align: center; min-width: 0; }
	.kboard-document-navi { flex-direction: column; }
	#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document,
	#kboard-thumbnail-document .kboard-document-navi .kboard-next-document { width: 100%; }
}


/* ============================================
   Editor
   ============================================ */
#kboard-thumbnail-editor .kboard-attr-row { display: flex; flex-direction: column; margin-bottom: 16px; padding: 0; background: transparent; border-bottom: none; float: none; }
#kboard-thumbnail-editor .attr-name { font-weight: 600; margin-bottom: 8px; font-size: 14px; width: 100% !important; float: none !important; text-align: left; padding: 0 !important; }
#kboard-thumbnail-editor input[type=file] { margin: 0; padding: 8px 0; width: 100%; }
#kboard-thumbnail-editor .attr-value { margin: 0 !important; width: 100%; padding: 0; }
#kboard-thumbnail-editor .attr-value .attr-value-option { display: inline-flex; align-items: center; margin-right: 16px; cursor: pointer; font-size: 14px; color: var(--kboard-text); }
#kboard-thumbnail-editor .attr-value .attr-value-option input[type=checkbox] {
	appearance: none; -webkit-appearance: none; width: 18px !important; height: 18px !important;
	border: 1px solid var(--kboard-border); border-radius: 4px; background: #fff;
	cursor: pointer; position: relative; margin: 0 8px 0 0; vertical-align: middle; outline: none;
}
#kboard-thumbnail-editor .attr-value .attr-value-option input[type=checkbox]:checked {
	background-color: var(--kboard-primary); border-color: var(--kboard-primary);
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	background-position: center; background-repeat: no-repeat; background-size: 100% 100%;
}
#kboard-thumbnail-editor input[type=text],#kboard-thumbnail-editor input[type=email],#kboard-thumbnail-editor input[type=password],#kboard-thumbnail-editor select { width: 100% !important; }
#kboard-thumbnail-editor .kboard-content { border: none; padding: 0; margin: 0; background: transparent; float: none; }
#kboard-thumbnail-editor textarea { width: 100% !important; min-height: 400px; border: 1px solid var(--kboard-border); box-sizing: border-box; }
#kboard-thumbnail-editor .kboard-control { float: none; display: flex; justify-content: space-between; }
#kboard-thumbnail-editor .kboard-control .left,#kboard-thumbnail-editor .kboard-control .right { float: none; width: auto; }

#kboard-thumbnail-editor.confirm { max-width: 400px; margin: 60px auto; padding: 30px; border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius); background: #fff; box-shadow: var(--kboard-shadow-md); }
#kboard-thumbnail-editor.confirm .kboard-confirm-row { margin-bottom: 24px; }
#kboard-thumbnail-editor.confirm .attr-name { margin-bottom: 10px; }
#kboard-thumbnail-editor.confirm .description { color: var(--kboard-danger); font-size: 13px; margin-top: 8px; font-weight: 500; }
#kboard-thumbnail-editor.confirm input[type=password] { width: 100%; }
#kboard-thumbnail-editor.confirm .kboard-control { justify-content: center; flex-direction: column-reverse; gap: 10px; }
#kboard-thumbnail-editor.confirm .kboard-control .left,#kboard-thumbnail-editor.confirm .kboard-control .right { display: flex; flex-direction: column; gap: 10px; width: 100%; margin: 0; }
#kboard-thumbnail-editor.confirm .kboard-control button { width: 100%; height: 40px; font-size: 15px; }
#kboard-thumbnail-editor.confirm .kboard-control a { width: 100%; height: 40px; background: #fff !important; color: var(--kboard-text-muted) !important; border: 1px solid var(--kboard-border); box-shadow: none; }
#kboard-thumbnail-editor.confirm .kboard-control a:hover { background: var(--kboard-bg-alt) !important; color: var(--kboard-text) !important; }

#kboard-thumbnail-editor .kboard-tree-category-wrap { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; margin-bottom: 20px; }
#kboard-thumbnail-editor .kboard-tree-category-wrap select { flex: 1; min-width: 120px; width: auto; }
#kboard-thumbnail-editor .kboard-row-postcode { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
#kboard-thumbnail-editor .kboard-row-postcode input[type=text] { width: 150px !important; flex: 0 0 auto; }
#kboard-thumbnail-editor .kboard-row-postcode button { height: 40px; flex: 0 0 auto; white-space: nowrap; margin: 0 !important; }
#kboard-thumbnail-editor .kboard-row-address-1,#kboard-thumbnail-editor .kboard-row-address-2 { display: block; width: 100%; margin-bottom: 8px; }
#kboard-thumbnail-editor .kboard-row-address-2 { margin-bottom: 0; }
#kboard-thumbnail-editor .kboard-row-address-1 input[type=text],#kboard-thumbnail-editor .kboard-row-address-2 input[type=text] { width: 100% !important; }

@media screen and (max-width: 768px) {
	#kboard-thumbnail-editor .kboard-control { flex-direction: column; gap: 10px; }
	#kboard-thumbnail-editor .kboard-control .left,#kboard-thumbnail-editor .kboard-control .right { width: 100%; text-align: center; display: flex; flex-direction: column; gap: 8px; }
}


/* ============================================
   Latest View (Widget)
   ============================================ */
#kboard-thumbnail-latest { width: 100%; background: #fff; border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius); overflow: hidden; box-sizing: border-box; }
#kboard-thumbnail-latest table { width: 100%; border-collapse: collapse; table-layout: fixed; border: 0; }
#kboard-thumbnail-latest thead th { padding: 10px; background: var(--kboard-bg-alt); border-bottom: 1px solid var(--kboard-border); font-size: 13px; color: var(--kboard-text-muted); font-weight: 600; text-align: center; border-top: 0; border-left: 0; border-right: 0; }
#kboard-thumbnail-latest tbody tr { border-bottom: 1px solid var(--kboard-border); background: #fff; }
#kboard-thumbnail-latest tbody tr:last-child { border-bottom: none; }
#kboard-thumbnail-latest tbody tr:hover { background-color: var(--kboard-bg-alt); }
#kboard-thumbnail-latest td { padding: 12px 16px; vertical-align: middle; font-size: 14px; border: 0; }
#kboard-thumbnail-latest .kboard-latest-title { text-align: left; }
#kboard-thumbnail-latest .kboard-latest-title a { display: block; color: var(--kboard-text); }
#kboard-thumbnail-latest .kboard-latest-title a:hover { color: var(--kboard-primary); }
#kboard-thumbnail-latest .kboard-thumbnail-cut-strings { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#kboard-thumbnail-latest .kboard-latest-date,#kboard-thumbnail-latest .kboard-latest-author { color: var(--kboard-text-muted); font-size: 13px; text-align: center; width: 90px; }

@media screen and (max-width: 768px) {
	#kboard-thumbnail-latest thead,#kboard-thumbnail-latest .kboard-latest-author { display: none; }
	#kboard-thumbnail-latest tbody tr { display: flex; flex-direction: column; padding: 8px 0; }
	#kboard-thumbnail-latest td.kboard-latest-title { display: block; width: 100%; padding-bottom: 4px; border: none; }
	#kboard-thumbnail-latest td.kboard-latest-date { display: block; width: 100%; text-align: left; font-size: 12px; padding-top: 5px; padding-bottom: 8px; border: none; }
}


/* ============================================
   Editor.js Patch
   ============================================ */
#kboard-editor-root,.kboard-editor-root-editorjs,.kboard-editor-scaffold {
	--kboard-editorjs-left-gutter: 44px; position: relative; margin: 8px 0 0; padding: 12px;
	min-height: 280px; background-color: #fff; border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius); box-shadow: inset 0 1px 2px rgba(15,23,42,0.03); overflow: visible;
}
@media screen and (max-width: 768px) { #kboard-editor-root,.kboard-editor-root-editorjs,.kboard-editor-scaffold { --kboard-editorjs-left-gutter: 36px; } }
#kboard-editor-root:focus-within,.kboard-editor-root-editorjs:focus-within,.kboard-editor-scaffold:focus-within { border-color: var(--kboard-primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
#kboard-editor-root .codex-editor,.kboard-editor-root-editorjs .codex-editor,.kboard-editor-scaffold .codex-editor { position: relative; z-index: 1; overflow: visible; }
#kboard-editor-root .codex-editor__redactor,.kboard-editor-root-editorjs .codex-editor__redactor,.kboard-editor-scaffold .codex-editor__redactor { overflow: visible; }
#kboard-editor-root .ce-block,.kboard-editor-root-editorjs .ce-block,.kboard-editor-scaffold .ce-block { padding: 2px 0; margin-bottom: 8px; }
#kboard-editor-root .ce-block:last-child,.kboard-editor-root-editorjs .ce-block:last-child,.kboard-editor-scaffold .ce-block:last-child { margin-bottom: 0; }
#kboard-editor-root .ce-block__content,#kboard-editor-root .ce-toolbar__content,
.kboard-editor-root-editorjs .ce-block__content,.kboard-editor-root-editorjs .ce-toolbar__content,
.kboard-editor-scaffold .ce-block__content,.kboard-editor-scaffold .ce-toolbar__content { max-width: calc(100% - var(--kboard-editorjs-left-gutter)); margin-left: var(--kboard-editorjs-left-gutter); margin-right: 0; }
#kboard-editor-root .ce-paragraph,#kboard-editor-root .ce-header,#kboard-editor-root .cdx-list,
.kboard-editor-root-editorjs .ce-paragraph,.kboard-editor-root-editorjs .ce-header,.kboard-editor-root-editorjs .cdx-list,
.kboard-editor-scaffold .ce-paragraph,.kboard-editor-scaffold .ce-header,.kboard-editor-scaffold .cdx-list { color: var(--kboard-text); line-height: 1.7; }
#kboard-editor-root .ce-paragraph[data-placeholder]:empty::before,#kboard-editor-root .ce-header[data-placeholder]:empty::before,
.kboard-editor-root-editorjs .ce-paragraph[data-placeholder]:empty::before,.kboard-editor-root-editorjs .ce-header[data-placeholder]:empty::before,
.kboard-editor-scaffold .ce-paragraph[data-placeholder]:empty::before,.kboard-editor-scaffold .ce-header[data-placeholder]:empty::before { color: var(--kboard-text-muted); opacity: 0.7; }
#kboard-editor-root .ce-toolbar,#kboard-editor-root .ce-inline-toolbar,#kboard-editor-root .ce-popover,#kboard-editor-root .ce-conversion-toolbar,#kboard-editor-root .ce-settings,
.kboard-editor-root-editorjs .ce-toolbar,.kboard-editor-root-editorjs .ce-inline-toolbar,.kboard-editor-root-editorjs .ce-popover,.kboard-editor-root-editorjs .ce-conversion-toolbar,.kboard-editor-root-editorjs .ce-settings,
.kboard-editor-scaffold .ce-toolbar,.kboard-editor-scaffold .ce-inline-toolbar,.kboard-editor-scaffold .ce-popover,.kboard-editor-scaffold .ce-conversion-toolbar,.kboard-editor-scaffold .ce-settings { left: 0; right: 0; overflow: visible; visibility: visible; opacity: 1; z-index: 1000; }
#kboard-editor-root .ce-toolbar__plus,#kboard-editor-root .ce-toolbar__settings-btn,
.kboard-editor-root-editorjs .ce-toolbar__plus,.kboard-editor-root-editorjs .ce-toolbar__settings-btn,
.kboard-editor-scaffold .ce-toolbar__plus,.kboard-editor-scaffold .ce-toolbar__settings-btn { visibility: visible; opacity: 1; color: var(--kboard-text); background-color: #fff; border: 1px solid var(--kboard-border); border-radius: 999px; box-shadow: var(--kboard-shadow-sm); }
#kboard-editor-root .ce-toolbar__plus:hover,#kboard-editor-root .ce-toolbar__settings-btn:hover,
.kboard-editor-root-editorjs .ce-toolbar__plus:hover,.kboard-editor-root-editorjs .ce-toolbar__settings-btn:hover,
.kboard-editor-scaffold .ce-toolbar__plus:hover,.kboard-editor-scaffold .ce-toolbar__settings-btn:hover { color: var(--kboard-primary); border-color: var(--kboard-primary); background-color: var(--kboard-bg-alt); }
#kboard-editor-root .ce-popover,#kboard-editor-root .ce-conversion-toolbar,
.kboard-editor-root-editorjs .ce-popover,.kboard-editor-root-editorjs .ce-conversion-toolbar,
.kboard-editor-scaffold .ce-popover,.kboard-editor-scaffold .ce-conversion-toolbar { border: 1px solid var(--kboard-border); box-shadow: var(--kboard-shadow-sm); }
.kboard-content hr,.kboard-content .kboard-editorjs-delimiter,.kboard-document-content hr,.kboard-document-content .kboard-editorjs-delimiter { margin: 18px 0; border: 0; height: 0; border-top: 1px solid var(--kboard-border); }
.kboard-content pre,.kboard-content .kboard-editorjs-code,.kboard-document-content pre,.kboard-document-content .kboard-editorjs-code { margin: 16px 0; padding: 12px; overflow: auto; background-color: var(--kboard-bg-alt); border: 1px solid var(--kboard-border); border-radius: var(--kboard-radius); font-size: 13px; line-height: 1.6; }
.kboard-content table,.kboard-document-content table { width: 100%; margin: 16px 0; border-collapse: collapse; border: 1px solid var(--kboard-border); font-size: 14px; }
.kboard-content table th,.kboard-content table td,.kboard-document-content table th,.kboard-document-content table td { padding: 10px; border: 1px solid var(--kboard-border); vertical-align: top; }
.kboard-content .kboard-warning,.kboard-document-content .kboard-warning { margin: 16px 0; padding: 12px 14px; background-color: var(--kboard-bg-alt); border: 1px solid var(--kboard-border); border-left: 3px solid var(--kboard-primary); border-radius: var(--kboard-radius); line-height: 1.7; }
.kboard-content .kboard-editorjs-checklist,.kboard-document-content .kboard-editorjs-checklist { margin: 16px 0; padding-left: 0; list-style: none; }
.kboard-content .kboard-editorjs-checklist li,.kboard-document-content .kboard-editorjs-checklist li { margin: 0 0 8px; padding-left: 2px; }

/* ===== kboard-skin-youtube ===== */

/**
 * Dermaking YouTube Skin CSS
 */

/* ============================================
   entry-title 숨김 (피부킹 페이지)
   ============================================ */
body.page-id-121 .page-header,
body.page-id-121 .entry-title {display:none !important;}

/* ============================================
   Variables
   ============================================ */
:root {
	--dm-primary:#B08D57;
	--dm-primary-hover:#9a7847;
	--dm-primary-light:#F3EDE4;
	--dm-primary-border:#D8C3A5;
	--dm-accent:#6F7A5C;
	--dm-accent-light:#eef0ea;
	--dm-text:#2a2419;
	--dm-text-sub:#5a5344;
	--dm-text-muted:#9a9384;
	--dm-text-light:#c2b9a8;
	--dm-bg:#fbf8f4;
	--dm-card-bg:#ffffff;
	--dm-border:#e6ded1;
	--dm-border-light:#efe9df;
	--dm-font:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--dm-radius:16px;
	--dm-radius-sm:10px;
	--dm-radius-pill:50px;
	--dm-shadow-sm:0 2px 8px rgba(42, 36, 25, 0.04);
	--dm-shadow-md:0 4px 16px rgba(42, 36, 25, 0.06);
	--dm-shadow-hover:0 12px 32px rgba(42, 36, 25, 0.1);
}

/* ============================================
   페이지 전체 배경 (body 레벨)
   ============================================ */
body.page-id-121 {background:var(--dm-bg);}
body.page-id-121 .site-main {background:var(--dm-bg);}
body.page-id-121 .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important; background:var(--dm-bg);}

/* ============================================
   메인 래퍼
   ============================================ */
.dm-yt-list {font-family:var(--dm-font); font-size:15px; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:var(--dm-bg); width:100%; padding:80px 20px 100px; box-sizing:border-box; margin:0 auto;}
.dm-yt-list *, .dm-yt-list *::before, .dm-yt-list *::after {box-sizing:border-box;}
.dm-yt-list a {text-decoration:none; color:inherit; transition:color 0.2s;}
.dm-yt-list img {max-width:100%; height:auto; vertical-align:middle;}

/* 내부 컨텐츠 중앙 정렬 */
.dm-yt-list > .dm-yt-head,
.dm-yt-list > .dm-yt-search,
.dm-yt-list > .kboard-category,
.dm-yt-list > .dm-yt-grid,
.dm-yt-list > .dm-yt-pagination,
.dm-yt-list > .dm-yt-control {max-width:1400px; margin-left:auto !important; margin-right:auto !important;}

/* ============================================
   페이지 헤드 (타이틀)
   ============================================ */
.dm-yt-head {text-align:center; margin-bottom:50px;}
.dm-yt-eyebrow {display:inline-block; font-size:14px; font-weight:500; color:var(--dm-primary); letter-spacing:3px; margin-bottom:16px; text-transform:uppercase;}
.dm-yt-page-title {margin:0 0 16px 0; font-size:44px; font-weight:700; color:var(--dm-text); line-height:1.3; letter-spacing:-0.8px;}
.dm-yt-page-title-brand {font-family:Georgia, serif; font-style:italic; color:var(--dm-primary); letter-spacing:-0.5px;}
.dm-yt-page-desc {margin:0; font-size:16px; font-weight:400; color:var(--dm-text-sub); line-height:1.7; letter-spacing:-0.2px;}

/* ============================================
   검색창
   ============================================ */
.dm-yt-search {display:flex; justify-content:center; margin-bottom:40px;}
.dm-yt-search-form {display:inline-flex; align-items:center; width:100%; max-width:640px; padding:10px 10px 10px 28px; background:#fff; border:1px solid transparent; border-radius:var(--dm-radius-pill); box-shadow:var(--dm-shadow-sm); transition:all 0.2s;}
.dm-yt-search-form:hover {box-shadow:var(--dm-shadow-md);}
.dm-yt-search-form:focus-within {border-color:var(--dm-primary); box-shadow:0 0 0 4px rgba(176, 141, 87, 0.08), var(--dm-shadow-md);}
.dm-yt-search-select {flex-shrink:0; width:auto; min-width:70px; height:44px; padding:0 28px 0 0; margin:0 14px 0 0; font-size:13px; font-weight:500; color:var(--dm-text-sub); background-color:transparent; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9384' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 4px center; border:none; border-right:1px solid var(--dm-border); border-radius:0; appearance:none; -webkit-appearance:none; cursor:pointer; outline:none; font-family:inherit;}
.dm-yt-search-input {flex:1; min-width:0; margin:0; padding:10px 0; font-size:15px; color:var(--dm-text); background:transparent; border:none; border-radius:0; outline:none; height:44px; font-family:inherit;}
.dm-yt-search-input::placeholder {color:var(--dm-text-light); font-weight:400;}
.dm-yt-search-btn {flex-shrink:0; width:44px; height:44px; padding:0; margin:0; background-color:var(--dm-primary-light); border:none; border-radius:50%; font-size:0; cursor:pointer; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23B08D57' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; transition:all 0.25s;}
.dm-yt-search-btn:hover {background-color:var(--dm-primary); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); box-shadow:0 6px 14px rgba(176, 141, 87, 0.25);}

/* ============================================
   카테고리 (카테고리2 숨김)
   ============================================ */
.dm-yt-list .kboard-category.category-pc .kboard-category-list:nth-of-type(2) {display:none !important;}
.dm-yt-list .kboard-category.category-mobile select[name="category2"] {display:none !important;}

.dm-yt-list .kboard-category.category-pc {display:flex !important; justify-content:center !important; margin-bottom:60px !important; padding:0 !important; background:transparent !important; width:100% !important;}
.dm-yt-list .kboard-category.category-pc .kboard-category-list {display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; padding:0 !important; margin:0 !important; list-style:none !important;}
.dm-yt-list .kboard-category.category-pc .kboard-category-list li {margin:0 !important; padding:0 !important;}
.dm-yt-list .kboard-category.category-pc .kboard-category-list li a {display:inline-flex !important; align-items:center !important; padding:11px 26px !important; border-radius:50px !important; background-color:#fff !important; color:var(--dm-text-sub) !important; font-size:14px !important; font-weight:500 !important; border:1px solid var(--dm-border) !important; letter-spacing:-0.2px !important; transition:all 0.2s !important; text-decoration:none !important; box-shadow:0 2px 6px rgba(42, 36, 25, 0.03) !important;}
.dm-yt-list .kboard-category.category-pc .kboard-category-list li a:hover {background-color:#fff !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}
.dm-yt-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {background-color:var(--dm-accent) !important; color:#fff !important; font-weight:700 !important; border-color:var(--dm-accent) !important; box-shadow:0 4px 12px rgba(111, 122, 92, 0.25) !important;}

/* ============================================
   영상 그리드
   ============================================ */
.dm-yt-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; margin-bottom:40px;}

/* ============================================
   영상 카드
   ============================================ */
.dm-yt-card {position:relative; background:var(--dm-card-bg); border:none; border-radius:var(--dm-radius); overflow:hidden; box-shadow:var(--dm-shadow-sm); transition:all 0.3s ease; display:flex; flex-direction:column;}
.dm-yt-card:hover {transform:translateY(-6px); box-shadow:var(--dm-shadow-hover);}
.dm-yt-card > a {display:flex; flex-direction:column; height:100%; text-decoration:none; color:inherit; cursor:pointer;}

.dm-yt-card-notice {border:2px solid var(--dm-primary);}

/* ============================================
   썸네일 (16:9)
   ============================================ */
.dm-yt-thumb {position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; background:var(--dm-accent);}
.dm-yt-thumb img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease;}
.dm-yt-card:hover .dm-yt-thumb img {transform:scale(1.05);}
.dm-yt-thumb-empty {width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--dm-text-light); background:linear-gradient(135deg, #f6f3ee 0%, #F3EDE4 100%);}

/* 호버 오버레이 */
.dm-yt-overlay {position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.55) 100%); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s ease; pointer-events:none;}
.dm-yt-card:hover .dm-yt-overlay {opacity:1;}
.dm-yt-play {width:60px; height:60px; border-radius:50%; background:rgba(255, 255, 255, 0.95); display:flex; align-items:center; justify-content:center; color:#ff0000; box-shadow:0 8px 20px rgba(0, 0, 0, 0.3); transform:scale(0.7); transition:transform 0.3s ease;}
.dm-yt-card:hover .dm-yt-play {transform:scale(1);}
.dm-yt-play svg {margin-left:3px;}

/* 뱃지 */
.dm-yt-badge-notice {position:absolute; top:12px; left:12px; padding:5px 12px; background:var(--dm-primary); color:#fff; font-size:11px; font-weight:700; border-radius:4px; letter-spacing:0.5px; z-index:2; box-shadow:0 4px 10px rgba(176, 141, 87, 0.3);}
.dm-yt-badge-new {position:absolute; top:14px; right:14px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; background-color:var(--dm-accent); color:#fff; font-size:12px; font-weight:700; border-radius:50%; z-index:2; box-shadow:0 4px 10px rgba(111, 122, 92, 0.3);}

/* ============================================
   카드 본문
   ============================================ */
.dm-yt-body {padding:20px 22px 22px; display:flex; flex-direction:column; flex:1;}
.dm-yt-title {margin:0 0 14px 0; font-size:16px; font-weight:700; color:var(--dm-text); line-height:1.5; letter-spacing:-0.3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; transition:color 0.2s; flex:1;}
.dm-yt-card:hover .dm-yt-title {color:var(--dm-primary);}
.dm-yt-title a {color:inherit;}

.dm-yt-meta {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px; margin-top:auto; padding-top:14px; font-size:12px; font-weight:400; border-top:1px solid var(--dm-border-light);}
.dm-yt-user {color:var(--dm-text-muted); font-weight:500; max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dm-yt-date {color:var(--dm-text-light); font-variant-numeric:tabular-nums; font-weight:500;}

/* ============================================
   페이지네이션
   ============================================ */
.dm-yt-pagination {padding:40px 0 20px; text-align:center;}
.dm-yt-pagination-list {display:inline-flex; padding:0; margin:0; list-style:none; gap:6px; align-items:center; justify-content:center;}
.dm-yt-pagination-list li {display:block; margin:0;}
.dm-yt-pagination-list a, .dm-yt-pagination-list span {display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 10px; border-radius:50%; background:#fff; border:1px solid var(--dm-border); font-size:14px; font-weight:500; color:var(--dm-text-sub); font-variant-numeric:tabular-nums; text-decoration:none; transition:all 0.2s;}
.dm-yt-pagination-list a:hover {border-color:var(--dm-primary); color:var(--dm-primary); background:#fff;}
.dm-yt-pagination-list li.active a, .dm-yt-pagination-list li.active span, .dm-yt-pagination-list a.active, .dm-yt-pagination-list .active a, .dm-yt-pagination-list .active span {color:#fff !important; background:var(--dm-accent); border-color:var(--dm-accent);}

/* ============================================
   글쓰기 버튼
   ============================================ */
.dm-yt-control {display:flex; justify-content:flex-end; padding:20px 0 0;}
.dm-yt-write-btn {display:inline-flex; align-items:center; gap:6px; padding:14px 32px; font-size:14px; font-weight:600; color:#fff !important; background-color:var(--dm-primary); border:1px solid var(--dm-primary); border-radius:var(--dm-radius-pill); text-decoration:none; letter-spacing:-0.2px; box-shadow:0 6px 16px rgba(176, 141, 87, 0.2); transition:all 0.25s;}
.dm-yt-write-btn::before {content:'+'; font-size:18px; font-weight:400; line-height:1;}
.dm-yt-write-btn:hover {background-color:var(--dm-primary-hover); border-color:var(--dm-primary-hover); color:#fff !important; transform:translateY(-2px); box-shadow:0 8px 20px rgba(176, 141, 87, 0.3);}

/* ============================================
   영상 문서 뷰 (document.php)
   ============================================ */
#kboard-thumbnail-document .kboard-document-wrap {background:#fff; border:1px solid var(--dm-border); border-radius:20px; overflow:hidden; float:none;}
#kboard-thumbnail-document .kboard-title {float:none;}
#kboard-thumbnail-document .kboard-title h1 {margin:0; padding:36px 40px 24px; text-align:left; font-size:26px; font-weight:700; color:var(--dm-text); letter-spacing:-0.5px; line-height:1.4; border-bottom:none;}
#kboard-thumbnail-document .kboard-detail {display:flex; flex-wrap:wrap; padding:14px 40px; background:var(--dm-bg); font-size:13px; gap:20px; align-items:center; float:none; border:0; border-top:1px solid var(--dm-border-light); border-bottom:1px solid var(--dm-border-light);}
#kboard-thumbnail-document .kboard-detail .detail-attr {display:flex; align-items:center; gap:6px; padding:0; float:none;}
#kboard-thumbnail-document .kboard-detail .detail-name {font-weight:600; color:var(--dm-text-muted); float:none;}
#kboard-thumbnail-document .kboard-detail .detail-value {color:var(--dm-text); float:none; padding:0; font-weight:500;}
.page-header{display:none}
/* 유튜브 임베드 영역 */
.kboard-youtube-embed {padding:0; background:#000;}
.kboard-youtube-player {position:relative; width:100%; padding-top:56.25%; overflow:hidden;}
.kboard-youtube-player iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none;}

#kboard-thumbnail-document .kboard-content {padding:40px; min-height:100px; float:none;}
#kboard-thumbnail-document .content-view {font-size:16px; line-height:1.9; color:var(--dm-text-sub); letter-spacing:-0.2px;}
#kboard-thumbnail-document .kboard-document-action {padding:20px 40px 24px; display:flex; justify-content:space-between; border-top:1px solid var(--dm-border-light);}
#kboard-thumbnail-document .kboard-button-action {display:inline-flex; align-items:center; gap:8px; padding:10px 20px; background:#fff; color:var(--dm-text-sub); border:1px solid var(--dm-border); border-radius:50px; font-size:13px; font-weight:500; cursor:pointer; transition:all 0.2s; margin-right:6px;}
#kboard-thumbnail-document .kboard-button-action:hover {background:var(--dm-primary-light); color:var(--dm-primary); border-color:var(--dm-primary);}
#kboard-thumbnail-document .kboard-button-like {background:var(--dm-primary-light); color:var(--dm-primary); border-color:var(--dm-primary-border);}
.kboard-attach {border-top:1px dashed var(--dm-border); padding:18px 40px; background:var(--dm-bg); margin:0;}
.kboard-comments-area {float:none; width:100%; margin-top:20px;}

#kboard-thumbnail-document .kboard-document-navi {display:grid !important; grid-template-columns:1fr 1fr; gap:12px; margin:30px 0; float:none; padding:0;}
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document, #kboard-thumbnail-document .kboard-document-navi .kboard-next-document {float:none; width:100%;}
#kboard-thumbnail-document .kboard-document-navi a {display:flex; align-items:center; gap:12px; padding:20px 24px; background:#fff; border:1px solid var(--dm-border); border-radius:14px; font-weight:500; height:100%; text-decoration:none; transition:all 0.2s;}
#kboard-thumbnail-document .kboard-document-navi a:hover {border-color:var(--dm-primary); color:var(--dm-primary); transform:translateY(-2px); box-shadow:var(--dm-shadow-sm);}
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document a {justify-content:flex-start;}
#kboard-thumbnail-document .kboard-document-navi .kboard-next-document a {justify-content:flex-end; text-align:right;}
#kboard-thumbnail-document .kboard-document-navi .navi-arrow {position:static; font-size:20px; color:var(--dm-primary); font-weight:700;}

#kboard-thumbnail-document .kboard-control {display:flex; justify-content:space-between; padding:30px 0 0; float:none; gap:10px; flex-wrap:wrap;}
#kboard-thumbnail-document .kboard-control .left, #kboard-thumbnail-document .kboard-control .right {display:flex; flex-wrap:nowrap; gap:8px; white-space:nowrap;}
#kboard-thumbnail-document .kboard-thumbnail-button-small {display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 26px; background-color:var(--dm-primary); color:#fff !important; border:1px solid var(--dm-primary); border-radius:50px; font-size:14px; font-weight:600; letter-spacing:-0.2px; box-shadow:0 4px 12px rgba(176, 141, 87, 0.2); transition:all 0.25s; text-decoration:none;}
#kboard-thumbnail-document .kboard-thumbnail-button-small:hover {background-color:var(--dm-primary-hover); border-color:var(--dm-primary-hover); transform:translateY(-2px); box-shadow:0 6px 16px rgba(176, 141, 87, 0.3); opacity:1;}

/* ============================================
   페이지 전체 배경 (body 레벨) - 화이트
   ============================================ */
body.page-id-121 {background:#fff;}
body.page-id-121 .site-main {background:#fff;}
body.page-id-121 .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important; background:#fff;}

/* ============================================
   메인 래퍼 - 화이트 배경
   ============================================ */
.dm-yt-list {font-family:var(--dm-font); font-size:15px; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff; width:100%; padding:80px 20px 100px; box-sizing:border-box; margin:0 auto;}

/* 문서 옵션 숨김 */
.kboard-document-add-option-value-wrap {display:none !important;}

/* ============================================
   Editor (글쓰기 화면)
   ============================================ */
#kboard-thumbnail-editor {font-family:var(--dm-font); max-width:900px; margin:0 auto; padding:60px 20px 100px; box-sizing:border-box;}
#kboard-thumbnail-editor .kboard-attr-row {display:flex; flex-direction:column; margin-bottom:20px; padding:0; background:transparent; border-bottom:none; float:none;}
#kboard-thumbnail-editor .attr-name {font-weight:600; margin-bottom:10px; font-size:14px; color:var(--dm-text); width:100% !important; float:none !important; text-align:left; padding:0 !important;}
#kboard-thumbnail-editor input[type=text], #kboard-thumbnail-editor input[type=email], #kboard-thumbnail-editor input[type=password], #kboard-thumbnail-editor select {width:100% !important; padding:12px 16px; font-size:14px; color:var(--dm-text); background-color:#fff; border:1px solid var(--dm-border); border-radius:var(--dm-radius-sm); outline:none; transition:border-color 0.2s, box-shadow 0.2s; min-height:44px; margin:0; font-family:inherit;}
#kboard-thumbnail-editor input:focus, #kboard-thumbnail-editor select:focus {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(176, 141, 87, 0.08);}
#kboard-thumbnail-editor input[type=file] {margin:0; padding:10px 0; width:100%;}
#kboard-thumbnail-editor .attr-value {margin:0 !important; width:100%; padding:0;}
#kboard-thumbnail-editor .kboard-content {border:none; padding:0; margin:0; background:transparent; float:none;}
#kboard-thumbnail-editor textarea {width:100% !important; min-height:300px; padding:16px; font-size:14px; color:var(--dm-text); background:#fff; border:1px solid var(--dm-border); border-radius:var(--dm-radius-sm); box-sizing:border-box; outline:none; font-family:inherit; line-height:1.7;}
#kboard-thumbnail-editor textarea:focus {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(176, 141, 87, 0.08);}
#kboard-thumbnail-editor .kboard-control {float:none; display:flex; justify-content:space-between; padding-top:20px; gap:10px; flex-wrap:wrap;}
#kboard-thumbnail-editor .kboard-control .left, #kboard-thumbnail-editor .kboard-control .right {float:none; width:auto; display:flex; gap:8px;}
#kboard-thumbnail-editor .kboard-thumbnail-button-small {display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 26px; background-color:var(--dm-primary); color:#fff !important; border:1px solid var(--dm-primary); border-radius:50px; font-size:14px; font-weight:600; letter-spacing:-0.2px; box-shadow:0 4px 12px rgba(176, 141, 87, 0.2); transition:all 0.25s; text-decoration:none; cursor:pointer;}
#kboard-thumbnail-editor .kboard-thumbnail-button-small:hover {background-color:var(--dm-primary-hover); transform:translateY(-2px); box-shadow:0 6px 16px rgba(176, 141, 87, 0.3);}

/* 유튜브 프리뷰 */
.kboard-youtube-preview img {border-radius:12px; box-shadow:var(--dm-shadow-sm);}

/* ============================================
   Latest View (위젯)
   ============================================ */
#kboard-thumbnail-latest {font-family:var(--dm-font); width:100%; background:#fff; border:1px solid var(--dm-border); border-radius:var(--dm-radius); overflow:hidden;}
#kboard-thumbnail-latest table {width:100%; border-collapse:collapse; table-layout:fixed; border:0;}
#kboard-thumbnail-latest thead th {padding:12px; background:var(--dm-bg); border-bottom:1px solid var(--dm-border); font-size:13px; color:var(--dm-text-muted); font-weight:600; text-align:center;}
#kboard-thumbnail-latest tbody tr {border-bottom:1px solid var(--dm-border-light); background:#fff;}
#kboard-thumbnail-latest tbody tr:last-child {border-bottom:none;}
#kboard-thumbnail-latest tbody tr:hover {background-color:var(--dm-bg);}
#kboard-thumbnail-latest td {padding:14px 16px; vertical-align:middle; font-size:14px; border:0;}
#kboard-thumbnail-latest .kboard-latest-title {text-align:left;}
#kboard-thumbnail-latest .kboard-latest-title a {display:block; color:var(--dm-text); text-decoration:none;}
#kboard-thumbnail-latest .kboard-latest-title a:hover {color:var(--dm-primary);}
#kboard-thumbnail-latest .kboard-thumbnail-cut-strings {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* ============================================
   반응형
   ============================================ */
@media screen and (max-width: 1200px) {
	.dm-yt-grid {grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 1024px) {
	.dm-yt-list {padding:60px 30px 80px;}
	.dm-yt-page-title {font-size:34px;}
	.dm-yt-grid {grid-template-columns:repeat(3, 1fr); gap:20px;}
	#kboard-thumbnail-document {padding:50px 20px 80px;}
	#kboard-thumbnail-document .kboard-title h1 {padding:30px 30px 20px; font-size:22px;}
	#kboard-thumbnail-document .kboard-detail {padding:14px 30px;}
	#kboard-thumbnail-document .kboard-content {padding:30px;}
	#kboard-thumbnail-document .kboard-document-action {padding:18px 30px 22px;}
}
@media screen and (max-width: 768px) {
	.dm-yt-list {padding:50px 20px 70px;}
	.dm-yt-head {margin-bottom:36px;}
	.dm-yt-eyebrow {font-size:12px; letter-spacing:2px; margin-bottom:12px;}
	.dm-yt-page-title {font-size:26px; margin-bottom:12px;}
	.dm-yt-page-desc {font-size:14px;}
	.dm-yt-search-form {max-width:100%; padding:8px 8px 8px 20px;}
	.dm-yt-search-select {min-width:60px; margin-right:10px; padding-right:22px; font-size:12px;}
	.dm-yt-search-input {font-size:14px;}
	.dm-yt-search {margin-bottom:30px;}
	.dm-yt-list .kboard-category.category-pc {margin-bottom:40px !important;}
	.dm-yt-list .kboard-category.category-pc .kboard-category-list {justify-content:flex-start !important; flex-wrap:nowrap !important; overflow-x:auto; padding-bottom:8px !important; gap:8px !important; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
	.dm-yt-list .kboard-category.category-pc .kboard-category-list::-webkit-scrollbar {display:none;}
	.dm-yt-list .kboard-category.category-pc .kboard-category-list li {flex-shrink:0;}
	.dm-yt-list .kboard-category.category-pc .kboard-category-list li a {padding:9px 20px !important; font-size:13px !important;}
	.dm-yt-grid {grid-template-columns:repeat(2, 1fr); gap:16px;}
	.dm-yt-body {padding:16px 16px 18px;}
	.dm-yt-title {font-size:14px;}
	.dm-yt-play {width:44px; height:44px;}
	.dm-yt-pagination {padding:30px 0 10px;}
	.dm-yt-pagination-list a, .dm-yt-pagination-list span {min-width:36px; height:36px; font-size:13px;}
	.dm-yt-write-btn {padding:12px 26px; font-size:13px;}
	
	#kboard-thumbnail-document {padding:40px 16px 70px;}
	#kboard-thumbnail-document .kboard-title h1 {padding:24px 20px 18px; font-size:19px;}
	#kboard-thumbnail-document .kboard-detail {padding:12px 20px; gap:12px;}
	#kboard-thumbnail-document .kboard-content {padding:24px 20px;}
	#kboard-thumbnail-document .kboard-document-action {padding:16px 20px 20px; flex-direction:column; gap:10px;}
	#kboard-thumbnail-document .kboard-document-navi {grid-template-columns:1fr !important;}
	#kboard-thumbnail-document .kboard-control {flex-direction:column-reverse; gap:10px;}
	#kboard-thumbnail-document .kboard-control .left, #kboard-thumbnail-document .kboard-control .right {width:100%; justify-content:center;}
	
	#kboard-thumbnail-editor .kboard-control {flex-direction:column; gap:10px;}
	#kboard-thumbnail-editor .kboard-control .left, #kboard-thumbnail-editor .kboard-control .right {width:100%; display:flex; flex-direction:column; gap:8px;}
}
@media screen and (max-width: 480px) {
	.dm-yt-grid {grid-template-columns:1fr; gap:14px;}
	.dm-yt-search-form {padding:6px 6px 6px 16px;}
	.dm-yt-search-btn {width:40px; height:40px;}
}