@charset "utf-8";
/**
 * KBoard mail-form (메일 전송 접수) 스킨 — cnnong 톤
 * 길이 단위: 10px = 1rem (프로젝트 기준). %·em 등은 그대로.
 * 색상: cnnong 테마 :root 변수 (--color-gray10~100, --color-primary 등) 사용.
 */

/* 바깥: 폭만 제한 / 회색 카드는 입력 영역만(취소·확인 버튼은 밖) */
#kboard-mail-form-editor {
	width: 100%;
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.kboard-mail-form-editor-wrap {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 2.4rem 2rem;
	box-sizing: border-box;
	background: var(--color-gray10);
	border-radius: 0.8rem;
	overflow: hidden;
}

.kboard-form.kboard-mail-form {
	padding: 0;
	margin: 0;
	background: transparent;
}

/* Powered by KBoard 표시 안 함 (에디터·관리 화면 공통) */
.kboard-mail-form-poweredby {
	display: none !important;
}

/* ===== 게시글 상세: 접수 필드(KBoard 옵션값) ===== */
#kboard-mail-form-document.post-view .kboard-document-add-option-value-wrap {
	margin: 0 0 2.4rem;
	padding: 1.6rem 2rem;
	background: var(--color-gray10);
	border: 0.1rem solid var(--color-gray30);
	border-radius: 0.6rem;
	box-sizing: border-box;
}

#kboard-mail-form-document.post-view .kboard-document-add-option-value {
	padding: 1.2rem 0;
	font-size: 1.5rem;
	line-height: 1.6;
	border-bottom: 0.1rem solid var(--color-gray30);
}

#kboard-mail-form-document.post-view .kboard-document-add-option-value:last-of-type {
	border-bottom: 0;
}

#kboard-mail-form-document.post-view .kboard-document-add-option-value .option-name {
	font-weight: 600;
	color: var(--color-gray100);
}

#kboard-mail-form-document.post-view .kboard-document-add-option-value .option-separator {
	color: var(--color-gray50);
	margin: 0 0.4rem;
}

#kboard-mail-form-document.post-view .kboard-document-add-option-value .option-value {
	color: var(--color-gray70);
	word-break: break-word;
}

#kboard-mail-form-document.post-view .kboard-document-add-option-value-wrap hr {
	display: none;
}

/* ===== 게시글 상세: 참고 레이아웃 (뱃지·제목·메타·본문·첨부 바) ===== */
#kboard-mail-form-document.post-view {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#kboard-mail-form-document.post-view .kboard-document-wrap {
	float: none;
	width: 100%;
	max-width: var(--max-width, 100%);
	margin: 0 auto;
	padding: 2.4rem 2rem 3.2rem;
	box-sizing: border-box;
	background: #fff;
}

#kboard-mail-form-document.post-view .view-header {
	margin: 0;
	padding-bottom: 2rem;
	border-bottom: 0.1rem solid var(--color-gray100, #1a1a1a);
}

#kboard-mail-form-document.post-view .view-title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.6rem;
	margin-bottom: 1.2rem;
}

#kboard-mail-form-document.post-view .view-title-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.8rem 1.2rem;
	flex: 1;
	min-width: 0;
}

#kboard-mail-form-document.post-view .view-badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	flex-shrink: 0;
}

#kboard-mail-form-document.post-view .badge-notice {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.3rem 0.8rem;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	background: var(--color-gray100, #333);
	border-radius: 0.4rem;
}

#kboard-mail-form-document.post-view .badge-new {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.3rem 0.8rem;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	background: #ff4b4b;
	border-radius: 0.4rem;
}

#kboard-mail-form-document.post-view h1.view-title {
	flex: 1;
	min-width: min(100%, 16rem);
	margin: 0;
	padding: 0;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--color-gray100, #1a1a1a);
	text-align: left;
}

#kboard-mail-form-document.post-view .view-actions {
	flex-shrink: 0;
}

#kboard-mail-form-document.post-view .btn-print {
	width: 4rem;
	height: 4rem;
	padding: 0;
	border: 0.1rem solid var(--color-gray30, #e0e0e0);
	border-radius: 50%;
	background: var(--color-gray10, #f5f5f5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23727272' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v8H6z'/%3E%3C/svg%3E") no-repeat center / 2rem;
	cursor: pointer;
	transition: background 0.2s, border-color 0.2s;
}

#kboard-mail-form-document.post-view .btn-print:hover {
	background-color: var(--color-gray20, #eee);
	border-color: var(--color-gray40, #ccc);
}

#kboard-mail-form-document.post-view .view-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem 0.8rem;
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.5;
	color: var(--color-gray50, #727272);
}

#kboard-mail-form-document.post-view .view-meta .meta-sep {
	color: var(--color-gray40, #ccc);
	font-weight: 300;
	user-select: none;
}

#kboard-mail-form-document.post-view .view-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1.2rem;
}

#kboard-mail-form-document.post-view .view-cat-chip {
	display: inline-flex;
	padding: 0.35rem 0.9rem;
	font-size: 1.3rem;
	line-height: 1.3;
	color: var(--color-gray70, #555);
	background: var(--color-gray10, #f5f5f5);
	border-radius: 10rem;
	border: 0.1rem solid var(--color-gray30, #e8e8e8);
}

#kboard-mail-form-document.post-view .kboard-content {
	float: none;
	clear: both;
	width: 100%;
	min-height: 0;
	padding-top: 2.8rem;
}

#kboard-mail-form-document.post-view .kboard-content .content-view.content-body {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.85;
	color: var(--color-gray100, #222);
	word-break: break-word;
}

#kboard-mail-form-document.post-view .content-body a {
	color: var(--color-link, #4a90e2);
	text-decoration: none;
	border-bottom: 0.05rem solid transparent;
	transition: color 0.15s, border-color 0.15s;
}

#kboard-mail-form-document.post-view .content-body a:hover {
	text-decoration: underline;
	border-bottom-color: currentColor;
}

#kboard-mail-form-document.post-view .content-body a[href^="http"]::after,
#kboard-mail-form-document.post-view .content-body a[href^="//"]::after {
	content: "";
	display: inline-block;
	width: 0.95em;
	height: 0.95em;
	margin-left: 0.2em;
	vertical-align: -0.08em;
	opacity: 0.85;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%234a90e2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E") no-repeat center / contain;
}

