@charset "utf-8";

/*
 * 충남아이키움포털 — 상담·검사·치료 (ik_counsel 스킨)
 * Figma: 메가파크 공유 문서 / 08 상담·검사·치료
 *   08-1     상담실 안내            (742:8881)
 *   08-2-1   검사 도구 안내          (742:9034)
 *   08-2-2   치료실 안내            (742:9170 · 742:9275 · 742:9368)
 *   08-3-x   상담 예약·신청          (742:9687 · 742:9913 · 742:10241 · 742:10563
 *                                    742:10788 · 742:11082 · 742:11736)
 *   08-3-4   온라인 양육상담         (742:12035 · 742:12153 · 742:14176)
 *
 * 상단 탭(.ptabs) · 서브 탭(.subtabs) · 페이지네이션(.pager) 은 공용
 * _layout/bootstrap/css/ui.css 를 그대로 씁니다.
 * 공용 토큰(--color-*)은 _layout/bootstrap/css/style.css 에 있습니다.
 */

/* ============================================================
 * 페이지 골격
 * ============================================================ */
.cns-page {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding-bottom: 24px;
}

/* 예약·신청 화면은 카드가 떠 보이도록 회색 바탕입니다. */
.cns-page--gray {
	background: var(--color-bg);
	gap: 20px;
	padding: 20px 0 32px;
}

/* ============================================================
 * 인트로 카드 (청록 배경 + 데코 일러스트) — 08-1
 * ============================================================ */
.cns-intro {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 20px;
	padding: 16px 24px;
	background: #eef8f8;
	border-radius: 28px;
}

.cns-intro__title,
.cns-intro__text { position: relative; z-index: 1; }

.cns-intro__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-text);
}

.cns-intro__text {
	margin: 0;
	max-width: 88%;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-text);
}

.cns-intro__deco {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200px;
	height: auto;
	pointer-events: none;
}

/* ============================================================
 * 본문 섹션 (● 제목 + 목록) — 08-1 · 08-2-1
 * ============================================================ */
.cns-sec {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 8px 24px;
}

.cns-sec__title {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-text);
}

/* ● 머리 표식 — 인트로 카드 제목과 같은 모양입니다. */
.cns-intro__title::before,
.cns-sec__title::before {
	content: "";
	flex: 0 0 auto;
	width: 12px;
	height: 24px;
	background: url('../img/bullet.svg') no-repeat center / 12px 13px;
}

.cns-list {
	margin: 0;
	padding-left: 21px;
	list-style: disc;
}

.cns-list li {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-text);
	opacity: .8;
}

.cns-sec__text {
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-text);
	opacity: .8;
}

/* ============================================================
 * 진행 절차 단계 카드 — 08-1
 * ============================================================ */
.cns-steps {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 4px 20px 8px;
}

.cns-step {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	box-shadow: var(--shadow-card);
}

.cns-step__no {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 12px;
	background: rgba(0, 145, 132, .2);
	color: var(--color-primary);
	font-weight: 800;
	font-size: 14px;
	line-height: 24px;
}

/* 마지막 단계(상담 진행)는 채운 색입니다. */
.cns-step--done .cns-step__no {
	background: var(--color-primary);
	color: #fff;
}

.cns-step__text {
	margin: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-text);
}

/* ============================================================
 * 표 (영유아 대상 검사) — 08-2-1
 * ============================================================ */
.cns-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0 20px;
}

.cns-table {
	width: 100%;
	min-width: 420px;
	border-collapse: collapse;
	font-size: 13px;
	line-height: 20px;
}

.cns-table th,
.cns-table td {
	padding: 10px 12px;
	border: 1px solid var(--color-border-strong);
	text-align: left;
	vertical-align: middle;
	color: var(--color-text);
}

.cns-table thead th {
	background: #f6f6f6;
	font-weight: 700;
	text-align: center;
}

.cns-table tbody th {
	background: #fafafa;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
}

.cns-table td.is-center { text-align: center; white-space: nowrap; }

.cns-table ul {
	margin: 0;
	padding-left: 18px;
	list-style: disc;
}

/* ============================================================
 * 치료실 카드 (사진 + 분류 + 이름 + 설명) — 08-2-2
 * ============================================================ */
.cns-rooms {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px;
}

.cns-room {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 8px 8px 24px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 28px;
	overflow: hidden;
}

