@charset "utf-8";
/* SIR 지운아빠 */

@font-face {
    font-family: 'ChosunGu';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGu.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 새글 스킨 (latest) */
.main_lt {
    font-family: ChosunGu;
}
/* 컬러 설정 */
.main_lt_mas {
	background: var(--mainskin-base);
}
.main_lt_mas:hover {
	color: var(--mainskin-base);
	background: var(--mainskin-point);
}
.main_lt_mas:hover .material-icons {
	color: var(--mainskin-base);
}
.main_lt_mas:hover .main_lt_ma {
	color: var(--mainskin-base);
}
.main_lt_ma {
	color: var(--mainskin-text);
}
.main_lt_ma .material-icons {
	color: var(--mainskin-point);
}
/* 메인 최신글 스킨 (다른 스킨 이용 시엔 skin>latest>해당 스킨 부분을 수정해주세요) */

.main_lt {
  width: 100%;
}
.main_lt_title {
    font-size: 20px;
    font-weight: bold;
    margin: 11px 3px;
    position: relative;
}
.main_lt_ma {
  font-weight: bold;
  font-size: 12px;
}
.main_lt_mas {
  display: flex;
  align-items: center;
  padding: 0px 10px;
  height: fit-content;
  left: 0px;
  margin: 6px 0px;
  border-radius: 10px;
  justify-content: flex-start;  /* 기본은 왼쪽 정렬 */
    --animate-duration: 0.5s; /* 최신글 게시판 내 애니메이션 속도 재설정 */
    --animate-delay: 0s;      /* 지연 시간 제거 */
}
.main_lt_mas a {
    cursor: pointer !important;
}
.main_lt_ma li {
  display: flex;
  align-items: center;
  padding: 2px 0px;
}
.latest_subject,
.main_lt_name,
.main_lt_time,
.main_lt_ma li,
.material-icons {
  transition: color 0.5s ease !important;
  will-change: color; /* 렌더링 최적화 */
}

.main_lt_left {
  display: flex;
  align-items: center;
  gap: 10px; /* 필요시 아이콘과 텍스트 간 간격 조절 */
  max-width: 250px;
}
.main_lt_right {
  margin-left: auto; /* 오른쪽 끝으로 밀어냄 */
  display: flex;
  align-items: center;
  gap: 5px; /* 작성자명과 시간 사이의 간격 */
}
.latest_subject {
    display: inline-block; /* 인라인 블록으로 설정 */
    max-width: 100%; /* 제목 표시 영역 너비 제한 */
    white-space: nowrap; /* 한 줄로 표시 */
    overflow: hidden; /* 넘치는 텍스트 숨기기 */
    text-overflow: ellipsis; /* 말줄임표(...) 표시 */
    vertical-align: middle; /* 아이콘과 텍스트 정렬 */
}
.main_lt_ma img {
    margin-right: 5px;
}
.main_lt_name {
    opacity: 0;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
}
.main_lt_mas:hover {
    left: 10px;
}
.main_lt_mas:hover .main_lt_name {
    opacity: 1;
}
.main_lt_ma .material-icons {
  font-size: 16px;
  margin: 0px 4px;
}
.main_lt_time {
  font-size: 11px;
}