/**
 * CozyHome PC 가독성 + 커뮤니티 톤 (2026-10-02)
 * - 본문/목록 14~15px, 공유 토큰(brand_tokens.css) 색 사용
 * - 끄려면 layout.html 의 readability.css load 한 줄 제거
 */
html {
	background: #fff !important;
}
body,
#wrapper,
.container,
#container {
	font-size: 14px;
	line-height: 1.6;
	color: var(--hl-ink, #111827);
	-webkit-font-smoothing: antialiased;
	/* CozyHome style.css body{#eee} 제거 — 전면 화이트 */
	background: #fff !important;
	background-color: #fff !important;
}
body {
	background-image: none !important;
}

#wrapper a {
	color: var(--hl-ink, #111827);
}

/* 상단 메뉴 — 크기만 조정 (스킨 하늘색 바·흰 글씨 유지) */
#gnb a {
	font-size: 14px !important;
}
#gnb > ul > li > a {
	height: 40px;
	line-height: 40px;
	color: #FFF !important;
}
.gnb_dummy > div > ul > li > ul > li > a {
	font-size: 13px !important;
}

/* 사이트 타이틀 / 로고 슬롯 */
.h1_bottom span,
.h1_top span,
.h1_mid span,
.hl-brand-name {
	font-size: 28px !important;
	font-weight: 800;
	letter-spacing: -0.04em;
}
.hl-brand-mark {
	height: 48px !important;
	width: auto !important;
	max-width: 70px !important;
	vertical-align: middle;
}
.hl-brand-sub {
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase;
	color: var(--hl-soft, #6B7280) !important;
}

/* 사이드바·로그인 */
.sidebar,
.sidebar a {
	color: var(--hl-ink, #111827);
	font-size: 13px;
}

/* ---------- 사이드 로그인 / 로그인 후 정보 (모던) ---------- */
#sidebar .login_wrap.inbox,
#sidebar .login,
#sidebar .logged_in {
	background: #fff !important;
	border: 1px solid var(--hl-line, #E5E7EB) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}
#sidebar .login_wrap {
	padding: 14px !important;
	margin-bottom: 14px !important;
}
#sidebar .login_wrap.inbox {
	/* inbox 회색 바닥 제거 — 카드만 */
	background: #fff !important;
}

/* 상단 검색 — 입력/버튼 높이 통일 */
.hl-mode-search .global_search_mid form,
.global_search_mid form {
	display: flex !important;
	align-items: center !important;
	gap: 0;
	height: auto !important;
}
.hl-mode-search .global_search_mid input,
.global_search_mid input {
	height: 36px !important;
	line-height: 36px !important;
	padding: 0 12px !important;
	border: 1px solid var(--hl-line, #E5E7EB) !important;
	border-right: 0 !important;
	border-radius: 8px 0 0 8px !important;
	box-sizing: border-box;
	font-size: 13px !important;
}
.hl-mode-search .global_search_mid button,
.global_search_mid button {
	height: 36px !important;
	line-height: 36px !important;
	padding: 0 14px !important;
	border: 0 !important;
	border-radius: 0 8px 8px 0 !important;
	background: var(--hl-blue, #2563EB) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	box-sizing: border-box;
}

/* 비로그인 폼 — 세로 스택, 버튼 높이 동일 */
#sidebar .login {
	font-size: 13px !important;
	border: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
#sidebar .login form {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
#sidebar .l_login_form {
	float: none !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
#sidebar .l_login_form input {
	width: 100% !important;
	height: 36px !important;
	padding: 0 10px !important;
	line-height: 36px !important;
	border: 1px solid var(--hl-line, #E5E7EB) !important;
	border-radius: 8px !important;
	background: #fff !important;
	font-size: 13px !important;
	color: var(--hl-ink, #111827) !important;
	box-sizing: border-box;
}
#sidebar .l_login_form input.in_pass {
	border-top: 1px solid var(--hl-line, #E5E7EB) !important;
}
#sidebar .l_login_form input:focus {
	outline: none;
	border-color: var(--hl-blue, #2563EB) !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
#sidebar button.bt_l_login {
	float: none !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: 36px !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: var(--hl-blue, #2563EB) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	cursor: pointer;
	box-sizing: border-box;
}
#sidebar button.bt_l_login:hover {
	background: #1D4ED8 !important;
}
#sidebar .c_check {
	margin: 0;
}
#sidebar .c_check > input + label {
	color: var(--hl-soft, #6B7280) !important;
	font-size: 12px !important;
}
#sidebar .login ul {
	margin: 0 !important;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
#sidebar .login li a {
	color: var(--hl-soft, #6B7280) !important;
	font-size: 12px !important;
	font-weight: 600;
	text-decoration: none !important;
}
#sidebar .login li a:hover {
	color: var(--hl-blue, #2563EB) !important;
}
#sidebar .login .line {
	color: var(--hl-line, #E5E7EB) !important;
}

/* 로그인 후 */
#sidebar .logged_in {
	border: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	position: relative;
}
#sidebar .logged_in .li_user {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 12px;
}
#sidebar .logged_in .profile {
	position: static !important;
	top: auto !important;
	left: auto !important;
	flex: 0 0 48px;
	display: block;
	width: 48px !important;
	height: 48px !important;
	margin: 0 !important;
	border: 1px solid var(--hl-line, #E5E7EB);
	border-radius: 50%;
	background-color: var(--hl-fog, #F3F5F7);
	background-size: cover;
	overflow: hidden;
}
#sidebar .logged_in .profile_image {
	width: 48px !important;
	height: 48px !important;
	object-fit: cover;
	display: block;
}
#sidebar .logged_in p.welcome {
	flex: 1;
	min-width: 0;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	color: var(--hl-soft, #6B7280) !important;
}
#sidebar .logged_in .welcome_msg {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: var(--hl-soft, #6B7280);
}
#sidebar .logged_in a.nickname {
	display: inline-block;
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em;
	color: var(--hl-ink, #111827) !important;
	text-decoration: none !important;
}
#sidebar .logged_in a.nickname:hover {
	color: var(--hl-blue, #2563EB) !important;
}
#sidebar .logged_in .admin_link {
	display: inline-block;
	margin-top: 4px;
	padding: 2px 8px;
	border-radius: 999px;
	background: rgba(37, 99, 235, 0.1);
	color: var(--hl-blue, #2563EB) !important;
	font-size: 11px !important;
	font-weight: 700;
	text-decoration: none !important;
}
#sidebar .logged_in .next_point .lv {
	font-weight: 800;
	color: var(--hl-ink, #111827);
}
#sidebar .logged_in .next_point .per {
	float: right;
	color: var(--hl-blue, #2563EB);
	font-weight: 700;
}
#sidebar .logged_in .next_point .remain {
	text-align: left !important;
	color: var(--hl-soft, #6B7280) !important;
}

