@charset "UTF-8";

.wrap-notice {position:relative; overflow:hidden; padding: 35px 6%; border-top: 1px solid #dcdcdc;}
.wrap-notice .more {position:absolute; right:-30px; top:21%; text-indent:-99999px;  width:20px; height:20px; background:url('../images/notice-more.png') no-repeat center center;}

.wrap-notice > ul > li {display: inline-block; vertical-align: middle;}
.wrap-notice > ul > li .list {display: none; position: absolute; left: 6%; right: 13%;}
.wrap-notice > ul > li.on .list {display: block;}

.wrap-notice > ul > li .title {display: inline-block; vertical-align: middle;}
.wrap-notice > ul > li .title a {position: absolute; right: 3%; top: 42px; text-indent: -999999px; background:url('../images/btn_more.png') no-repeat center center; width: 12px; height: 12px; }
.wrap-notice > ul > li .title button {width: 115px; height: 30px; text-align: center; line-height: 30px; font-size: 18px; color: #373737; border-radius: 15px;}

.wrap-notice > ul > li.on .title button {color: #fff; background: #0072BC;}

.wrap-notice .slider li {}
.wrap-notice .slider .con {display:inline-block; width:100%; padding-top:30px;}
.wrap-notice .con p {font-size: 18px; line-height: 20px; color: #333333; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400;}
.wrap-notice .con a {display: block; position:relative; font-size: 15px; line-height: 23px; color: #929292; height: 46px; overflow: hidden; text-overflow: ellipsis; font-weight: 300;}
.wrap-notice .con a:hover {text-decoration: underline;}
.wrap-notice .date {float:right; font-size:0.85vw; color:#a2a2a2}

.wrap-notice .slick-arrow {position: absolute; width: 43px; height: 43px; border: 1px solid #EEEEEE; right:-16%; text-indent: -99999px;}
.wrap-notice .slick-prev {background: url("../images/btn_prev2.png") no-repeat center; bottom: 2px;} 
.wrap-notice .slick-next {background: url("../images/btn_next2.png") no-repeat center; bottom: -40px;} 


@media all and (min-width:1921px) {
}

@media all and (max-width:1023px) {
	.wrap-notice > ul > li .title button {width: 90px;}
}

@media all and (max-width:767px) {
	
}