@charset "UTF-8";

.main-board {}
#_contentBuilder .main-board ._fnctWrap {height: auto;}

.wrap-notice .recents-title-bx {position: relative; padding-right: 60px; margin-bottom: 30px;}
.wrap-notice .recents-title-bx > p {font-size: 55px; color: #404040; line-height: 58px; font-family: 'Play';}
.wrap-notice .recentBbsMore {position: absolute; right: 0; top: 0px; text-indent:-99999px;  width:58px; height:58px; border: 1px solid #CBCBCB; transition: all 0.5s;}
.wrap-notice .recentBbsMore::before {content: ""; position: absolute; width: 24px; height: 24px; background:url('../images/btn_notice.png') no-repeat center center; left: 50%; margin-left: -12px; top: 50%; margin-top: -12px; transform: rotate(0); transition: transform 0.5s;}
.wrap-notice .recentBbsMore:hover {border-color: #555555;}
.wrap-notice .recentBbsMore:hover::before {transform: rotate(180deg);}

.wrap-notice .slider {}
.wrap-notice .slider li {position: relative; border: 1px solid #CFCFCF; margin-bottom: 10px; background: #fff; transition: all 0.5s;}
.wrap-notice .slider li::before {content: ""; position: absolute; width: 24px; height: 24px; background: url("../images/btn_more.png") no-repeat center; top: 50%; margin-top: -12px; right: 3%;}
.wrap-notice .slider .con {}

.wrap-notice .con a {position:relative; display: block; overflow: hidden; padding: 20px 6% 20px 2.5%;}
.wrap-notice .date {float: left; width: 190px; display: block; font-size: 35px; line-height: 35px; color: #adadad; font-family: 'Play'; transition: all 0.5s;}
.wrap-notice .con-title {float: left; width: calc(100% - 190px); padding-left: 2.5%; display: block; font-size: 22px; line-height: 35px; color: #838383; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s;}

.nodata {text-align: center; font-size: 18px; color: #333;}

.wrap-notice .slider li:hover {background: #7993E0; box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.29);}
.wrap-notice .slider li:hover .date, .wrap-notice .slider li:hover .con-title {color: #fff;}

@media all and (max-width:1640px) {
	.main-board {padding: 0 20px;}
}

@media all and (max-width:1024px) {

}

@media all and (max-width:767px) {
	.wrap-notice .recents-title-bx > p {font-size: 45px; line-height: 45px;}
	.wrap-notice .recentBbsMore {width: 45px; height: 45px;}

	.wrap-notice .date {font-size: 25px; line-height: 25px; width: 135px;}
	.wrap-notice .con-title {font-size: 17px; line-height: 25px;}
}

@media all and (max-width: 460px){
	.wrap-notice .con a {padding: 13px 6% 13px 2.5%;}
	.wrap-notice .date {float: none; width: 100%;}
	.wrap-notice .con-title {float: none; width: 100%; padding-left: 0; margin-top: 5px;}
}