.fnt_t-k {
	position: relative;
	padding-right: 2.5rem;
	display: inline-flex;
	z-index: 1;
}

.fnt_t-k::before,
.fnt_t-k::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	background-color: var(--buttons);
	height: 0;
	content: '';
	transform: translateY(-50%) rotate(0);
	z-index: -1;
}

.fnt_t-k::before {
	right: 1rem;
}

.ta_ .fnt_t-k {
	padding-top: 2rem;
	padding-right: 0;
}

.ta_ .fnt_t-k::before,
.ta_ .fnt_t-k::after {
	right: initial;
	left: 45%;
	top: 0;
	transform: translateX(-50%) rotate(0);
}

.ta_ .fnt_t-k::before {
	right: initial;
	left: calc(45% + 1rem);
}

/* Font Overline */

.fnt-over {
	position: relative;
	z-index: 1;
	line-height: 1.09;
	padding-top: 15px;
}

.fnt-over::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.667rem;
	height: 2px;
	content: '';
	z-index: -1;
}

.lt-bg .bg-bx.alt-bg .fnt-over::before,
.dk-bg .bg-bx.alt-bg .fnt-over::before,
.lt-bg .bg-bx.ulk-bg .fnt-over::before,
.dk-bg .bg-bx.lk-bg .fnt-over::before {
	background-color: var(--text-alt);
}

.lt-bg .bg-bx.lk-bg .fnt-over::before,
.dk-bg .bg-bx.ulk-bg .fnt-over::before {
	background-color: var(--text);
}

/* Box Hover */

@media screen and (max-width:1279px) {
	.fnt_t-k {
		padding-right: 2.2rem;
	}

	.fnt_t-k::before,
	.fnt_t-k::after {
		height: 14px;
		transform: translateY(-50%) rotate(-45deg);
	}

	.fnt_t-k::after {
		right: .3rem;
	}

	.ta_ .fnt_t-k::before,
	.ta_ .fnt_t-k::after {
		transform: translateX(-50%) rotate(-45deg);
	}
}