@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;
}
.main_lt_mas {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  height: fit-content;
  position: relative;
  transition-duration: 0.5s;
  left: 0px;
  margin: 6px 0px;
  padding: 0px 10px;
}
.main_lt_mas a {
    cursor: pointer !important;
}
.main_lt_ma li {
  display: flex;
  align-items: center;
}
.main_lt_ma img {
    margin-right: 5px;
}
.main_lt_name {
    opacity: 1;
    padding: 2px 5px;
    border-radius: 5px;
    margin-left: 8px;
    font-size: 0.9em;      /* 제목보다 살짝 작게 (선택 사항) */
    white-space: nowrap;   /* 이름이 줄바꿈되지 않도록 고정 */
}
/* 날짜/시간을 오른쪽 끝으로 강제 밀어내기 */
/* .main_lt_date가 안 먹힌다면, 마지막에 오는 요소를 선택합니다 */
.main_lt_mas > *:last-child { 
    margin-left: auto !important; 
    white-space: nowrap;
    padding-left: 10px; /* 너무 붙지 않게 여백 */
}
.main_lt_mas:hover .main_lt_name {
    opacity: 1;
    color: var(--mainskin-base); /* 배경이 포인트색으로 변할 때 글자는 베이스색으로 */
}
.main_lt_ma .material-icons {
  font-size: 16px;
  margin: 0px 4px;
}
@font-face {
    font-family: 'LeferiPoint-WhiteObliqueA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-WhiteObliqueA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.main_lt .re {
    display: inline-block;
    background: #009900;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 8px;

    margin-left: 4px;
    padding: 0 5px;

    font-size: 10px;
    color: white;
    font-family: 'LeferiPoint-WhiteObliqueA';

    cursor: pointer !important;
}