:root {
	--blog_width: 1159px;
}
@media (min-width: 961px) {
	:root {
		--blog_padding: 48px;
		--blog_list_gap: 40px;
		--blog_box: 3;
	}
	.hidden_pc {
		display: none !important;
	}
	.hidden_mo {
		display: block !important;
	}
}
@media (max-width: 960px) {
	:root {
		--blog_padding: 20px;
		--blog_list_gap: 25px;
	}
	.hidden_pc {
		display: block !important;
	}
	.hidden_mo {
		display: none !important;
	}
}
.blog_layout {
	position: relative;
	display: flex;
	flex-direction: column;
}
.blog_layout .blog_inner,
.blog_layout .blog_contents {
	position: relative;
	width: 100%;
	max-width: var(--blog_width);
	margin: 0 auto;
	padding-left: var(--blog_padding);
	padding-right: var(--blog_padding);
	z-index: 1;
}
.blog_contents {
	display: flex;
	flex-direction: column;
}
.blog_title {
	line-height: 140%;
	letter-spacing: -1px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.blog_title > small {
	padding-bottom: 8px;
	line-height: 140%;
	font-weight: 500;
	display: block;
}
.bt_blog {
	width: 360px;
	height: 56px;
	line-height: 170%;
	font-weight: 600;
	color: #222;
	background-color: #fff;
	border-radius: 8px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 0 4px;
}
.bt_blog::after {
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='mask0_874_363' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_874_363)'%3E%3Cpath d='M9.65011 7.99946L4.75011 3.09946C4.58345 2.9328 4.50289 2.73557 4.50845 2.5078C4.514 2.28002 4.60011 2.0828 4.76678 1.91613C4.93345 1.74946 5.13067 1.66613 5.35845 1.66613C5.58623 1.66613 5.78345 1.74946 5.95011 1.91613L11.0668 7.04946C11.2001 7.1828 11.3001 7.3328 11.3668 7.49946C11.4334 7.66613 11.4668 7.8328 11.4668 7.99946C11.4668 8.16613 11.4334 8.3328 11.3668 8.49946C11.3001 8.66613 11.2001 8.81613 11.0668 8.94946L5.93345 14.0828C5.76678 14.2495 5.57234 14.33 5.35011 14.3245C5.12789 14.3189 4.93345 14.2328 4.76678 14.0661C4.60011 13.8995 4.51678 13.7022 4.51678 13.4745C4.51678 13.2467 4.60011 13.0495 4.76678 12.8828L9.65011 7.99946Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E");
	display: inline-block;
	content: "";
}
.bt_blog._reverse {
	background-color: #222;
	color: #fff;
}
.bt_blog._reverse::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_939_834' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.828125' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_939_834)'%3E%3Cpath d='M9.64975 8.8276L4.74975 3.9276C4.58308 3.76093 4.50253 3.56371 4.50808 3.33593C4.51364 3.10815 4.59975 2.91093 4.76641 2.74426C4.93308 2.5776 5.1303 2.49426 5.35808 2.49426C5.58586 2.49426 5.78308 2.5776 5.94975 2.74426L11.0664 7.8776C11.1997 8.01093 11.2997 8.16093 11.3664 8.3276C11.4331 8.49426 11.4664 8.66093 11.4664 8.8276C11.4664 8.99426 11.4331 9.16093 11.3664 9.3276C11.2997 9.49426 11.1997 9.64426 11.0664 9.7776L5.93308 14.9109C5.76641 15.0776 5.57197 15.1582 5.34975 15.1526C5.12753 15.147 4.93308 15.0609 4.76641 14.8943C4.59975 14.7276 4.51641 14.5304 4.51641 14.3026C4.51641 14.0748 4.59975 13.8776 4.76641 13.7109L9.64975 8.8276Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}
.blog_button {
	display: flex;
	justify-content: center;
}
.blog_back {
	position: absolute;
	width: 100%;
	height: 100%;
}
.blog_back img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
}

