@charset "utf-8";

/* 컬러 설정 */
.main_lt_mas.theme-box {
display: flex !important;
    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 6px 10px;
    box-sizing: unset !important;
    padding: 7px 10px;
border-radius:15px 10px 0px 15px;
}

.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.theme-box {
    font-weight: bold;
    margin: 6px 10px 6px 0px;
   background-color:var(--point);
border-color:var(--box-border);
color:var(--base);
border-radius:10px 15px 15px 0px;
}
.main_lt_ma {
  font-weight: bold;
}

.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: 0;
    padding: 2px 5px;
    border-radius: 5px;
}
.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;
}