/* 이 스킨이 사용하는 서식입니다. 테마 없이도 같은 모습으로 표시됩니다. */
.devm01-title-text{
	min-width:0
}
.devm01-main-notice-box .devm01-latest-notice__head{
	padding-bottom:18px;
	border-bottom:2px solid var(--c-primary);
}
.devm01-main-notice-box .devm01-latest-notice__head h3{
	color:var(--c-primary);
}
.devm01-main-notice-box .devm01-latest-notice__list li{
	border-bottom:1px solid var(--devm01-gray-200, #E5EAF0);
}
.devm01-main-notice-box .devm01-latest-notice__list a{
	padding:14px 0;
}
.devm01-main-notice-box .devm01-latest-notice__list strong{
	font-size:16px;
	font-weight:normal;
	letter-spacing:-.03em;
}
.devm01-latest-zone .devm01-main-notice-box .devm01-latest-notice__list a{
	padding:13px 0;
}
.devm01-latest-zone .devm01-main-notice-box .devm01-latest-notice__head{
	padding-bottom:14px;
}
.devm01-latest-zone .devm01-main-notice-box .devm01-latest-notice__list a{
	padding:12px 0;
}
.devm01-latest-zone .devm01-main-notice-box .devm01-latest-notice__list a{
	padding:11px 0;
}
.devm01-main-notice-box .devm01-latest-notice__list a{
	background:transparent!important;
	transition:color .24s ease;
}
.devm01-main-notice-box .devm01-latest-notice__list a:hover{
	background:transparent!important;
}
.devm01-main-notice-box .devm01-latest-notice__list a:hover strong, .devm01-main-notice-box .devm01-latest-notice__list a:hover .devm01-title-text{
	color:var(--c-accent)!important;
	transition:color .24s ease;
}

@charset "utf-8";
.devm01-latest-notice{
	font-family:var(--devm01-font-kr, "Noto Sans KR", sans-serif);
}
.devm01-latest-notice__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding-bottom:18px;
	border-bottom:2px solid #111827;
}
.devm01-latest-notice__head h3{
	margin:0;
	color:#111827;
	font-size:22px;
	line-height:1.35;
	letter-spacing:-.025em;
}
.devm01-latest-notice__head a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:#1e88e5;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.devm01-latest-notice__list{
	margin:0;
	padding:0;
	list-style:none;
}
.devm01-latest-notice__list li{
	border-bottom:1px solid #e5eaf0;
}
.devm01-latest-notice__list a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:18px 0;
	color:#111827;
	text-decoration:none;
}
.devm01-latest-notice__list strong{
	display:block;
	overflow:hidden;
	min-width:0;
	font-size:16px;
	font-weight:500;
	line-height:1.45;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.devm01-latest-notice__list time{
	flex:0 0 auto;
	color:#6b7280;
	font-size:16px;
}
.devm01-latest-notice__empty{
	padding:28px 0;
	color:#6b7280;
}
.devm01-latest-notice__empty strong{
	display:block;
	color:#111827;
	font-size:16px;
}
.devm01-latest-notice__empty p{
	margin:8px 0 0;
	font-size:16px;
	line-height:1.6;
}
@media(max-width:640px){
	.devm01-latest-notice__head{
		align-items:flex-start;
		flex-direction:column;
		gap:10px;
	}
	.devm01-latest-notice__list a{
		align-items:flex-start;
		flex-direction:column;
		gap:8px;
	}
}

/* DevM latest list hover motion */
.devm01-latest-notice__list a,
.devm01-latest-notice__list a strong,
.devm01-latest-notice__list a .devm01-title-text{
	transition:color 240ms ease;
}
.devm01-latest-notice__list a:hover,
.devm01-latest-notice__list a:hover strong,
.devm01-latest-notice__list a:hover .devm01-title-text{
	color:#1e88e5;
}