.blog_header {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 1 auto;
}
.blog_header .blog_inner {
	height: 100%;
	padding: 60px var(--blog_padding);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 8px 0;
	z-index: 1;
}
.blog_header .badge > span {
	font-size: 14px;
	line-height: 100%;
	font-weight: 700;
	color: #000;
	background-color: #fff;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
}
.blog_header h1 {
	line-height: 140%;
	letter-spacing: -1px;
	font-weight: 700;
	color: inherit;
}
.blog_header .blog_info {
	font-weight: 400;
	display: flex;
}
.blog_header .blog_info time,
.blog_header .blog_info cite,
.blog_header .blog_info > span {
	position: relative;
	display: inline-flex;
	align-items: center;
}
.blog_header .blog_info time::before,
.blog_header .blog_info cite::before,
.blog_header .blog_info > span::before {
	width: 1px;
	height: 14px;
	background-color: #fff;
	display: inline-block;
	content: "";
}
.blog_header .blog_info time:first-child::before,
.blog_header .blog_info cite:first-child::before,
.blog_header .blog_info > span:first-child::before {
	display: none;
}

.blog_thumbs {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.blog_thumbs figcaption {
	width: 100%;
	color: #6d757c;
	line-height: 170%;
	font-weight: 400;
	text-align: center;
}
.blog_text_box {
	line-height: 170%;
	font-weight: 400;
	color: #222;
	display: flex;
	flex-direction: column;
	gap: 36px 0;
}
.blog_text_box._center{
	text-align: center;
}
.blog_text_box > p {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
}
.blog_text_box a {
	--point_color: #0095f8;
	position: relative;
	font-weight: 600;
	color: var(--point_color);
	display: inline-flex;
	align-items: center;
}
.blog_text_box a::before,
.blog_text_box a::after {
	display: block;
	content: "";
}
.blog_text_box a::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--point_color);
}
.blog_text_box a::after {
	width: 22px;
	height: 22px;
}

.blog_banner {
	position: relative;
	padding: 120px 0;
	background: linear-gradient(90deg, #29cdf3 0%, #8757d3 100%);
}
.blog_banner .blog_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.blog_branchs {
	position: relative;
	width: 100%;
	padding: 120px 0;
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.blog_branch_list {
	list-style: none;
}
.blog_branch_list li {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}
.blog_branch_list li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 24px;
	background-color: transparent;
	z-index: 1;
}
.blog_branch_list li h3 {
	line-height: 170%;
	font-weight: 700;
	color: #222;
	display: inline-flex;
	align-items: center;
}
.blog_branch_list li p {
	line-height: 170%;
	font-weight: 500;
	color: #222;
}
.blog_branch_list li h3::after {
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cmask id='mask0_867_13744' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='17' height='16'%3E%3Crect x='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_867_13744)'%3E%3Cpath d='M10.1501 7.99947L5.25011 3.09947C5.08345 2.9328 5.00289 2.73558 5.00845 2.5078C5.014 2.28003 5.10011 2.0828 5.26678 1.91614C5.43345 1.74947 5.63067 1.66614 5.85845 1.66614C6.08623 1.66614 6.28345 1.74947 6.45011 1.91614L11.5668 7.04947C11.7001 7.18281 11.8001 7.33281 11.8668 7.49947C11.9334 7.66614 11.9668 7.83281 11.9668 7.99947C11.9668 8.16614 11.9334 8.33281 11.8668 8.49947C11.8001 8.66614 11.7001 8.81614 11.5668 8.94947L6.43345 14.0828C6.26678 14.2495 6.07234 14.33 5.85011 14.3245C5.62789 14.3189 5.43345 14.2328 5.26678 14.0661C5.10011 13.8995 5.01678 13.7022 5.01678 13.4745C5.01678 13.2467 5.10011 13.0495 5.26678 12.8828L10.1501 7.99947Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E");
	display: inline-block;
	content: "";
}
.blog_branch_img img {
	vertical-align: middle;
}

@media (min-width: 961px) {
	.blog_title {
		font-size: 40px;
	}
	.blog_title > small {
		font-size: 34px;
		letter-spacing: -1px;
	}
	.bt_blog {
		padding: 0 48px 0 52px;
		font-size: 18px;
		gap: 0 4px;
	}
	.bt_blog_more {
		line-height: 140%;
	}
	.blog_contents .blog_button {
		margin-top: 0;
	}
	.blog_back {
		min-width: 1920px;
	}

	.blog_header {
		height: 400px;
	}
	.blog_header .badge > span {
		height: 22px;
		padding: 0 8px;
	}
	.blog_header h1 {
		font-size: 36px;
	}
	.blog_header .blog_info {
		font-size: 18px;
		line-height: 170%;
		gap: 0 12px;
	}
	.blog_header .blog_info time::before,
	.blog_header .blog_info cite::before,
	.blog_header .blog_info > span::before {
		margin-right: 12px;
	}

	.blog_contents {
		padding: 80px var(--blog_padding) 180px;
		gap: 80px 0;
	}
	.blog_thumbs {
		gap: 16px 15px;
	}
	.blog_thumbs figcaption {
		font-size: 16px;
	}
	.blog_thumbs img {
		width: 0;
		flex: 1;
	}
	.blog_text_box {
		font-size: 20px;
	}
	.blog_text_box a {
		font-size: 18px;
		line-height: 140%;
	}
	.blog_text_box a::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cmask id='mask0_867_13723' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='22'%3E%3Crect width='22' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_867_13723)'%3E%3Cpath d='M11.55 11L7.33337 6.78333L8.61671 5.5L14.1167 11L8.61671 16.5L7.33337 15.2167L11.55 11Z' fill='%230095F8'/%3E%3C/g%3E%3C/svg%3E");
	}
	/*
  figure + .blog_text_box {
    margin-top: 60px;
  }
  */

	.blog_banner .blog_button {
		margin-top: 60px;
	}
	.blog_banner::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(80deg, #29cdf3 30%, #8757d3 130%);
		display: block;
		content: "";
		opacity: 0;
		transition: 0.8s ease opacity;
	}
	.blog_banner._active::after {
		opacity: 1;
	}

	.blog_branchs {
		align-items: center;
	}
	.blog_branch_list {
		margin-top: 60px;
		gap: 0 20px;
		display: flex;
		justify-content: center;
	}
	.blog_branch_list li {
		width: 0;
		max-width: 305px;
		flex: 1;
	}
	.blog_branch_list li h3 {
		font-size: 20px;
	}
	.blog_branch_list li p {
		margin-top: 4px;
		font-size: 18px;
	}
	.blog_branchs nav {
		display: none;
	}
}