#kboard-mail-form-document.post-view .attachment-list {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	margin-top: 3.2rem;
	padding: 0;
}

#kboard-mail-form-document.post-view .attachment-bar {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	padding: 1.6rem 1.8rem;
	background: var(--color-gray10, #f5f5f5);
	border-radius: 0.6rem;
	text-decoration: none;
	color: var(--color-gray70, #555);
	box-sizing: border-box;
	transition: background 0.2s;
}

#kboard-mail-form-document.post-view .attachment-bar:hover {
	background: var(--color-gray20, #eee);
}

#kboard-mail-form-document.post-view .attachment-icon {
	width: 2rem;
	height: 2rem;
	flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%234a90e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") no-repeat center / 2rem;
}

#kboard-mail-form-document.post-view .attachment-name-wrap {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.6rem 1rem;
}

#kboard-mail-form-document.post-view .attachment-name {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--color-link, #4a90e2);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

#kboard-mail-form-document.post-view .attachment-size {
	font-size: 1.3rem;
	color: var(--color-gray50, #999);
	white-space: nowrap;
}

#kboard-mail-form-document.post-view .attachment-download {
	width: 2rem;
	height: 2rem;
	flex-shrink: 0;
	margin-left: auto;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%234a90e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M12 15V3M9 12l3 3 3-3M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E") no-repeat center / 2rem;
}

#kboard-mail-form-document.post-view .kboard-document-action {
	float: none;
	clear: both;
	margin-top: 2.4rem;
	padding: 0;
	overflow: visible;
	line-height: 1.4;
}

#kboard-mail-form-document.post-view .kboard-document-navi {
	float: none;
	clear: both;
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 0.1rem solid var(--color-gray30, #e8e8e8);
	width: 100%;
}

#kboard-mail-form-document.post-view .kboard-control {
	float: none;
	clear: both;
	width: 100%;
}

#kboard-mail-form-document.post-view .kboard-comments-area {
	float: none;
	clear: both;
	width: 100%;
}

.kboard-mail-form-privacy-block {
	padding-bottom: 3.2rem;
}

.kboard-mail-form-privacy-title {
	margin: 0 0 1rem;
	font-size: 1.4rem;
	color: var(--color-gray70);
}

/* 제목 필드(.attr-name .attr-required-text)와 동일 빨강 — #id 특이도 + var 미정의 시에도 보이게 이중 지정 */
#kboard-mail-form-editor .kboard-mail-form-privacy-title .attr-required-text {
	color: #fb3e3e;
	color: var(--color-red, #fb3e3e);
	font-weight: normal;
	font-size: 1.3rem;
}

.kboard-mail-form-privacy-scroll {
	max-height: 16rem;
	overflow: auto;
	padding: 1.2rem 1.4rem 1.6rem;
	border-radius: 0.5rem;
	background: white;
	border: 0.1rem solid var(--color-gray40);
	font-size: 1.4rem;
	line-height: 1.65;
	color: var(--color-gray70);
	text-align: justify;
}

.kboard-mail-form-privacy-scroll p:last-child {
	margin-bottom: 0;
	padding-bottom: 0.2rem;
}

.kboard-mail-form-privacy-agree {
	display: flex;
	align-items: flex-start;
	gap: 0.8rem;
	margin-top: 1.2rem;
	font-size: 1.4rem;
	cursor: pointer;
	color: var(--color-gray100);
}

/* 체크 아이콘: 아래 커스텀 규칙(2.4rem). flex gap과 겹치지 않게 margin-right 제거 */
.kboard-mail-form-privacy-agree input[type="checkbox"] {
	margin-top: 0.1rem;
	margin-right: 0;
	flex-shrink: 0;
	cursor: pointer;
}

.kboard-mail-form-btn-icon {
	display: inline-block;
	margin-right: 0.35em;
	font-size: 0.95em;
	line-height: 1;
	opacity: 0.9;
}

.kboard-mail-form-fields .kboard-attr-row .attr-name {
	font-weight: 600;
}

/* 연락처 3칸 (메타키 mail_form_tel1~3 병합 행) — 가운데 하이픈, 앞칸은 조금 좁게 */
.kboard-mail-form-phone-wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.35rem 0.45rem;
	max-width: 100%;
}

.kboard-mail-form-tel-part {
	flex: 1 1 0;
	min-width: 0;
	max-width: 9rem;
	width: auto !important;
	text-align: center;
	box-sizing: border-box;
}

/* 휴대전화 010 등 앞자리는 조금 좁게 */
.kboard-mail-form-phone-wrap input.kboard-mail-form-tel-part:nth-of-type(1) {
	flex: 0 1 5.2rem;
	max-width: 5.8rem;
	min-width: 4.2rem;
}

.kboard-mail-form-phone-wrap input.kboard-mail-form-tel-part:nth-of-type(2),
.kboard-mail-form-phone-wrap input.kboard-mail-form-tel-part:nth-of-type(3) {
	flex: 1 1 6rem;
	max-width: 9rem;
}

.kboard-mail-form-phone-sep {
	flex-shrink: 0;
	color: var(--color-gray70);
	font-weight: 500;
	user-select: none;
	padding: 0 0.1rem;
}

button.kboard-mail-form-button-address,
a.kboard-mail-form-button-address {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.4rem !important;
	height: 3.6rem !important;
	line-height: 1 !important;
	font-size: 1.4rem !important;
	border-radius: 0.5rem !important;
	border: 0.1rem solid var(--color-gray40) !important;
	background: white !important;
	color: var(--color-gray100) !important;
}

/* 주소: 레이아웃 + input[type=text] 전역 width:100% 와 flex 충돌 방지 */
#kboard-mail-form-editor .kboard-mail-form-fields .kboard-attr-row {
	overflow-x: hidden;
}

#kboard-mail-form-editor .kboard-mail-form-fields .kboard-attr-row .attr-value {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

/* 1행: 주소찾기(좌) + 기본주소(우) — 우편번호는 hidden */
#kboard-mail-form-editor .kboard-mail-form-address-line1 {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.8rem;
	margin-bottom: 0.8rem;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

