@charset "UTF-8";
.bbs-type-12B													{box-sizing:border-box; position: relative; min-height: 210px; overflow: hidden;}
.bbs-type-12B:before											{content:""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: #212121;}
.bbs-type-12B > ul												{position: relative;}
.bbs-type-12B > ul > li											{float: left; padding: 20px 7px 10px 7px;}
.bbs-type-12B > ul > li.active									{border-top: 4px solid #9d1208; padding-top: 16px;}
.bbs-type-12B > ul > li .recentBbsTab						{position: relative; color: #7f7f7f; font-size: 1.34em; font-weight: bold; background-color: #FFF;}
.bbs-type-12B > ul > li.active .recentBbsTab				{color: #9d1208;}

.bbs-type-12B > ul > li > ul									{display: none; width: 100%; position: absolute; top: 60px; left: 0;}
.bbs-type-12B > ul > li.active > ul							{display: block;}
.bbs-type-12B > ul > li > ul > li								{background: url(./../images/m_bbs_list.png) left 16px no-repeat; padding-left: 10px; position: relative; margin-top: 0; border-bottom: 1px solid #e0e0e0;}
.bbs-type-12B > ul > li > ul > li a							{color: #666; display: block;}
.bbs-type-12B > ul > li > ul > li a:hover strong			{text-decoration: underline;}
.bbs-type-12B > ul > li > ul > li a strong					{font-size: 1.2em; display: block; margin-right: 80px; font-weight: normal; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bbs-type-12B > ul > li > ul > li a strong .newArtcl		{display: inline-block; vertical-align: middle; margin-left: 5px; background: url(./../images/share.png) left top no-repeat; width: 11px; height: 11px; text-indent: -5000px;}
.bbs-type-12B > ul > li > ul > li a span.data				{position: absolute; top: 2px; right: 0; font-size: 1.1em;}
.bbs-type-12B > ul > li > ul > li.recentBbsNoData		{color: #444; background: none; text-align: center; padding: 20px 0; width: 100%; border-bottom: 0;}
.bbs-type-12B .recentBbsMore								{display: none; position: absolute; top: 20px; right: 0; background: url(./../images/m_bbs_more.png) left top no-repeat; width: 24px; height: 24px; text-indent: -5000px;}
.bbs-type-12B > ul > li.active .recentBbsMore				{display: block;}



@media screen and (max-width:860px) {

}
@media screen and (max-width:460px) {

}