@charset "UTF-8";


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


/*list*/
	.mainNotice.popupnotice ._recentListUl{
		position: relative;
		min-height: 625px;
		height: auto !important;
	}
	.mainNotice.popupnotice ._recentListUl::after {content: ""; position: absolute; width: 90%; height: 50px; background: #003956; top: 15px; right: 0; z-index: 1;}
	.mainNotice.popupnotice ._recentListUl.full::after {width: 100%;}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi{
	}
	.mainNotice.popupnotice .tab-button-bx {float: left; position: relative; padding: 0 8px; z-index: 2;}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsTab{
		padding: 0;
		margin: 0;
		margin-top: 17px;
		line-height: 50px;
		background-color: transparent;
		border: 0;
		position: inherit;
		font-size: 14px; 
		color: rgba(255, 255, 255, 0.7);
		font-weight: 300;
		cursor: pointer;
		border-radius: 0;
		-webkit-appearance: none;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl{
		position: absolute;
		top:65px;
		left: 0;
		display: none;
		width: 100%;
		background: #fff;
		height: 560px;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi{
		border-bottom: 1px solid #ddd;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:hover {background: #F2F2F2;}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child{

	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor,
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle,
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt,
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dd{
		line-height: 2;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle{
		display: block;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    padding: 11.5px 10px;
		font-size: 14px;
		font-weight: 300;
		color: #2c2c2c;
	}
	.mainNotice.popupnotice	.category-bx {display: inline-block; padding: 7px; width: 95px; border-radius: 20px; background: #4e4e4e; color: #fff; font-size: 12px; margin-right: 10px; text-align: center;}
	.mainNotice.popupnotice	.category-bx.style1 {background: #818181;}
	.mainNotice.popupnotice	.category-bx.style2 {background: #25AAE2;}
	.mainNotice.popupnotice	.category-bx.style3 {background: #A90057;}
	.mainNotice.popupnotice	.category-bx.style4 {background: #FF9110;}
	.mainNotice.popupnotice	.category-bx.style5 {background: #BE8E33;}
	.mainNotice.popupnotice ._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;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dl{
		position: absolute;
		top: 0;
		right: 0;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt,
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dd{
		display: inline-block;
		zoom: 1;
		_display: inline;
		color: #777;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt{
		display: none;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsNoData{
		text-align: center;
	}
		.mainNotice.popupnotice ._recentListUl .nodata {text-align: center; margin-top: 30px;}
	.mainNotice.popupnotice ._recentListUl .recentBbsMore{
		position: absolute;
		top: -60px;
		right: 1px;
		display: none;
		text-indent:-9999px;
		background:url(../images/bulMore.png) no-repeat center;
		width:32px;
		height:29px;
	}


/*active items*/
	.mainNotice.popupnotice ._recentListUl .recentBbsLi.active .recentBbsInnerUl,
	.mainNotice.popupnotice ._recentListUl .recentBbsLi.active .recentBbsMore{
		display: block;
	}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi.active .recentBbsTab{
		margin-top: 0;
		color: #fff;
		background-color: #B2005A;
		line-height: 65px;
		height: 65px;
		font-size: 17px;
	}
.mainNotice.popupnotice ._recentListUl .recentBbsLi.active .tab-button-bx{padding: 0 31px;}
.mainNotice.popupnotice ._recentListUl .recentBbsLi.active .tab-button-bx::before {content: ""; position: absolute; width: 31px; height: 100%; left: 0; top: 0; background: url("../images/tab_bg_1.png") no-repeat center;}
.mainNotice.popupnotice ._recentListUl .recentBbsLi.active .tab-button-bx::after {content: ""; position: absolute; width: 31px; height: 100%; right: 0; top: 0; background: url("../images/tab_bg_2.png") no-repeat center;}

/*Tablet+Mobile*/
@media only screen and (max-width:860px){
	

}
/*Tablet*/
@media only screen and (min-width:441px) and (max-width:860px){}
/*Mobile*/
@media only screen and (max-width:440px){}

@media all and (max-width: 900px){
	.mainNotice.popupnotice {margin-top: 0;}
	.mainNotice.popupnotice ._recentListUl {min-height: 436px;}
}

@media all and (max-width: 675px){
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsTab {padding: 0 6px;}
	.mainNotice.popupnotice .tab-button-bx {padding: 0;}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi.active .tab-button-bx {padding: 0;}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi.active .tab-button-bx::before, .mainNotice.popupnotice ._recentListUl .recentBbsLi.active .tab-button-bx::after {display: none;}
}

@media all and (max-width: 600px){
	.mainNotice.popupnotice ._recentListUl .recentBbsLi .recentBbsTab {font-size: 0.6em;}
	.mainNotice.popupnotice ._recentListUl .recentBbsLi.active .recentBbsTab {font-size: 0.9em;}
}