#kboard-mail-form-editor .kboard-mail-form-address-line1 .kboard-postcode-address-search-button,
#kboard-mail-form-editor .kboard-mail-form-address-line1 .kboard-mail-form-button-address {
	flex-shrink: 0;
	max-width: 100%;
	height: 4.2rem !important;
	min-height: 4.2rem;
	padding-left: 1.4rem !important;
	padding-right: 1.4rem !important;
}

#kboard-mail-form-editor .kboard-mail-form-address-line1 .kboard-row-address-1 {
	flex: 1 1 0;
	min-width: 0;
	box-sizing: border-box;
}

#kboard-mail-form-editor .kboard-mail-form-address-line1 .kboard-row-address-1 input.inp.kboard-address-1 {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box;
}

#kboard-mail-form-editor .kboard-row-address-2 {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

#kboard-mail-form-editor .kboard-row-address-2 input {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}

/* 버튼 줄: 테마 .btn_wrap 클래스(editor.php) — 코어 float 등만 무력화 */
#kboard-mail-form-editor .kboard-mail-form-control.btn_wrap {
	float: none !important;
	width: 100% !important;
	max-width: 100%;
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	border-top: none;
	clear: both;
	box-sizing: border-box;
}

a.kboard-mail-form-button-cancel {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0 1.6rem;
	height: 4rem;
	line-height: 1;
	font-size: 1.4rem;
	text-decoration: none !important;
	border-radius: 0.5rem;
	border: 0.1rem solid var(--color-gray40);
	background: white;
	color: var(--color-gray100) !important;
	transition: background .2s, border-color .2s;
}

a.kboard-mail-form-button-cancel:hover {
	background: var(--color-gray20);
}

button.kboard-mail-form-button-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-width: 10rem;
	padding: 0 2rem;
	height: 4rem;
	line-height: 1;
	font-size: 1.4rem;
	font-weight: 600;
	border: none;
	border-radius: 0.5rem;
	background: var(--color-gray100);
	color: white !important;
	cursor: pointer;
	transition: opacity .2s, transform .15s;
}

button.kboard-mail-form-button-submit:hover {
	opacity: 0.92;
}

#kboard-mail-form-editor input[type="text"],
#kboard-mail-form-editor input[type="email"],
#kboard-mail-form-editor input[type="password"],
#kboard-mail-form-editor input[type="number"],
#kboard-mail-form-editor input[type="date"],
#kboard-mail-form-editor select,
#kboard-mail-form-editor .editor-textarea {
	border-radius: 0.5rem !important;
	border-color: var(--color-gray40) !important;
}

#kboard-mail-form-editor .kboard-attr-row {
	padding: 0.8rem 0 !important;
}

a.kboard-mail-form-button-small,
input.kboard-mail-form-button-small,
button.kboard-mail-form-button-small { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1rem; width: auto; height: 2.8rem; line-height: 2.8rem; font-size: 1.4rem; font-weight: normal; letter-spacing: normal; color: var(--color-gray100) !important; background: var(--color-gray20) !important; border: none; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.3s; box-sizing: content-box; }
a.kboard-mail-form-button-small:hover,
a.kboard-mail-form-button-small:focus,
a.kboard-mail-form-button-small:active,
input.kboard-mail-form-button-small:hover,
input.kboard-mail-form-button-small:focus,
input.kboard-mail-form-button-small:active,
button.kboard-mail-form-button-small:hover,
button.kboard-mail-form-button-small:focus,
button.kboard-mail-form-button-small:active { opacity: 0.7; }

a.kboard-mail-form-button-large,
input.kboard-mail-form-button-large,
button.kboard-mail-form-button-large { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5rem; width: auto; height: 4.8rem; line-height: 4.8rem; font-size: 1.6rem; font-weight: normal; letter-spacing: normal; color: var(--color-gray100) !important; background: var(--color-gray20) !important; border: none; border-radius: 2.4rem; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.3s; box-sizing: content-box; }
a.kboard-mail-form-button-large:hover,
a.kboard-mail-form-button-large:focus,
a.kboard-mail-form-button-large:active,
input.kboard-mail-form-button-large:hover,
input.kboard-mail-form-button-large:focus,
input.kboard-mail-form-button-large:active,
button.kboard-mail-form-button-large:hover,
button.kboard-mail-form-button-large:focus,
button.kboard-mail-form-button-large:active { opacity: 0.7; }

.kboard-mail-form-new-notify { display: inline-block; *display: inline; zoom: 1; padding: 0.2rem 0.2rem; line-height: 1rem; font-size: 1rem; color: white; background-color: var(--color-red); font-weight: normal; }
.kboard-mail-form-cut-strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

