@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------- */

.header_list_inner li .now.item::before {
	content: "";
}

/* ---------------------------------------------------------------------------------------------------- */

.section_1 {}

.section_1 .inner {
	padding: 20% 0;
}

.section_1 .wrap {}

.section_1 .heading_wrap {}

.section_1 .heading_wrap .heading {}

.section_1 .heading_wrap .heading .main {}

.section_1 .heading_wrap .heading .sub {}

.section_1 .content_wrap {}

.section_1 .content_wrap .content {
	gap: 48px;
}

.section_1 .item_wrap {
	gap: 24px;
	width: 90%;
	max-width: 1280px;
}

.section_1 .item_wrap .item {}

.section_1 .item_wrap .item .item_inner {
	gap: 24px;
}

.section_1 .post_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
}

.section_1 .post_wrap .post_wrap_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
}

.section_1 .post_wrap .post_wrap_inner .post {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
}

.section_1 .post_wrap .post_wrap_inner .post .post_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 48px;
	width: 100%;
}

.section_1 .post_wrap .post_wrap_inner .post .post_inner .img {
	width: 100%;
	height: auto;
}

.section_1 .post_wrap .post_wrap_inner .post .post_inner .img img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.section_1 .slider_wrap {
	width: 100%;
}

.section_1 .swiper-slide img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.section_1 .swiper_main,
.section_1 .swiper_thumbnail {
	width: 100%;
}

.section_1 .swiper_main_wrap {
	position: relative;
}

.section_1 .swiper_main_wrap .swiper-button-next,
.section_1 .swiper_main_wrap .swiper-button-prev {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	margin: 0;
	padding: 0;
	width: 2rem;
	height: 2rem;
	color: #ffffff;
	z-index: 1;
}

.section_1 .swiper_main_wrap .swiper-button-next {
	right: 12px;
	justify-content: flex-end;
}

.section_1 .swiper_main_wrap .swiper-button-prev {
	left: 12px;
	justify-content: flex-start;
}

.section_1 .swiper_main_wrap .swiper-button-next:after,
.section_1 .swiper_main_wrap .swiper-button-prev:after {
	font-size: 2rem;
}

.section_1 .swiper_thumbnail_wrap {
	margin: 12px auto 0;
}

.section_1 .swiper_thumbnail_wrap .swiper-slide {
    cursor: pointer;
	/* margin-left: 12px;
	margin-right: 12px; */
	/* padding-left: 12px;
	padding-right: 12px; */
}

.section_1 .swiper_thumbnail_wrap .swiper-slide-thumb-active {
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.section_1 .swiper_thumbnail_wrap img {
    vertical-align: bottom;
}

.section_1 .title_wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0px;
	width: 100%;
}

.section_1 .title_wrap .title_wrap_inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
}

.section_1 .title_wrap .title_wrap_inner .title {
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 1px #0079E9 solid;
	font-size: 1.25rem;
	font-weight: 700;
}

.section_1 .table_wrap {
	width: 100%;
}

.section_1 .table_wrap .table {
	width: 100%;
}

.section_1 .table_wrap .table tr {
	width: 100%;
}

.section_1 .table_wrap .table tr th,
.section_1 .table_wrap .table tr td {
	display: table-cell;
	padding: 12px 0;
	border: 0;
}

.section_1 .table_wrap .table tr:first-child th,
.section_1 .table_wrap .table tr:first-child td {
	padding-top: 0;
}

.section_1 .table_wrap .table tr:last-child th,
.section_1 .table_wrap .table tr:last-child td {
	padding-bottom: 0;
}

.section_1 .table_wrap .table tr th .flex,
.section_1 .table_wrap .table tr td .flex {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0px;
	width: 100%;
}

.section_1 .table_wrap .table tr th .flex .text,
.section_1 .table_wrap .table tr td .flex .text {
	font-weight: 700;
}

.section_1 .table_wrap .table tr th {
	width: calc(100% * 0.3);
	padding-right: 6px;
}

.section_1 .table_wrap .table tr th .flex {}

.section_1 .table_wrap .table tr th .flex .text {}

.section_1 .table_wrap .table tr td {
	width: calc(100% * 0.7);
	padding-left: 6px;
}

.section_1 .table_wrap .table tr td .flex {}

.section_1 .table_wrap .table tr td .flex .text {}

.section_1 .btn_wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0px;
	width: 100%;
}

.section_1 .btn_wrap .btn_wrap_inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
	width: 100%;
}

.section_1 .btn_wrap .btn_wrap_inner .btn {
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0px;
	width: 100%;
	max-width: 480px;
	padding: 12px;
	background-color: #0079E9;
}

.section_1 .btn_wrap .btn_wrap_inner .btn::before {
	content: "";
	position: absolute;
	bottom: 4px;
	right: 4px;
	transform: translate(0, 0);
	width: auto;
	height: 24px;
	aspect-ratio: 1 / 1;
	background-color: #ffffff;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.section_1 .btn_wrap .btn_wrap_inner .btn .btn_inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 12px;
	width: 100%;
}

.section_1 .btn_wrap .btn_wrap_inner .btn .btn_inner .text {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: max-content;
	max-width: 100%;
	color: #ffffff;
	line-height: 1;
}

.section_1 .btn_wrap .btn_wrap_inner .btn .btn_inner .text.big {
	font-size: 1.5rem;
}

.section_1 .btn_wrap .btn_wrap_inner .btn .btn_inner .text img {
	width: auto;
	height: 1em;
}

@media screen and (min-width: 768px) {
	.section_1 .inner {
		padding: 5% 0;
	}

	.section_1 .swiper_main_wrap .swiper-button-next,
	.section_1 .swiper_main_wrap .swiper-button-prev {
		width: 3rem;
		height: 3rem;
	}

	.section_1 .swiper_main_wrap .swiper-button-next:after,
	.section_1 .swiper_main_wrap .swiper-button-prev:after {
		font-size: 3rem;
	}
}

@media screen and (min-width: 1280px) {
    .section_1 .post_wrap .post_wrap_inner .post .post_inner {
		flex-direction: row;
		align-items: flex-start;
		gap: 48px;
	}

	.section_1 .slider_wrap {
		width: calc((100% - (48px * 1)) * 0.5);
	}

	.section_1 .title_wrap {
		width: calc((100% - (48px * 1)) * 0.5);
	}

	.section_1 .title_wrap .title_wrap_inner {
		gap: 48px;
	}
}

@media screen and (min-width: 1440px) {
	.section_1 .swiper_main_wrap .swiper-button-next,
	.section_1 .swiper_main_wrap .swiper-button-prev {
		width: 4rem;
		height: 4rem;
	}

	.section_1 .swiper_main_wrap .swiper-button-next:after,
	.section_1 .swiper_main_wrap .swiper-button-prev:after {
		font-size: 4rem;
	}

	.section_1 .swiper_thumbnail_wrap {
		margin: 24px auto 0;
	}

	.section_1 .swiper_thumbnail_wrap .swiper-slide-thumb-active{
		outline: 4px solid transparent;
		outline-offset: -4px;
	}
}

@media screen and (min-width: 1920px) {
	
}

/* ---------------------------------------------------------------------------------------------------- */
