@charset "utf-8";
/* css by OOparts */

.oo_la_rolling_basic {

}

.oo_la_rolling_basic .ribbon_box {
    width:80px;
    height:80px;
    overflow:hidden;
    position:absolute;
	top:-7px;
    right:3px;
}
.oo_la_rolling_basic .ribbon_box .ribbon {
	display:block;
    background-color:#2571bc;
    box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
    color:#fff;
    font-size:13px;
    font-weight:700;
    left:-8px;
    padding:7px 0;
    position:relative;
    text-align:center;
    top:13px;
    transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
    width:120px;
	z-index:2;
}
.oo_la_rolling_basic .ribbon_box .ribbon:before,
.oo_la_rolling_basic .ribbon_box .ribbon:after {
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #13507e;
    bottom:-7px;
    content:"";
    position:absolute;
}
.oo_la_rolling_basic .ribbon_box .ribbon:before {
    left:0;
}
.oo_la_rolling_basic .ribbon_box .ribbon:after {
    right:0;
}

/* control */
.oo_la_rolling_basic .lSSlideOuter.vertical .lSAction > a {
	left:auto;
	right:110px;
	top:5px;
	margin:0;
}
.oo_la_rolling_basic .lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position:0 0;
	right:145px;
}
.oo_la_rolling_basic .lSSlideOuter.vertical .lSAction > .lSNext {
    background-position:32px 0;
}

.oo_la_rolling_basic .page-header {
	margin:0;
	padding:0;
	border:0;
}
.oo_la_rolling_basic .page-header label {
	float:left;
	padding:0 0.5rem;
	margin-top:0.3rem;
}
.oo_la_rolling_basic .page-header label > img {
	max-width:45px;
	width:100%;
}
.oo_la_rolling_basic .page-header .title {
	position:relative;
	float:left;
	text-align:left;
	font-size:1.3rem;
	color:#2495a7;
	padding:0.5rem;
	line-height:1.6;
}
.oo_la_rolling_basic .page-header .title strong {
	font-weight:600;
}

.oo_la_rolling_basic ul { 
	padding:0; 
}
.oo_la_rolling_basic .list-group.la_content {
	margin:0 auto;
}

.oo_la_rolling_basic .list-group.la_content .list-group-item {
	font-weight:600;
	padding:0.5rem;
	background-color:transparent;
	border:0px solid #ddd;
	margin-top:0;
	margin-bottom:0;
	line-height:2;
	cursor:default;
}
.oo_la_rolling_basic .list-group.la_content .list-group-item ul {
	border:0px solid #ddd;
	border-radius:5px;
	padding:0;
	position:relative;
	height:100%;
	overflow:hidden;
}
.oo_la_rolling_basic .list-group.la_content .list-group-item ul > li {
	height:100%;	
}
.oo_la_rolling_basic .list-group.la_content .list-group-item li a {
	display:block;
	color:#fff;
}
.oo_la_rolling_basic .list-group.la_content .list-group-item li .subject {
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	text-align:left;
	font-weight:200;
	color:#fff;
}
.oo_la_rolling_basic .list-group.la_content .list-group-item li .subject b {
	margin-right:0.25rem;
	color:#fff;
	font-weight:500;
}
.oo_la_rolling_basic .list-group.la_content .list-group-item li .date {
	display:inline-block;
	color:#fff;
	font-size:1rem;
	font-weight:200;
	display:inline-block;
	padding-right:0;
	text-align:center;
}


/* 진행상황 */
.oo_la_rolling_basic .list-group.la_content .list-group-item li.list_status {
	text-align:right;
	height:100%;
}
.oo_la_rolling_basic .list-group.la_content .list-group-item .comment {
	display:block;
	position:absolute;
	height:100%;
	top:-5px;
	right:1rem;
}
.oo_la_rolling_basic .label-success, 
.oo_la_rolling_basic .comment .label {
	font-size:0.85em;
	font-weight:600;
	padding:0.4rem 1rem;
}
.oo_la_rolling_basic .label-default {
	background-color:transparent;
	border:1px solid #fff;
}
.oo_la_rolling_basic .label-success {
	background-color:#dc7960;
}


/* 더 보기 */
.oo_la_rolling_basic .list-group.la_content .more {
	padding:0 1rem;
	margin-top:0.3rem;
	text-align:right;
}
.oo_la_rolling_basic .list-group.la_content .more > .btn {
	background-color:transparent;
	border:1px solid #fff;
	color:#fff;
	max-width:80px;
}
.oo_la_rolling_basic .list-group.la_content .no_list .more {
	margin-top:0.3rem;
	text-align:right;
}

/* 게시물이 없는 경우 */
.oo_la_rolling_basic .list-group.la_content .no_list {
	padding:0.5rem;
	text-align:center;
	line-height:2;
	color:#fff;
}