@charset "utf-8";
/**
 * KBoard List Skin (idmc-list)
 * 갤러리 스킨 헤더/네비/버튼 + list 라인형 + document 심플 뷰
 */

/* ============================================
   CSS Variables
   ============================================ */
:root {
	--kboard-primary:       #2563eb;
	--kboard-primary-hover: #1d4ed8;
	--kboard-primary-rgb:   37, 99, 235;
	--kboard-text:          #1e293b;
	--kboard-text-muted:    #64748b;
	--kboard-text-light:    #94a3b8;
	--kboard-bg:            #ffffff;
	--kboard-bg-alt:        #f8fafc;
	--kboard-border:        #e2e8f0;
	--kboard-danger:        #ef4444;

	--kboard-font-family:   "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
	--kboard-font-size:     15px;

	--kboard-radius-sm:     8px;
	--kboard-radius-md:     16px;
	--kboard-radius-lg:     32px;

	--kboard-shadow-sm:     0 1px 3px rgba(0,0,0,0.06);
	--kboard-shadow-md:     0 4px 12px rgba(0,0,0,0.10);
}

/* ============================================
   Global Reset
   ============================================ */
#kboard-default-list,
#kboard-default-document,
#kboard-default-editor {
	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-default-list *,
#kboard-default-document *,
#kboard-default-editor * {
	box-sizing: inherit;
}

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

/* ============================================
   Buttons (갤러리 스킨과 동일)
   ============================================ */
a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	padding: 0 18px;
	font-size: 14px;
	font-weight: 600;
	color: #fff !important;
	background-color: var(--kboard-text) !important;
	border: none;
	border-radius: var(--kboard-radius-sm);
	cursor: pointer;
	transition: background-color 0.2s, transform 0.15s, box-shadow 0.2s;
	box-shadow: var(--kboard-shadow-sm);
	text-shadow: none;
	line-height: 1;
}

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

.kboard-button-delete {
	background-color: var(--kboard-danger) !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;
}

/* ============================================
   Form Elements
   ============================================ */
#kboard-default-list input[type=text],
#kboard-default-document input[type=text],
#kboard-default-editor input[type=text],
#kboard-default-list input[type=email],
#kboard-default-editor input[type=email],
#kboard-default-list input[type=password],
#kboard-default-document input[type=password],
#kboard-default-editor input[type=password],
#kboard-default-list input[type=number],
#kboard-default-editor input[type=number],
#kboard-default-list input[type=date],
#kboard-default-editor input[type=date],
#kboard-default-list select,
#kboard-default-document select,
#kboard-default-editor select,
#kboard-default-list textarea,
#kboard-default-editor textarea {
	appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius-sm);
	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;
	font-family: var(--kboard-font-family);
}

#kboard-default-list input:focus,
#kboard-default-document input:focus,
#kboard-default-editor input:focus,
#kboard-default-list select:focus,
#kboard-default-document select:focus,
#kboard-default-editor select:focus,
#kboard-default-list textarea:focus,
#kboard-default-editor textarea:focus {
	border-color: var(--kboard-primary);
	box-shadow: 0 0 0 3px rgba(var(--kboard-primary-rgb), 0.12);
}

#kboard-default-list select,
#kboard-default-document select,
#kboard-default-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' 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 — Header (갤러리 스킨과 동일)
   ============================================ */
#kboard-default-list {
	width: 100%;
	overflow: hidden;
}

#kboard-default-list .kboard-list-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--kboard-border);
	flex-wrap: wrap;
	gap: 12px;
}

#kboard-default-list .kboard-total-count {
	font-size: 15px;
	font-weight: 600;
	color: var(--kboard-text);
	display: flex;
	align-items: baseline;
	gap: 3px;
	margin: 0;
}

#kboard-default-list .kboard-count-point {
	font-style: normal;
	color: var(--kboard-primary);
	font-weight: 700;
}

#kboard-default-list .kboard-header-right {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* 검색폼 인라인 (갤러리 스킨과 동일) */
#kboard-default-list .kboard-search-inline {
	display: flex;
	align-items: center;
	gap: 6px;
}