#kboard-mail-form-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-mail-form-list form { margin: 0; padding: 0; }
#kboard-mail-form-list .kboard-list-header { float: left; display: table; padding-bottom: 1.5rem; width: 100%; }
#kboard-mail-form-list .kboard-list-header .kboard-total-count { *float: left; display: table-cell; font-size: 1.4rem; }
#kboard-mail-form-list .kboard-list-header .kboard-sort { *float: right; display: table-cell; text-align: right; }
#kboard-mail-form-list .kboard-list-header .kboard-sort select { display: inline; margin: 0; padding: 0; width: auto; min-width: 0; max-width: none; height: 2.6rem; min-height: 0; line-height: 2.6rem; font-size: 1.3rem; color: var(--color-gray70); border-radius: 0; border: 0.1rem solid var(--color-gray30); background: white; vertical-align: middle; box-shadow: none; box-sizing: content-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-mail-form-list .kboard-category { float: left; padding-bottom: 1.5rem; width: 100%; }
#kboard-mail-form-list .kboard-category.category-mobile { display: none; }
#kboard-mail-form-list .kboard-category.category-pc { display: block; }
#kboard-mail-form-list .kboard-category select { display: inline; margin: 0 0 0.5rem 0; padding: 0; width: 100%; min-width: 100%; height: 2.8rem; min-height: 0; line-height: 2.8rem; font-size: 1.3rem; color: var(--color-gray70); border-radius: 0; border: 0.1rem solid var(--color-gray30); background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-mail-form-list .kboard-category .kboard-category-list { margin: 0 0 0.5rem 0; padding: 0; list-style: none; border: 0; background-color: var(--color-gray10); overflow: hidden; }
#kboard-mail-form-list .kboard-category .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 0.5rem; border: 0; list-style: none; }
#kboard-mail-form-list .kboard-category .kboard-category-list li::before,
#kboard-mail-form-list .kboard-category .kboard-category-list li::after { display: none; }
#kboard-mail-form-list .kboard-category .kboard-category-list li a { display: block; padding: 1rem 1rem 0.8rem 1rem; font-size: 1.4rem; border: 0; border-bottom: 0.2rem solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: var(--color-gray100); }
#kboard-mail-form-list .kboard-category .kboard-category-list li.kboard-category-selected a { font-weight: bold; border-bottom: 0.2rem solid var(--color-gray100); color: var(--color-gray100); }
#kboard-mail-form-list .kboard-tree-category-wrap { float: left; padding-bottom: 1.5rem; width: 100%; }
#kboard-mail-form-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 0.5rem 0; padding: 0; width: 100%; height: 2.8rem; line-height: 2.8rem; font-size: 1.3rem; color: var(--color-gray70); border-radius: 0; border: 0.1rem solid var(--color-gray30); background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-mail-form-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#kboard-mail-form-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#kboard-mail-form-list .kboard-tree-category { float: left; margin: 0 0 0.5rem 0; padding: 0; width: 100%; list-style: none; border: 0; background-color: var(--color-gray10); overflow: hidden; }
#kboard-mail-form-list .kboard-tree-category li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 0.5rem; border: 0; list-style: none; }
#kboard-mail-form-list .kboard-tree-category li::before,
#kboard-mail-form-list .kboard-tree-category li::after { display: none; }
#kboard-mail-form-list .kboard-tree-category li a { display: block; padding: 1rem 1rem 0.8rem 1rem; font-size: 1.4rem; border: 0; border-bottom: 0.2rem solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: var(--color-gray100); }
#kboard-mail-form-list .kboard-tree-category li.kboard-category-selected a { font-weight: bold; border-bottom: 0.2rem solid var(--color-gray100); color: var(--color-gray100); }
#kboard-mail-form-list .kboard-tree-category-search { float: left; width: 100%; }
#kboard-mail-form-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 0.5rem; float: left; }
#kboard-mail-form-list .kboard-list { float: left; width: 100%; background-color: white; }
#kboard-mail-form-list .kboard-list table { display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%; border: 0; font-size: 1.4rem; border-collapse: collapse; }
#kboard-mail-form-list .kboard-list table a { color: var(--color-gray100); font-weight: normal; text-decoration: none; border: 0; box-shadow: none; font-size: 1.4rem; }
#kboard-mail-form-list .kboard-list table tr { border: 0; background-color: transparent; transition-duration: 0.3s; }
#kboard-mail-form-list .kboard-list table td { padding: 1rem 0; height: auto; text-align: center; vertical-align: middle; font-size: 1.4rem; }
#kboard-mail-form-list .kboard-list table td.kboard-list-uid { width: 7.2rem; }
#kboard-mail-form-list .kboard-list table td.kboard-list-title { width: auto; }
#kboard-mail-form-list .kboard-list table td.kboard-list-user { width: 10rem; }
#kboard-mail-form-list .kboard-list table td.kboard-list-date { width: 7.5rem; }
#kboard-mail-form-list .kboard-list table td.kboard-list-vote { width: 5.5rem; }
#kboard-mail-form-list .kboard-list table td.kboard-list-view { width: 5.5rem; }
#kboard-mail-form-list .kboard-list thead { background-color: transparent; }
#kboard-mail-form-list .kboard-list thead tr td { font-weight: bold; color: var(--color-gray100); border: 0; border-bottom: 0.2rem solid var(--color-gray30); }
#kboard-mail-form-list .kboard-list tbody tr td { word-break: break-all; border: 0; border-bottom: 0.1rem solid var(--color-gray30); }
#kboard-mail-form-list .kboard-list tbody tr:hover { background-color: var(--color-gray20); }
#kboard-mail-form-list .kboard-list tbody tr.kboard-list-notice { background-color: var(--color-gray20); }
#kboard-mail-form-list .kboard-list tbody tr.kboard-list-selected .kboard-mail-form-cut-strings { font-weight: bold; }
#kboard-mail-form-list .kboard-list tbody td.kboard-list-title { text-align: left; }
#kboard-mail-form-list .kboard-list tbody td.kboard-list-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-mail-form-list .kboard-list tbody td.kboard-list-title .kboard-comments-count { color: var(--color-link); }
#kboard-mail-form-list .kboard-list tbody td.kboard-list-user img.avatar { display: inline; margin: 0; width: 2.4rem; max-width: none; height: 2.4rem; vertical-align: middle; border-radius: 50%; }
#kboard-mail-form-list .kboard-list .kboard-mobile-contents { display: none; font-size: 1.3rem; color: var(--color-gray50); }
#kboard-mail-form-list .kboard-list .kboard-mobile-contents .contents-item { display: inline; margin: 0; padding: 0; }
#kboard-mail-form-list .kboard-list .kboard-mobile-contents .contents-item img.avatar { display: inline; margin: 0; width: 2.4rem; max-width: none; height: 2.4rem; vertical-align: middle; border-radius: 50%; }
#kboard-mail-form-list .kboard-list .kboard-mobile-contents .contents-separator { display: inline; margin: 0; padding: 0 0.2rem; color: var(--color-gray40); }
#kboard-mail-form-list .kboard-pagination { float: left; padding: 1.5rem 0; width: 100%; }
#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; border: 0; }
#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 0.1rem; background: none; border: 0; list-style: none; }
#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li a { display: block; margin: 0; padding: 0 1.1rem; height: 2.8rem; line-height: 2.8rem; font-size: 1.4rem; color: var(--color-gray50); text-decoration: none; border: 0; background-color: var(--color-gray10); box-shadow: none; transition-duration: 0.3s; }
#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li.active a { border: 0; color: var(--color-gray100); background-color: var(--color-gray20); }
#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li:before { display: none; }
#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li:after { display: none; }
#kboard-mail-form-list .kboard-search { float: left; padding-bottom: 1.5rem; width: 100%; text-align: center; }
#kboard-mail-form-list .kboard-search select { display: inline; margin: 0; padding: 0 0.5rem; width: 10rem; min-width: 0; max-width: 10rem; height: 2.6rem; min-height: 0; font-size: 1.4rem; color: var(--color-gray70); border-radius: 0; border: 0.1rem solid var(--color-gray30); background: none; background-color: white; line-height: 2.6rem; vertical-align: middle; box-shadow: none; box-sizing: content-box; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-mail-form-list .kboard-search input { display: inline; margin: 0; padding: 0 0.5rem; width: 20rem; min-width: 0; max-width: 20rem; height: 2.6rem; min-height: 0; font-size: 1.4rem; color: var(--color-gray70); border-radius: 0; border: 0.1rem solid var(--color-gray30); background: none; background-color: white; line-height: 2.6rem; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
#kboard-mail-form-list .kboard-control { float: left; padding-bottom: 1.5rem; width: 100%; text-align: right; }

