@charset "UTF-8";

.wrap-notice {position:relative; overflow:hidden;}
.wrap-notice .title {position:relative; display:inline-block; /*font-size:1.25vw;*/ font-size:24px;  font-weight: 900; font-family:'Noto Demilight';}
.wrap-notice .more {position:absolute; right:0; top:10px; text-indent:-99999px;  width:20px; height:20px; background:url('../images/notice-more.png') no-repeat center center;}
.wrap-notice .slider {width:105%;}
.wrap-notice .slider li {padding:0 60px 0 0;}
.wrap-notice .slider .con {display:inline-block; width:100%; padding:20px 0; border-bottom:1px solid #d0d0d0;}
.wrap-notice .subject {float:left; width:80%; position:relative; padding:0 0 0 10px; /*font-size:0.9vw;*/ font-size:17px; color:#3e3e3e; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.wrap-notice .subject:after {content:''; position:absolute; left:0px; top:45%; width:3px; height:3px; background:#1a3383;}
.wrap-notice .con {display: inline-block; width: 100%;}
.wrap-notice .con a {position:relative;}
.wrap-notice .con a:before {content:''; position:absolute; left:0px; bottom:-5px; width:0; height:1px; background:#3e3e3e; transition: 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-notice .con a:hover:before {width:100%;}
.wrap-notice .date {float:right; /*font-size:0.85vw; */ font-size:16px; color:#a2a2a2}
.wrap-notice .list {margin-top: 10px;}
.wrap-notice .list .nodata {text-align: center; padding: 20px 0;}
.wrap-notice .list li {margin-bottom: 7px;}

/*
@media all and (min-width:1921px) {
	.wrap-notice .title {font-size:24px;}
	.wrap-notice .subject {font-size:17px;}
	.wrap-notice .date {font-size:16px;}
}

@media all and (max-width:1023px) {
	.wrap-notice .slider {width:106%;}
	.wrap-notice .title {font-size:2.791vw;}
	.wrap-notice .subject {font-size:1.662vw;}
    .wrap-notice .date {font-size:1.860vw;}
}

@media all and (max-width:768px) {
	.wrap-notice .title {font-size:5vw;}
	.wrap-notice .subject {font-size:2.214vw;}
	.wrap-notice .date {font-size:2.214vw;}
	.wrap-notice .slider {width: 100%;}
	.wrap-notice .slider li {padding:0px;}
}
	*/