@charset "UTF-8";


.wrap-notice {line-height:1.2;min-height: 320px;}
.wrap-notice .notice_inner {position:relative;display: inline-block;width: 100%;margin-top: 14px;text-align: left;}
.wrap-notice ul li .recentBbsTab {color: #2c2c2c;font-size: 24px;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 15% 15px;}
.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 {color:#008aff;font-family: 'Noto Medium';border-bottom:3px solid #008aff;}

.wrap-notice ul li .list li {vertical-align: top;background: #fff;}
.wrap-notice ul li .list li span {font-size:14px;}
.wrap-notice ul li .list li .date {display:block;}
.wrap-notice ul li .more {position: absolute;top: -60px;right: 0;}
.wrap-notice ul li .more a {display:block;padding:5px 0;background:url('./../images/plusBtn.png') center center no-repeat;text-indent: -9999px;width: 18px;height: 18px;text-align: left;}
.wrap-notice ul li .list li.nodata {border:none;}

.wrap-notice ul li .con > a {display: block;}
.wrap-notice ul li .con .conts {position: relative;}
.wrap-notice ul li .con .conts:hover strong {color:#2f2f2f;border-bottom:1px solid #2f2f2f;padding:4.5px 0;}
.wrap-notice ul li .con .conts span.date {display: inline-block;vertical-align: top;color:#474747;line-height: 1.2;position: absolute;right: 0;top: 5px;}
.wrap-notice ul li .con .conts strong {font-size: 16px;color:#7c7c7c;overflow: hidden;display: inline-block;overflow: hidden;font-family: 'Noto Regular';line-height: 1.4;padding:5px 0;max-width: calc(100% - 100px);text-overflow: ellipsis;white-space: nowrap;}
.wrap-notice ul li .con .conts span p {font-size: 16px;letter-spacing: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: 'Noto Light';color: #888;}
.wrap-notice ul li .con .conts span {color: #666;overflow: hidden;display: block;font-size: 16px;line-height: 1.7;}

@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: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%;}
    
}