@charset "utf-8";
#section_information {
	width: 100%;
	height: auto;
	padding: 200px 0;
}
	.section__inner {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		width: 90%;
		max-width: 1120px;
		height: auto;
		margin: 0 auto;
	}
		.section__side_bar {
			width: 34.2857%;
			height: auto;
			position: relative;
		}
			.section__side_bar_wrap {
				width: 100%;
				height: auto;
				position: sticky;
				top: 150px;
				left: 0;
			}
				.information__category_list {
					width: 100%;
					height: auto;
					font-size: 15px;
					font-weight: 500;
					line-height: 2;
				}
					.information__category_list__item {
						width: 100%;
						height: auto;
					}
					.information__category_list__item:not(:last-of-type) {
						margin-bottom: 16px;
					}
						.information__category_list__item a {
							color: var(--color--navy);
						}
					@media (any-hover: hover) {
						.information__category_list__item a {
							-webkit-transition: 0.3s;
							transition: 0.3s;
						}
						.information__category_list__item a:hover {
							color: var(--color--midgray);
						}
					}
		.information__contents {
			width: 65.7142%;
			height: auto;
		}
			.information__list {
				width: 100%;
				height: auto;
				border-top: solid 1px var(--color--whitegray);
			}
				.information__list__item {
					width: 100%;
					height: auto;
					border-bottom: solid 1px var(--color--whitegray);
					position: relative;
				}
					.information__list__item__wrap {
						display: block;
						width: 100%;
						height: auto;
						padding: 24px;
					}
						.information__list__item__info {
							display: flex;
							justify-content: flex-start;
							align-items: center;
							width: 100%;
							height: auto;
							margin: 0 auto 8.5px;
						}
							.information__list__item__info__date {
								width: auto;
								height: auto;
								margin-right: 24px;
								font-size: 13px;
								font-weight: 500;
								line-height: 1.7;
								color: var(--color--navy);
							}
							.information__list__item__info__category {
								display: flex;
								justify-content: flex-start;
								align-self: center;
								column-gap: 24px;
								width: auto;
								height: auto;
							}
								.information__list__item__info__category__icon {
									width: auto;
									height: auto;
									padding: 8px 16px 7px;
									border-radius: 15px;
									border: solid 1px var(--color--navy);
									background-color: var(--color--white);
									font-size: 13px;
									font-weight: 500;
									line-height: 1;
									color: var(--color--navy)
								}
						.information__list__item__ttl {
							width: 100%;
							height: auto;
							padding-right: 40px;
						}
							.information__list__item__ttl__txt {
								width: 100%;
								height: auto;
								font-size: 15px;
								font-weight: 500;
								line-height: 2;
								color: var(--color--navy);	
							}
						.information__list__item__arrow {
							position: absolute;
							top: 50%;
							right: 24px;
							transform: translate(0%,-50%);
						}
					@media (any-hover: hover) {
						.information__list__item__ttl__txt {
							-webkit-transition: 0.3s;
							transition: 0.3s;
						}
						.information__list__item:hover .information__list__item__ttl__txt {
							color: var(--color--midgray);
						}
						.information__list__item__arrow {
							-webkit-transition: 0.3s;
							transition: 0.3s;
						}
						.information__list__item:hover .information__list__item__arrow {
							right: 8px;
						}
					}
			.information__pagination {
				width: 100%;
				height: auto;
				margin: 48px auto 0;
			}
				.information__pagination_list {
					display: flex;
					justify-content: center;
					align-items: center;
					column-gap: 44px;
					width: 100%;
					height: auto;
					font-size: 15px;
					font-weight: 400;
					line-height: 1.2;
				}
					.information__pagination_list__item {
						width: auto;
						height: auto;
					}
						.information__pagination_list__item a {
							color: var(--color--midgray);
						}
						.information__pagination_list__item span.current {
							color: var(--color--navy);
						}
						.information__pagination_list__item span.dot {
							color: var(--color--midgray);
						}
					@media (any-hover: hover) {
						.information__pagination_list__item a {
							-webkit-transition: 0.3s;
							transition: 0.3s;
						}
						.information__pagination_list__item a:hover {
							color: var(--color--navy);
						}
					}

/* PC ================================================== */
@media all and (min-width:1441px){

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

}

/* Tablet ================================================== */
@media all and (max-width:991px){
			.section__side_bar {
				width: 28%;
			}
}
@media all and (max-width:870px){
				.information__pagination_list {
					column-gap: 33px;
				}
}

/* SP ================================================== */
@media all and (max-width:768px){
#section_information {
	padding: 65px 0 160px;
}
	.section__inner {
		display: block;
		width: 83%;
	}
		.section__side_bar {
			width: 100%;
			margin: 0 auto 32px;
		}
			.section__side_bar_wrap {
				position: initial;
			}
				#section_information .section__heading {
					margin: 0 auto 32px;
				}
				.information__category_list {
					display: flex;
					justify-content: flex-start;
					align-items: flex-start;
					flex-wrap: wrap;
				}
					.information__category_list__item {
						width: auto;
					}
					.information__category_list__item:not(:last-of-type) {
						margin-bottom: 0;
						margin-right: 24px;
					}
			.information__contents {
				width: 100%;
			}
						.information__list__item__wrap {
							padding: 24px 0px;
						}
				.information__btn_wrap {
					width: 233px;
					margin: 32px auto 0 0;
				}
					.information__btn_wrap .border_btn {
						background-color: var(--color--navy);
						color: var(--color--white);
					}
						.information__btn_wrap .border_btn .arrow::before {
							background-color: var(--color--white);
						}
}

@media all and (max-width:575px){
						.information__list__item__wrap {
							padding: 16px 0 17px;
						}
							.information__list__item__info {
								flex-direction: column;
								align-items: flex-start;
								margin: 0 auto 12px;
							}
								.information__list__item__info__category {
									width: 100%;
									column-gap: 16px;
									margin-top: 8px;
									margin-right: 0;
								}
									.information__list__item__info__category__icon {
										padding: 6px 12px;
										border-radius: 13px;
										font-size: 12px;
										font-weight: 500;
										line-height: 1;
										color: var(--color--navy)
									}
							.information__list__item__ttl {
								padding-right: 30px;
							}
								.information__list__item__ttl__txt {
									line-height: 1.6;
								}
							.information__list__item__arrow {
								right: 4px;
							}
				.information__pagination_list {
					column-gap: 22px;
				}
}