.cns-room__photo {
	width: 100%;
	aspect-ratio: 3 / 2;
	border-radius: 20px;
	background: #d9d9d9;
	object-fit: cover;
}

.cns-room__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0 12px;
}

.cns-room__cat {
	margin: 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-primary);
}

.cns-room__name {
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-text);
}

.cns-room__text {
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-text);
	opacity: .6;
}

/* ============================================================
 * 신청 달력 — 08-3
 * 레거시와 달리 일요일은 운영하지 않아 월~토 6열입니다.
 * ============================================================ */
.cns-cal {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0 20px;
}

/* 연 / 월 선택 */
.cns-cal__selects {
	display: flex;
	gap: 12px;
}

.cns-select {
	position: relative;
	flex: 1 0 0;
	min-width: 0;
}

.cns-select__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	height: 52px;
	padding: 14px 20px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-text);
}

.cns-select__caret {
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	border-right: 2px solid #9a9a9a;
	border-bottom: 2px solid #9a9a9a;
	transform: rotate(45deg) translate(-2px, -2px);
	transition: transform .15s;
}

.cns-select.is-open .cns-select__caret {
	transform: rotate(-135deg) translate(-2px, -2px);
}

.cns-select__menu {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	z-index: 40;
	max-height: 240px;
	overflow-y: auto;
	margin: 0;
	padding: 8px 20px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
}

.cns-select.is-open .cns-select__menu { display: block; }

.cns-select__option {
	font-weight: 600;
	font-size: 16px;
	line-height: 40px;
	color: var(--color-text);
	opacity: .3;
	cursor: pointer;
}

.cns-select__option.is-selected { opacity: 1; }

/* 그리드 */
.cns-cal__grid {
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 20px;
}

.cns-cal__row {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.cns-cal__row--head { background: #fafafa; }

.cns-cal__dow {
	padding: 16px 0;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-text);
	opacity: .6;
}

.cns-cal__cell {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 15px 0;
	border: 2px solid transparent;
	border-radius: 12px;
}

.cns-cal__cell[data-day] { cursor: pointer; }

.cns-cal__cell.is-selected { border-color: var(--color-primary); }

.cns-cal__cell--muted { background: #fafafa; }

.cns-cal__date {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-text);
	opacity: .85;
}

.cns-cal__cell--muted .cns-cal__date { opacity: .25; }

.cns-cal__badge {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 6px;
	border-radius: 8px;
	background: #f0f0f0;
	color: var(--color-text);
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	opacity: .4;
}

.cns-cal__cell--avail .cns-cal__badge {
	background: var(--color-primary);
	color: #fff;
	opacity: 1;
}

/* 불러오는 중 · 오류 — 요일 머리글 아래 한 줄로 깝니다. */
.cns-cal__grid .ik-state {
	padding: 32px 0;
	text-align: center;
}

/* 범례 */
.cns-cal__legend {
	display: flex;
	justify-content: center;
	gap: 16px;
}

.cns-cal__legend-item {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-text);
	opacity: .6;
}

.cns-cal__legend-dot {
	width: 8px;
	height: 8px;
	border-radius: 2px;
	background: #d0d0d0;
}

.cns-cal__legend-dot--avail { background: var(--color-primary); }

/* ============================================================
 * 선택한 날짜 (좌우로 넘기는 카드) — 08-3
 * ============================================================ */
.cns-datestrip {
	display: flex;
	gap: 12px;
	padding: 0 40px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.cns-datestrip::-webkit-scrollbar { display: none; }

.cns-date {
	flex: 0 0 calc(100% - 80px);
	scroll-snap-align: center;
	display: flex;
	flex-direction: column;
	padding: 20px 0 12px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 28px;
	box-shadow: var(--shadow-card);
}

.cns-date__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}

.cns-date__dow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 32px;
	padding: 0 8px;
	border-radius: 12px;
	background: rgba(0, 145, 132, .1);
	color: var(--color-primary);
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}

.cns-date__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	border-radius: 12px;
	background: var(--color-primary);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}

.cns-date__label {
	margin: 0;
	padding: 8px 20px;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-text);
}

/* ============================================================
 * 시간대 카드 — 08-3
 * ============================================================ */
.cns-slots {
	overflow: hidden;
	margin: 0 20px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 28px;
	box-shadow: var(--shadow-card);
}

.cns-slots > .ik-state { padding: 32px 20px; text-align: center; }

.cns-slot {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px 16px;
	border-bottom: 1px solid var(--color-border);
}