#kboard-default-list .kboard-search-target {
	height: 40px;
	min-width: 70px;
	font-size: 13px;
	border-radius: var(--kboard-radius-sm);
}

#kboard-default-list .kboard-search-input-wrap {
	display: flex;
	align-items: center;
	gap: 4px;
	border: 1px solid var(--kboard-border);
	border-radius: 99rem;
	padding: 0 14px 0 10px;
	background: #fff;
	height: 40px;
	min-width: 240px;
	transition: border-color 0.2s, box-shadow 0.2s;
}

#kboard-default-list .kboard-search-input-wrap:focus-within {
	border-color: var(--kboard-primary);
	box-shadow: 0 0 0 3px rgba(var(--kboard-primary-rgb), 0.12);
}

#kboard-default-list .kboard-search-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: var(--kboard-text-muted);
	flex-shrink: 0;
	transition: color 0.2s;
}

#kboard-default-list .kboard-search-btn:hover {
	color: var(--kboard-primary);
}

#kboard-default-list .kboard-search-btn svg {
	width: 17px;
	height: 17px;
}

#kboard-default-list .kboard-search-input-wrap input[type=text] {
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	min-height: unset;
	height: auto;
	flex: 1;
	font-size: 14px;
	background: transparent;
	width: 100%;
}

#kboard-default-list .kboard-search-input-wrap input[type=text]:focus {
	border: none !important;
	box-shadow: none !important;
}

/* ============================================
   Categories
   ============================================ */
#kboard-default-list .kboard-category.category-mobile {
	display: none;
}

#kboard-default-list .kboard-category.category-pc {
	display: block;
	margin-top: 16px;
}

#kboard-default-list .kboard-category.category-pc .kboard-category-list {
	list-style: none;
	padding: 0;
	margin: 0 0 8px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

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

#kboard-default-list .kboard-category.category-pc .kboard-category-list li {
	margin: 0;
	padding: 0;
}

#kboard-default-list .kboard-category.category-pc .kboard-category-list li a {
	display: block;
	padding: 5px 14px;
	font-size: 14px;
	font-weight: 500;
	color: var(--kboard-text-muted);
	background-color: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: 99rem;
	transition: all 0.2s;
}

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

#kboard-default-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;
}

#kboard-default-list .kboard-category.category-mobile select {
	width: auto;
	min-width: 120px;
	height: 38px;
	padding: 0 12px;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius-sm);
	background-color: #fff;
	font-size: 14px;
	color: var(--kboard-text);
}

/* ============================================
   List Items (라인형)
   ============================================ */
#kboard-default-list .kboard-list {
	background: #fff;
	border-top: 1px solid var(--kboard-text);
	margin-top: 0;
}

#kboard-default-list .kboard-item {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 64px;
	border-bottom: 1px solid #e5e5e5;
	transition: background-color 0.1s;
}

#kboard-default-list .kboard-item:hover {
	background-color: var(--kboard-bg-alt);
}

/* 번호 */
#kboard-default-list .kboard-item-number {
	flex: 0 0 90px;
	text-align: center;
	font-size: 14px;
	color: var(--kboard-text-muted);
}

/* 제목 */
#kboard-default-list .kboard-item-title {
	flex: 1 1 auto;
	overflow: hidden;
	padding: 0 20px 0 0;
}

#kboard-default-list .kboard-item-title a {
	display: block;
	color: var(--kboard-text);
}

#kboard-default-list .kboard-item-title a:hover .kboard-default-cut-strings {
	color: var(--kboard-primary);
}

/* 날짜 */
#kboard-default-list .kboard-item-date {
	flex: 0 0 110px;
	text-align: right;
	font-size: 13px;
	color: #aaaaaa;
	white-space: nowrap;
	padding-right: 16px;
}

/* 공지 배지 */
#kboard-default-list .badge-notice {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 10px;
	background-color: var(--kboard-text);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 3px;
}

#kboard-default-list .kboard-item-notice .kboard-item-title a .kboard-default-cut-strings {
	font-weight: 600;
}

