@charset "utf-8";

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
}

@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
}


/* 새글 스킨 (latest) */
.main_lt {
    font-family: 'Pretendard-Regular';
}
/* 컬러 설정 */
.main_lt_mas {
	color: #0a010b;
}

.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: 18px;
    font-weight: bold;
    margin: 8px 8px 28px 5px;
    position: relative;
	font-family: 'Pretendard-Bold';
}
.main_lt_ma {
  font-family: 'Pretendard-Regular';
  color: #0a010b;
  font-size: 14px;
}
.main_lt_mas {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
  position: relative;
  transition-duration: 0.5s;
  left: 0px;
  margin: 6px 0px;
  padding: 0px 10px;
  color: #e5e5e3;
  
}
.main_lt_mas a {
    cursor: pointer !important;
	color: #e5e5e3;
}
.main_lt_ma li {
  display: flex;
  align-items: center;
  color: #0a010b;
}
.main_lt_ma img {
    margin-right: 5px;
	
}
.main_lt_name {
    opacity: 0;
    opacity: 0;
    padding: 2px 5px;
    border-radius: 5px;
}
.main_lt_mas:hover {
    left: 3px;
}

.main_lt_ma .material-icons {
  font-size: 16px;
  margin: 0px 4px;
}