/* 포인트 바 */
#sidebar .logged_in .l_point {
	margin: 0 0 12px !important;
	padding: 10px 10px 8px;
	border: 1px solid var(--hl-line, #E5E7EB) !important;
	border-radius: 10px;
	background: var(--hl-fog, #F3F5F7) !important;
	color: var(--hl-soft, #6B7280) !important;
	cursor: default;
}
#sidebar .logged_in .show_point {
	height: auto !important;
	overflow: visible !important;
	margin-bottom: 6px;
}
#sidebar .logged_in .next_point {
	position: static !important;
}
#sidebar .logged_in .next_point li {
	padding: 0 !important;
	height: auto !important;
	line-height: 1.35 !important;
	font-size: 11px !important;
	font-weight: 600;
}
#sidebar .logged_in .next_point li:first-child {
	font-size: 12px !important;
	color: var(--hl-ink, #111827) !important;
	margin-bottom: 2px;
}
#sidebar .logged_in .point_bar {
	height: 6px !important;
	border: 0 !important;
	border-radius: 999px;
	background: #E5E7EB !important;
	overflow: hidden;
}
#sidebar .logged_in .point_bar_current {
	height: 6px !important;
	border-radius: 999px;
	background: var(--hl-blue, #2563EB) !important;
	background-image: none !important;
}