/* 인기 배지 */
#kboard-default-list .badge-popular {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 8px;
	background-color: var(--kboard-danger);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
}

/* 선택된 행 */
#kboard-default-list .kboard-item.kboard-list-selected .kboard-item-title a .kboard-default-cut-strings {
	font-weight: 700;
	color: var(--kboard-primary);
}

.kboard-default-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-default-cut-strings {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	font-size: 15px;
}

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

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

#kboard-default-list .kboard-mobile-contents {
	display: none;
	margin-top: 4px;
	font-size: 12px;
	color: var(--kboard-text-muted);
}

/* ============================================
   Pagination — 원형 (갤러리 스킨과 동일)
   ============================================ */
#kboard-default-list .kboard-pagination {
	margin-top: 40px;
	text-align: center;
	float: none;
	padding: 0;
}

#kboard-default-list .kboard-pagination ul {
	display: inline-flex;
	padding: 0;
	list-style: none;
	gap: 4px;
	flex-wrap: wrap;
	justify-content: center;
}

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

#kboard-default-list .kboard-pagination li a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 8px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid var(--kboard-border);
	font-size: 14px;
	color: var(--kboard-text);
	font-weight: 500;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

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

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

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

.kboard-default-poweredby {
	text-align: right;
	font-size: 12px;
	color: #ccc;
	margin-top: 8px;
	float: none;
	width: 100%;
}

/* ============================================
   Document View
   ============================================ */
#kboard-default-document .kboard-document-wrap {
	background: #fff;
	float: none;
}

/* 상단: 제목 영역 */
#kboard-default-document .kboard-doc-top {
	padding: 30px 0 24px;
	border-top: 1px solid var(--kboard-text);
	border-bottom: 0px solid #e5e5e5;
}

#kboard-default-document .kboard-doc-title-row {
	display: flex;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
}

#kboard-default-document .kboard-doc-title {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--kboard-text);
	line-height: 1.4;
	float: none;
	padding: 0;
	border: none;
}

#kboard-default-document .kboard-doc-date {
	display: block;
	margin-top: 16px;
	font-size: 14px;
	color: #aaaaaa;
} 

#kboard-default-document .kboard-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    font-size: 14px;
    color: var(--kboard-text-muted);
    border-bottom: 1px solid var(--kboard-border);
    gap: 10px;
    flex-wrap: wrap;
}

#kboard-default-document .kboard-detail .detail-meta-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#kboard-default-document .kboard-detail .detail-sep {
    margin: 0 6px;
    color: var(--kboard-border);
}

#kboard-default-document .kboard-detail .detail-category {
    color: var(--kboard-primary);
    font-weight: 600;
}

/* 배지 */
#kboard-default-document .badge-notice,
#kboard-default-document .badge-category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 3px 12px;
	font-size: 13px;
	font-weight: 600;
	transform: translateY(-2px);
	border-radius: 3px;
}

#kboard-default-document .badge-notice {
	background-color: var(--kboard-text);
	color: #fff;
}

#kboard-default-document .badge-category {
	background-color: var(--kboard-primary);
	color: #fff;
}

/* 본문 */
#kboard-default-document .kboard-doc-body {
	padding: 36px 0 60px;
	min-height: 200px;
	float: none;
	border: none;
}

#kboard-default-document .content-view {
	font-size: 15px;
	line-height: 1.9;
	color: #334155;
	padding: 0;
}

/* 좋아요/프린트 */
#kboard-default-document .kboard-document-action {
	padding: 10px 0 20px;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid var(--kboard-border);
}

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

.kboard-button-action:hover { background: var(--kboard-bg-alt); }
.kboard-button-like  { color: var(--kboard-danger); }
.kboard-button-unlike { color: var(--kboard-primary); }

/* 첨부 */
.kboard-attach {
	border-top: 1px dashed var(--kboard-border);
	padding: 12px 16px;
	background: var(--kboard-bg-alt);
	border-radius: var(--kboard-radius-sm);
	margin-top: 4px;
}

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

/* ============================================
   Document Navi — 원형 버튼 (갤러리 스킨과 동일)
   ============================================ */
