/* 온라인 상담 KBoard 스킨 — 원본 jikyunghee.co.kr counsel 게시판 실측 (2026-10-01) */
.jc { width:100%; max-width:1135px; margin:83px auto 90px; font-size:13px; color:#333; line-height:1.6; }
.jc *, .jc *::before, .jc *::after { box-sizing:border-box; }
.jc .screen-reader-text { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
.jc a { color:inherit; text-decoration:none; }
.jc-lock { display:inline-block; width:11px; height:14px; margin:-2px 4px 0 0; vertical-align:middle; color:#6f6f6f; }
/* 버튼 */
.jc-btn { display:inline-block; min-width:91px; padding:6px 30px; border:0; border-radius:0; font-size:13px; font-weight:700; line-height:20.8px; color:#fff !important; text-align:center; letter-spacing:.2em; cursor:pointer; white-space:nowrap; }
.jc-btn--green { background:#719d4f; letter-spacing:0; } .jc-btn--black { background:#232021; } .jc-btn--gray { background:#a2a2a2; }
.jc-btn--big { padding:15px 30px; min-width:107px; letter-spacing:0; }
.jc-btn:hover { filter:brightness(.92); }
/* 목록 */
.jc-table { width:100%; border-collapse:collapse; table-layout:fixed; border-bottom:2.67px solid #484546; }
.jc-table th { height:57px; background:#232021; color:#fff; font-weight:400; text-align:center; border-bottom:1px solid #dbdbdb; position:relative; }
.jc-table th + th::before { content:""; position:absolute; left:0; top:0; bottom:0; width:1px; background:#4a4647; }
.jc-table td { height:48px; border-bottom:1px solid #dbdbdb; text-align:center; vertical-align:middle; }
.jc-table tbody tr:last-child td { border-bottom:0; }
.jc-c-no { width:80px; } .jc-c-cat { width:155px; } .jc-c-state { width:144px; } .jc-c-user { width:103px; } .jc-c-date { width:90px; }
.jc-table td.jc-c-title { text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.jc-table td.jc-c-title a { padding-left:15px; }
.jc-table td.jc-c-title a:hover { color:#719d4f; }
.jc-m-meta { display:none; }
.jc-new { display:inline-block; width:10px; height:10px; margin-left:3px; background:#719d4f; color:#fff; font-size:8px; font-weight:700; line-height:10px; text-align:center; vertical-align:1px; }
.jc-badge { display:inline-block; width:50px; height:28px; background:#719d4f; color:#fff; font-size:11.7px; font-weight:700; line-height:28px; }
.jc-badge.is-wait { background:#a2a2a2; }
.jc-notice td { background:#f7f7f7; font-weight:700; }
.jc-empty { color:#999; }
.jc-list-foot { position:relative; padding-top:20px; text-align:center; min-height:57px; }
.jc-write-btn { position:absolute; right:0; top:25px; }
.jc-paging { display:inline-flex; flex-wrap:wrap; justify-content:center; gap:3px; }
.jc-pg { display:inline-block; min-width:31px; height:36px; padding:0 9px; border:1px solid #dedede; color:#333; font-size:13px; line-height:34px; text-align:center; background:#fff; }
.jc-pg.is-current { background:#6dbfca; border-color:#6dbfca; color:#fff; font-weight:700; }
.jc-pg--first, .jc-pg--prev, .jc-pg--next, .jc-pg--last { color:#999; font-size:16px; }
a.jc-pg:hover { border-color:#999; }
.jc-search { display:flex; justify-content:center; align-items:center; gap:4px; margin:18px 0 0; }
.jc-search select { height:26px; width:93px; border:1px solid #a9a9a9; padding:3px; font-size:13px; }
.jc-search input { height:28px; width:148px; border:1px solid #d5d5d5; padding:5px 0 4px 3px; font-size:13px; }
.jc-search-btn { height:23px; padding:0 10px 0 8px; border:0; background:#4a4a4a; color:#fff; font-size:12px; line-height:23px; cursor:pointer; border-radius:2px; }
/* 글보기 */
.jc-info { width:875px; max-width:100%; border-collapse:collapse; }
.jc-info th { width:214px; padding:10px 0; background:#efefef; font-weight:700; text-align:center; color:#333; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
.jc-info td { padding:10px 0 10px 24px; background:#fff; color:#787878; line-height:27px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; word-break:break-all; }
.jc-info td.jc-half { width:230px; }
.jc-info td.jc-strong { font-weight:700; }
.jc h2.jc-view-title, .jc h3.jc-answer-bar, .jc h2.jc-confirm-title { font-family:inherit; letter-spacing:0; }
.jc h2.jc-view-title { margin:0; padding:0; font-size:13px; font-weight:700; color:#787878; line-height:27px; }
.jc-ip { color:#999; }
.jc-admin-only td { background:#fbfbf3; color:#555; }
.jc-admin-only small { color:#a0a07a; margin-left:6px; }
.jc-info td.jc-body { padding:50px 10px; border-bottom:0; }
.jc-content { color:#787878; line-height:27px; white-space:normal; }
.jc-content p { margin:0 0 1em; }
.jc-attach { margin-top:24px; display:flex; flex-wrap:wrap; gap:8px; }
.jc-attach-item { padding:6px 12px; border:1px solid #cdcdcd; color:#555 !important; font-size:12px; }
.jc-answer { margin-top:20px; }
.jc h3.jc-answer-bar { margin:0; padding:10px; background:#232021; color:#fff; font-size:13px; font-weight:700; line-height:20.8px; }
.jc-answer-bar em { font-style:normal; color:#ffd200; }
.jc-answer-body { padding:7px 7px 30px 10px; color:#787878; line-height:20px; }
.jc-answer-body p { margin:0 0 .6em; }
.jc-endline { height:3px; background:#484546; margin-top:20px; }
.jc-control { display:flex; justify-content:space-between; align-items:center; gap:6px; margin-top:30px; flex-wrap:wrap; }
.jc-control .jc-left, .jc-control .jc-right { display:flex; gap:5px; flex-wrap:wrap; }
.jc-control--center { justify-content:center; }
.jc-admin-answer { margin-top:30px; padding:20px; border:1px dashed #c9c9a3; background:#fdfdf6; }
.jc-admin-note { margin:0 0 12px; font-size:12px; color:#6b6b45; }
/* 비밀번호 확인 */
.jc-confirm form { max-width:560px; margin:40px auto 0; padding:40px 30px; border-top:3px solid #232021; border-bottom:1px solid #cdcdcd; text-align:center; }
.jc h2.jc-confirm-title { margin:0 0 14px; font-size:21px; color:#232021; }
.jc-confirm-desc { margin:0 0 24px; color:#787878; line-height:1.8; }
.jc-confirm-desc strong { color:#333; }
.jc-confirm-row { display:flex; justify-content:center; align-items:center; gap:8px; }
.jc-confirm-row label { font-weight:700; }
.jc-confirm-row input { height:33px; width:200px; border:1px solid #d5d5d5; padding:0 8px; }
.jc-confirm-error { margin:12px 0 0; color:#c0392b; }
/* 글쓰기 */
.jc-policy-title { font-size:21px; font-weight:700; line-height:1.3; color:#232021; padding:35px 0 15px; margin:0; }
.jc-policy { height:162px; overflow:auto; background:#f6f6f6; border:1px solid #cdcdcd; padding:20px; font-size:12.35px; line-height:20.8px; color:#333; }
.jc-policy :is(p,h3,h4,li,div) { font-size:inherit; line-height:inherit; margin:0; }
.jc-consent { margin:0 0 20px; padding-top:15px; font-weight:700; text-align:right; }
.jc-consent label { display:inline-flex; align-items:center; gap:6px; cursor:pointer; }
.jc-consent em { font-style:normal; color:#5f9a3a; }
.jc-write { width:100%; border-collapse:collapse; border-top:3px solid #232021; border-bottom:3px solid #2b2829; }
.jc-write th { width:214px; padding:12px 0 10px 30px; background:#efefef; font-weight:700; text-align:left; vertical-align:middle; border-bottom:1px solid #cdcdcd; }
.jc-write td { padding:10px 0 10px 28px; border-bottom:1px solid #cdcdcd; vertical-align:middle; }
.jc-write tr:last-child th, .jc-write tr:last-child td { border-bottom:0; }
.jc-write :is(input[type=text],input[type=tel],input[type=password],select) { height:28px; padding:2px 6px; border:1px solid #d5d5d5; border-radius:0; background:#fff; font-size:13px; color:#333; box-shadow:none; }
.jc-write select { height:27px; border-color:#a9a9a9; padding:0 4px; }
.jc-write textarea { width:605px; max-width:100%; height:200px; padding:6px; border:1px solid #d5d5d5; border-radius:0; font-size:13px; color:#333; resize:vertical; display:block; }
.jc-write input[type=file] { width:auto; height:auto; padding:0; border:0; background:none; font-size:12px; }
.jc-write .kboard-content, .jc-write .wp-editor-wrap { max-width:605px; }
.jc-inline { white-space:normal; }
.jc-inline > * { vertical-align:middle; }
.jc-inline > span { margin:0 4px; }
.jc-w-name { width:183px; } .jc-w-hp1 { width:52px; } .jc-w-hp { width:58px; } .jc-w-mail { width:120px; }
.jc-w-title { width:605px; max-width:100%; } .jc-w-pw { width:183px; } .jc-w-captcha { width:100px; }
#jc-cat { width:179px; } #jc-email-pick { margin-left:4px; }
.jc-optin, .jc-secret { display:inline-flex; align-items:center; gap:4px; margin-left:10px; font-size:12px; color:#555; cursor:pointer; white-space:nowrap; }
.jc-help { display:block; margin:4px 0 0; font-size:12px; color:#888; }
.jc-inline .jc-help { display:inline; margin-left:8px; }
.jc-captcha { display:inline-block !important; width:auto; height:28px; margin:0 6px 0 0; vertical-align:middle; border:1px solid #d5d5d5; position:static; }
.jc-file-now { display:block; margin-bottom:4px; font-size:12px; color:#555; }
/* 모바일 */
@media (max-width:767px) {
	.jc { margin:30px auto 50px; }
	.jc-table thead .jc-c-no, .jc-table thead .jc-c-cat, .jc-table thead .jc-c-user,
	.jc-table tbody .jc-c-no, .jc-table tbody .jc-c-cat, .jc-table tbody .jc-c-user { display:none; }
	.jc-c-state { width:62px; } .jc-c-date { width:82px; }
	.jc-table th { height:44px; }
	.jc-table td { height:auto; padding:10px 0; }
	.jc-table td.jc-c-title { white-space:normal; }
	.jc-table td.jc-c-title a { padding-left:8px; display:block; }
	.jc-m-meta { display:block; padding-left:8px; font-size:11px; color:#999; }
	.jc-badge { width:44px; height:24px; line-height:24px; }
	.jc-list-foot { padding-top:56px; }
	.jc-write-btn { top:12px; }
	.jc-pg { min-width:28px; height:32px; line-height:30px; padding:0 6px; }
	.jc-info td.jc-half { width:auto; }
	.jc-info { table-layout:fixed; width:100%; }
	.jc-info th { width:64px; font-size:12px; }
	.jc-info td { padding-left:10px; font-size:12px; }
	.jc-info td.jc-body { padding:30px 10px; }
	.jc-write th { width:84px; padding:10px 0 10px 10px; }
	.jc-write td { padding:10px 10px; }
	.jc-w-title, .jc-w-name, .jc-write textarea { width:100%; }
	.jc-optin, .jc-secret { margin:6px 0 0; }
	.jc-control { justify-content:center; }
	.jc-btn { min-width:0; padding:6px 16px; letter-spacing:0; }
	.jc-btn--big { padding:13px 26px; }
}