@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 45 920;
	font-display: swap;
	src: url("../fonts/PretendardVariable.woff2") format("woff2-variations");
}

/* Figma node 246:1137. Mobile-first; exact desktop geometry begins at 1800px. */
.tc-sharing-block,
.tc-sharing-block .elementor,
.tc-sharing-block .elementor-section,
.tc-sharing-block .elementor-container,
.tc-sharing-block .elementor-column,
.tc-sharing-block .elementor-widget-wrap,
.tc-sharing-block .elementor-widget-html,
.tc-sharing-block .elementor-widget-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.tc-sharing {
	width: 100%;
	max-width: var(--wp--custom--sharing--page-max);
	margin-inline: auto;
	overflow-x: clip;
	overflow-y: visible;
	background: var(--wp--custom--sharing--color--white);
	color: var(--wp--custom--sharing--color--text);
	font-family: var(--wp--preset--font-family--noto-sans-kr);
}

.tc-sharing *,
.tc-sharing *::before,
.tc-sharing *::after {
	box-sizing: border-box;
}

.tc-sharing img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.tc-sharing figure,
.tc-sharing h1,
.tc-sharing h2,
.tc-sharing p {
	margin: 0;
}

.tc-sharing .tc-d1-menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--wp--custom--layout--touch-target);
	min-height: var(--wp--custom--layout--touch-target);
	padding-inline: var(--wp--preset--spacing--xs);
	border: var(--wp--custom--border-width--hairline) solid var(--wp--preset--color--primary-deep);
	border-radius: var(--wp--custom--radius--button);
	background: var(--wp--custom--sharing--color--white);
	color: var(--wp--preset--color--primary-deep);
	font: inherit;
}

.tc-sharing .tc-el-nav {
	position: fixed;
	inset: var(--wp--custom--sharing--header-height) 0 0 auto;
	z-index: var(--wp--custom--z-index--header);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: min(100%, var(--wp--custom--sharing--menu-panel));
	height: calc(100svh - var(--wp--custom--sharing--header-height));
	padding: var(--wp--custom--sharing--mobile-gutter);
	background: var(--wp--custom--sharing--color--white);
	transform: translateX(100%);
	transition: transform var(--wp--custom--sharing--transition) ease;
}

.tc-sharing .tc-el-nav a {
	display: flex;
	align-items: center;
	min-height: var(--wp--custom--layout--touch-target);
	border-bottom: var(--wp--custom--border-width--hairline) solid var(--wp--preset--color--border);
}

.tc-sharing.is-menu-open .tc-el-nav {
	transform: translateX(0);
}

body.tc-sharing-menu-open {
	overflow: hidden;
}

.tc-sharing-main {
	display: flex;
	flex-direction: column;
	gap: var(--wp--custom--sharing--mobile-section-gap);
	padding: var(--wp--custom--sharing--mobile-content-gap) var(--wp--custom--sharing--mobile-gutter) var(--wp--custom--sharing--mobile-section-gap);
}

.tc-sharing-intro {
	display: grid;
	gap: var(--wp--custom--sharing--mobile-content-gap);
}

.tc-sharing-intro__label {
	color: var(--wp--custom--sharing--color--label);
	font-family: var(--wp--custom--sharing--font-family--pretendard);
	font-size: var(--wp--custom--sharing--font-size--label);
	line-height: var(--wp--custom--sharing--line-height--label);
}

.tc-sharing-intro h1 {
	color: var(--wp--custom--sharing--color--label);
	font-family: var(--wp--custom--sharing--font-family--pretendard);
	font-size: var(--wp--custom--sharing--font-size--title);
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: var(--wp--custom--sharing--line-height--title);
}

.tc-sharing-intro__copy,
.tc-sharing-intro__note,
.tc-sharing-academic__copy,
.tc-sharing-community__reason-copy,
.tc-sharing-community__copy,
.tc-sharing figcaption,
.tc-sharing-community__text-row {
	font-family: var(--wp--custom--sharing--font-family--pretendard);
	font-size: var(--wp--custom--sharing--font-size--caption);
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: var(--wp--custom--sharing--line-height--caption);
}

.tc-sharing-intro__note {
	text-align: right;
}

.tc-sharing-intro__media {
	overflow: hidden;
}

.tc-sharing-index {
	display: grid;
	gap: var(--wp--custom--sharing--index-gap);
}