@media (max-width: 960px) {
	.blog_title {
		font-size: 28px;
	}
	.blog_title > small {
		font-size: 22px;
		letter-spacing: -1px;
	}
	.bt_blog {
		width: 280px;
		font-size: 16px;
		padding-left: 4px;
	}
	.blog_button {
		width: 100%;
		/* margin-top: 40px; */
	}
	.blog_contents .blog_button {
		margin-top: 0;
	}
	.blog_back {
		top: 0;
		left: 0;
		min-width: 100%;
	}

	.blog_header {
		height: 375px;
		padding: 0 10px;
	}
	.blog_header .blog_inner {
		padding-bottom: 40px;
	}
	.blog_header .badge {
		line-height: 100%;
	}
	.blog_header .badge > span {
		height: 24px;
		padding: 0 6px;
	}
	.blog_header h1 {
		padding-top: 4px;
		font-size: 26px;
	}
	.blog_header .blog_info {
		font-size: 16px;
		line-height: 150%;
		gap: 0 10px;
	}
	.blog_header .blog_info time::before,
	.blog_header .blog_info cite::before,
	.blog_header .blog_info > span::before {
		margin-right: 10px;
	}

	.blog_contents {
		padding: 80px var(--blog_padding) 130px;
		gap: 36px 0;
	}
	.blog_thumbs {
		gap: 8px;
	}
	.blog_thumbs figcaption {
		font-size: 14px;
	}
	.blog_thumbs img {
		width: 100%;
	}
	.blog_text_box {
		font-size: 18px;
	}
	.blog_text_box a {
		font-size: 14px;
		line-height: 170%;
	}
	.blog_text_box a::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cmask id='mask0_867_14362' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='22'%3E%3Crect width='22' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_867_14362)'%3E%3Cpath d='M11.55 11L7.33333 6.78333L8.61666 5.5L14.1167 11L8.61666 16.5L7.33333 15.2167L11.55 11Z' fill='%230095F8'/%3E%3C/g%3E%3C/svg%3E");
	}
	/*
  figure + .blog_text_box {
    margin-top: 36px;
  }
  */
	.blog_banner .bt_blog {
		margin-top: 40px;
	}
	.blog_branchs {
		align-items: flex-start;
	}
	.blog_branch_list {
		margin-top: 40px;
		padding-left: var(--blog_padding);
	}
	.blog_branch_list li {
		width: 260px;
		margin-right: var(--blog_padding);
	}
	.blog_branch_list li h3 {
		font-size: 18px;
	}
	.blog_branch_list li p {
		margin-top: 8px;
		font-size: 16px;
	}

	.blog_swiper {
		position: relative;
		width: 100%;
		margin-left: calc(-1 * var(--blog_padding));
	}
	.blog_branchs nav {
		position: relative;
		margin-top: 16px;
		display: flex;
		align-items: center;
	}
	.blog_branchs nav .swiper-pagination-progressbar {
		position: relative;
		width: 100%;
		height: 2px;
		background-color: rgba(255, 255, 255, 0.3);
		border-radius: 4px;
	}
	.blog_branchs nav .swiper-pagination-progressbar-fill {
		background-color: #fff;
	}
	.blog_branchs .swiper-pagination-num {
		width: 59px;
		font-size: 16px;
		font-weight: 400;
		color: rgba(255, 255, 255, 0.3);
		flex: 0 0 auto;
	}
	.blog_branchs .swiper-pagination-num span {
		font-size: inherit;
		font-weight: inherit;
		display: inline-block;
	}
	.blog_branchs .swiper-pagination-num .swiper-pagination-current {
		min-width: 18px;
		color: #fff;
	}
	.blog_branchs .swiper-pagination-num .swiper-pagination-total {
		padding-left: 2px;
	}
}