.cns-slot:last-child { border-bottom: 0; }

.cns-slot__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-left: 4px;
}

.cns-slot__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.cns-slot__name {
	margin: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-text);
}

.cns-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	height: 32px;
	padding: 0 12px;
	border-radius: 12px;
	background: rgba(40, 40, 40, .05);
	color: var(--color-text);
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	opacity: .5;
}

/* 신청을 받는 중 — 청록 */
.cns-badge--open {
	background: rgba(0, 145, 132, .1);
	color: var(--color-primary);
	opacity: 1;
}

.cns-slot__meta { margin: 0; }

.cns-slot__row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 14px;
	line-height: 24px;
}

.cns-slot__key {
	flex: 0 0 auto;
	font-weight: 700;
	color: var(--color-primary);
	opacity: .8;
}

.cns-slot__val {
	margin: 0;
	font-weight: 500;
	color: var(--color-text);
	opacity: .8;
}

.cns-slot__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	border-radius: 16px;
	background: var(--color-primary);
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
}

.cns-slot__btn.is-disabled {
	background: #f6f6f6;
	color: var(--color-text);
	opacity: .35;
	cursor: default;
	pointer-events: none;
}

/* ============================================================
 * 서식 내려받기 · 안내 문구 — 08-3
 * ============================================================ */
.cns-files {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0 16px;
}

.cns-file {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 60px;
	padding: 0 24px;
	background: #f5f5f5;
	border-radius: 20px;
	color: var(--color-text);
}

.cns-file__name {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-text);
	opacity: .8;
}

/* 내려받기 아이콘 (아래 화살표 + 받침) */
.cns-ico-down {
	position: relative;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	opacity: .6;
}

.cns-ico-down::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 2px;
	height: 10px;
	background: var(--color-text);
	transform: translateX(-50%);
}

.cns-ico-down::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 3px;
	width: 7px;
	height: 7px;
	border-right: 2px solid var(--color-text);
	border-bottom: 2px solid var(--color-text);
	transform: translateX(-50%) rotate(45deg);
}

.cns-note {
	margin: 0 20px;
	padding: 16px 20px;
	background: #f8f8f8;
	border-radius: 20px;
}

.cns-note ul {
	margin: 0;
	padding-left: 18px;
	list-style: disc;
}

.cns-note li {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-text);
	opacity: .6;
}

/* ============================================================
 * 온라인 양육상담 — 목록 / 상세 (08-3-4)
 * ============================================================ */
.cns-total {
	margin: 0;
	padding: 20px 24px;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	color: var(--color-text);
}

.cns-qna { display: flex; flex-direction: column; }

.cns-qna > .ik-state { padding: 40px 20px; text-align: center; }

.cns-qna__item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--color-border);
	color: inherit;
}

.cns-qna__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0 4px;
}

.cns-qna__title {
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-text);
}

.cns-qna__date {
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-text);
	opacity: .5;
}

/* 상세 */
.cns-view__head {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--color-border);
}

.cns-view__block {
	padding: 24px 24px 32px;
	border-bottom: 1px solid var(--color-border);
}

.cns-view__answer-by {
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-primary);
}

.cns-view__text {
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-text);
	opacity: .8;
	white-space: pre-line;
	word-break: break-word;
}

/* ============================================================
 * 신청서 작성 (08-3-4-2)
 * ============================================================ */
.cns-form__title {
	margin: 0;
	padding: 8px 24px;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: var(--color-text);
}

.cns-field { display: flex; flex-direction: column; }

.cns-field__label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	padding: 8px 24px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-text);
}

.cns-field__label::before {
	content: "";
	flex: 0 0 auto;
	width: 12px;
	height: 24px;
	background: url('../img/bullet.svg') no-repeat center / 12px 13px;
}

.cns-field__box { padding: 4px 20px; }

.cns-input,
.cns-textarea {
	display: block;
	width: 100%;
	padding: 14px 20px;
	background: #fff;
	border: 2px solid var(--color-border);
	border-radius: 16px;
	font-family: inherit;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-text);
}

.cns-input { height: 52px; }

.cns-textarea {
	height: 500px;
	resize: none;
	line-height: 24px;
}

.cns-input::placeholder,
.cns-textarea::placeholder { color: var(--color-text); opacity: .3; }

.cns-input:focus,
.cns-textarea:focus { outline: none; border-color: var(--color-text); }