.tc-sharing-index a {
	display: flex;
	align-items: center;
	min-height: var(--wp--custom--layout--touch-target);
	color: var(--wp--custom--sharing--color--heading);
	font-size: var(--wp--custom--sharing--font-size--index);
	line-height: var(--wp--custom--sharing--line-height--index);
	text-decoration: none;
}

.tc-sharing-academic,
.tc-sharing-community {
	display: grid;
	gap: var(--wp--custom--sharing--mobile-content-gap);
}

.tc-sharing-academic h2,
.tc-sharing-community h2 {
	color: var(--wp--custom--sharing--color--heading);
	font-family: var(--wp--custom--sharing--font-family--pretendard);
	font-size: var(--wp--custom--sharing--font-size--section);
	font-weight: var(--wp--custom--font-weight--medium);
	line-height: var(--wp--custom--sharing--line-height--section);
}

.tc-sharing-academic figure,
.tc-sharing-community figure {
	overflow: hidden;
	border-radius: var(--wp--custom--sharing--radius);
}

.tc-sharing-academic figcaption,
.tc-sharing-community figcaption,
.tc-sharing-community__text-row {
	padding-block: var(--wp--custom--sharing--community-caption-padding);
	border-bottom: var(--wp--custom--sharing--community-border) solid var(--wp--custom--sharing--color--border);
}

.tc-sharing-academic__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--wp--custom--sharing--academic-card-width)), 1fr));
	gap: var(--wp--custom--sharing--mobile-content-gap);
}

.tc-sharing-community__timeline {
	display: grid;
	gap: var(--wp--custom--sharing--community-item-gap);
}

.tc-sharing-community figure {
	display: flex;
	flex-direction: column;
}

.tc-sharing-community figure figcaption {
	order: -1;
}

.tc-sharing .tc-el-footer {
	margin-top: 0;
}

.tc-sharing .tc-el-footer__button {
	color: var(--wp--preset--color--primary);
}