#kboard-mail-form-editor { overflow: visible; }
#kboard-mail-form-editor form { margin: 0; padding: 0; }
#kboard-mail-form-editor select { display: inline; margin: 0; padding: 0 0.5rem; font-size: 1.6rem; width: 100%; height: 3.2rem; line-height: 3.2rem; color: var(--color-gray70); border-radius: 0.4rem; border: 0.1rem solid var(--color-gray40); box-shadow: none; background: none; background-color: white; box-sizing: border-box; vertical-align: middle; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-mail-form-editor .editor-textarea { display: inline; margin: 0; padding: 0.5rem; font-size: 1.6rem; width: 100%; min-width: 100%; max-width: 100%; height: 25rem; min-height: 0; color: var(--color-gray70); border-radius: 0.4rem; border: 0.1rem solid var(--color-gray40); box-shadow: none; background: none; background-color: white; box-sizing: border-box; vertical-align: top; text-indent: 0; }
#kboard-mail-form-editor input[type=text],
#kboard-mail-form-editor input[type=email],
#kboard-mail-form-editor input[type=number],
#kboard-mail-form-editor input[type=date],
#kboard-mail-form-editor input[type=password] { display: inline; margin: 0; padding: 0 0.5rem; width: 100%; height: 3.2rem; line-height: 3.2rem; font-size: 1.6rem; color: var(--color-gray70); border-radius: 0.4rem; border: 0.1rem solid var(--color-gray40); box-shadow: none; background: none; background-color: white; box-sizing: border-box; vertical-align: middle; }
/* 커스텀 체크박스·라디오: 테마 style.css 에서 #kboard-mail-form-editor 와 공통 정의 */
#kboard-mail-form-editor select:hover,
#kboard-mail-form-editor .editor-textarea:hover,
#kboard-mail-form-editor input[type=text]:hover,
#kboard-mail-form-editor input[type=email]:hover,
#kboard-mail-form-editor input[type=number]:hover,
#kboard-mail-form-editor input[type=date]:hover,
#kboard-mail-form-editor input[type=password]:hover { border: 0.1rem solid var(--color-gray50); }
#kboard-mail-form-editor select:focus,
#kboard-mail-form-editor .editor-textarea:focus,
#kboard-mail-form-editor input[type=text]:focus,
#kboard-mail-form-editor input[type=email]:focus,
#kboard-mail-form-editor input[type=number]:focus,
#kboard-mail-form-editor input[type=date]:focus,
#kboard-mail-form-editor input[type=password]:focus { border: 0.1rem solid var(--color-gray50); }
#kboard-mail-form-editor input[type=file] { display: inline; margin: 0; padding: 0; width: 30%; font-size: 1.3rem; color: var(--color-gray70); border-radius: 0; border: 0; box-shadow: none; background-color: transparent; }
#kboard-mail-form-editor .kboard-attr-title input { width: 100%; }
#kboard-mail-form-editor .kboard-attr-row { float: left; padding: 0.5rem 0; width: 100%; }
#kboard-mail-form-editor .kboard-attr-row.secret-password-row { display: none; }
#kboard-mail-form-editor .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0; width: 100%; line-height: 3.4rem; color:var(--color-gray70); font-size: 1.4rem;}
#kboard-mail-form-editor .kboard-attr-row .attr-name img { display: inline; margin: 0; padding: 0; width: auto; max-width: 100%; vertical-align: middle; }
#kboard-mail-form-editor .kboard-attr-row .attr-name .attr-required-text { color:var(--color-red); font-weight: normal; font-size: 1.3rem; }
#kboard-mail-form-editor .kboard-attr-row .attr-value { margin: 0; padding: 0; line-height: 3.4rem; font-size: 1.6rem; }
#kboard-mail-form-editor .kboard-attr-row .attr-value .attr-value-option { display: inline; padding-right: 2rem; width: auto; font-size: 1.4rem; cursor: pointer; }
#kboard-mail-form-editor .kboard-attr-row .attr-value .attr-value-option input { cursor: pointer; }
#kboard-mail-form-editor .kboard-attr-row .attr-value .attr-value-label { display: inline; padding-right: 1rem; width: auto; cursor: pointer; }
#kboard-mail-form-editor .kboard-attr-row .attr-value .attr-value-label input { cursor: pointer; }
#kboard-mail-form-editor .kboard-attr-row .attr-value .attr-reset-button { color: var(--color-gray50); font-size: 0.8em; }
#kboard-mail-form-editor .kboard-attr-row .attr-value .description { margin: 0; color: var(--color-gray70); }
#kboard-mail-form-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap { float: left; width: 100%; }
#kboard-mail-form-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { clear: both; float: left; margin-bottom: 0.5rem; width: 30%; }
#kboard-mail-form-editor .kboard-attr-row .kboard-content { float: left; width: 100%; }
#kboard-mail-form-editor .kboard-control:not(.kboard-mail-form-control) { float: left; padding: 1.5rem 0; width: 100%; }
#kboard-mail-form-editor .kboard-control:not(.kboard-mail-form-control) .left { position: static; float: left; }
#kboard-mail-form-editor .kboard-control:not(.kboard-mail-form-control) .right { position: static; float: right; width: 50%; text-align: right; }
#kboard-mail-form-editor.confirm { margin: 10rem auto; max-width: 59rem; }
#kboard-mail-form-editor.confirm input[type=password] { width: 100%; box-sizing: border-box; }

