@charset "UTF-8";

.news__skin{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:40px;
	align-items: stretch;
	justify-items: stretch;
}

.news__skin.notice-1 a{
	grid-column: 3 / 4;
}

.news__skin.notice-2 a:first-child{
	grid-column: 2 / 3;
}


.news__skin-content{
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	width: 100%;
    height: 100%;
	padding:28px 20px;
	box-sizing: border-box;
	border-radius: 12px;
	box-shadow: 4px 4px 20px rgba(0,0,0,0.04);
	background-color:var(--color-gray-00);
	transition: 0.3s
}

.news__skin-title,.news__skin-txt{
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: 0.3s
}

.news__skin-title{
	min-height: 56px;
	margin-bottom: 8px;
}

.news__skin-txt{
	min-height: 4.4rem;
	margin-bottom: 40px;
	color: var(--color-gray-50)
}

.news__skin-date{
	position: absolute;
	bottom:28px;
	right:20px;
	color: var(--color-gray-50);
	transition: 0.3s
}

@media all and (max-width:1200px) {
	.news__skin.notice-1{
		display: block;
		width: 100%
	}

	.news__skin.notice-1 a{
		width: 100%
	}

	.news__skin.notice-2{
		display: flex;
		width: 100%
	}

	.news__skin.notice-2 a{
		width: 100%
	}
}
	
@media all and (max-width:1024px) {
	.news__skin{
		gap:20px;
	}
}

@media all and (max-width:600px) {
	.news__skin{
		display: flex;
		flex-direction: column;
	}
}