@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative; }
.notice h2 {margin-bottom:20px}
.notice h2 a {font-size:1.2em;color:#fff}
.notice ul {
	overflow: hidden;
}
.notice li {
	position: relative;
    float: left;
    width: 32%;
    margin-left: 2%;
	margin-bottom: 25px;
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
    padding: 30px 40px;

	-webkit-transition:all 0.20s ease-in-out;
	-moz-transition:all 0.20s ease-in-out;
	-ms-transition:all 0.20s ease-in-out;
	-o-transition:all 0.20s ease-in-out;
}

.notice li:first-child, .notice li:nth-child(4), .notice li:nth-child(7) {
	margin-left: 0%;
}

.notice li .line {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	z-index: 1;
}

.notice li:hover .line {
	border: 2px solid #0a9978;
}

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

.notice li a {
    position: relative;
    z-index: 99;
    display: block;
	padding:0px 0;
}

.notice li h3 {
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

	margin-bottom: 20px;
	font-size: 18px;
    font-weight: 500;
    letter-spacing: -1px;
}

.notice li:hover h3 {
	color: #0a9978;
}

.notice li p {
    position: relative;
	margin-bottom: 30px;
    z-index: 99;
    color: #666;
	font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.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:3px;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 {
    width: 100%;
	border-bottom: 0;
    line-height: 120px;
    text-align: center;
    color: #000;
}

.notice li a.notice_more {
    display: inline-block;
    padding-right: 20px;
    font-size: 14px;
    color: #666;
    background: url(img/more.png) right center no-repeat;
}

.notice li:hover a.notice_more {
	color: #0a9978;
	background: url(img/more_hover.png) right center no-repeat;
}