/* cnnong 테마 .inp / .textarea — 위쪽 코어 #kboard-mail-form-editor input 규칙보다 아래에 두어 우선 적용 */
#kboard-mail-form-editor input.inp[type="text"],
#kboard-mail-form-editor input.inp[type="email"],
#kboard-mail-form-editor input.inp[type="number"],
#kboard-mail-form-editor input.inp[type="date"],
#kboard-mail-form-editor input.inp[type="password"] {
	width: 100% !important;
	max-width: 100%;
	padding: 0 1.6rem !important;
	height: 4.2rem !important;
	min-height: 4.2rem !important;
	line-height: 1.25 !important;
	font-size: 1.5rem !important;
	border-radius: 0.4rem !important;
	border: 0.1rem solid var(--color-gray30) !important;
	background: white !important;
	text-align: left !important;
	box-sizing: border-box !important;
	color: inherit;
}

#kboard-mail-form-editor select.inp {
	width: 100% !important;
	max-width: 100%;
	padding: 0 1.6rem !important;
	min-height: 4.2rem !important;
	height: auto !important;
	line-height: 1.3 !important;
	font-size: 1.5rem !important;
	border-radius: 0.4rem !important;
	border: 0.1rem solid var(--color-gray30) !important;
	background: white !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

#kboard-mail-form-editor textarea.textarea,
#kboard-mail-form-editor textarea.editor-textarea.textarea {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 14rem !important;
	height: auto !important;
	padding: 1rem 1.6rem !important;
	line-height: 1.55 !important;
	font-size: 1.5rem !important;
	border-radius: 0.4rem !important;
	border: 0.1rem solid var(--color-gray30) !important;
	background: white !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

#kboard-mail-form-editor .kboard-mail-form-phone-wrap input.inp {
	width: auto !important;
	max-width: 100% !important;
}

#kboard-mail-form-document { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-mail-form-document .kboard-document-wrap { float: left; width: 100%; background-color: white; }
#kboard-mail-form-document .kboard-title { float: left; width: 100%; }
#kboard-mail-form-document .kboard-title h1 { margin: 0; padding: 1.2rem 2.2rem; color: var(--color-gray100); font-weight: bold; font-size: 2.2rem; line-height: 3rem; text-align: left; }
#kboard-mail-form-document .kboard-detail { clear: both; float: left; width: 100%; border-top: 0.1rem solid var(--color-gray30); border-bottom: 0.1rem solid var(--color-gray30); background-color: var(--color-gray10); font-size: 1.4rem; }
#kboard-mail-form-document .kboard-detail .detail-attr { display: inline-block; *display: inline; zoom: 1; float: left; margin: 0; padding: 1.2rem 3.5rem 1.2rem 2.2rem; }
#kboard-mail-form-document .kboard-detail .detail-attr .detail-name { float: left; font-weight: bold; color: var(--color-gray100); text-align: right; }
#kboard-mail-form-document .kboard-detail .detail-attr .detail-value { float: left; padding-left: 2rem; color: var(--color-gray100); }
#kboard-mail-form-document .kboard-detail .detail-attr .detail-value a { color: var(--color-gray100); text-decoration: none; border: 0; box-shadow: none; }
#kboard-mail-form-document .kboard-detail .detail-attr .detail-value img.avatar { display: inline; margin: 0; width: 2.4rem; max-width: none; height: 2.4rem; vertical-align: middle; border-radius: 50%; }
#kboard-mail-form-document .kboard-content { clear: both; float: left; width: 100%; min-height: 20rem; }
#kboard-mail-form-document .kboard-content .content-view { margin: 0; padding: 2.2rem; word-break: break-all; }
#kboard-mail-form-document .kboard-content .content-view iframe { max-width: 100%; }
#kboard-mail-form-document .kboard-content .content-view img { display: inline; margin: 0; vertical-align: middle; max-width: 100%; }
#kboard-mail-form-document .kboard-content .content-view hr { margin: 1rem 0; padding: 0; height: 0.1rem; border: 0; background-color: var(--color-gray30); }
#kboard-mail-form-document .kboard-content .content-view ul { margin: 0.75em 0; }
#kboard-mail-form-document .kboard-content .content-view ol { margin: 0.75em 0; }
#kboard-mail-form-document .kboard-content .content-view p { margin: 0 0 0.75em; }
#kboard-mail-form-document .kboard-content .content-view p:last-child { margin: 0; }
#kboard-mail-form-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#kboard-mail-form-document .kboard-content .content-view .aligncenter { display: block; margin-right: auto; margin-left: auto; }
#kboard-mail-form-document .kboard-content .content-view .alignright { float:right; }
#kboard-mail-form-document .kboard-content .content-view .alignleft { float: left; }
#kboard-mail-form-document .kboard-document-action { padding: 0 2.2rem 0.5rem 2.2rem; overflow: hidden; line-height: 1; }
#kboard-mail-form-document .kboard-document-action .left { position: static; float: left; }
#kboard-mail-form-document .kboard-document-action .right { position: static; float: right; text-align: right; }
#kboard-mail-form-document .kboard-attach { clear: both; margin: 0 2.2rem; padding: 1rem 0 0.5rem 0; font-size: 1.3rem; overflow: hidden; line-height: 1; border-top: 0.1rem dashed var(--color-gray30); }
#kboard-mail-form-document .kboard-button-action { margin: 0 0 0.5rem 0; padding: 0.4rem 0.5rem; font-size: 1.3rem; font-weight: normal; line-height: 1.2rem; text-align: left; border: 0.1rem solid var(--color-gray30); background: none; background-color: white; border-radius: 0.2rem; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
#kboard-mail-form-document .kboard-button-action span { position: static; display: inline; margin: 0; padding: 0; font-size: 1.3rem; line-height: 1.2rem; }
#kboard-mail-form-document .kboard-button-like { color: var(--color-red); }
#kboard-mail-form-document .kboard-button-unlike { color: var(--color-blue); }
#kboard-mail-form-document .kboard-button-print { color: var(--color-gray50); }
#kboard-mail-form-document .kboard-button-download { color: var(--color-gray50); }
#kboard-mail-form-document .kboard-comments-area { float: left; width: 100%; }
#kboard-mail-form-document .kboard-document-navi { float: left; padding-top: 1.5rem; width: 100%; }
#kboard-mail-form-document .kboard-document-navi a { display: block; text-decoration: none; border: 0; font-size: 1.4rem; line-height: 2rem; box-shadow: none; color: var(--color-gray100); transition-duration: .3s; }
#kboard-mail-form-document .kboard-document-navi .navi-document-title { display: block; }
#kboard-mail-form-document .kboard-document-navi .navi-arrow { position: absolute; display: block; }
#kboard-mail-form-document .kboard-document-navi .kboard-prev-document { position: relative; float: left; width: 45%; }
#kboard-mail-form-document .kboard-document-navi .kboard-prev-document .navi-document-title { padding-left: 1.5rem; }
#kboard-mail-form-document .kboard-document-navi .kboard-prev-document .navi-arrow { left: 0; top: 0; }
#kboard-mail-form-document .kboard-document-navi .kboard-prev-document:hover a { color: var(--color-gray100); }
#kboard-mail-form-document .kboard-document-navi .kboard-next-document { position: relative; float: right; width: 45%; text-align: right; }
#kboard-mail-form-document .kboard-document-navi .kboard-next-document .navi-document-title { padding-right: 1.5rem; }
#kboard-mail-form-document .kboard-document-navi .kboard-next-document .navi-arrow { right: 0; top: 0; }
#kboard-mail-form-document .kboard-document-navi .kboard-next-document:hover a { color: var(--color-gray100); }
#kboard-mail-form-document .kboard-control { float: left; padding: 1.5rem 0;  width: 100%; }
#kboard-mail-form-document .kboard-control .left { position: static; float: left; }
#kboard-mail-form-document .kboard-control .right { position: static; float: right; text-align: right; }

