@charset "UTF-8";


.wrap-notice{line-height:1.2;min-height: 480px;width:1400px;padding-left: 550px;box-sizing: border-box;margin:0 auto;text-align: right;}
.wrap-notice .notice_inner{position:relative;display: inline-block;width: 100%;text-align: left;border-bottom: 2px solid #006cff;padding-bottom: 15px;}
.wrap-notice ul li .recentBbsTab{color: #666;font-size: 30px;font-family:'Noto Regular';cursor:pointer;margin:0;padding: 0 10px 0 10px;background:none;}
.wrap-notice > ul > li{display:inline-block;}
.wrap-notice ul li .list{display:none;position:absolute;left: 0;top: 90px;width:100%;box-sizing:border-box;text-align:left;}
.wrap-notice ul li.active .list{display:block;}
.wrap-notice ul li.active input{color:#151515;font-family: 'Noto Bold';}

.wrap-notice ul li .list li{padding-bottom: 20px;margin-bottom: 20px;width: 100%;display:block;}
.wrap-notice ul li .list li strong{display:block;font-size:16px;margin: 5px 0;}
.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: -90px;right: 0;}
.wrap-notice ul li .more a{display:block;padding:5px 0;background:url('./../images/read_more.png') center center no-repeat;text-indent: -9999px;width: 100px;height: 25px;text-align: left;}

.wrap-notice > strong{font-family: 'Noto Bold';font-size:34px;position: absolute;top: 0;left: 0;color:#000;}
.wrap-notice ul li .con > a{display: block;}
.wrap-notice ul li .con span.date{display: inline-block;vertical-align: top;text-align: center;color: #02286e;font-size:50px;font-family: 'Noto Bold';line-height: 1.2;margin-top: -7px;background: #fff;border-radius: 50%;width: 110px;height: 110px;padding-top: 12px;box-sizing: border-box;}
.wrap-notice ul li .con span.date p{font-size: 14px;letter-spacing: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: 'Noto Light';}
.wrap-notice ul li .con .conts{display: inline-block;width: 78%;margin-left: 21px;}
.wrap-notice ul li .con .conts strong{font-size: 21px;color:#151515;overflow: hidden;display: inline;max-height: 50px;font-family: 'Noto Regular';letter-spacing: -1px;line-height: 1.3;text-overflow: ellipsis;white-space: nowrap;}
.wrap-notice ul li .con .conts span{color: #666;overflow: hidden;max-height: 45px;display: block;font-size: 17px;margin-top: 10px;line-height: 1.4;}

.wrap-notice ul li .list li:hover .conts strong{background:linear-gradient(to top, rgba(0, 162, 255, 0.3) 35%, transparent 30%);}

.wrap-notice .nodata{font-size: 17px;}

@media all and (max-width:1800px) {
.wrap-notice{padding-left:33%;}
}

@media all and (max-width:1700px) {
.wrap-notice{padding-left:35%;}
}

@media all and (max-width:1600px) {
.wrap-notice{padding-left:38%;}
}

@media all and (max-width:1500px) {
.wrap-notice{padding-left:40%;}
}

@media all and (max-width:1420px) {
.wrap-notice{max-height: 380px;padding-left:45%;}
.wrap-notice ul li .list li{width:100%;display: block;padding-bottom:22px;margin-bottom:22px;}
.wrap-notice ul li .list li + li{margin-left:0;}
.wrap-notice ul li .con .conts strong,
.wrap-notice ul li .con .conts span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

}

@media all and (max-width:1200px) {
.wrap-notice{min-height: 400px;}
.wrap-notice ul li .recentBbsTab{font-size:24px;}
.wrap-notice ul li .list li{padding-bottom: 15px;margin-bottom: 15px;}
.wrap-notice ul li .con span.date{font-size:38px;width: 90px;height: 90px;}
.wrap-notice ul li .con .conts strong{font-size:18px;}
.wrap-notice ul li .con .conts span{font-size:16px;}
}

@media all and (max-width:1023px) {
.wrap-notice{max-height: 430px;margin-bottom:40px;overflow: hidden;padding-left:25px;padding:0 25px;}
.wrap-notice .nodata{font-size: 14px;}
}


@media all and (max-width:767px) {
.wrap-notice{min-height:280px;width:100%; margin:0 auto 40px;}
.wrap-notice > strong{font-size:28px;}
.wrap-notice ul li.active .list{top:70px;}
.wrap-notice ul li .con .conts strong{font-size:16px;margin:0;}
.wrap-notice ul li .con .conts span{font-size:14px;margin-top:5px;}
.wrap-notice ul li .recentBbsTab{font-size:17px;padding: 0 5px 0 5px;}
.wrap-notice ul li .con .conts{width:calc(100% - 90px)}
.wrap-notice ul li .con span.date{font-size:22px;width:60px;height: 60px;}
.wrap-notice ul li .con span.date p{font-size:10px;}
.wrap-notice ul li .list li{padding-bottom: 10px;margin-bottom: 10px;}
.wrap-notice ul li .list li + li + li + li{display: none;}
.wrap-notice ul li .more{top:-70px;}
.wrap-notice ul li .more a{width:70px;background-size: contain;}
}