/* Extracted verbatim from the legacy -news.php inline <style> blocks. */
/* =========================================================
   기본
========================================================= */

@media (min-width: 769px) {

	#content.sub:not(.privacy) #footer .gutter {
		padding-top: 0px;
	}

}


.item .img-wrap .img {
	object-fit: contain;
}


@media (min-width: 1261px) {

	.sub.work .section.works .title + .text {
		padding-left: 0px;
	}

}


@media (min-width: 769px) {

	.sub.work .section.works .title {
		line-height: 1.32;
		letter-spacing: -1.08px;
	}

}


.sub.work .section.works .title {

	font-size: clamp(18px, 1.308vw, 20px);
	font-weight: 500;
	color:#0b2252;
	line-height: 1.5;

}


.sub.work .section.works {

	min-height: 244px;
	padding: clamp(24px, 4.062vw, 45px);

	display: flex;
	align-items: center;

	background-color: beige;

}


.sub.work.business .section.works {

	background: linear-gradient(to left, #c3e4f2, #c3e4f2);

	background-size:cover;
	background-position:center center;

}


.sub.work .section.works .text-wrap {
	padding-top:15px;
}


.sub.work .section.works .title + .text {
	padding-top:24px;
}


@media (max-width: 1000px) {

	.sub.work.business .section.works {

		background: linear-gradient(to left, #c3e4f2, #c3e4f2);

		background-size:cover;
		background-position:100% 55%;

	}

	.sub.work .section.works .title {
		font-weight:600;
	}

	.sub.work .section.works .text-wrap {
		padding-top:0px;
	}

}


.item.news .img-wrap .img {
	border-radius:28px;
}



/* =========================================================
   분야 필터
========================================================= */

.news-field-filter {

	display:flex;
	align-items:center;

	gap:8px;

	margin-top:20px;
	padding:0 0 20px;

	border-bottom:1px solid #ddd;

	overflow-x:auto;
	white-space:nowrap;

	scrollbar-width:none;

}


.news-field-filter::-webkit-scrollbar {
	display:none;
}


.news-field-filter a {

	display:inline-flex;
	align-items:center;
	justify-content:center;

	height:34px;

	padding:0 17px;

	border-radius:20px;

	background:#f5f5f5;

	color:#555;

	font-size:14px;
	font-weight:400;

	text-decoration:none;

	transition:all .2s ease;

	flex-shrink:0;

}


.news-field-filter a:hover {

	background:#e9edf5;
	color:#0b2252;

}


.news-field-filter a.active {

	background:#111;
	color:#fff;

	font-weight:500;

}


/* 모바일 */

@media (max-width: 768px) {

	.news-field-filter {

		margin-top:16px;
		padding-bottom:16px;

		gap:7px;

	}

	.news-field-filter a {

		height:32px;

		padding:0 15px;

		font-size:13px;

	}

}