@charset "UTF-8";

.wrap-notice{min-height: 300px;}
.wrap-notice .notice_inner{position:relative;display: inline-block;width: 100%;padding-left: 200px;}
.wrap-notice .bbs-title{width:180px;text-indent:-9999px;font-size: 40px;color: #2c2c2c;position: absolute;margin-bottom: 20px;display: inline-block;padding-top: 5px; letter-spacing:-2px; font-family: 'Noto Regular';background: url('./../images/news_title.png') no-repeat left top;}

.wrap-notice ul li .recentBbsTab{color: #848484;font-size: 22px;font-family: 'Noto Regular';cursor:pointer;margin:0 10px;background:none;letter-spacing: -1px;padding: 10px 2px 0;}
.wrap-notice > ul > li{display:inline-block;}
.wrap-notice ul li .list{display:none;position:absolute;left: 0;top: 100px;width: calc(100% - 200px);box-sizing:border-box;text-align:left;}
.wrap-notice ul li.active .list{display:block;}
.wrap-notice ul li.active input{color: #333;font-family: 'Noto Medium';background:url('./../images/blue-dot.png') center top no-repeat;}

.wrap-notice ul li .list > ul{border-left:1px solid #ccc; border-right:1px solid #ccc;}
.wrap-notice ul li .list li{width: calc(100% / 4 - 18px);display: inline-block;vertical-align: top;background: #fff;transition:ease all .3s;position: relative;}
.wrap-notice ul li .list li:hover:before{content:'';width:4px;height:100%;background: #0b4da2;display:block;position: absolute;top:0;left:-1px;}
.wrap-notice ul li .list li + li{margin-left: 15px;border-left:1px solid #ccc;}
.wrap-notice ul li .more{position: absolute;top: -95px;right: 0;}
.wrap-notice ul li .more a{display:block; background: url('./../images/notice_arrow.png') center center no-repeat;text-indent: -9999px;width: 105px;height: 35px;}
.wrap-notice ul li .list li.nodata{border:none;font-size: 17px;padding-left:15px;}
.wrap-notice ul li .list li.nodata:hover{box-shadow: initial;}

.wrap-notice ul li .con a{display: block;padding: 10px 30px;}
.wrap-notice ul li .con a:hover .title{color:#0c84ea;background: linear-gradient(to top, rgba(63,142,245,0.3) 20%, transparent 20%);}
.wrap-notice ul li .con .title{font-size: 20px;color: #333;display: block;line-height:30px;height: 58px;overflow: hidden;font-family: 'Noto Regular';}
.wrap-notice ul li .con .text{color: #666;overflow: hidden;display: block;font-size: 16px;margin-top: 20px;height: 22px;line-height:25px;}
.wrap-notice ul li .con .date{display: inline-block;vertical-align: top;color:#474747;font-size:16px; color: #888;line-height: 1.2;margin-top: 15px;}

@media all and (max-width:1023px) {
.wrap-notice .bbs-title{background-size:140px;top:10px;}
.wrap-notice ul li .list li{width: calc(100% / 3 - 15px);}
.wrap-notice ul li .list li + li + li + li{display:none;}
}

@media all and (max-width:767px) {
.wrap-notice{min-height: 580px;}
.wrap-notice .notice_inner{box-sizing: border-box;}
.wrap-notice .bbs-title{background-size:110px;}
.wrap-notice .notice_inner{padding-left: 0;margin-top: 60px;}
.wrap-notice ul li .list{width:100%;}
.wrap-notice ul li .recentBbsTab{font-size:18px;margin:0 5px;}
.wrap-notice ul li .more{width:22px;height:22px;top: -45px;}
.wrap-notice ul li .more a{background: url('./../images/notice-gray-plus.png') no-repeat center;width: 22px;height: 22px;}

.wrap-notice ul li .list > ul{border-left:none;border-right:none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.wrap-notice ul li .list li + li{border-left:none;border-top:1px solid #ccc;margin-left:0;}
.wrap-notice ul li .con a{padding:15px 5px;}
.wrap-notice ul li .con .title{font-size:16px;text-overflow: ellipsis;white-space: nowrap;height:28px;line-height: 28px;display: inline-block;}
.wrap-notice ul li .con .text{font-size:14px;margin-top:15px;white-space: initial;text-overflow: clip;overflow: hidden;height: 38px;line-height: 1.4;}
.wrap-notice ul li .list li{width:100%;}
.wrap-notice ul li.active .list{top: 55px;}
.wrap-notice ul li .list li:hover:before{width:110px;height: 3px;top:-3px;left:0;}
.wrap-notice ul li .con .date{font-size:14px;color:#141414;}
}

@media all and (max-width:600px) {
.wrap-notice ul li .con .title{display:block;}
}