/* 첨부 파일 한 줄 */
.cns-file-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	height: 52px;
	padding: 6px 8px 6px 20px;
	background: #fff;
	border: 2px solid var(--color-border);
	border-radius: 16px;
}

.cns-file-row__name {
	flex: 1 0 0;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-text);
	opacity: .3;
}

.cns-file-row.is-filled .cns-file-row__name { opacity: .8; }

.cns-file-row__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex: 0 0 auto;
	height: 36px;
	padding: 0 16px;
	background: #f6f6f6;
	border-radius: 12px;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-text);
	opacity: .6;
	cursor: pointer;
}

/* 업로드 아이콘 (위 화살표 + 받침) */
.cns-ico-up {
	position: relative;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
}

.cns-ico-up::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 2px;
	height: 10px;
	background: var(--color-text);
	transform: translateX(-50%);
}

.cns-ico-up::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 3px;
	width: 7px;
	height: 7px;
	border-left: 2px solid var(--color-text);
	border-top: 2px solid var(--color-text);
	transform: translateX(-50%) rotate(45deg);
}

.cns-file-row input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* ============================================================
 * 아래쪽 큰 버튼
 * ============================================================ */
.cns-cta { padding: 16px 20px; }

.cns-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	border-radius: 20px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
}

.cns-btn--primary { background: var(--color-primary); color: #fff; }

.cns-btn--ghost {
	background: #f6f6f6;
	color: var(--color-text);
	opacity: .8;
}

/* ============================================================
 * 큰 제목 (성인 대상 검사 / 영유아 대상 검사)
 * ============================================================ */
.cns-h2 {
	margin: 0;
	padding: 16px 24px 4px;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: var(--color-text);
}

/* 화면에서만 감춥니다 (표 캡션 등) */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* 목록의 배지는 글자만큼만 차지합니다. (세로 방향 늘어남 방지) */
.cns-qna__item > .cns-badge,
.cns-view__head > .cns-badge { align-self: flex-start; }

/*
 * 서브 탭 밑줄 — 공용 ui.css 의 .subtabs__item.is-active::after 는
 * .subtabs__item 에 position 이 없어 탭 하나가 아니라 바 전체 아래에 깔립니다.
 * 08 화면에는 밑줄이 없어 이 스킨에서만 꺼 둡니다.
 */
.subtabs__item.is-active::after { display: none; }

/* 사진 파일이 없을 때 — 깨진 이미지 아이콘 대신 자리표시자만 남깁니다. */
.cns-room__photo.is-empty { object-fit: none; }

/* ============================================================
 * 예약 신청서 (08-3 · apply.php)
 *
 * 본문은 공용 edu-apply.css 를 쓰고, 여기서는 한 줄에 나눠 넣는
 * 연락처·이메일 칸만 더합니다.
 * ============================================================ */
.cns-inputs {
	display: flex;
	align-items: center;
	gap: 6px;
}

.cns-inputs .edu-apply__input {
	flex: 1 1 0;
	min-width: 0;
}

.cns-inputs__sep {
	flex: 0 0 auto;
	color: #888;
}

/* 신청서 아래 서식 목록은 달력 화면과 같은 간격을 둡니다. */
.edu-apply + .cns-files,
.edu-apply .cns-files { margin-top: 24px; }

/* ============================================================
 * 온라인 양육상담 — API 연동으로 더해진 조각
 * ============================================================ */

/* 목록 줄은 <a> 와 <button> 을 함께 씁니다. (남의 글은 열리지 않습니다) */
button.cns-qna__item {
	width: 100%;
	background: none;
	border: 0;
	border-bottom: 1px solid var(--color-border);
	text-align: left;
	font: inherit;
	cursor: pointer;
}

.cns-qna__item.is-locked .cns-qna__title { opacity: .55; }

.cns-lock { font-size: 13px; }

/* 관리자가 에디터로 쓴 답변 본문 */
.cns-view__html {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-text);
	opacity: .8;
	word-break: break-word;
}

.cns-view__html img { max-width: 100%; height: auto; }

.cns-view__html p,
.cns-view__html div { margin: 0; }

/* 첨부 목록은 본문 아래에 붙습니다. */
.cns-view__block > .cns-files,
.cns-view__block .cns-files { margin-top: 16px; }

.cns-field__help {
	margin: 8px 0 0;
	padding: 0 20px;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: var(--color-text);
	opacity: .5;
}