@charset "UTF-8";

.wrap-notice {position:relative; overflow:hidden; background-color: #fff;    padding: 25px;    border-radius: 8px;}
.wrap-notice .title {position:relative; display:inline-block;  font-family:'Noto bold';top:0px;line-height:100%;padding-bottom:20px;color:#000000;font-size:38px;}
.wrap-notice .more {position:absolute; right: 25px;    top: 25px; text-indent:-99999px;  width:22px; height:22px; 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:66%; position:relative; padding:0 0 0 0px; color:#3e3e3e; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:17px;}
.wrap-notice a.subject:hover{font-weight:bold;}
.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; color:#8a8a8a;font-size:16px;}
.wrap-notice .list {margin-top: 2px;border-top: 1px solid #45403d;}
.wrap-notice .list .nodata {text-align: center; padding: 20px 0;}
.wrap-notice .list li {margin-bottom: 5px;}
.wrap-notice .list ul {margin-top: 18px;}


@media all and (min-width:1921px) {
	.wrap-notice .title {font-size:30px;}
	.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:30px;}
	.wrap-notice .subject {font-size:17px;}
	.wrap-notice .date {font-size:16px;}
}

@media all and (max-width:768px) {
	.wrap-notice .title {font-size:2em;}
	.wrap-notice .subject {font-size:1.2em;}
	.wrap-notice .date {font-size:1.2em;}
	.wrap-notice .slider {width: 100%;}
	.wrap-notice .slider li {padding:0px;}
}