@charset "utf-8";
/* css by OOparts */

.oo_la_basic {
	background-color:#6c738d;
	padding:20px 40px 20px 20px;
	/*height:190px;*/
	overflow:hidden;
}

/* control */
.oo_la_basic .lSSlideOuter.vertical .lSAction > a {
	left:auto;
	right:110px;
	top:5px;
	margin:0;
}
.oo_la_basic .lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position:0 0;
	right:145px;
}
.oo_la_basic .lSSlideOuter.vertical .lSAction > .lSNext {
    background-position:32px 0;
}

.oo_la_basic .page-header {
	position:relative;
	padding:0 5px;
	margin:0 auto 10px;
	border:0;
	height:50px;
	color:#fff;
}
.oo_la_basic .page-header .title {
	font-size:25px;
}
.oo_la_basic .page-header .title strong {
	font-weight:600;
}
.oo_la_basic .page-header p {
	margin-top:3px;
	font-size:13px;
	color:#bfc8ef;
}

/* 더 보기 */
.oo_la_basic .page-header .more {
	position:absolute;
	top:0;
	right:0;
}
.oo_la_basic .page-header .more > .label {
	display:inline-block;
	font-size:28px;
	padding:0;
	color:#fff;
}
.oo_la_basic .page-header .more > .label:focus,
.oo_la_basic .page-header .more > .label:hover {
	
}
/* line */
.oo_la_basic .page-header .line {
	position:absolute;
	width:130px;
	height:3px;
	left:0;
	bottom:-2px;
	background-color:#a8a8a8;
}

.oo_la_basic .ribbon {
    position: absolute;
	top:0;
	left:0;
    border-top:50px solid #333;
    border-left:250px solid #555;
    border-right:50px solid transparent;
}

.oo_la_basic ul { 
	padding:0; 
}
.oo_la_basic .list-group.la_content {
	clear:both;
	margin:0 auto;
}

.oo_la_basic .list-group.la_content .list-group-item {
	font-size:14px;
	color:#222;
	padding:0;
	background-color:transparent;
	border:0px solid #ddd;
	margin:0 -5px;
	cursor:default;
}
.oo_la_basic .list-group.la_content .list-group-item > a {
	display:block;
	border:0px solid #ddd;
	font-size:13px;
	font-weight:300;
	color:#fff;
	padding:4px 5px;
	position:relative;
	height:100%;
	overflow:hidden;
} 

/* [공지] 글자 부분 */
.oo_la_basic .list-group.la_content .list-group-item .col_notice {
	padding:0;
	text-align:left;
}
.oo_la_basic .list-group.la_content .list-group-item .col_notice .label {
	color:#bfc8ef;
	font-size:14px;
	font-weight:normal;
	padding:0;
}
.oo_la_basic .list-group.la_content .list-group-item .col_notice .label:before,
.oo_la_basic .list-group.la_content .list-group-item .col_notice .label:after {
	display:inline-block;
	padding:0 2px;
}
.oo_la_basic .list-group.la_content .list-group-item .col_notice .label:before {
	content:"[";
}
.oo_la_basic .list-group.la_content .list-group-item .col_notice .label:after {
	content:"]";
}

/* 게시물 제목 */
.oo_la_basic .list-group.la_content .list-group-item .subject {
	display:inline-block;
	float:left;
	max-width:80%;
	overflow:hidden;
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	padding-left:5px;
	padding-right:5px;
}

.oo_la_basic .list-group.la_content .list-group-item .subject small {
	font-size:80%;
}
.oo_la_basic .text-muted {
	color:#bfc8ef;
}
.oo_la_basic .list-group.la_content .list-group-item .subject:before {
	/*display:inline-block;
	float:left;
	content:"";
	width:2px;
	height:2px;
	background-color:#bfc8ef;
	margin:7px 10px 0 5px;*/
}
.oo_la_basic .list-group.la_content .list-group-item .subject label {
	color:#bfc8ef;
	font-size:12px;
}
/* 게시물 등록일 */
.oo_la_basic .list-group.la_content .list-group-item .date {
	display:inline-block;
	float:right;
	padding-right:0;
	font-size:13px;
}

.oo_la_basic .list-group.la_content .list-group-item:focus .subject,
.oo_la_basic .list-group.la_content .list-group-item:hover .subject,
.oo_la_basic .list-group.la_content .list-group-item:focus .date,
.oo_la_basic .list-group.la_content .list-group-item:hover .date {
	
}


/* 진행상황 */
.oo_la_basic .list-group.la_content .list-group-item .list_status {
	text-align:right;
	height:100%;
}
.oo_la_basic .list-group.la_content .list-group-item .comment {
	display:block;
	position:absolute;
	height:100%;
	top:0;
	right:1rem;
}
.oo_la_basic .label-success, 
.oo_la_basic .comment .label {
	font-size:0.85em;
	font-weight:600;
	padding:0.4rem 1rem;
}
.oo_la_basic .label-default {
	background-color:transparent;
}
.oo_la_basic .label-success {
	background-color:#dc7960;
}

/* 게시물이 없는 경우 */
.oo_la_basic .list-group.la_content .no_list {
	padding:0.5rem;
	text-align:center;
	line-height:2;
	color:#fff;
}