@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;padding:5px 0;display:flex;align-items:center;gap:50px}
.notice h2 {flex-shrink:0;width:120px;background-color:var(--color-accent);font-size:0.95em;text-align:center;border-radius:5px;padding:5px 0}
#main_container .overview .board>div:last-child .notice h2{background-color:var(--color-sub)}
.notice a.btn_more{flex-shrink:0;width:70px;text-align:center;font-size:0.9em;text-decoration:underline}
.notice>ul{flex:1}

.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.notice li>span.date{font-size:0.95em;opacity:0.5;margin-right:20px}

.notice li a,
.notice li.empty_li {font-size:1.333333em;padding:10px 0;display:inline-block}

.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:10px;border-radius:2px;vertical-align:baseline}
.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
.notice li.empty_li {font-size:1.1em;opacity:0.75}

@media only screen and (max-width:1440px) {
	.notice h2 {width:110px;}
	.notice li a, .notice li.empty_li{font-size:1.1em}
	.notice {padding:0;gap:30px}
}
@media only screen and (max-width:1024px) {
	.notice{flex-wrap:wrap;gap:5px}
	.notice h2{width:100px;}
	.notice>ul{flex:none;width:calc(100% - 80px)}
	.notice li>span.date{font-size:0.9em;margin-right:15px}
	.notice li a, .notice li.empty_li{font-size:1.0em;padding:5px 0}
}
@media only screen and (max-width:768px) {
	.notice h2{width:90px;padding:3px 0}
	.notice>ul{width:100%}
	.notice li{white-space:normal}
	.notice li>span.date{font-size:0.85em;}
	.notice a.btn_more{position:absolute;top:0;right:0}
}