@media (min-width: 48rem) {
	.tc-sharing-main {
		padding-inline: var(--wp--preset--spacing--2-xl);
	}

	.tc-sharing-index {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 112.5rem) {
	.tc-sharing .tc-el-header,
	.tc-sharing .tc-el-header__inner {
		min-height: var(--wp--custom--sharing--header-height);
	}

	.tc-sharing .tc-d1-menu-toggle {
		display: none;
	}

	.tc-sharing .tc-el-nav {
		position: static;
		display: flex;
		flex: 0 0 var(--wp--custom--figma--nav-width);
		flex-direction: row;
		align-items: center;
		width: var(--wp--custom--figma--nav-width);
		height: var(--wp--custom--figma--nav-height);
		padding: 0;
		background: transparent;
		transform: none;
	}

	.tc-sharing .tc-el-nav a {
		border: 0;
	}

	.tc-sharing-main {
		position: relative;
		display: flow-root;
		height: var(--wp--custom--sharing--main-height);
		padding: 0;
	}

	.tc-sharing-intro,
	.tc-sharing-intro > *,
	.tc-sharing-academic,
	.tc-sharing-academic > *,
	.tc-sharing-community,
	.tc-sharing-community > * {
		position: absolute;
	}

	.tc-sharing-intro {
		inset: 0;
		display: block;
	}

	.tc-sharing-intro__label {
		top: var(--wp--custom--sharing--intro-label-top);
		left: var(--wp--custom--sharing--intro-left);
	}

	.tc-sharing-intro h1 {
		top: var(--wp--custom--sharing--intro-title-top);
		left: var(--wp--custom--sharing--intro-title-left);
		width: var(--wp--custom--sharing--intro-width);
	}

	.tc-sharing-intro__copy {
		top: var(--wp--custom--sharing--intro-copy-top);
		left: var(--wp--custom--sharing--intro-left);
		width: var(--wp--custom--sharing--intro-width);
		font-size: var(--wp--custom--sharing--font-size--body);
		line-height: var(--wp--custom--sharing--line-height--body);
	}

	.tc-sharing-intro__note {
		top: var(--wp--custom--sharing--intro-note-top);
		left: var(--wp--custom--sharing--intro-note-left);
		width: var(--wp--custom--sharing--intro-note-width);
		text-align: left;
	}

	.tc-sharing-intro__media {
		top: var(--wp--custom--sharing--intro-media-top);
		left: var(--wp--custom--sharing--intro-media-left);
		width: var(--wp--custom--sharing--intro-media-width);
		height: var(--wp--custom--sharing--intro-media-height);
	}

	.tc-sharing-intro__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.tc-sharing-index {
		position: sticky;
		top: var(--wp--custom--sharing--index-sticky-top);
		display: flex;
		width: var(--wp--custom--sharing--index-width);
		margin-top: var(--wp--custom--sharing--index-top);
		margin-left: var(--wp--custom--sharing--index-left);
		padding-top: var(--wp--custom--sharing--index-padding-top);
		flex-direction: column;
		gap: var(--wp--custom--sharing--index-gap);
		align-self: start;
	}

	.tc-sharing-academic {
		top: var(--wp--custom--sharing--academic-top);
		left: var(--wp--custom--sharing--content-left);
		display: block;
		width: var(--wp--custom--sharing--content-width);
		height: calc(var(--wp--custom--sharing--community-top) - var(--wp--custom--sharing--academic-top));
	}

	.tc-sharing-academic h2 {
		top: 0;
		left: 0;
	}

	.tc-sharing-academic__copy {
		top: var(--wp--custom--sharing--academic-copy-top);
		left: 0;
		width: 100%;
	}

	.tc-sharing-academic__video {
		top: var(--wp--custom--sharing--intro-video-top);
		left: 0;
		width: var(--wp--custom--sharing--intro-video-width);
		height: var(--wp--custom--sharing--intro-video-height);
	}

	.tc-sharing-academic__video img,
	.tc-sharing-academic__hero img,
	.tc-sharing-academic__grid img,
	.tc-sharing-community__timeline img {
		height: 100%;
		object-fit: cover;
	}

	.tc-sharing-academic__hero {
		top: var(--wp--custom--sharing--academic-hero-top);
		left: 0;
		width: var(--wp--custom--sharing--content-width);
		height: var(--wp--custom--sharing--academic-hero-height);
		overflow: visible;
	}

	.tc-sharing-academic__hero figcaption {
		padding-top: var(--wp--custom--sharing--mobile-content-gap);
		border: 0;
		text-align: center;
	}

	.tc-sharing-academic__grid {
		position: absolute;
		top: var(--wp--custom--sharing--academic-grid-top);
		left: 0;
		display: block;
		width: var(--wp--custom--sharing--content-width);
		height: calc(var(--wp--custom--sharing--community-top) - var(--wp--custom--sharing--academic-grid-top));
	}

	.tc-sharing-academic__grid figure {
		position: absolute;
		width: var(--wp--custom--sharing--academic-card-width);
		height: var(--wp--custom--sharing--academic-card-height);
		overflow: visible;
	}

	.tc-sharing-academic__grid figure:nth-child(1),
	.tc-sharing-academic__grid figure:nth-child(3),
	.tc-sharing-academic__grid figure:nth-child(5) {
		left: 0;
	}

	.tc-sharing-academic__grid figure:nth-child(2),
	.tc-sharing-academic__grid figure:nth-child(4),
	.tc-sharing-academic__grid figure:nth-child(6) {
		right: 0;
	}

	.tc-sharing-academic__grid figure:nth-child(1),
	.tc-sharing-academic__grid figure:nth-child(2) {
		top: 0;
	}

	.tc-sharing-academic__grid figure:nth-child(3),
	.tc-sharing-academic__grid figure:nth-child(4) {
		top: calc(var(--wp--custom--sharing--academic-card-height) + var(--wp--custom--sharing--academic-row-gap) + var(--wp--custom--sharing--academic-caption-gap) + var(--wp--custom--sharing--line-height--caption));
	}

	.tc-sharing-academic__grid figure:nth-child(5),
	.tc-sharing-academic__grid figure:nth-child(6) {
		top: calc((var(--wp--custom--sharing--academic-card-height) + var(--wp--custom--sharing--academic-row-gap) + var(--wp--custom--sharing--academic-caption-gap) + var(--wp--custom--sharing--line-height--caption)) * 2);
	}

	.tc-sharing-academic__grid figcaption {
		padding: var(--wp--custom--sharing--academic-caption-gap) 0 0;
		border: 0;
		text-align: center;
	}

	.tc-sharing-community {
		top: var(--wp--custom--sharing--community-top);
		left: var(--wp--custom--sharing--content-left);
		display: block;
		width: var(--wp--custom--sharing--content-width);
		height: calc(var(--wp--custom--sharing--main-height) - var(--wp--custom--sharing--community-top));
	}

	.tc-sharing-community__reason {
		top: 0;
		left: 0;
		width: 100%;
	}

	.tc-sharing-community__reason-copy {
		top: var(--wp--custom--sharing--community-reason-copy-top);
		left: 0;
		width: 100%;
	}

	.tc-sharing-community > h2:not(.tc-sharing-community__reason) {
		top: var(--wp--custom--sharing--community-title-top);
		left: 0;
	}

	.tc-sharing-community__copy {
		top: var(--wp--custom--sharing--community-copy-top);
		left: 0;
		width: 100%;
	}

	.tc-sharing-community__timeline {
		position: absolute;
		top: var(--wp--custom--sharing--community-timeline-top);
		left: var(--wp--custom--sharing--community-timeline-left);
		display: block;
		width: calc(var(--wp--custom--sharing--content-width) - var(--wp--custom--sharing--community-timeline-width-pull));
		height: calc(100% - var(--wp--custom--sharing--community-timeline-top));
	}

	.tc-sharing-community__timeline figure,
	.tc-sharing-community__timeline > p {
		position: absolute;
		left: 0;
		width: 100%;
	}

	.tc-sharing-community__timeline figcaption,
	.tc-sharing-community__text-row {
		height: var(--wp--custom--sharing--line-height--caption);
		padding: 0;
		border-bottom: var(--wp--custom--sharing--community-border) solid var(--wp--custom--sharing--color--border);
	}

	.tc-sharing-community__timeline figure img {
		position: absolute;
		top: calc(var(--wp--custom--sharing--line-height--caption) + var(--wp--custom--sharing--mobile-content-gap));
		left: 0;
		height: auto;
		object-fit: cover;
	}

	.tc-sharing-community__timeline figure:nth-of-type(1) img { width: var(--wp--custom--sharing--community-image-1-width); height: var(--wp--custom--sharing--community-image-1-height); }
	.tc-sharing-community__timeline figure:nth-of-type(2) img { width: var(--wp--custom--sharing--community-image-2-width); height: var(--wp--custom--sharing--community-image-2-height); }
	.tc-sharing-community__timeline figure:nth-of-type(3) img { width: var(--wp--custom--sharing--community-image-3-width); height: var(--wp--custom--sharing--community-image-3-height); }
	.tc-sharing-community__timeline figure:nth-of-type(4) img { width: var(--wp--custom--sharing--community-image-4-width); height: var(--wp--custom--sharing--community-image-4-height); }
	.tc-sharing-community__timeline figure:nth-of-type(5) img { width: var(--wp--custom--sharing--community-image-5-width); height: var(--wp--custom--sharing--community-image-5-height); }

	.tc-sharing-community__timeline figure:nth-of-type(1) { top: 0; height: var(--wp--custom--sharing--community-figure-1-height); }
	.tc-sharing-community__timeline > p:nth-of-type(1) { top: var(--wp--custom--sharing--community-row-1-top); }
	.tc-sharing-community__timeline figure:nth-of-type(2) { top: var(--wp--custom--sharing--community-figure-2-top); height: var(--wp--custom--sharing--community-figure-2-height); }
	.tc-sharing-community__timeline figure:nth-of-type(3) { top: var(--wp--custom--sharing--community-figure-3-top); height: var(--wp--custom--sharing--community-figure-3-height); }
	.tc-sharing-community__timeline figure:nth-of-type(4) { top: var(--wp--custom--sharing--community-figure-4-top); height: var(--wp--custom--sharing--community-figure-4-height); }
	.tc-sharing-community__timeline > p:nth-of-type(2) { top: var(--wp--custom--sharing--community-row-2-top); }
	.tc-sharing-community__timeline figure:nth-of-type(5) { top: var(--wp--custom--sharing--community-figure-5-top); height: var(--wp--custom--sharing--community-figure-5-height); }

	.tc-sharing .tc-el-footer {
		margin-top: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tc-sharing *,
	.tc-sharing *::before,
	.tc-sharing *::after {
		scroll-behavior: auto;
		transition-duration: var(--wp--custom--motion--none);
		animation-duration: var(--wp--custom--motion--none);
	}
}