/* 회원 메뉴 버튼 */
#sidebar .logged_in .m_button {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	margin: 0 0 10px !important;
	padding: 0;
	list-style: none;
	font-size: 12px !important;
}
#sidebar .logged_in .m_button:after {
	display: none;
}
#sidebar .logged_in .m_button li {
	float: none !important;
	margin: 0 !important;
}
#sidebar .logged_in .m_button li a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 8px !important;
	margin: 0 !important;
	border: 1px solid var(--hl-line, #E5E7EB) !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: var(--hl-ink, #111827) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	transition: background .15s ease, border-color .15s ease;
}
#sidebar .logged_in .m_button li a:hover {
	background: var(--hl-fog, #F3F5F7) !important;
	border-color: #CBD5E1 !important;
	color: var(--hl-ink, #111827) !important;
}

/* 로그아웃 */
#sidebar .logged_in .bt_logout {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 36px !important;
	min-height: 36px !important;
	margin: 0 0 8px !important;
	padding: 0 12px !important;
	box-sizing: border-box;
	border: 1px solid var(--hl-line, #E5E7EB) !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: var(--hl-soft, #6B7280) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	box-sizing: border-box;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
#sidebar .logged_in .bt_logout:hover {
	background: #FEF2F2 !important;
	border-color: #FECACA !important;
	color: var(--hl-red, #DC2626) !important;
}

/* 알림 */
#sidebar .c_notify {
	font-size: 12px !important;
	margin-top: 4px;
}
#sidebar .c_notify .bt_notify {
	position: static !important;
	top: auto !important;
	left: auto !important;
	margin-bottom: 8px;
	padding: 5px 10px !important;
	border: 0;
	border-radius: 999px !important;
	background: var(--hl-red, #DC2626) !important;
	font-size: 12px !important;
	font-weight: 700;
}
#sidebar .c_notify li {
	border-bottom: 1px solid var(--hl-line, #E5E7EB) !important;
}
#sidebar .c_notify .ago {
	color: var(--hl-soft, #6B7280) !important;
}

/* 홈 위젯: 고정 height(320px)+overflow:hidden 때문에 글자 키우면 잘림/겹침 */
#content .xe-widget-wrapper {
	height: auto !important;
	overflow: visible !important;
}
#content > .xe-widget-wrapper:nth-child(2n+1) {
	clear: left;
}