#kboard-mail-form-latest table { display: table; table-layout: fixed; width: 100%; border: 0; border-bottom: 0.1rem solid var(--color-gray30); }
#kboard-mail-form-latest table tr { padding: 0; border: 0; }
#kboard-mail-form-latest table th { padding: 0.5rem 0; height: auto; border: 0; text-align: center; }
#kboard-mail-form-latest table td { padding: 0.5rem 0; height: auto; border: 0; border-top: 0.1rem solid var(--color-gray30); vertical-align: middle; }
#kboard-mail-form-latest table td.kboard-latest-title { text-align: left; }
#kboard-mail-form-latest table .kboard-latest-title { padding-left: 0.5rem; font-size: 1.4rem; }
#kboard-mail-form-latest table .kboard-latest-title a { text-decoration: none; box-shadow: none; }
#kboard-mail-form-latest table .kboard-latest-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-mail-form-latest table .kboard-latest-title .kboard-comments-count { }
#kboard-mail-form-latest table .kboard-latest-date { width: 8rem; text-align: center; font-size: 1.4rem; }

/* 아래 블록은 좁은 뷰포트 전용. @media 없이 두면 주소찾기가 항상 한 줄 전체 폭으로 깨짐 */
@media (max-width: 1024px) {
	#kboard-mail-form-list .kboard-category.category-mobile { display: block; }
	#kboard-mail-form-list .kboard-category.category-pc { display: none; }
	#kboard-mail-form-list .kboard-tree-category-search .kboard-search-option-wrap.select { width: 100%; }

	/*
	 * 모바일 목록: 참고 레이아웃 (얇은 구분선 / 좌 번호·공지뱃지 / 가운데 제목·N·아이콘·댓글수 / 우측 날짜)
	 * 색: 본문 #333, 보조 #999, New #ff4b4b, 강조 링크류 #4a90e2, 공지 배경 #333
	 */
	#kboard-mail-form-list .kboard-list {
		float: none;
		width: 100%;
		background: #fff;
	}
	#kboard-mail-form-list .kboard-list table {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		border-top: 0.1rem solid #eeeeee;
		font-size: 1.4rem;
		border-collapse: collapse;
	}
	#kboard-mail-form-list .kboard-list thead {
		display: none;
	}
	#kboard-mail-form-list .kboard-list tbody {
		display: block;
		width: 100%;
	}
	#kboard-mail-form-list .kboard-list tbody tr {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		gap: 0 1rem;
		width: 100%;
		margin: 0;
		padding: 1.5rem 0;
		box-sizing: border-box;
		border: 0;
		background: transparent;
		border-bottom: 0.1rem solid #eeeeee;
		transition: none;
	}
	#kboard-mail-form-list .kboard-list tbody tr:hover,
	#kboard-mail-form-list .kboard-list tbody tr.kboard-list-notice {
		background: transparent;
	}
	#kboard-mail-form-list .kboard-list tbody td {
		display: block;
		padding: 0;
		margin: 0;
		height: auto;
		border: 0;
		text-align: inherit;
		vertical-align: middle;
	}

	/* 좌: 일반 글 번호 */
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-uid {
		flex: 0 0 5rem;
		width: auto;
		max-width: 6rem;
		font-size: 1.4rem;
		line-height: 1.35;
		color: #999999;
		text-align: left;
		font-variant-numeric: tabular-nums;
	}
	/* 공지 행: 번호 칸을 뱃지로 */
	#kboard-mail-form-list .kboard-list tbody tr.kboard-list-notice td.kboard-list-uid {
		flex: 0 0 auto;
		max-width: none;
		padding: 0.2rem 0.8rem;
		font-size: 1.1rem;
		line-height: 1.25;
		font-weight: 500;
		color: #fff;
		background: #333333;
		border-radius: 0.3rem;
		text-align: center;
		box-sizing: border-box;
	}

	/* 가운데: 제목 줄 */
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-title {
		flex: 1 1 0;
		min-width: 0;
		text-align: left;
	}
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-title > a {
		display: block;
		min-width: 0;
		color: #333333;
		text-decoration: none;
		box-shadow: none;
		font-size: 1.5rem;
		line-height: 1.45;
		font-weight: 400;
	}
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-title .kboard-mail-form-cut-strings {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.35rem 0.5rem;
		min-width: 0;
		margin: 0;
		padding: 0;
		white-space: normal;
		overflow: visible;
		text-overflow: unset;
		font-size: inherit;
		line-height: 1.45;
		word-break: break-word;
	}
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-title .kboard-mail-form-new-notify {
		flex-shrink: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0.15rem 0.5rem;
		margin: 0;
		font-size: 1rem;
		line-height: 1.15;
		color: #fff;
		background: #ff4b4b;
		border-radius: 0.25rem;
		font-weight: 500;
	}
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-title img {
		flex-shrink: 0;
		width: 1.6rem;
		height: 1.6rem;
		object-fit: contain;
		vertical-align: middle;
	}
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-title .kboard-comments-count {
		flex-shrink: 0;
		font-size: 1.3rem;
		font-weight: 400;
		color: #4a90e2;
	}

	/* 우: 날짜 */
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-date {
		flex: 0 0 9.6rem;
		width: auto;
		font-size: 1.4rem;
		line-height: 1.35;
		color: #999999;
		text-align: right;
		white-space: nowrap;
		font-variant-numeric: tabular-nums;
	}

	#kboard-mail-form-list .kboard-list tbody td.kboard-list-user,
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-vote,
	#kboard-mail-form-list .kboard-list tbody td.kboard-list-view {
		display: none !important;
	}

	#kboard-mail-form-list .kboard-list .kboard-mobile-contents {
		display: none !important;
	}

	#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li { display: none; }
	#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li.first-page,
	#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li.last-page,
	#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li.prev-page,
	#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li.next-page,
	#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; }
	#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
	#kboard-mail-form-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 0 1.8rem; }
	#kboard-mail-form-list .kboard-search select { float: left; margin-right: 1%; width: 29%; min-width: 29%; height: 2.8rem; line-height: 2.8rem; box-sizing: border-box; }
	#kboard-mail-form-list .kboard-search input { float: left; margin-right: 1%; width: 49%; min-width: 49%; height: 2.8rem; line-height: 2.8rem; box-sizing: border-box; }
	#kboard-mail-form-list .kboard-search button { float: left; width: 20%; min-width: 20%; box-sizing: border-box; }
	
	#kboard-mail-form-editor select,
	#kboard-mail-form-editor input[type=text],
	#kboard-mail-form-editor input[type=email],
	#kboard-mail-form-editor input[type=number],
	#kboard-mail-form-editor input[type=date],
	#kboard-mail-form-editor input[type=password],
	#kboard-mail-form-editor input[type=file] { width: 100% !important; box-sizing: border-box; }
	#kboard-mail-form-editor .kboard-attr-row { padding: 1rem 0; }
	#kboard-mail-form-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { margin-bottom: 1rem; width: 100%; }
	#kboard-mail-form-editor.confirm { max-width: none; }

	.kboard-mail-form-editor-wrap { padding: 1.6rem 1.2rem; }
	/* 연락처 3칸: 모바일에서도 한 줄(좁으면 다음 줄로만 넘김), 하이픈 유지 */
	#kboard-mail-form-editor .kboard-mail-form-phone-wrap {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
	#kboard-mail-form-editor .kboard-mail-form-phone-wrap input.kboard-mail-form-tel-part {
		width: auto !important;
		min-width: 3.6rem;
		max-width: 32% !important;
		flex: 1 1 28%;
		box-sizing: border-box;
	}
	#kboard-mail-form-editor .kboard-mail-form-phone-wrap .kboard-mail-form-tel-part:first-of-type {
		flex: 0 1 26%;
		max-width: 28% !important;
		min-width: 3.2rem;
	}
	#kboard-mail-form-editor .kboard-mail-form-phone-sep {
		display: inline !important;
	}
	/* 주소 1행: 좁은 화면에서는 세로 스택 */
	#kboard-mail-form-editor .kboard-mail-form-address-line1 {
		flex-direction: column;
		align-items: stretch;
		flex-wrap: wrap;
	}
	#kboard-mail-form-editor .kboard-mail-form-address-line1 .kboard-row-address-1 {
		flex: none;
		width: 100%;
	}
	#kboard-mail-form-editor .kboard-mail-form-address-line1 .kboard-row-address-1 input.inp.kboard-address-1 {
		width: 100% !important;
	}
	#kboard-mail-form-editor .kboard-mail-form-address-line1 .kboard-mail-form-button-address {
		width: 100%;
		justify-content: center;
	}
	#kboard-mail-form-editor .kboard-mail-form-control.btn_wrap {
		flex-direction: column;
		align-items: stretch;
		padding-top: 2.4rem;
	}
	#kboard-mail-form-editor .kboard-mail-form-control.btn_wrap > .left,
	#kboard-mail-form-editor .kboard-mail-form-control.btn_wrap > .right {
		width: 100%;
		justify-content: center;
	}
	#kboard-mail-form-editor .kboard-mail-form-control.btn_wrap > .right {
		justify-content: flex-end;
	}
	
	#kboard-mail-form-document .kboard-title h1 { padding: 1rem 0.5rem; font-size: 1.8rem; }
	#kboard-mail-form-document .kboard-content .content-view { padding: 1rem 0.5rem; }
	#kboard-mail-form-document .kboard-detail .detail-attr { clear: both; padding: 1rem 0.5rem; line-height: normal; }
	#kboard-mail-form-document .kboard-document-action { padding: 1rem 0.5rem 0.5rem 0.5rem; }
	#kboard-mail-form-document.post-view .kboard-document-wrap { padding: 1.6rem 1.2rem 2.4rem; }
	#kboard-mail-form-document.post-view h1.view-title { font-size: 1.9rem; }
	#kboard-mail-form-document.post-view .view-header { padding-bottom: 1.6rem; }
	#kboard-mail-form-document.post-view .attachment-list { margin-top: 2.4rem; }
	#kboard-mail-form-document.post-view .attachment-bar { padding: 1.2rem 1.4rem; gap: 1rem; }
	#kboard-mail-form-document .kboard-attach { margin: 0 0.5rem; padding: 1rem 0 0.5rem 0; }
	#kboard-mail-form-document .kboard-document-navi .kboard-prev-document { width: 100%; }
	#kboard-mail-form-document .kboard-document-navi .kboard-next-document { margin-top: 1rem; float: left; width: 100%; text-align: left; }

}

.cncaf-kboard-admin-skin{border-top:2px solid var(--color-gray100);}