@charset "UTF-8";

.wrap-notice_2 {background: #fff; padding: 40px; min-height:495px;}
.wrap-notice_2 .title {font-size: 30px; color: #000; font-family: 'Noto Medium'; margin-bottom: 20px;}
.wrap-notice_2 > ul {position: relative; display: inline-block; width: 100%;}
.wrap-notice_2 > ul > li {float: left; width: 33.333%;}
.wrap-notice_2 > ul > li .info {display: none;}
.wrap-notice_2 > ul > li.on .info {display: block;}
.wrap-notice_2 > ul > li .more {display: none;}
.wrap-notice_2 > ul > li.on .more {display: block;}
.wrap-notice_2 > ul > li > button {height: 40px; line-height: 40px; text-align: center; background: #84a3af; color: #fff; font-family: 'Noto Light'; display: block; width: 100%; font-size: 18px;}
.wrap-notice_2 > ul > li.on > button {background: #0047bd;}
.wrap-notice_2 .info {position: absolute; top: 40px; left: 0; width: 100%;}
.wrap-notice_2 .info .first {margin-top: 35px; margin-bottom: 35px; padding-left: 150px; background: url('../images/ico-notice.png') no-repeat left center;}
.wrap-notice_2 .info .first strong {position: relative; font-family: 'Noto Medium'; font-size:24px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap-notice_2 .info .first strong:hover {color: #0047bd;}
.wrap-notice_2 .info .first strong:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #0047bd; transition: all .5s ease;}
.wrap-notice_2 .info .first p {font-family: 'Noto Light'; font-size: 18px; overflow: hidden; height: 80px;}
.wrap-notice_2 .info .first strong:hover:after {width: 100%;}
.wrap-notice_2 .more {position: absolute; top: -95px; right: 0; width: 30px; height: 30px; background: url('../images/btn-notice-more.png') no-repeat center center; text-indent: -9999px;}
.wrap-notice_2 .list  > ul > li {overflow: hidden; margin-bottom: 9px;}
.wrap-notice_2 .list > ul > li.nodata {margin-top: 50px;}
.wrap-notice_2 .list .subject {position: relative; float: left; font-size: 18px; font-family: 'Noto Light'; padding-left: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 65%;}
.wrap-notice_2 .list .subject:after {content: ''; position: absolute; left: 0; top: 13px; width: 9px; height: 3px; background: #008edd;}
.wrap-notice_2 .list .subject a {position: relative;}
.wrap-notice_2 .list .subject a:hover {color: #0047bd;}
.wrap-notice_2 .list .subject a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #0047bd; transition: all .5s ease;}
.wrap-notice_2 .list .subject a:hover:after {width: 100%;}
.wrap-notice_2 .list .date {float: right; font-size: 18px; font-family: 'Noto Light'; color: #666;}

@media all and (max-width:540px) {
    .wrap-notice_2 {padding: 30px; min-height: 450px;}
    .wrap-notice_2 .info .first {margin-top: 20px; margin-bottom: 20px;}
    .wrap-notice_2 .info .first {background-image: none; padding-left: 0;}
    .wrap-notice_2 .info .first strong {font-size: 20px;}
    .wrap-notice_2 .info .first p {font-size: 16px;}
    .wrap-notice_2 .list .subject {font-size: 16px;}
    .wrap-notice_2 .list .date {font-size: 16px;}
}
