@charset "utf-8";
/* Mobile XE (/widgets/mcontent/skins/default/) */
/* Hx */
.hx{position:relative;border-bottom:1px solid #ccc8be;padding:8px 10px;margin:0}
.hx:after{content:"";margin:0 -10px;position:relative;top:10px;display:block;clear:both;height:1px;background:#fff}
.hx.h2{background:#e5e5e5}
.hx.h2 em{font-size:12px;color:#6352d2}
.hx.h3{background:#868686;color:#fff}
.hx.h3 em{font-size:12px}
.hx h2, .hx h3{margin:0 10px 0 0;display:inline}
.hx h2{font-size:16px;line-height:1.4}
.hx h3{font-size:14px}
/* List */
.lt{margin:0;padding:0;list-style:none;background:#f8f8f8;font-size:14px}
.lt li{border-bottom:1px solid #ccc8be}
.lt a{display:block;text-decoration:none;color:#000;padding:10px;}
.lt a:after{content:"";display:block;clear:both}
.lt .th{float:left;margin:0 10px 5px 0;border:1px solid #ccc;background:#666;color:#fff;text-align:center;line-height:80px;width:120px;height:80px;font-size:14px}
.lt .title{display:block;margin:0 0 5px 0}
.lt .title strong{font-size:14px;font-weight:bold}
.lt .title em{font-size:12px;color:#333;color:#6352d2}
/* 댓글 수 배지 - 게시판 목록과 동일한 주황색 사각 배지 스타일 (board.css의 .comment-icon과 동일 사양)
   .title가 레이아웃 FaceOff 쪽에서 이미 display:flex; align-items:center 이므로
   별도 정렬 없이 flex item으로 자동 중앙정렬됨 */
.lt .title em.comment-count-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	min-width:16px;
	height:16px;
	padding:0 3px;
	margin-left:6px;
	border-radius:4px;
	background:#f39c12;
	color:#fff;
	font-style:normal;
	font-size:11px;
	font-weight:700;
	line-height:1;
}
.lt .text{display:block; color:#666;margin:0 0 5px 0}
.lt .auth{display:block;font-size:12px}
.lt .auth .time{padding:0 1px;border-left:1px solid #bfbfbf}

/* nbt-reply-badge */
.lt .title em.replyNum,.lt em.replyNum{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;margin-left:4px;box-sizing:border-box;border-radius:4px;background:#f39c12;color:#fff;font:700 11px/1 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",Pretendard,"Noto Sans KR",sans-serif;font-style:normal;vertical-align:middle}

/* NEWS 썸네일형 위젯(모바일+PC): 댓글 배지를 제목이 끝나는 자리 바로 옆에 붙이고(인라인) 제목은 최대 2줄.
   레이아웃 FaceOff 규칙보다 우선하도록 html 접두 + !important */
html .xe-widget-wrapper ul.lt li span.title, html .widgetOutput ul.lt li span.title{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;overflow:hidden !important;line-height:1.35 !important}
html .xe-widget-wrapper ul.lt li span.title strong, html .widgetOutput ul.lt li span.title strong{display:inline !important;-webkit-line-clamp:unset !important;overflow:visible !important;white-space:normal !important}
html .xe-widget-wrapper ul.lt li span.title em.comment-count-badge, html .widgetOutput ul.lt li span.title em.comment-count-badge{display:inline-flex !important;vertical-align:middle !important;margin-left:2px !important;position:relative !important;top:-1px !important}
/* 모바일: 작성자/날짜 칸을 내용 폭만큼만 쓰고(고정 60px 해제) 칸 사이 간격을 줄여 제목이 오른쪽 빈 공간까지 쓰게 함 */
html.xe-mobilelayout .xe-widget-wrapper ul.lt li a{grid-template-columns:56px 1fr auto !important;column-gap:8px !important}