.kboard-document-navi {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 0;
	padding: 14px 0;
	border-top: 1px solid var(--kboard-border);
}

#kboard-default-document .kboard-document-navi .kboard-prev-document,
#kboard-default-document .kboard-document-navi .kboard-next-document {
	width: auto;
	float: none;
}

.kboard-document-navi .navi-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--kboard-text);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.kboard-document-navi .navi-link:hover .navi-circ-btn {
	background: var(--kboard-primary);
	border-color: var(--kboard-primary);
	color: #fff;
}

.kboard-document-navi .navi-disabled {
	opacity: 0.35;
	pointer-events: none;
}

.kboard-document-navi .navi-circ-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var(--kboard-border);
	background: #fff;
	font-size: 20px;
	line-height: 1;
	color: var(--kboard-text);
	transition: background 0.2s, border-color 0.2s, color 0.2s;
	flex-shrink: 0;
}

.kboard-document-navi .navi-label {
	color: var(--kboard-text-muted);
	font-size: 14px;
}

/* ============================================
   Document Control Buttons
   ============================================ */
#kboard-default-document .kboard-control {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	float: none;
	gap: 10px;
}

#kboard-default-document .kboard-control .left,
#kboard-default-document .kboard-control .right {
	display: flex;
	gap: 8px;
	flex-wrap: nowrap;
	float: none;
	position: static;
}

/* 로그아웃시 버튼 가운데 */
#kboard-default-document .kboard-control:has(.right:empty) {
	justify-content: center;
}

#kboard-default-document .kboard-control:not(:has(.right)) {
    justify-content: center;
}

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

.kboard-document-add-option-value-wrap {
	background: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius-sm);
	overflow: hidden;
	margin-bottom: 12px;
}

.kboard-document-add-option-value-wrap:last-child { margin-bottom: 0; }

.kboard-document-add-option-value {
	display: flex;
	align-items: stretch;
	min-height: 48px;
}

.kboard-document-add-option-value .option-name {
	width: 160px;
	background: var(--kboard-bg-alt);
	border-right: 1px solid var(--kboard-border);
	font-weight: 600;
	font-size: 14px;
	color: var(--kboard-text);
	padding: 14px 20px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

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

.kboard-document-add-option-value .option-value {
	padding: 14px 20px;
	display: flex;
	align-items: center;
	flex: 1;
	font-size: 14px;
	color: var(--kboard-text);
	word-break: break-word;
}

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

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

#kboard-default-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-default-editor input[type=file] {
	margin: 0;
	padding: 8px 0;
	width: 100%;
}

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

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

#kboard-default-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;
	outline: none;
	margin: 0;
	flex-shrink: 0;
}

#kboard-default-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%;
}

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

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

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

#kboard-default-editor .kboard-control {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}

#kboard-default-editor .kboard-control .left,
#kboard-default-editor .kboard-control .right {
	display: flex;
	gap: 8px;
}

#kboard-default-editor .kboard-tree-category-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	margin-bottom: 16px;
}

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

#kboard-default-editor .kboard-row-postcode {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

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

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

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

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

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

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

#kboard-default-editor.confirm .kboard-confirm-row { margin-bottom: 24px; }
#kboard-default-editor.confirm .attr-name { margin-bottom: 10px; }
#kboard-default-editor.confirm .description { color: var(--kboard-danger); font-size: 13px; margin-top: 8px; }
#kboard-default-editor.confirm input[type=password] { width: 100%; }

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

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

#kboard-default-editor.confirm .kboard-control button { width: 100%; height: 40px; font-size: 15px; }
#kboard-default-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-default-editor.confirm .kboard-control a:hover {
	background: var(--kboard-bg-alt) !important;
	color: var(--kboard-text) !important;
}

/* ============================================
   Editor.js
   ============================================ */
#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-sm);
	overflow: visible;
}

#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(var(--kboard-primary-rgb), 0.12);
}

#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__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-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);
}

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

/* Content typography */
.kboard-content hr,
.kboard-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 {
	margin: 16px 0; padding: 12px; overflow: auto;
	background: var(--kboard-bg-alt); border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius-sm); font-size: 13px; line-height: 1.6;
}

