.step-1{
	margin-bottom: 65px;
}
.notice-main{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.step-1-main .notice-ul{
	width: 100%;
	margin-top: -140px;
}
.step-1-main .notice-ul li{
	width: 100%;
	padding: 30px;
	background: #fff;
	border: 1px solid #EEEEEE;
	border-radius: 10px;
	transition: all .3s;
	margin-bottom: 30px;
}

.step-1-main .notice-ul li:not(:last-child){
		margin-bottom: 40px;
}
.step-1-main .notice-ul li a{
	color: #000000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
.step-1-main .notice-ul li a:hover{
	color: var(--color);
}
.step-1-main .notice-ul li  .notice-txt{
	flex: 1;
	
}
.step-1-main .notice-ul li .notice-title{
		font-weight: 600;
	    font-size: 20px;
		
	    -moz-box-orient: vertical;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	    display: -moz-box;
	    -webkit-line-clamp: 1;
	    overflow: hidden;
	    margin-bottom: 15px;
}
.step-1-main .notice-ul li .notice-msg{
		font-weight: 600;
	    font-size: 16px;
		color: #7F7F7F;
	    -moz-box-orient: vertical;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	    display: -moz-box;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
		
}
.step-1-main .notice-ul li .notice-time{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 30px;
}
.step-1-main .notice-ul li .notice-time .time{
	font-weight: 400;
	font-size: 16px;
	color: #7F7F7F;
	margin-top: 6px;
}
.step-1-main .notice-ul li .notice-time-round{
	width: 80px;
	height: 80px;
	background: #EEEEEE;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	
}
.step-1-main .notice-ul li .notice-time-round p.month{
	font-weight: 400;
	font-size: 16px;
	color: #7F7F7F;
}
.step-1-main .notice-ul li .notice-time-round p.day{
	font-weight: 400;
	font-size: 30px;
	color: #7F7F7F;
	line-height: 42px;
}