.information {
	width: 100%;
	padding: 130px 0 90px;

	background-color: #fafbfe;
}
.information .information-container {
	display: block;

	width: 100%;
	max-width: none;
	padding: 0 189px;

	border-radius: 12px;
}
.information .information-container h1 {
	font-size: 48px;
	font-weight: 500;

	margin-bottom: 72px;

	color: #4776ba;
}

.news-container:last-child {
	border-bottom: none;
}

.news-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;

	padding: 20px 0;
	padding-left: 20px;

	border-bottom: 1px solid #c1def4;

	gap: 20px;
}

.news-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-ms-flex-align: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;

	min-width: 0;

	gap: 20px;
}

.news-text p:nth-of-type(2) {
	color: black;
}

.news-text time {
	font-size: 12px;

	color: #707070;
}

.news-title {
	font-size: 14px;

	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;

	white-space: nowrap;
	text-overflow: ellipsis;

	color: black;
}
.news-title:hover {
	color: rgba(84, 84, 84, 0.5);
}

.page {
	margin-top: 70px;

	text-align: center;
}
.page a {
	font-size: 14px;
	line-height: 30px;

	display: inline-block;

	width: 30px;
	height: 30px;
	margin: 0 5px;
	padding: 0;

	text-align: center;
	text-decoration: none;
}

.number {
	-webkit-transition: background-color 0.2s;
	        transition: background-color 0.2s;

	color: black;
	border-radius: 50%;
}
.number:hover {
	border-radius: 50%;
	background-color: #e6f2fa;
}

.color {
	color: #fff;
	background-color: #4776ba;
}
.color:hover {
	color: #fff;
	background-color: #4776ba;
}

.arrow {
	-webkit-transition: background-color 0.2s;
	        transition: background-color 0.2s;
}
.arrow:hover {
	opacity: 0.5;
}

@media screen and (max-width: 1290px) {
	.information .information-container {
		padding: 0 0 0 135px;
	}
}
@media screen and (max-width: 767px) {
	.information .information-container {
		margin: 0;
		padding: 0 16px;
	}
	.news-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;

		padding: 20px;

		border-bottom: 1px solid #c1def4;
	}
	.news-title {
		font-size: 14px;

		display: -webkit-box;
		overflow: hidden;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		-webkit-box-orient: vertical;

		white-space: normal;
		text-overflow: ellipsis;

		-webkit-line-clamp: 2;
	}
	.news-text {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		-webkit-box-align: start !important;
		-webkit-align-items: flex-start !important;
		        align-items: flex-start !important;
		-ms-flex-align: start !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;

		gap: 5px;
	}
}
.detail {
	width: 100%;
	padding: 130px 0 56px;

	background-color: #fafbfe;
}
.detail .detail-container {
	display: block;

	width: 100%;
	max-width: none;
	padding: 0 189px;

	border-radius: 12px;
}

.title h1 {
	font-size: 28px;
	font-weight: 700;

	margin-bottom: 20px;

	color: #545454;
}

.detail-wrapper {
	padding: 56px 0 72px 0;

	border-bottom: 1px solid #d4d4d4;
}
.detail-wrapper p {
	font-size: 16px;

	white-space: pre-line;
}
.detail-wrapper img {
	width: 100%;
	max-width: 1064px;
	padding: 40px 0;
}

.back-btn {
	margin-top: 56px;
}
.back-btn a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}
.back-btn a img {
	padding-right: 16px;
}
.back-btn a p {
	font-size: 18px;
	font-weight: 700;

	color: #545454;
}
.back-btn:hover {
	opacity: 0.5;
}

@media screen and (max-width: 767px) {
	.detail {
		padding: 100px 0 56px;
	}
	.detail .detail-container {
		padding: 0 16px;
	}
}