.kboard-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 {
	padding: 10px; border: 1px solid var(--kboard-border); vertical-align: top;
}

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

/* Video responsive */
.note-video-clip {
	position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important;
}
.note-video-clip-wrap, p:has(> .note-video-clip) {
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;
}

/* ============================================
   Responsive — Tablet (≤ 992px)
   ============================================ */
@media screen and (max-width: 992px) {
	#kboard-default-list .kboard-list-header {
		flex-direction: row;
		align-items: center;
	}

	#kboard-default-list .kboard-header-right {
		width: 100%;
		flex-wrap: nowrap;
		gap: 6px;
	}

	#kboard-default-list .kboard-search-input-wrap {
		min-width: unset;
		flex: 1;
	}

	#kboard-default-list .kboard-search-inline {
		flex: 1;
		flex-wrap: nowrap;
	}

	#kboard-default-list .kboard-search-target {
		min-width: 60px;
		width: auto !important;
	}
}

/* ============================================
   Responsive — Mobile (≤ 600px)
   ============================================ */
@media screen and (max-width: 600px) {
	/* 헤더 */
	#kboard-default-list .kboard-list-header {
		flex-direction: row;
		align-items: center;
	}

	#kboard-default-list .kboard-header-right {
		flex-direction: row;
		align-items: center;
	}

	#kboard-default-list .kboard-search-inline {
		flex-direction: row;
		flex: 1;
	}

	#kboard-default-list .kboard-search-target {
		width: 70px !important;
		flex-shrink: 0;
	}

	#kboard-default-list .kboard-search-input-wrap {
		flex: 1;
		min-width: 0;
	}

	/* 카테고리 */
	#kboard-default-list .kboard-category.category-pc { display: none; }
	#kboard-default-list .kboard-category.category-mobile {
		display: block;
		margin-top: 12px;
	}
	#kboard-default-list .kboard-category.category-mobile form {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	#kboard-default-list .kboard-category.category-mobile select {
		flex: 1;
		min-width: 140px;
	}

	/* 리스트: 번호/날짜 숨김 */
	#kboard-default-list .kboard-item-number,
	#kboard-default-list .kboard-item-date {
		display: none;
	}

	#kboard-default-list .kboard-item { padding: 14px 0; }
	#kboard-default-list .kboard-item-title { padding: 0; }

	#kboard-default-list .kboard-default-cut-strings {
		white-space: normal;
		font-size: 15px;
		line-height: 1.4;
		margin-bottom: 4px;
	}

	#kboard-default-list .kboard-mobile-contents {
		display: flex;
		align-items: center;
		font-size: 12px;
	}

	/* 공지/인기: 배지는 유지 */
	#kboard-default-list .kboard-item-notice .kboard-item-number,
	#kboard-default-list .kboard-item-popular .kboard-item-number {
		display: flex;
		flex: 0 0 60px;
	}

	/* 페이징 */
	#kboard-default-list .kboard-pagination { margin-top: 30px; }
	#kboard-default-list .kboard-pagination ul { gap: 3px; }
	#kboard-default-list .kboard-pagination li a {
		min-width: 34px;
		height: 34px;
		font-size: 13px;
	}

	/* Document */
	#kboard-default-document .kboard-doc-title { font-size: 18px; }

	#kboard-default-document .kboard-control {
		flex-direction: row;
	}

	#kboard-default-document .kboard-control .left,
	#kboard-default-document .kboard-control .right {
		flex-wrap: wrap;
	}

	.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; }

	/* Editor */
	#kboard-default-editor .kboard-control { flex-direction: column; gap: 10px; }
	#kboard-default-editor .kboard-control .left,
	#kboard-default-editor .kboard-control .right {
		width: 100%;
		flex-direction: column;
		gap: 8px;
	}

	#kboard-editor-root,
	.kboard-editor-root-editorjs,
	.kboard-editor-scaffold {
		--kboard-editorjs-left-gutter: 36px;
	}
}



.kboard-default-poweredby {
    display: none;
}