@charset "UTF-8";

.wrap-notice{min-height: 340px; padding:0; position:relative;}
.wrap-notice:after{content:'';width:100%;height:1px;background-color:#ddd;display:block;z-index:1;left:0;top:35px;z-index: 1;position:absolute;}
.wrap-notice .notice_inner{position:relative;display: inline-block;width: 100%;margin-top: 20px;padding-left: 250px;}
.wrap-notice .bbs-title{font-size: 40px;color: #3e3b8c;position: absolute;letter-spacing:-2px;font-family: 'Noto Bold';background: #f5f7fb;z-index: 11;padding-right: 30px;}
.wrap-notice ul{text-align:right; position:relative;}
.wrap-notice ul ul{text-align:left;}
.wrap-notice ul li:last-child .recentBbsTab{margin-right:80px;}
.wrap-notice ul li .recentBbsTab{position:relative; color: #666;font-size: 22px;font-family: 'Noto Light';cursor:pointer; z-index: 11; background-color:#f5f7fb; padding-left:40px; line-height:1.2; letter-spacing: -1px;display:block;}
.wrap-notice ul li.active .recentBbsTab{ color: #3e3b8c;font-family: 'Noto Regular'; background:#f5f7fb url('./../images/title-dot.png') 15px center no-repeat;}
.wrap-notice > ul > li{display:inline-block; background: #f5f7fb; margin-left:-5px;}
.wrap-notice ul li .list{display:none;position:absolute;left: 0;top: 75px;width:100%;box-sizing:border-box;text-align:left;}
.wrap-notice ul li.active .list{display:block;}

.wrap-notice ul li .list li{width: calc(100% / 4 - 18px);display: inline-block;vertical-align: top; transition:ease all .3s;}
.wrap-notice ul li .list li + li{margin-left:20px;}
.wrap-notice ul li .more{position: absolute;top: -90px;right: 0;padding-left: 30px;background: #f5f7fb;z-index: 11;}
.wrap-notice ul li .more a{display:block;background:#fff url('./../images/notice-more.png') center center no-repeat;text-indent: -9999px;width: 50px;height: 50px;border:2px solid #000;}
.wrap-notice ul li .list li.nodata{border:none;}
.wrap-notice ul li .list li.nodata:hover{box-shadow: initial;}

.wrap-notice ul li .con a{display: block; padding:15px;}
.wrap-notice ul li .con .title{font-size: 20px;color:#000; display: block; line-height:30px; height: 60px;overflow: hidden ;font-family: 'Noto Medium';letter-spacing: -1px;}
.wrap-notice ul li .con .text{color: #666;overflow: hidden; display: block;font-size: 18px;margin-top: 20px;height:50px; line-height:25px;}
.wrap-notice ul li .con .date{display: inline-block;vertical-align: top;color:#474747;font-size:14px; color: #666;line-height: 1.2;margin-top: 15px;}

@media all and (max-width:1023px) {
	.wrap-notice{min-height: 420px; overflow: hidden;padding:0 0;}
	.wrap-notice:after{display:none;}
	.wrap-notice .notice_inner{padding-left:200px; margin-top: 10px;}
	.wrap-notice .bbs-title{padding-right:30px;}
	.wrap-notice ul li .list li{width:calc(100% / 2 - 12px);margin-bottom:20px;}
	.wrap-notice ul li .list li:nth-child(3){margin-left:0;}
	.wrap-notice ul li .con .title{width:100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:auto;}
	.wrap-notice ul li .more{top:-85px;}
}

@media all and (max-width:767px) {
	.wrap-notice{min-height: 370px;}
	.wrap-notice .bbs-title{display:none;}
	.wrap-notice .notice_inner{padding:0; margin-right:10px; text-align:left;}
	.wrap-notice ul li .recentBbsTab{font-size:23px; margin:20px 0 0 0;}
	.wrap-notice ul li .list li{width:100%; margin-left:0 !important; margin-bottom:0;}
	.wrap-notice ul li .list li:nth-child(n + 3){display:none;}
	.wrap-notice ul li.active .list{top:60px;}
	.wrap-notice ul li .more{top:-50px;}
	.wrap-notice ul li .more a{transform: scale(.7);}
	.wrap-notice ul li .con .text{margin-top:10px;}
}