@charset "utf-8";
#section_information {
	width: 100%;
	height: auto;
	padding: 200px 0 224px;
}
	.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;
			}
		.section__article_body {
			width: 65.7142%;
			height: auto;
		}
			.section__article_body__info {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				width: 100%;
				height: auto;
				margin: 0 auto 24px;
			}
				.article_body__info__date {
					width: auto;
					height: auto;
					margin-right: 24px;
					font-size: 13px;
					font-weight: 500;
					line-height: 1.7;
					color: var(--color--navy);
				}
				.article_body__info__category {
					display: flex;
					justify-content: flex-start;
					align-self: center;
					column-gap: 24px;
					width: auto;
					height: auto;
					margin-right: 24px;
				}
					.article_body__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)
					}
				@media (any-hover: hover) {
					.article_body__info__category__icon {
						-webkit-transition: 0.3s;
						transition: 0.3s;
					}
					.article_body__info__category__icon:hover {
						background-color: var(--color--navy);
						color: var(--color--white);
					}
				}
			.section__article_body__contents {
				width: 100%;
				height: auto;
				margin: 0 auto 48px;
				font-size: 15px;
				font-weight: 500;
				line-height: 2;
				color: var(--color--navy);
			}
				.section__article_body__contents h1 {
					width: 100%;
					height: auto;
					margin: 0 auto 24px;
					font-size: 24px;
					font-weight: 500;
					line-height: 1.8;
					color: var(--color--navy);
				}
				.section__article_body__contents img {
					max-width: 100%;
					height: auto;
					margin: 24px auto 24px;
				}
				.section__article_body__contents a {
					text-decoration: underline;
					color: var(--color--navy);
				}
			.section__article_body__btn_area {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: auto;
				padding: 24px 0;
				border-top: solid 1px var(--color--whitegray);
				position: relative;
			}
				.section__article_body__btn {
					display: inline-flex;
					align-items: center;
					font-size: 15px;
					font-weight: 500;
					line-height: 1.6;
					color: var(--color--navy);
				}
				.section__article_body__btn.prev {
					position: absolute;
					left: 0;
					top: 24px;
				}
					.section__article_body__btn.prev .arrow {
						margin-right: 16px;
						transform: scale(-1,1);
					}
				.section__article_body__btn.next {
					position: absolute;
					top: 24px;
					right: 0;
				}
					.section__article_body__btn.next .arrow {
						margin-left: 16px;
					}
			@media (any-hover: hover) {
				.section__article_body__btn {
					-webkit-transition: 0.3s;
					transition: 0.3s;
				}
				.section__article_body__btn:hover {
					color: var(--color--midgray);
				}
					.section__article_body__btn .arrow {
						-webkit-transition: 0.3s;
						transition: 0.3s;
						position: relative;
						left: 0;
					}
					.section__article_body__btn.prev:hover .arrow {
						left: -4px;
					}
					.section__article_body__btn.next:hover .arrow {
						left: 4px;
					}
						.section__article_body__btn .arrow::before {
							-webkit-transition: 0.3s;
							transition: 0.3s;
						}
						.section__article_body__btn:hover .arrow::before {
							background-color: var(--color--midgray);
						}
			}

/* PC ================================================== */
@media all and (max-width:1110px){

}

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

/* 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;
				}
		.section__article_body {
			width: 100%;
			height: auto;
		}
			.section__article_body__info {
				display: block;
			}
				.article_body__info__date {
					width: 100%;
					margin-right: 0;
					margin-bottom: 8px;
				}
			.section__article_body__contents {
				margin: 0 auto 48px;
			}
				.section__article_body__contents h1 {
					font-size: 20px;
				}
}

@media all and (max-width:575px){
				.section__article_body__btn {
					height: 24px;
				}
					.section__article_body__btn__txt {
						display: none;
					}
}