@charset "UTF-8";

.wrap-notice{line-height:1.2;min-height: 290px; background-color:rgba(12,111,111,.9); padding:35px;}
.wrap-notice .notice_inner{position:relative;display: inline-block;width: 100%; text-align: left;}
.wrap-notice ul li .recentBbsTab{color: #fff; opacity:.7; font-size: 20px;cursor:pointer;background:none;letter-spacing: -1px;padding: 0 0 10px 0;font-family: 'Noto Regular';position: relative;}
.wrap-notice > ul > li + li .recentBbsTab{margin-left:50px;}
.wrap-notice > ul > li + li{background: url('../images/slash.png') no-repeat 14% 8px;}
.wrap-notice > ul > li{display:inline-block;}
.wrap-notice ul li .list{display:none;position:absolute;left: 0;top: 65px;width:100%;box-sizing:border-box;text-align:left;}
.wrap-notice ul li.active .list{display:block;}
.wrap-notice ul li.active input{opacity:1; font-family: 'Noto Medium';border-bottom:3px solid #e3c040;}

.wrap-notice ul li .list li{position:relative; color:#fff; padding:0 80px 0 15px; font-family: 'Noto Light'; margin-bottom:10px; font-size:16px;}
.wrap-notice ul li .list li:before{content:''; width:5px; height:5px; border-radius:100%; background-color:#e3c040; display:block; position:absolute; left:0; top:9px;}

.wrap-notice ul li .list li a{color:#fff; overflow: hidden; display: block; text-overflow: ellipsis;white-space: nowrap;}
.wrap-notice ul li .more a{position: absolute; top: -60px;right: 0; display:block; background:url('./../images/more-w-bg.png') center center no-repeat; text-indent: -9999px; width: 25px; height: 25px;}
.wrap-notice ul li .date{position:absolute; right:0; top:0; opacity:.8;}
.wrap-notice ul li .list li.nodata{border:none;}

@media all and (max-width:1600px) {
.wrap-notice ul li .con .conts strong{width:80%;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.wrap-notice ul li .con .conts:hover strong{border-bottom:none;padding:5px 0;}
}

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

@media all and (max-width:680px) {
.wrap-notice > strong{font-size:28px;}
.wrap-notice ul li .recentBbsTab{font-size:20px;}
.wrap-notice ul li .list li{width:100%;}
.wrap-notice ul li.active .list{top:60px;}
.wrap-notice ul li .more{top:-60px;}
.wrap-notice ul li .con .conts span{height:52px;}
}

@media all and (max-width:480px) {
.wrap-notice .notice_inner{margin-top:10px;}
.wrap-notice ul li .recentBbsTab{margin:0 3px;font-size:16px;}
.wrap-notice ul li .con .conts strong{width:70%;}
}