@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: 'hahmlet';
  font-weight:300;
}
/* 컬러 설정 */
.main_lt_mas {
}

.main_lt_mas:hover {
	color: var(--base);
	background: var(--point);
	opacity: 0.5;
}
.main_lt_mas:hover .material-icons {
	color: var(--base);
}
.main_lt_mas:hover .main_lt_ma {
	color: var(--base);
}
.main_lt_ma {
	color: var(--point);
}
.main_lt_ma .material-icons {
	color: var(--point);
}
/* 메인 최신글 스킨 (다른 스킨 이용 시엔 skin>latest>해당 스킨 부분을 수정해주세요) */

.main_lt {
  width: 100%;
}
.main_lt_title {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0px;
    padding: 5px;
    position: static;
    font-family: Marney Holland serif;
    text-align: center;
    color: var(--base);
    line-height: 28px;
    height: 28px;
    background-color: var(--point);
}

.main_lt_title2 {
  margin-top: 5px;
  line-height:1px;
  height: 1px;
  background-color: var(--point);
}

.main_lt_ma {
  font-weight: bold;
  white-space: nowrap; /* 텍스트 줄바꿈 방지 */
  overflow: hidden; /* 내용이 넘칠 경우 숨김 */
  text-overflow: ellipsis; /* 넘치는 텍스트 말줄임표 처리 */*/
  width: 100px; /* 최대 너비 설정 (필요에 따라 조정) */
  max-width: 150px; /* 최대 너비 설정 (필요에 따라 조정) */
  width: 200px;
}
.main_lt_mas {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
  position: relative;
  transition-duration: 0.5s;
  left: 0px;
  height: 29px;
  margin: 0px;
  padding: 0px 10px;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid;
}

.main_lt ul {
  position: absolute; /* 절대 위치 설정 */
  top: 65px; /* 제목 높이 + 여백만큼 아래로 이동 (필요에 따라 조정) */
  left: 0;
  width: 100%;
  height: calc(100% - 90px); /* 남은 공간만큼 높이 설정 */
  overflow-y: auto; /* 세로 스크롤 활성화 */
  padding: 0;
  margin: 0;
  list-style: none;
}
.main_lt_ma li {
  display: flex;
  align-items: center;
  width: 400px;
}
.main_lt_ma img {
    margin-right: 5px;
}
.main_lt_name {
	width: 100px;
    opacity: 0;
    padding: 2px 5px;
    border-radius: 5px;
}
.main_lt_mas:hover .main_lt_name {
    opacity: 1;
}
.main_lt_ma .material-icons {
  font-size: 16px;
  margin: 0px 4px;
}