/* 메인 위젯 목록 */
.c_widget {
	font-size: 14px;
}
#sidebar .c_widget {
	font-size: 13px;
}
.w_box .w_title,
.w_list .w_title,
.c_widget .w_title,
.w_box h2,
.w_box .title_area {
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em;
	color: var(--hl-ink, #111827) !important;
	border-bottom: 2px solid var(--hl-blue, #2563EB) !important;
	display: inline-block;
	padding-bottom: 4px !important;
	margin-bottom: 8px !important;
}

/* 본문 영역 대비만 살짝 (레이아웃 구조 유지) */
#content {
	color: var(--hl-ink, #111827);
}
#content .xe-widget-wrapper .w_box {
	border-color: var(--hl-line, #E5E7EB);
}
.w_n_unit {
	margin-bottom: 10px;
	line-height: 1.45 !important;
	font-size: 14px;
	border-bottom: 1px solid var(--hl-line, #E5E7EB);
	padding-bottom: 7px;
}
.w_n_unit:last-child {
	margin-bottom: 0 !important;
	border-bottom: 0;
}
.w_n_unit .title,
.w_n_unit a {
	font-size: 14px;
	color: var(--hl-ink, #111827);
}
.w_n_info {
	margin-left: 8px;
}
.w_w_summary,
.w_w_info,
.w_c_unit,
.w_ga_summary,
.w_ga_info2 {
	font-size: 13px !important;
	line-height: 1.55 !important;
	color: #555 !important;
}
.w_c_body {
	height: auto !important;
	min-height: 78px;
}
.w_box .w_tab_unit a {
	height: 34px;
	line-height: 34px;
	font-size: 13px;
}
.w_list.w_box {
	padding: 16px 18px;
}

/* 링크 미리보기 카드는 모듈 CSS 유지 */
.preview_card_wrapper {
	font-size: 12px;
	line-height: 1.3;
}

/* ========== CozyHome 게시판 ========== */
.list_normal th {
	font-size: 13px !important;
	padding: 14px 0 14px 12px !important;
	color: #333 !important;
	border-bottom: 2px solid var(--hl-blue, #2563EB) !important;
}
.list_normal td {
	font-size: 13px !important;
	padding: 12px 0 12px 12px !important;
	color: #333;
}
.list_normal td.title {
	font-size: 14px !important;
	line-height: 1.45;
}
.list_normal td.title a {
	color: var(--hl-ink, #111827);
}
.category_list {
	font-size: 13px !important;
}

.article_header h1 {
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.4;
	color: #111;
}
.article_header .under_title {
	font-size: 12px !important;
	color: #777 !important;
}
article .xe_content,
article .xe_content p,
.ms_mode .xe_content {
	font-size: 14px !important;
	line-height: 1.7 !important;
	color: #222 !important;
}
.wz_summary,
.blog_summary {
	font-size: 13px !important;
	color: #444 !important;
	line-height: 1.65 !important;
}
.wz_title {
	font-size: 15px !important;
}

.commenter_area,
.comment_list,
.c_board .comment {
	font-size: 14px;
}
textarea {
	font-size: 14px !important;
	line-height: 1.6 !important;
}

/* ========== Sketchbook 게시판 (자유/뉴스 등 커뮤니티) ========== */

/* PC 게시판 크롬 단순화 — 분류 탭·쓰기/검색만 유지 */
#wrapper .bd .bd_font,
#wrapper .bd .bd_font_select,
#wrapper .bd .viewer_with,
#wrapper .bd .bd_bc,
#wrapper .bd .lst_btn,
#wrapper .bd .classic,
#wrapper .bd .zine,
#wrapper .bd .gall,
#bd_font_install,
#install_ng2 {
	display: none !important;
}

#content,
#content .bd,
#wrapper .bd,
#sidebar {
	background: #fff !important;
	box-sizing: border-box;
}
/* 사이드 로그인/위젯 — 회색 바닥이 없어져서 테두리로만 구분 */
#sidebar .login,
#sidebar .c_widget,
#sidebar .c_box_link,
#wrapper .c_box_link {
	background: #fff !important;
	border: 1px solid var(--hl-line, #E5E7EB) !important;
	border-radius: 8px;
	box-shadow: none !important;
}
/* 공지/호버 행 — 은은한 fog */
.bd_tb_lst .notice td,
.bd_tb_lst .select,
.bd_tb_lst tbody tr:hover {
	background: var(--hl-fog, #F3F5F7) !important;
}

.bd,
.bd table {
	font-size: 14px !important;
	line-height: 1.55 !important;
}
.bd_bc {
	font-size: 12px !important;
	color: #777 !important;
}
.bd_set a,
.bd_font {
	font-size: 12px !important;
}
.bd_cnb a,
.bd .cTab ul li {
	font-size: 13px !important;
}

/* 목록 */
.bd_tb_lst th {
	font-size: 13px !important;
	padding: 12px 10px !important;
	color: #333 !important;
	border-bottom: 2px solid var(--hl-blue, #2563EB) !important;
}
.bd_tb_lst td {
	font-size: 13px !important;
	padding: 11px 10px !important;
	color: #444 !important;
}
.bd_tb_lst td.title,
.bd_tb_lst td.title a,
.bd_lst td.title a {
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	color: var(--hl-ink, #111827) !important;
}
.bd_tb_lst .author a,
.bd_tb_lst .cate,
.bd_tb_lst .cate span {
	font-size: 12px !important;
}
.bd_pg a,
.bd_pg strong {
	font-size: 13px !important;
	height: 28px !important;
	line-height: 28px !important;
}

/* 글 보기 — 제목·본문 과한 확대 완화 */
.rd_hd .board h1,
.rd_hd h1,
.rd_hd h1.np_18px,
.rd_hd h1[class*="np_"] {
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: #111 !important;
	padding: 2px 0 !important;
}
.rd_hd .board .nick,
.rd_hd .btm_area span,
.rd_hd .board .cate,
.rd_preview {
	font-size: 12px !important;
}
.rd_body .xe_content,
.rd_body .xe_content p,
.bd .xe_content,
.bd .xe_content p {
	font-size: 14px !important;
	line-height: 1.7 !important;
	color: #222 !important;
}
.rd_hd .blog h1 {
	font-size: 17px !important;
	font-weight: 700 !important;
}
.bd_hd h1,
.bd .bd_hd h1 {
	font-size: 16px !important;
	font-weight: 700 !important;
}

/* 댓글 */
.fdb_tag,
.fdb_itm,
.fdb_itm .meta,
.fdb_itm .xe_content,
.fdb_itm .xe_content p {
	font-size: 14px !important;
	line-height: 1.6 !important;
}
.fdb_itm .meta .date {
	font-size: 12px !important;
}

/* 버튼·폼 라벨 */
#wrapper .bt_basic,
.lb_basic,
.ip_basic,
.sbHolder {
	font-size: 13px !important;
}

/* 게시판 글쓰기 — 스킨 버튼톤에 맞춘 담백한 스타일 */
#wrapper .bd_set a[href*="dispBoardWrite"],
#wrapper .bd .btm_mn a.btn_img[href*="dispBoardWrite"],
#wrapper .bd .fr a.btn_img[href*="dispBoardWrite"] {
	display: inline-flex !important;
	align-items: center;
	gap: 3px;
	height: 28px !important;
	padding: 0 10px !important;
	margin-left: 2px;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: -0.01em;
	color: #374151 !important;
	background: #f9fafb !important;
	border: 1px solid #d1d5db !important;
	border-radius: 6px;
	box-shadow: none !important;
	vertical-align: middle;
}
#wrapper .bd_set a[href*="dispBoardWrite"]:hover,
#wrapper .bd .btm_mn a.btn_img[href*="dispBoardWrite"]:hover,
#wrapper .bd .fr a.btn_img[href*="dispBoardWrite"]:hover {
	background: #f3f4f6 !important;
	border-color: #9ca3af !important;
	color: #111827 !important;
}
#wrapper .bd_set a[href*="dispBoardWrite"] .ico_16px,
#wrapper .bd a.btn_img[href*="dispBoardWrite"] .ico_16px {
	filter: none;
	opacity: 0.85;
}
.hl-brand-text { display: none !important; }

/* 타이틀바 컴팩트 — 로고·패딩·min-height */
#header.header,
.header {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.h1_mid.hl-brand-slot > div {
	height: auto !important;
	min-height: 0 !important;
}
.hl-brand-mark,
#branding .hl-brand-mark {
	height: 48px !important;
	width: auto !important;
	max-width: 70px !important;
}
.hl-mode-inline {
	top: 8px !important;
}
#branding .branding-with-notice {
	min-height: 0 !important;
	padding-top: 0 !important;
}
@media (max-width: 900px) {
	.hl-brand-mark,
	#branding .hl-brand-mark {
		height: 40px !important;
		max-width: 58px !important;
	}
}

/* 워드마크 텍스트만 */
.hl-brand-mark {
	display: none !important;
}
.hl-brand-text {
	display: none !important;
}
.hl-brand-name {
	display: inline-block !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	letter-spacing: -0.04em !important;
	line-height: 1.2 !important;
	color: var(--hl-ink, #111827) !important;
}
.hl-brand-sub {
	display: none !important;
}
.hl-brand {
	display: inline-flex !important;
	align-items: center !important;
}

/* PC 커뮤니티 타이틀 여백 */
@media (min-width: 769px) {
  #header.header,
  .header {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .hl-brand-slot,
  .h1_mid.hl-brand-slot,
  .h1_top.hl-brand-slot,
  .h1_bottom.hl-brand-slot {
    margin-right: 18px !important;
  }
  .hl-brand {
    padding: 4px 2px !important;
  }
  .hl-brand-name {
    display: inline-block !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.25 !important;
    padding: 2px 0 !important;
  }
  .hl-mode-search {
    gap: 16px !important;
  }
}

/* 홈 미리보기 위젯 — 둥근 외곽선 */
#content .c_widget {
	border: 1px solid var(--hl-line, #E5E7EB) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	background: #fff !important;
	box-sizing: border-box;
}
#content .c_widget .w_headline.w_box,
#content .xe-widget-wrapper .w_headline.w_box {
	border: 0 !important;
	border-bottom: 1px solid var(--hl-line, #E5E7EB) !important;
	border-radius: 0 !important;
	margin: 0 !important;
	background: #f7f7f7 !important;
}
#content .c_widget .w_list.w_box,
#content .xe-widget-wrapper .w_list.w_box,
#content .c_widget .w_gallery.w_box,
#content .xe-widget-wrapper .w_gallery.w_box {
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
}