@charset "UTF-8";

.wrap-notice{position: relative;z-index: 2;background-color: rgba(255,255,255,0.95);border-radius: 20px;padding: 40px 30px;box-shadow: 0px 15px 22px rgba(0,0,0,0.21);min-height:620px;margin:30px;margin-left: 0; padding-right:0px}
.wrap-notice > ul{text-align: left;}
.wrap-notice .recentBbsLi {display:inline-block;}
.wrap-notice .recentBbsTab1{font-weight: 700; border:none; font-size:23px; color:#303030; padding:10px 10px 0 10px; display:block;}
.wrap-notice li + li .recentBbsTab1{margin-left:10px;}
.wrap-notice .active .recentBbsTab1{font-family:'Noto Medium'; color:#222; position:relative; background:url(./../images/recentBbsTab-dot.png) center top no-repeat;}

.wrap-notice .list{clear: both;margin-top: 25px;display:none;position:absolute;width:100%;left:0;}
.wrap-notice .list:before{content:''; width:calc(100% - 60px); height:1px;background-color:#9c9c9c;display: block;position:absolute;left:30px;top:0;}
.wrap-notice .active .list{display:block;}
.wrap-notice .con {overflow: hidden;font-size: 20px;border-bottom: 1px solid #e4e4e5;font-family:'Noto DemiLight';margin: 0 30px;}
.wrap-notice .list li:last-child{border-bottom: 0;}
.wrap-notice .list li:last-child .con{border-bottom: 0;}
.wrap-notice .list .con a{color: #333333;display: block;padding: 27px 0 27px 5px;overflow: hidden;}
.wrap-notice .list li p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 70%;float: left;}
.wrap-notice .list li:hover{background-color: #0767de;}
.wrap-notice .list li:hover a{color: white;}
.wrap-notice .list li:hover .date{color: rgba(255,255,255,0.45);}
.wrap-notice .notice-more-arrow{width: 10px;height: 17px;background-image: url(../images/arrow_btn.png);background-size: cover;float: left;margin-top: 3px;position: relative;left: 10px;}
.wrap-notice .date{float: right; font-weight: 100; color: rgba(51,51,51,0.45);}
.wrap-notice .recentBbsMore {width: 40px;height: 40px;background: url(../images/more_btn.png) no-repeat center;position: absolute;right: 30px;top: -60px;border: 1px solid #000;text-indent: -9999px;display: block;}

@media all and (max-width:1200px){
.wrap-notice{margin-left:30px;padding:40px;}
.wrap-notice .con{margin:0 40px;}
.wrap-notice > ul{text-align: left;}
.wrap-notice .recentBbsMore{right:40px;}
}

@media all and (max-width:767px){
	.wrap-notice{min-height:440px; margin:15px; box-shadow: 0px 5px 10px rgb(0 0 0 / 21%);padding:30px 15px;}
	.wrap-notice .recentBbsTab1{font-size:19px;}
	.wrap-notice .list{margin-top:15px;}
	.wrap-notice li + li .recentBbsTab1{margin:0; padding:5px 0px 0px 0px}
	.wrap-notice .list li p{font-size: 18px;}
	.wrap-notice .con{margin:0 20px;}
	.wrap-notice .list .con a{padding: 15px 0 15px 5px;}
	.wrap-notice .date{font-size: 18px;}
	.wrap-notice .recentBbsMore{width:30px; height:30px; top: -43px;right:25px;}
	.wrap-notice .list:before{width:calc(100% - 40px); left:20px;}
}