@charset "UTF-8";

/*common*/
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle .newArtcl{
		border: 0;
		background-image: url("../images/share.gif");
		background-repeat: no-repeat;
		background-color: transparent;
	}


/*list*/
	._recentListUl{
		position: relative;
		min-height: 210px;
		height: auto !important;
		_height: 210px;
		padding: 20px;
	}
	._recentListUl .recentBbsLi{
		position: relative;
	}
	._recentListUl .recentBbsLi .recentBbsTab{
		float: left;
		height: 28px;
		line-height: 28px;
		background-color: #fff;
		border: 0;
		margin-right: 1px;
		padding: 0 0.5em 0 0.4em;
		position: inherit;
		font-size: 25px;
	    color: #646464;
	}
	._recentListUl .recentBbsLi:first-child .recentBbsTab{
		padding: 0 0.5em 0 0;
	}
	._recentListUl .recentBbsLi .recentBbsTab{
		background-image: url("../images/gab.gif");
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: right 6px;
	}
	._recentListUl .recentBbsLi:last-child .recentBbsTab{
		background-image: none;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl{
		position: absolute;
		top: 38px;
		left: 0;
		display: none;
		width: 100%;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi{
		margin-top: 0.5em;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child{
		margin-top: 1em;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor,
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo{
		display: block;
		position: relative;
		overflow: hidden;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle,
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt,
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dd{
		line-height: 2;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle{
		display: block;
		font-weight: 600;
		font-size: 14px;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    margin-right: 93px;
		text-align: left;
	    /*padding-left: 10px;
	    background: url("../images/bullet.gif") no-repeat left 12px;*/
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle strong{
		color: #363636;
		font-family: dotum, "µ¸¿ò" !important;
		font-weight: 100;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle .newArtcl{
		width: 11px;
	    height: 11px;
	    overflow: hidden;
	    text-indent: -5000px;
	    display: inline-block;
	    zoom: 1;
	    _display: inline;
	    background-position: 0 0;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dl{
		position: absolute;
		top: 0;
		right: 0;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt,
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dd{
		display: inline-block;
		zoom: 1;
		_display: inline;
		color: #5f5f5f;
		font-size: 14px;
		font-family: dotum, "µ¸¿ò" !important;
		font-weight: 100;
	}
	._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt{
		display: none;
	}
	._recentListUl .recentBbsNoData{
		text-align: center;
		padding-top: 50px;
	}
	._recentListUl .recentBbsMore{
		position: absolute;
		top: 0;
		right: 0;
		display: none;
		background-image: url("../images/more.jpg");
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 32px;
	    height: 32px;
		text-indent: -999px;
	}
	.recentBbsInnerUl > li.noData {
		font-size: 14px;
	    font-family: dotum, "µ¸¿ò" !important;
		text-align: center;
	    padding-top: 80px;
	}


/*active items*/
	._recentListUl .recentBbsLi.active .recentBbsInnerUl,
	._recentListUl .recentBbsLi.active .recentBbsMore{
		display: block;
	}
	._recentListUl .recentBbsLi.active .recentBbsTab{
		color: #de0119;
	}

/*Tablet*/
	@media all and (max-width:860px) {
		._recentListUl .recentBbsLi .recentBbsTab{
			font-size: 24px;
		}
	}

/*Mobile*/
	@media all and (max-width:420px) {
		._recentListUl .recentBbsLi .recentBbsTab{
			font-size: 20px;
		}
	}