@charset "UTF-8";


.wrap-notice							{line-height:1.2;box-sizing:border-box;min-height: 310px;}
.wrap-notice .notice_inner		{position:relative;background-color: #fff;}
.wrap-notice ul li .recentBbsTab{color: #888;font-size: 25px;font-weight:500;cursor:pointer;padding: 0;background:none;display: block;border: none;padding-bottom: 1px;}
.wrap-notice > ul > li				{display:inline-block;}
.wrap-notice > ul > li + li   {margin-left: 15px;padding-left: 25px;/* background: url('./../images/notice-bullet.png') no-repeat left center; */}
.wrap-notice ul li .list				{display:none;position:absolute;left: -0.4px;top: 60px;width: 100%;box-sizing:border-box;border-top: none;padding: 20px 0 15px 0;background-color: #fff;max-height: 280px;border-bottom: 1px solid #ccc;}
.wrap-notice ul li.active{}
.wrap-notice ul li.active input{color: #333;font-family: 'Noto Medium';background: linear-gradient(to top, rgb(253,228,194) 35%, transparent 40%);}
.wrap-notice ul li.active .list		{display:block;}
.wrap-notice ul li.active li .con{padding-right: 80px;}
.wrap-notice ul li .list li			{margin-bottom: 20px;position: relative;}
.wrap-notice ul li .list li strong	{display:block;font-size: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#666;position:relative;padding-left: 20px;letter-spacing: -.5px;}
.wrap-notice ul li .list li strong:before{content: '';width: 2px;height: 2px;background-color: #2a2d40;position: absolute;top: 14px;left: 8px;display: block;border-radius: 50%;}
.wrap-notice ul li .list li span		{font-size: 20px;color: #888;letter-spacing: -1px;}
.wrap-notice ul li .list li .date		{display:block;position: absolute;right: 0;top: 0;}
.wrap-notice ul li .more{position: absolute;top: -60px;right: 0;}
.wrap-notice ul li .more a			{background:#aaa url('./../images/w-plus.png') no-repeat center;text-indent:-9999px;display:block; width: 33px;height: 33px;}

.wrap-notice ul li .list li strong:hover{text-decoration: underline;}

@media all and (min-width:1921px) {

}

@media all and (max-width:1500px) {
.wrap-notice ul li.active li .con{padding-right: 120px;}
}

@media all and (max-width:767px) {
	.wrap-notice{min-height:220px;}
	.wrap-notice ul li .recentBbsTab{font-size:18px; padding:10px 5px;}
	.wrap-notice ul li.active input{background: linear-gradient(to top, rgb(253,228,194) 35%, transparent 35%);padding: 0 0 2px 0;}
	.wrap-notice > ul > li + li{padding-left:5px;margin-left:5px;}
	.wrap-notice ul li .list{padding-top:0; border-bottom:none; top:65px;}
	.wrap-notice ul li .list li{margin-bottom:10px;}
	.wrap-notice ul li .list li .date,
	.wrap-notice ul li .list li strong{font-size:15px;}
	.wrap-notice ul li .more{top:-55px;}
}