/* 20240319 2차 배너 추가 */
.blog_banner_start {
	--point_color: #0095f8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.blog_banner_start .blog_inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}
.blog_banner_start header {
	text-align: center;
	display: flex;
	flex-direction: column;
}
.blog_banner_start h1 {
	line-height: 140%;
	font-weight: 700;
	color: var(--point_color);
}
.blog_banner_start h2 {
	position: relative;
	line-height: 140%;
	font-weight: 700;
	letter-spacing: -1px;
	color: #222;
}
.blog_banner_start h2::after {
	position: absolute;
	bottom: 0;
	display: block;
	content: "";
	z-index: -1;
}
.blog_banner_start p {
	line-height: 170%;
	font-weight: 500;
	color: #222;
}
.blog_banner_start .blog_button ._reverse {
	background-color: var(--point_color);
}

/* 240403 */
.blog_text_line {
	font-weight: 400;
	color: #222;
	text-align: center;
	border-top: 1px solid #c6ccd5;
	border-bottom: 1px solid #c6ccd5;
}
.blog_text_line b {
	font-weight: 700;
}
.blog_interview {
	line-height: inherit;
	text-align: center;
	background-color: #f1f4f8;
	border-radius: 16px;
}
.blog_interview::before {
	width: 33px;
	height: 24px;
	margin: 0 auto 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='24' viewBox='0 0 33 24' fill='none'%3E%3Cpath d='M18.5915 14.6939C18.5915 12.1469 18.9634 9.95918 19.707 8.13061C20.4507 6.23674 21.4113 4.70204 22.5887 3.52653C23.7662 2.28572 25.0986 1.40408 26.5859 0.881633C28.1352 0.293878 29.6535 0 31.1408 0V3.42857C29.5296 3.42857 28.0113 4.01633 26.5859 5.19184C25.2225 6.30204 24.4169 7.83673 24.169 9.79592C24.3549 9.73062 24.5718 9.66531 24.8197 9.6C25.0056 9.53469 25.2225 9.46939 25.4704 9.40408C25.7803 9.33878 26.1211 9.30612 26.493 9.30612C28.3521 9.30612 29.9014 10.0571 31.1408 11.5592C32.3803 12.9959 33 14.6939 33 16.6531C33 18.6122 32.3493 20.3429 31.0479 21.8449C29.8084 23.2816 28.1352 24 26.0282 24C23.6732 24 21.8451 23.0857 20.5437 21.2571C19.2423 19.3633 18.5915 17.1755 18.5915 14.6939ZM0 14.6939C0 12.1469 0.371831 9.95918 1.11549 8.13061C1.85916 6.23674 2.81972 4.70204 3.99718 3.52653C5.17465 2.28572 6.50704 1.40408 7.99437 0.881633C9.54366 0.293878 11.062 0 12.5493 0V3.42857C10.938 3.42857 9.41972 4.01633 7.99437 5.19184C6.63099 6.30204 5.82535 7.83673 5.57747 9.79592C5.76338 9.73062 5.98028 9.66531 6.22817 9.6C6.41408 9.53469 6.63099 9.46939 6.87887 9.40408C7.18873 9.33878 7.52958 9.30612 7.90141 9.30612C9.76056 9.30612 11.3099 10.0571 12.5493 11.5592C13.7887 12.9959 14.4085 14.6939 14.4085 16.6531C14.4085 18.6122 13.7577 20.3429 12.4563 21.8449C11.2169 23.2816 9.54366 24 7.43662 24C5.08169 24 3.25352 23.0857 1.95211 21.2571C0.650704 19.3633 0 17.1755 0 14.6939Z' fill='%23C6CCD5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	content: "";
}
.blog_sub_title {
	line-height: 140%;
	color: #0095f8;
	letter-spacing: -1px;
	border-left: 3px solid #0095f8;
}
.blog_sub_title:first-child {
	margin-top: 0;
}
.blog_sub_title_desc {
	display: block;
	margin-bottom: 4px;
	font-size: 20px;
	line-height: 1.7;
	color: #222;
	font-weight: 400;
}
.blog_sub_desc + .blog_text_box:is(dl) {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.blog_text_box:is(dl) dt {
	line-height: 140%;
	font-weight: 600;
}
.blog_text_box:is(dl) dd {
	font-weight: 400;
	line-height: 170%;
	display: flex;
	flex-direction: column;
	gap: 36px 0;
}
.blog_text_box b {
	font-weight: 600;
}
.blog_contents .c_point {
	color: #0095f8 !important;
}
.blog_contents hr {
	border: 0;
	border-top: 1px solid #6d757c;
}
.blog_link_box {
	display: flex;
}
.blog_link_box a {
	width: 100%;
	background-color: #f1f4f8;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.blog_link_box h4 {
	font-weight: 400;
	line-height: 170%;
	word-break: break-all;
}
.blog_link_box p {
	font-weight: 600;
	line-height: 170%;
	color: #0095f8;
	display: inline;
	align-items: center;
	word-break: break-all;
}
.blog_link_box p::after {
	vertical-align: middle;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cmask id='mask0_37_11251' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='23' height='22'%3E%3Crect x='0.5' width='22' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_37_11251)'%3E%3Cpath d='M12.05 11L7.83331 6.78333L9.11665 5.5L14.6166 11L9.11665 16.5L7.83331 15.2167L12.05 11Z' fill='%230095F8'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	content: "";
}

@media (min-width: 961px) {
	.blog_text_line {
		padding: 40px 20px;
		font-size: 20px;
		line-height: inherit;
	}
	.blog_interview {
		padding: 56px 8px;
		font-size: 20px;
		font-weight: 500;
	}
	.blog_interview::before {
		width: 33px;
		height: 24px;
	}
	.blog_sub_title {
		margin-top: 100px;
		padding-left: 20px;
		font-size: 34px;
		font-weight: 500;
	}
	.blog_text_box:is(dl) dt {
		font-size: 24px;
	}
	.blog_text_box:is(dl) dd {
		font-size: 20px;
	}
	.blog_link_box {
		flex-wrap: wrap;
		gap: 22px;
	}
	.blog_link_box a {
		max-width: calc(50% - 11px);
		padding: 24px 32px;
		gap: 4px 0;
	}
	.blog_link_box h4 {
		font-size: 16px;
	}
	.blog_link_box p {
		font-size: 20px;
	}
	.blog_link_box p::after {
		width: 20px;
		height: 20px;
		margin-top: -3px;
	}
}

@media (max-width: 960px) {
	.blog_text_line {
		padding: 20px 0;
		font-size: 18px;
		line-height: 170%;
	}
	.blog_interview {
		padding: 40px 8px;
		font-size: 18px;
		font-weight: 400;
	}
	.blog_interview::before {
		width: 28px;
		height: 20px;
	}
	.blog_sub_title {
		margin-top: 44px;
		padding-left: 12px;
		font-size: 24px;
		font-weight: 700;
	}
	.blog_text_box:is(dl) dt {
		font-size: 22px;
	}
	.blog_text_box:is(dl) dd {
		font-size: 18px;
	}
	.blog_link_box {
		flex-direction: column;
		gap: 12px 0;
	}
	.blog_link_box a {
		padding: 20px 24px;
	}
	.blog_link_box h4 {
		font-size: 14px;
	}
	.blog_link_box p {
		font-size: 18px;
	}
	.blog_link_box p::after {
		width: 22px;
		height: 22px;
	}
}

@media (min-width: 961px) {
	.blog_banner_start {
		min-height: 820px;
		background: url("/wp-content/themes/fastfive/assets/blog/news_businesssupport/banner_bg.jpg") center center no-repeat;
		background-size: 1920px auto;
	}
	.blog_banner_start header {
		gap: 20px 0;
	}
	.blog_banner_start h1 {
		font-size: 24px;
	}
	.blog_banner_start h2 {
		font-size: 60px;
	}
	.blog_banner_start h2::after {
		left: -37px;
		width: 466px;
		height: 97px;
		background: url("/wp-content/themes/fastfive/assets/blog/news_businesssupport/banner_under.png") center bottom no-repeat;
		background-size: 100% auto;
	}
	.blog_banner_start p {
		font-size: 20px;
	}
	.blog_banner_start .blog_button {
		margin-top: 40px;
	}

	.blog_text_line + .blog_sub_title {
		margin-top: 20px;
	}
}
@media (max-width: 960px) {
	.blog_banner_start {
		min-height: 666px;
		background: url("/wp-content/themes/fastfive/assets/blog/news_businesssupport/banner_bg_m.jpg") center center no-repeat;
		background-size: 407px auto;
	}
	.blog_banner_start header {
		gap: 10px 0;
	}
	.blog_banner_start h1 {
		font-size: 22px;
	}
	.blog_banner_start h2 {
		font-size: 38px;
	}
	.blog_banner_start h2::after {
		left: -23px;
		width: 293px;
		height: 59px;
		background: url("/wp-content/themes/fastfive/assets/blog/news_businesssupport/banner_under_m.png") center bottom no-repeat;
		background-size: 100% auto;
	}
	.blog_banner_start p {
		font-size: 18px;
	}
	.blog_banner_start .blog_button {
		margin-top: 32px;
	}
	.blog_banner_start .bt_blog {
		max-width: 238px;
	}
}

/*  인터뷰 전용 블로그 페이지 */
.blog_layout.interview {
	background-color: #f1f4f8;
}
/*
.blog_layout.interview .blog_contents {
  display: flex;
  flex-direction: column;
  gap: 80px 0;
}
*/
._bold {
	font-weight: 700 !important;
}
/*
.interview figure + .blog_text_box {
  margin-top: 36px;
}
*/
.interview .blog_text_box {
	gap: 36px;
}
.interview .blog_banner {
	background: url("/wp-content/themes/fastfive/assets/blog/interview_employee/blog_banner_bg.png") no-repeat center;
	background-size: cover;
}
.interview .blog_banner::after {
	content: none;
}
@media (min-width: 961px) {
	.interview .blog_title > small {
		font-size: 24px;
	}
	.interview .blog_button {
		margin-top: 36px;
	}
}
@media (max-width: 960px) {
	.blog_layout.interview .blog_contents {
		gap: 60px;
		padding-bottom: 60px;
	}
	.interview .blog_banner {
		background: url("/wp-content/themes/fastfive/assets/blog/interview_employee/blog_banner_bg_m.png") no-repeat center;
		background-size: cover;
	}
}

/*  직원 인터뷰 전용 */
.interview._em .blog_contents > section {
	display: flex;
	flex-direction: column;
	gap: 36px;
}
@media (min-width: 961px) {
	.interview._em .blog_contents .blog_button {
		margin-top: 0;
	}
}
@media (max-width: 960px) {
	.blog_layout.interview .blog_contents .blog_button {
		margin-top: 0;
	}
}

/*20240415 video case 추가*/
.blog_video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.blog_video > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* list */
.blog_list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--blog_list_gap);
}
.blog_list_wrap .blog_list_box {
	display: none;
}
.blog_list_box {
	background-color: #fff;
	box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.blog_list_box._show {
	display: flex;
}
.blog_list_box .list_box_content {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.blog_list_box [class*="badge_icon_"] {
	padding: 0 10px;
	line-height: 160%;
	font-weight: 600;
	letter-spacing: -0.5px;
	border-radius: 34px;
	display: inline-flex;
	align-items: center;
	/* 뱃지 클래스가 없을 경우 적용 */
	color: #bebebe;
	background-color: #f1f4f8;
}
.blog_list_box h3 {
	line-height: 140%;
	font-weight: 600;
}
.blog_list_box .list_box_info {
	font-weight: 600;
	color: #777;
	letter-spacing: -0.5px;
	display: flex;
}
.blog_list_box .list_box_info span {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
.blog_list_box .list_box_info .list_cite {
	position: relative;
}
.blog_list_box .list_box_info .list_cite::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 14px;
	background-color: #777;
	display: block;
	content: "";
	transform: translateY(-50%);
}

.blog_list_wrap {
	display: flex;
	flex-direction: column;
}
.blog_list_header {
	display: flex;
	flex-direction: column;
}
.blog_list_header .blog_list_title {
	display: flex;
	flex-direction: column;
}
.blog_list_header .blog_list_title h2 {
	line-height: 140%;
	font-weight: 700;
	color: #222;
}
.blog_list_header .blog_list_title p {
	line-height: 140%;
	font-weight: 600;
	color: #777;
}
.blog_list_header .blog_category {
	width: calc(100% + (var(--blog_padding) * 2));
	margin: 0 calc(var(--blog_padding) * -1);
	padding: 0 var(--blog_padding);
	display: flex;
	list-style: none;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.blog_list_header .blog_category::-webkit-scrollbar {
	display: none;
}
.blog_category li a {
	line-height: 170%;
	font-weight: 700;
	color: #bebebe;
	white-space: nowrap;
	background-color: #f1f4f8;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.blog_category li._active a {
	color: #fff !important;
}
/* icon color */
.blog_category li._active a._all {
	background-color: #ed6c71;
}
.blog_category li._active a._01 {
	background-color: #6d61ec;
}
.blog_category li._active a._02 {
	background-color: #08b0a0;
}
.blog_category li._active a._03 {
	background-color: #0095f8;
}
.blog_category li._active a._04 {
	background-color: #f18815;
}
.blog_category li._active a._05 {
	background-color: #FF7300;
}

.blog_list_box .badge_icon_01 {
	color: #6d61ec;
	background-color: #e7e4ff;
}
.blog_list_box .badge_icon_02 {
	color: #08b0a0;
	background-color: #d8faf6;
}
.blog_list_box .badge_icon_03 {
	color: #0095f8;
	background-color: #e9f5fc;
}
.blog_list_box .badge_icon_04 {
	color: #ed6c71;
	background-color: #fbdbb9;
}
.blog_list_box .badge_icon_05 {
	color: #FF7300;
	background-color: #FFE8AA;
}

@media (min-width: 766px) {
	/* common */
	.blog_list_wrap .blog_list {
		margin-top: 40px;
	}
	.blog_list_box {
		--box_gap: var(--blog_list_gap) * (var(--blog_box) - 1);
		width: calc((100% - var(--box_gap)) / var(--blog_box));
		border-radius: 24px;
		transition: 0.4s ease transform;
	}
	.blog_list_box:hover {
		transform: translateY(-10px);
	}
	.blog_list_box .list_box_content {
		padding: 23px 28px 33px;
		gap: 10px;
	}
	.blog_list_box [class*="badge_icon_"] {
		min-height: 34px;
		line-height: 160%;
	}
	.blog_list_box h3 {
		font-size: 24px;
	}
	.blog_list_box .list_box_info {
		margin-top: auto;
		line-height: 100%;
		gap: 0 10px;
	}
	.blog_list_box .list_box_info .list_cite {
		padding-left: 10px;
	}

	.blog_list_wrap {
		max-width: 1391px;
		margin: 0 auto;
		padding: 60px var(--blog_padding) 220px;
	}
	.blog_list_header .blog_list_title {
		gap: 12px;
	}
	.blog_list_header .blog_list_title h2 {
		font-size: 50px;
		letter-spacing: -1.5px;
	}
	.blog_list_header .blog_list_title p {
		font-size: 24px;
		letter-spacing: -0.7px;
	}
	.blog_list_header .blog_category {
		margin-top: 28px;
		gap: 12px;
	}
	.blog_category li a {
		min-height: 40px;
		padding: 0 32px;
		font-size: 16px;
	}
}
@media (max-width: 765px) {
	.blog_list_wrap .blog_list {
		flex-direction: column;
	}
	.blog_list_wrap .blog_list_box {
		width: 100%;
		max-width: 100%;
	}

	/* common */
	.blog_list_wrap .blog_list {
		margin-top: 40px;
	}
	.blog_list_box {
		width: 100%;
		height: auto;
		border-radius: 12px;
	}
	.blog_list_box .list_box_content {
		padding: 16px 28px;
	}
	.blog_list_box [class*="badge_icon_"] {
		min-height: 30px;
		line-height: 140%;
	}
	.blog_list_box h3 {
		font-size: 20px;
		margin-top: 10px;
	}
	.blog_list_box .list_box_info {
		/* margin-top: 3px; */
		margin-top: auto;
		padding-top: 3px;
		font-size: 16px;
		line-height: 140%;
		gap: 0 8px;
	}
	.blog_list_box .list_box_info .list_cite {
		padding-left: 8px;
	}

	.blog_list_wrap {
		padding: 60px var(--blog_padding) 100px;
	}
	.blog_list_header .blog_list_title {
		gap: 12px;
	}
	.blog_list_header .blog_list_title h2 {
		font-size: 34px;
		letter-spacing: -1px;
	}
	.blog_list_header .blog_list_title p {
		font-size: 16px;
		letter-spacing: -0.5px;
	}
	.blog_list_header .blog_category {
		margin-top: 20px;
		gap: 10px;
	}
	.blog_category li a {
		min-height: 32px;
		padding: 0 22px;
		font-size: 12px;
	}
}
@media (max-width: 1000px) and (min-width: 766px) {
	.blog_list_wrap .blog_list_box {
		width: calc((100% - var(--blog_list_gap)) / 2);
		max-width: calc((100% - var(--blog_list_gap)) / 2);
	}
}
@media (max-width: 1000px) {
	.blog_list_box .list_box_content .list_detail {
		display: none;
	}
	.blog_list_box .list_box_thumbs img.hidden_mo._big {
		display: none !important;
	}
}
@media (min-width: 1001px) {
	.blog_list_box:not(._first) .list_box_content .list_detail {
		display: none;
	}
	.blog_list_wrap .blog_list_box._first {
		width: 100%;
		min-height: 420px;
		flex-direction: row;
	}
	.blog_list_box._first .list_box_thumbs {
		width: 55.6%;
		flex: 0 0 auto;
		display: flex;
	}
	.blog_list_box._first .list_box_thumbs img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.blog_list_box._first .list_box_thumbs img.hidden_mo:not(._big) {
		display: none !important;
	}
	.blog_list_box:not(._first) .list_box_thumbs img.hidden_mo._big {
		display: none !important;
	}
	.blog_list_box._first .list_box_content {
		width: 44%;
		padding: 30px 30px 30px 65px;
		justify-content: center;
		gap: 0;
	}
	.blog_list_box._first .list_box_content h3 {
		margin-top: 28px;
		font-size: 36px;
		line-height: 140%;
		font-weight: 700;
		letter-spacing: -1px;
	}
	.blog_list_box._first .list_box_content .list_detail {
		margin-top: 28px;
		font-size: 24px;
		line-height: 140%;
		font-weight: 500;
		color: #777;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.blog_list_box._first .list_box_content .list_box_info {
		margin-top: 16px;
	}
	.blog_list_box._first .list_date {
		display: none;
	}
	.blog_list_box._first .list_cite{
		display: none;
	}
}

.blog_recommend {
	background-color: #f1f4f8;
	display: flex;
	flex-direction: column;
}
.blog_recommend h2 {
	line-height: 140%;
	letter-spacing: -1px;
	font-weight: 700;
	text-align: center;
}
.blog_recommend_list .blog_list {
	width: 100%;
}
@media (min-width: 961px) {
	.blog_list_header .blog_category {
		flex-wrap: wrap;
	}
	.blog_recommend {
		padding: 120px var(--blog_padding);
		gap: 60px;
	}
	.blog_recommend h2 {
		font-size: 40px;
	}
	.blog_recommend_list {
		max-width: 1263px;
		margin: 0 auto;
		display: flex;
	}
	.blog_recommend_list .blog_list {
		--blog_list_gap: 24px;
		width: 100%;
		flex: 1;
		justify-content: center;
	}
	.blog_recommend_list .blog_list_box {
		height: auto;
	}
	.blog_recommend_paging {
		display: none;
	}
}
@media (max-width: 960px) {
	.blog_recommend {
		padding: 130px var(--blog_padding);
		gap: 40px;
		overflow: hidden;
	}
	.blog_recommend h2 {
		font-size: 28px;
	}
	.blog_recommend_list {
		width: 100%;
		max-width: 375px;
		margin: 0 auto;
	}
	.blog_recommend_list .blog_list {
		width: 100%;
		flex-wrap: nowrap;
		gap: 0;
	}
	.blog_recommend_paging {
		margin-top: 20px;
		display: flex;
		justify-content: center;
		gap: 0 8px;
	}
	.blog_recommend_paging .swiper-pagination-bullet {
		margin: 0 !important;
		background-color: #e4e4e4;
		opacity: 1;
		flex: 0 0 auto;
	}
	.blog_recommend_paging .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background-color: #222;
	}
}