@charset "UTF-8";
.bbs-type-00A													{box-sizing:border-box; position: relative; min-height: 165px; overflow: hidden;}
.bbs-type-00A > ul												{position: relative; background-color: #4963a0; display: table; width: 100%;}
.bbs-type-00A > ul > li											{display: table-cell; vertical-align: top; width: 25%;}
.bbs-type-00A > ul > li:last-child								{background: none;}
.bbs-type-00A > ul > li .recentBbsTab						{position: relative; color: #FFF; font-size: 1.7em; font-weight: bold; background: url(./../images/m_bbs_bar.png) right center no-repeat; background-color: #4963a0; border-top: 2px solid #4963a0; border-bottom: 2px solid #4963a0; padding: 10px; width: 100%;}
.bbs-type-00A > ul > li:first-child .recentBbsTab			{border-left: 2px solid #4963a0;}
.bbs-type-00A > ul > li:last-child .recentBbsTab			{border-right: 2px solid #4963a0; background: none #4963a0;}
.bbs-type-00A > ul > li.active .recentBbsTab				{color: #4963a0; background: none; background-color: #FFF;}

.bbs-type-00A > ul > li > ul									{display: none; width: 100%; position: absolute; top: 70px; left: 0;}
.bbs-type-00A > ul > li.active > ul							{display: table; vertical-align: top;}
.bbs-type-00A > ul > li > ul > li								{position: relative; display: table-cell; vertical-align: top; float: left; width: 25%; box-sizing:border-box; border-right: 1px dotted #ccc; padding: 0 20px;}
.bbs-type-00A > ul > li > ul > li:last-child					{border-right: 0;}
.bbs-type-00A > ul > li > ul > li a							{color: #222; display: block;}
.bbs-type-00A > ul > li > ul > li a:hover strong			{text-decoration: underline;}
.bbs-type-00A > ul > li > ul > li a strong					{font-size: 1.2em; display: block; height: 45px; overflow: hidden; line-height: 1.4; word-break: keep-all;}
.bbs-type-00A > ul > li > ul > li a strong .newArtcl		{display: none;}
.bbs-type-00A > ul > li > ul > li a span.data				{font-size: 1.1em; color: #444; background: url(./../images/m_bbs_date.png) left center no-repeat; padding: 3px 0 3px 20px;}
.bbs-type-00A > ul > li > ul > li.recentBbsNoData		{color: #444; background: none; text-align: center; padding: 20px 0; width: 100%;}
.bbs-type-00A .recentBbsMore								{display: none;}



@media screen and (max-width:1024px) {
	.bbs-type-00A > ul > li > ul > li							{width: 33.3%;}
	.bbs-type-00A > ul > li > ul > li:nth-child(4n+4)		{display: none;}
}
@media screen and (max-width:600px) {
	.bbs-type-00A > ul > li .recentBbsTab					{font-size: 1.24em;}
	.bbs-type-00A > ul > li > ul								{width: 94%; left: 3%; top: 55px;}
	.bbs-type-00A > ul > li > ul > li							{display: block; float: none; width: 100%; border-right: 0; background: url(./../images/m_bbs_list.png) left 8px no-repeat; padding: 0 0 0 15px; margin: 5px 0;}
	.bbs-type-00A > ul > li > ul > li:nth-child(4n+4)		{display: block;}
	.bbs-type-00A > ul > li > ul > li a						{color: #575757; height:auto;}
	.bbs-type-00A > ul > li > ul > li a strong				{font-size: 1.1em; text-overflow: ellipsis; white-space: nowrap; height:auto;}
	.bbs-type-00A > ul > li > ul > li a span.data			{display: none;}
}