@charset "utf-8";
.pcbr {
	display: block;
}
.tbbr {
	display: none;
}
.mbbr {
	display: none;
}
.dn {
	display: none;
}

.t_view {
	display: none;
}
.tm_view {
	display: none;
}
.m_view {
	display: none;
}

#wrap {
	overflow: hidden;
}

/* 재단 소개: 연혁 탭·연도 sticky — 뷰포트 스크롤 기준(상위 overflow:hidden 해제) */
body.page-sub #wrap:has(.page.aboutus) {
	overflow-x: clip;
	overflow-y: visible;
}
#contents {
	padding: 230px 0 0;
}
.pageTitle {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 94%;
	max-width: 1800px;
	margin: 0 auto;
	padding: 0 0 80px;
	border-bottom: 1px solid #9e9e9e;
}
.pageTitle h2 {
	font-family: "Instrument Sans";
	font-size: var(--font-size-78);
	color: #133e35;
}
.pageTitle ul {
	display: flex;
	align-items: center;
}
.pageTitle ul li {
	position: relative;
	padding-right: 20px;
	margin-right: 10px;
	font-size: var(--font-size-16);
	color: #1a1a1a;
}
.pageTitle ul li:after {
	display: block;
	content: "";
	width: 8px;
	height: 16px;
	background: url(/images/common/pl_arr.png) no-repeat center / cover;
	position: absolute;
	right: 0;
	top: 2px;
}
.pageTitle ul li img {
	height: 20px;
	vertical-align: top;
}
.pageTitle ul li:last-child {
	padding: 0;
	margin: 0;
}
.pageTitle ul li:last-child:after {
	display: none;
}

.innerWrap {
	width: 94%;
	max-width: 1800px;
	margin: 0 auto;
}
.innerWrap2 {
	width: 94%;
	max-width: 1500px;
	margin: 0 auto;
}
.innerWrap3 {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
}

/* aboutus */
.aboutus {
	overflow-x: clip;
	overflow-y: visible;
}
.aboutus .textAnimation {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 80px 0 0;
	background: #f8f8f8;
}
.aboutus .textAnimation .textArea1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	gap: 0.35em;
}
.aboutus .textAnimation .textArea1 .fix {
	flex-shrink: 0;
	font-family: Inter;
	font-size: var(--font-size-130);
	color: #007e43;
	font-weight: 500;
	line-height: 1.1em;
}
.aboutus .textAnimation .textArea1 .trans {
	flex-shrink: 0;
	overflow: hidden;
	height: 1.2em;
	line-height: 1.2em;
	font-family: Instrument Sans;
	font-size: var(--font-size-130);
	color: #1a1a1a;
	font-weight: 500;
}
.aboutus .textAnimation .textArea1 .trans .txtWrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: max-content;
	will-change: transform;
	transform: translate3d(0, 0, 0);
}
.aboutus .textAnimation .textArea1 .trans .txtWrap .line {
	display: block;
	height: 1.2em;
	line-height: 1.2em;
	white-space: nowrap;
}
.aboutus .textAnimation .textArea1 .trans .txtWrap .line span {
	display: block;
	height: 100%;
}
.aboutus .textAnimation .textArea2 {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: #007e43;
	opacity: 0;
}
.aboutus .textAnimation .textArea2 .t1,
.aboutus .textAnimation .textArea2 .t2 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
}
.aboutus .textAnimation .textArea2 .txt-fill-line {
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	box-sizing: border-box;
}
.aboutus .textAnimation .textArea2 .txt-fill-line--head {
	font-family: pretendard, "Pretendard Variable", sans-serif;
	font-size: var(--font-size-52);
	font-weight: 500;
}
.aboutus .textAnimation .textArea2 .txt-fill-line--body {
	display: block;
	width: 100%;
	font-family: pretendard, "Pretendard Variable", sans-serif;
	font-size: var(--font-size-32);
	font-weight: 500;
}
.aboutus .textAnimation .textArea2 .txt-fill-line--body:first-child {
	margin-top: 0;
}
.aboutus .textAnimation .textArea2 .txt-fill-line__base {
	display: block;
	color: rgba(255, 255, 255, 0.5);
	word-break: keep-all;
	line-height: 1.5em;
}
.aboutus .textAnimation .textArea2 .txt-fill-line__over {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	color: #fff;
	white-space: pre-wrap;
	text-align: inherit;
	word-break: keep-all;
	pointer-events: none;
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0);
}
.aboutus .textAnimation .textArea2 .txt-fill-line--head .txt-fill-line__base,
.aboutus .textAnimation .textArea2 .txt-fill-line--head .txt-fill-line__over {
	white-space: nowrap;
}

.aboutus .textAnimation .textArea2 > .t1 {
	opacity: 1;
	visibility: inherit;
}
.aboutus .textAnimation .textArea2 > .t2 {
	opacity: 0;
	visibility: hidden;
	padding-top: 0;
}
.text-animation-at-top {
	opacity: 0;
}

.aboutus .sec1 {
	padding: 160px 0 200px;
	text-align: center;
}
.aboutus .sec1 img {
	margin-bottom: 86px;
	height: 79px;
}
.aboutus .sec1 p {
	margin-bottom: 35px;
	font-size: var(--font-size-22);
	line-height: 165%;
	color: #232323;
}
.aboutus .sec1 p:last-child {
	margin: 0;
}

.aboutus .history {
	overflow: visible;
	max-width: 1496px;
	margin: 0 auto;
	--history-tabs-h: 77px;
}
.aboutus .history .historyTabsArea {
	position: sticky;
	top: 0;
	z-index: 240;
	width: 100%;
	min-height: var(--history-tabs-h);
}
.aboutus .history .historyTabsArea ul[role="tablist"],
.aboutus .history .historyTabsArea ul {
	display: flex;
	gap: 16px;
	width: 100%;
	max-width: 1496px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	background: #fff;
}
.aboutus .history .historyTabsArea ul li {
	flex: 1;
}
.aboutus .history .historyTabsArea ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 77px;
	height: 77px;
	font-size: var(--font-size-22);
	color: #232323;
	text-align: center;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
}
.aboutus .history .historyTabsArea ul li.on a {
	background: #007e43;
	border-top: 1px solid #007e43;
	border-bottom: 1px solid #007e43;
	color: #fff;
}
.aboutus .history .historyConWrap {
	display: flex;
	align-items: stretch;
	flex-direction: row;
	margin: 160px 0;
	position: relative;
}
.aboutus .history .historyConWrap:before {
	display: block;
	content: "";
	width: 1px;
	height: calc(100% - 13px);
	background: #d9d9d9;
	position: absolute;
	left: 50%;
	top: 13px;
}
.aboutus .history .historyConWrap .line {
	width: 1px;
	height: calc(100% - 13px);
	background: #007e43;
	position: absolute;
	left: 50%;
	top: 13px;
	transform: scaleY(0);
	transform-origin: top;
	will-change: transform;
	z-index: 1;
	pointer-events: none;
}
.aboutus .history .historyConWrap .thisYear {
	/* 높이 = 오른쪽 연혁 열 전체여야 안쪽 sticky가 뷰포트에 유지됨 */
	align-self: stretch;
	display: flex;
	flex-direction: column;
	width: 50%;
	min-height: 0;
	font-family: "Pretendard Variable";
	font-size: var(--font-size-48);
	color: #000;
	font-weight: 500;
}
.aboutus .history .historyConWrap .thisYear #historyThisYearText,
.aboutus .history .historyConWrap .thisYear > div {
	position: sticky;
	align-self: flex-start;
	top: calc(var(--history-tabs-h) + 16px);
	left: 0;
	z-index: 50;
}
.aboutus .history .historyConWrap .historyEraStack {
	flex: 1 1 auto;
	width: 50%;
	min-width: 0;
	padding: 0 0 0 50px;
	box-sizing: border-box;
}
.aboutus .history .historyConWrap .historyEra {
	scroll-margin-top: calc(var(--history-tabs-h) + 24px);
}
.aboutus .history .historyConWrap .historyEra + .historyEra {
	margin-top: 96px;
}
.aboutus .history .historyConWrap .historyEra .con {
	width: 100%;
	padding: 0;
}
.aboutus .history .historyConWrap .historyEra .con > dl {
	position: relative;
	margin-bottom: 60px;
}
.aboutus .history .historyConWrap .historyEra .con > dl:before {
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	background: #d9d9d9;
	border-radius: 50%;
	position: absolute;
	left: -57px;
	top: 13px;
}
.aboutus .history .historyConWrap .historyEra .con > dl:after {
	display: block;
	content: "";
	width: 39px;
	height: 39px;
	background: #007e43;
	opacity: 0;
	border-radius: 50%;
	position: absolute;
	left: -69px;
	top: 2px;
}
.aboutus .history .historyConWrap .historyEra .con > dl.on:before {
	background: #007e43;
}
.aboutus .history .historyConWrap .historyEra .con > dl.on:after {
	opacity: 0.2;
}
.aboutus .history .historyConWrap .historyEra .con > dl.on > dt {
	color: #007e43;
}
.aboutus .history .historyConWrap .historyEra .con > dl:last-child {
	margin-bottom: 0;
}
.aboutus .history .historyConWrap .historyEra .con > dl > dt {
	font-family: "pretendard";
	font-size: var(--font-size-34);
	color: #1a1a1a;
	font-weight: 500;
}
.aboutus .history .historyConWrap .historyEra .con > dl > dd {
	margin-top: 30px;
}
.aboutus .history .historyConWrap .historyEra .con > dl > dd > ul > li {
	position: relative;
	padding-left: 14px;
	margin-bottom: 10px;
	font-family: Inter;
	font-size: var(--font-size-22);
	color: #232323;
	line-height: 150%;
}
.aboutus .history .historyConWrap .historyEra .con > dl > dd > ul > li.mainColor {
	color: #124035;
}
.aboutus .history .historyConWrap .historyEra .con > dl > dd > ul > li:last-child {
	margin: 0;
}
.aboutus .history .historyConWrap .historyEra .con > dl > dd > ul > li:before {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	background: #666;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 12px;
}
.aboutus .history .historyConWrap .historyEra .con > dl > dd > ul > li.mainColor::before {
	background: #124035;
}

/* 오시는 길 (피그마 2595:42926) */
.aboutus .location {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 160px 0;
	background: #f8f8f8;
	scroll-margin-top: 100px;
}
.aboutus .location__title {
	margin: 0 0 80px;
	padding: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-48);
	font-weight: 500;
	line-height: 1.3;
	color: #000;
}
.aboutus .location__inner {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: space-between;
	gap: 40px;
	width: 100%;
	max-width: 1496px;
	margin: 0 auto;
}
.aboutus .locationTabListWrap {
	flex: 0 0 606px;
	width: 606px;
	max-width: 100%;
	min-width: 0;
}
.aboutus .locationTabList {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	height: 594px;
}
.aboutus .locationTabList__item {
	flex: 1 1 0;
	display: flex;
	min-height: 0;
}
.aboutus .locationTab {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 32px 40px;
	border: none;
	border-bottom: 1px solid #9e9e9e;
	background: transparent;
	text-align: left;
	cursor: pointer;
	font: inherit;
	color: inherit;
	transition:
		background 0.2s ease,
		color 0.2s ease;
}
.aboutus .locationTabList__item:first-child .locationTab {
	border-top: 1px solid #9e9e9e;
}
.aboutus .locationTabList__item:last-child .locationTab {
	border-bottom: 1px solid #9e9e9e;
}
.aboutus .locationTab:focus-visible {
	outline: 2px solid #124035;
	outline-offset: 2px;
}
.aboutus .locationTab.is-active {
	background: #fff;
}
.aboutus .locationTab__title {
	display: block;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-28);
	font-weight: 400;
	line-height: 1.4;
	color: #666;
}
.aboutus .locationTab.is-active .locationTab__title {
	color: #1a1a1a;
	font-weight: 400;
}
.aboutus .locationTab__addr {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 20px;
}
.aboutus .locationTab__pin {
	flex-shrink: 0;
	line-height: 0;
	color: #9e9e9e;
	transition: color 0.2s ease;
}
.aboutus .locationTab.is-active .locationTab__pin {
	color: #007e43;
}
.aboutus .locationTab__pin svg {
	display: block;
	width: 32px;
	height: 32px;
}
.aboutus .locationTab__addrText {
	flex: 1;
	font-family: Inter, sans-serif;
	font-size: var(--font-size-22);
	font-weight: 400;
	line-height: 1.5;
	color: #888;
	word-break: keep-all;
}
.aboutus .locationTab.is-active .locationTab__addrText {
	color: #666;
}
.aboutus .locationMap {
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
	width: 850px;
	max-width: 100%;
	align-self: flex-start;
}
.aboutus .locationMap__frame {
	position: relative;
	width: 100%;
	max-width: 850px;
	margin: 0 0 0 auto;
	aspect-ratio: 850 / 594;
	overflow: hidden;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background: #ececec;
}
.aboutus .locationMap__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	vertical-align: top;
}
.aboutus .locationMap__gmap {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 56px;
	padding: 13px 24px;
	box-sizing: border-box;
	text-decoration: none;
	color: #124035;
	font-family: "Instrument Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.18px;
	text-transform: uppercase;
	line-height: 0.96;
	border: 1px solid #133e35;
	background: rgba(255, 255, 255, 0.35);
	-webkit-backdrop-filter: blur(9px);
	backdrop-filter: blur(9px);
	transition:
		background 0.2s ease,
		color 0.2s ease;
}
.aboutus .locationMap__gmap:hover {
	background: rgba(255, 255, 255, 0.55);
	color: #0d2d26;
}
.aboutus .locationMap__gmapIcon {
	line-height: 0;
	color: inherit;
}
.aboutus .locationMap__gmapIcon svg {
	display: block;
}

.page.organization {
}
.page.organization .sec1 {
	padding: 160px 0;
}
.page.organization .sec1 .secTit {
	margin-bottom: 100px;
	text-align: center;
	font-size: var(--font-size-48);
	font-weight: 500;
	line-height: 1.3em;
	color: #232323;
}
.page.organization .sec1 .img {
	text-align: center;
}
.page.organization .sec1 .img img {
	max-width: min(1346px, 100%);
}
.page.organization .sec2 {
	padding: 160px 0 250px;
	background: #f8f8f8;
}
.page.organization .sec2 .secTit {
	font-size: var(--font-size-48);
	font-weight: 500;
	color: #000;
	margin-bottom: 100px;
}
.page.organization .sec2 .conWrap {
}
.page.organization .sec2 .conWrap .con + .con {
	margin-top: 160px;
}
.page.organization .sec2 .conWrap .con {
	display: flex;
}
.page.organization .sec2 .conWrap .con .conTit {
	font-size: var(--font-size-32);
	font-weight: 500;
	color: #232323;
	width: 24%;
}
.page.organization .sec2 .conWrap .con .listWrap {
	width: 76%;
	display: flex;
	flex-wrap: wrap;
	gap: 100px 20px;
}
.page.organization .sec2 .conWrap .con .listWrap .list {
	width: calc((100% - 40px) / 3);
	border-top: 1px solid #000;
}
.page.organization .sec2 .conWrap .con .listWrap .list.blank {
	border-top: none;
}
.page.organization .sec2 .conWrap .con .listWrap .list .position {
	padding-top: 15px;
	font-family: "Inter";
	font-size: var(--font-size-22);
	color: #232323;
}
.page.organization .sec2 .conWrap .con .listWrap .list .position span {
	font-size: var(--font-size-18);
}
.page.organization .sec2 .conWrap .con .listWrap .list .mail {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
}
.page.organization .sec2 .conWrap .con .listWrap .list .mail img {
	flex-shrink: 0;
}
.page.organization .sec2 .conWrap .con .listWrap .list .mail span {
	font-size: var(--font-size-22);
	color: #666;
}
.page.organization .sec2 .conWrap .con .listWrap .list ul {
	margin-top: 40px;
}
.page.organization .sec2 .conWrap .con .listWrap .list li {
	position: relative;
	padding-left: 13px;
	font-family: "Inter";
	font-size: var(--font-size-22);
	line-height: 1.5em;
	color: #666;
}
.page.organization .sec2 .conWrap .con .listWrap .list li + li {
	margin-top: 5px;
}
.page.organization .sec2 .conWrap .con .listWrap .list li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #666;
}

/* 강릉국제아트페스티벌 gangneung (피그마 2785:12038) */
.page.gangneung {
	overflow: hidden;
	padding-bottom: 190px;
}
.gangneungSubVisual {
	margin-top: 100px;
}
.gangneungSubVisual__img {
	overflow: hidden;
	width: 100%;
	height: 580px;
	background: #000;
}
.gangneungSubVisual__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.9;
}
.gangneungSubVisual__cap {
	margin: 16px 0 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-16);
	line-height: 1.65;
	color: #666;
	word-break: keep-all;
}
.gangneungIntro {
	margin-top: 100px;
	padding: 0 4%;
}
.gangneungIntro__inner {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	min-height: 1011px;
	border-bottom: 1px solid #9e9e9e;
}
.gangneungIntro__left {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 0 1 890px;
	max-width: 49.44%;
	padding: 80px 60px 80px 0;
	border-top: 1px solid #9e9e9e;
}
.gangneungIntro__head {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.gangneungIntro__title {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-48);
	font-weight: 500;
	line-height: 1.3;
	color: #232323;
	word-break: keep-all;
}
.gangneungIntro__desc p {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	word-break: keep-all;
}
.gangneungIntro__desc p + p {
	margin-top: 0;
}
.gangneungIntro__photo {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
}
.gangneungIntro__photo iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.gangneungIntro__right {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex: 0 1 910px;
	max-width: 50.56%;
	border-left: 1px solid #9e9e9e;
}
.gangneungGiafRow {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 252.75px;
	padding: 32px 60px;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
}
.gangneungGiafRow:last-child {
	border-bottom: 0;
}
.gangneungGiafRow__word {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 12px;
	width: 350px;
}
.gangneungGiafRow__letter {
	width: 100px;
	font-family: "Instrument Sans", sans-serif;
	font-size: var(--font-size-130);
	font-weight: 500;
	line-height: 1.3;
	color: #007e43;
	text-align: center;
}
.gangneungGiafRow__rest {
	width: calc(100% - 100px);
	font-family: "Instrument Sans", sans-serif;
	font-size: var(--font-size-34);
	font-weight: 500;
	line-height: 1.3;
	color: #232323;
}
.gangneungGiafRow__desc {
	flex: 1 1 auto;
	width: calc(100% - 350px);
}
.gangneungGiafRow__desc p {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	word-break: keep-all;
}
.gangneungHistory {
	padding: 160px 0;
}
.gangneungHistory .innerWrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 100px;
}
.gangneungHistory__text {
	max-width: 100%;
	text-align: center;
}
.gangneungHistory__text p {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	word-break: keep-all;
}
.gangneungHistory__links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 40px;
}
.gangneungHistory__links li {
	width: 370px;
}
.gangneungHistory__links li a {
	display: inline-flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	padding: 16px 17px;
	margin-top: 30px;
	border: 1px solid #133e35;
	color: #124035;
	font-size: var(--font-size-18);
	font-weight: 500;
	transition: all 0.3s;
}
.gangneungHistory__links li a:hover {
	background: #133e35;
	color: #fff;
	transition: all 0.3s;
}
.gangneungHistory__links li a:hover svg path {
	stroke: #fff;
}

.gangneungHistory__btnArr {
	display: block;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	background: url(/images/page/gangneung_icon_arrow.svg) no-repeat center / contain;
}
.gangneungArtist {
	padding: 0 60px;
}
.gangneungArtist__inner {
	display: flex;
	align-items: stretch;
	min-height: 255px;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
}
.gangneungArtist__title {
	box-sizing: border-box;
	width: 50%;
	padding: 60px 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-48);
	font-weight: 500;
	line-height: 1.3;
	color: #232323;
	word-break: keep-all;
}
.gangneungArtist__desc {
	box-sizing: border-box;
	width: 50%;
	padding: 60px 0 60px 60px;
	border-left: 1px solid #9e9e9e;
}
.gangneungArtist__desc p {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	word-break: keep-all;
}

.cooperation {
}
.cooperation .sec1 {
	padding: 120px 0 200px;
}
.cooperation .sec1 .conWrap {
	display: flex;
	gap: 150px;
}
.cooperation .sec1 .conWrap .subListFilter {
	width: 300px;
	flex-shrink: 0;
}
.cooperation .sec1 .conWrap .subListFilter__trigger {
	display: none;
}
.cooperation .sec1 .conWrap .subList {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
.cooperation .sec1 .conWrap .subList li {
}
.cooperation .sec1 .conWrap .subList li a {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 16px 0;
	font-size: var(--font-size-18);
	border-bottom: 1px solid #9e9e9e;
}
.cooperation .sec1 .conWrap .subList li span {
	width: calc(100% - 24px);
}
.cooperation .sec1 .conWrap .subList li svg {
	width: 24px;
}
.cooperation .sec1 .conWrap .subList li a:hover {
	color: #007e43;
	border-bottom: 1px solid #007e43;
}
.cooperation .sec1 .conWrap .subList li a:hover svg path {
	stroke: #007e43;
}

.cooperation .sec1 .conWrap .list {
	width: calc(100% - 300px - 150px);
	display: flex;
	flex-wrap: wrap;
	gap: 100px 40px;
}
.cooperation .sec1 .conWrap .list li {
	width: calc((100% - 80px) / 3);
}
.cooperation .sec1 .conWrap .list li .thumb {
	width: 100%;
}
.cooperation .sec1 .conWrap .list li .thumb img {
	width: 100%;
}
.cooperation .sec1 .conWrap .list li .tit {
	margin-top: 20px;
	font-size: var(--font-size-28);
	font-weight: 500;
	line-height: 1.3em;
	color: #232323;
}

.cooperation_view {
	overflow: hidden;
	padding: 0 0 150px;
}
.cooperation_view .sec1 {
}
.cooperation_view .sec1 .title {
	font-size: var(--font-size-52);
	font-weight: 500;
	line-height: 1.3em;
	color: #232323;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.cooperation_view .sec1 .swiper1 {
	padding-bottom: 70px;
	margin-top: 100px;
}
.cooperation_view .sec1 .swiper1 .swiper-wrapper {
	align-items: center;
}
.cooperation_view .sec1 .swiper1 .swiper-slide {
	position: relative;
	width: 710px;
	text-align: center;
}
.cooperation_view .sec1 .swiper1 .swiper-slide .thumb {
	width: 100%;
}
.cooperation_view .sec1 .swiper1 .swiper-slide .thumb img {
	width: 100%;
}
.cooperation_view .sec1 .swiper1 .swiper-slide .source {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	font-size: var(--font-size-16);
	color: #9e9e9e;
}
.cooperation_view .sec1 .swiper1 .swiper-slide:not(.swiper-slide-active) {
	opacity: 0.15;
}
.cooperation_view .sec1 .swiper1 .swiper-slide:not(.swiper-slide-active) .source {
	opacity: 0;
}
.cooperation_view .sec1 .swiper1.is-single .swiper-slide {
	opacity: 1;
}
.cooperation_view .sec1 .swiper1.is-single .swiper-slide .source {
	opacity: 1;
}
.cooperation_view .sec1 .swiper1 .ctr {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	display: flex;
	gap: 800px;
}
.cooperation_view .sec1 .swiper1 .ctr .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 55px;
	height: 55px;
	border: 1px solid #133e35;
	cursor: pointer;
}
.cooperation_view .sec1 .swiper1 .ctr .btn.prev svg {
	transform: rotate(-90deg);
}
.cooperation_view .sec1 .swiper1 .ctr .btn.next svg {
	transform: rotate(90deg);
}
.cooperation_view .sec1 .inner {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.cooperation_view .sec1 .inner .slogan {
	margin-top: 70px;
	text-align: center;
	font-size: var(--font-size-24);
	line-height: 1.65em;
	color: #133e35;
}
.cooperation_view .sec1 .inner .txtWrap {
	margin-top: 70px;
	padding-top: 70px;
	border-top: 1px solid #ccc;
}
.cooperation_view .sec1 .inner .txtWrap p {
	font-size: var(--font-size-22);
	line-height: 1.65em;
	color: #232323;
}
.cooperation_view .sec1 .inner .txtWrap .down {
	margin-top: 60px;
	display: flex;
	justify-content: center;
	gap: 10px;
}
.cooperation_view .sec1 .inner .txtWrap .down li {
	width: 235px;
	height: 55px;
}
.cooperation_view .sec1 .inner .txtWrap .down li a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 100%;
	height: 100%;
	border: 1px solid #124035;
	transition: all 0.3s;
}

.cooperation_view .sec1 .inner .txtWrap .down li a span {
	text-transform: uppercase;
	font-size: var(--font-size-18);
	font-weight: 500;
	color: #124035;
	transition: all 0.3s;
}
.cooperation_view .sec1 .inner .txtWrap .down li a:hover {
	background: #124035;
	color: #fff;
}
.cooperation_view .sec1 .inner .txtWrap .down li a:hover span {
	color: #fff;
}
.cooperation_view .sec1 .inner .txtWrap .down li a svg path {
	transition: all 0.3s;
}
.cooperation_view .sec1 .inner .txtWrap .down li a:hover svg path {
	stroke: #fff;
}

.cooperation_view .sec1 .inner .cooperationTpl {
	margin-top: 130px;
}
.cooperation_view .sec1 .inner .cooperationTpl--1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 130px;
}
.cooperation_view .sec1 .inner .cooperationTpl__poster {
	width: 100%;
	max-width: 1191px;
	aspect-ratio: 1191 / 645;
	background: #d9d9d9;
	overflow: hidden;
}
.cooperation_view .sec1 .inner .cooperationTpl__poster img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cooperation_view .sec1 .inner .cooperationTpl__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 60px;
	width: 100%;
	max-width: 1191px;
}
.cooperation_view .sec1 .inner .cooperationTpl__infoTit {
	margin: 0;
	font-size: var(--font-size-32);
	font-weight: 500;
	line-height: 1.65;
	color: #232323;
	text-align: center;
}
.cooperation_view .sec1 .inner .cooperationTpl__meta {
	display: grid;
	grid-template-columns: 132px 1fr;
	column-gap: 40px;
	row-gap: 0;
	margin: 0;
	width: 100%;
}
.cooperation_view .sec1 .inner .cooperationTpl__meta dt {
	font-size: var(--font-size-22);
	font-weight: 500;
	line-height: 1.85;
	color: #007e43;
}
.cooperation_view .sec1 .inner .cooperationTpl__meta dd {
	margin: 0;
	font-size: var(--font-size-22);
	font-weight: 400;
	line-height: 1.85;
	color: #232323;
}
.cooperation_view .sec1 .inner .cooperationTpl__cv {
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	padding: 60px 0;
}
.cooperation_view .sec1 .inner .cooperationTpl__cvTit {
	margin: 0 0 60px;
	font-size: var(--font-size-32);
	font-weight: 500;
	line-height: 1.65;
	color: #232323;
}
.cooperation_view .sec1 .inner .cooperationTpl__cvSection + .cooperationTpl__cvSection {
	margin-top: 60px;
}
.cooperation_view .sec1 .inner .cooperationTpl__cvSubTit {
	margin: 0 0 40px;
	font-size: var(--font-size-28);
	font-weight: 500;
	line-height: 1.65;
	color: #232323;
}
.cooperation_view .sec1 .inner .cooperationTpl__cvList {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.cooperation_view .sec1 .inner .cooperationTpl__cvRow {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}
.cooperation_view .sec1 .inner .cooperationTpl__cvYear {
	flex: 0 0 113px;
	font-size: var(--font-size-22);
	font-weight: 500;
	line-height: 1.5;
	color: #007e43;
}
.cooperation_view .sec1 .inner .cooperationTpl__cvCont p {
	margin: 0;
	font-size: var(--font-size-22);
	line-height: 1.5;
	color: #232323;
}

.cooperation_view .sec1 .inner .homePage {
	margin-top: 130px;
	padding: 24px 40px;
	background: #f8f8f8;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cooperation_view .sec1 .inner .homePage dl {
	display: flex;
	align-items: center;
}
.cooperation_view .sec1 .inner .homePage dl dt {
	position: relative;
	padding-right: 50px;
	flex-shrink: 0;
	font-size: var(--font-size-22);
	color: #232323;
}
.cooperation_view .sec1 .inner .homePage dl dt img {
	margin-right: 10px;
}
.cooperation_view .sec1 .inner .homePage dl dt:after {
	content: "";
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 21px;
	background: #ccc;
}
.cooperation_view .sec1 .inner .homePage dl dd {
}
.cooperation_view .sec1 .inner .homePage dl dd a {
	font-size: var(--font-size-22);
	line-height: 1.5em;
	color: #5e5e5e;
}

.cooperation_view .sec1 .inner .homePage .arr {
	flex-shrink: 0;
}
.cooperation_view .sec1 .inner .listBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	width: 150px;
	height: 65px;
	border: 1px solid #133e35;
	margin: 150px auto 0;
	transition: all 0.3s;
}
.cooperation_view .sec1 .inner .listBtn span {
	font-size: var(--font-size-22);
	font-weight: 500;
	color: #124035;
	transition: all 0.3s;
}
.cooperation_view .sec1 .inner .listBtn .line {
}
.cooperation_view .sec1 .inner .listBtn .line div {
	display: block;
	width: 16px;
	height: 2px;
	background: #133e35;
	transition: all 0.3s;
}
.cooperation_view .sec1 .inner .listBtn .line div + div {
	margin-top: 4px;
}
.cooperation_view .sec1 .inner .listBtn:hover {
	background: #133e35;
}
.cooperation_view .sec1 .inner .listBtn:hover span {
	color: #fff;
}
.cooperation_view .sec1 .inner .listBtn:hover .line div {
	background: #fff;
}

/* 인온 inon (피그마 2874:20327) */
body.page-sub:has(.page.inon) #contents {
	padding-top: 0;
}
body.page-sub:has(.page.inon):not(.all-menu-open) #header:not(.scroll) {
	background: transparent;
	box-shadow: none;
}
body.page-sub:has(.page.inon):not(.all-menu-open) #header:not(.scroll) .site-header__logo {
	background-image: url(/images/common/logo1.png);
}
body.page-sub:has(.page.inon):not(.all-menu-open) #header:not(.scroll) .site-header__nav a {
	color: #fff;
}
body.page-sub:has(.page.inon):not(.all-menu-open) #header:not(.scroll) .site-header__nav a:hover {
	color: #fff;
	opacity: 0.82;
}
body.page-sub:has(.page.inon):not(.all-menu-open) #header:not(.scroll) .site-header__lang {
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
}
body.page-sub:has(.page.inon):not(.all-menu-open) #header:not(.scroll) .site-header__grid-dot {
	background: #fff;
}
.page.inon {
	overflow: hidden;
	padding-bottom: 190px;
}
.inonHero {
	position: relative;
	height: 100vh;
	background: #000;
}
.inonHero__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}
.inonHero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.inonHero__shade {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 32.041%, rgba(0, 0, 0, 0) 72.602%);
}
.inonHero__inner {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 778px;
	max-width: calc(100% - 120px);
	text-align: center;
	color: #fff;
	transform: translate(-50%, -50%);
}
.inonHero__title {
	margin: 0;
	font-family: "Instrument Sans", sans-serif;
	font-size: 78px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -1.56px;
	color: #fff;
}
.inonHero__lead {
}
.inonHero__lead p {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #fff;
}
.inonContent {
	padding: 160px 0 0;
}
.inonContent__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1800px;
}
.inonContent__figure {
	width: 739px;
	margin: 0;
}
.inonContent__figure img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.inonContent__body {
	width: calc(100% - 739px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px;
	padding: 0 4% 0 8%;
}
.inonContent__desc {
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	text-align: justify;
	word-break: keep-all;
}
.inonContent__desc p {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	text-align: justify;
	word-break: keep-all;
}
.inonContent__descGap {
	line-height: 1.65;
}
.inonContent__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-sizing: border-box;
	height: 56px;
	padding: 13px 24px;
	border: 1px solid #133e35;
	font-family: "Instrument Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 0.96;
	letter-spacing: -0.18px;
	text-transform: uppercase;
	color: #124035;
	transition: all 0.3s;
}
.inonContent__link:hover {
	background: #124035;
	color: #fff;
}
.inonContent__link svg path {
	transition: all 0.3s;
}
.inonContent__link:hover svg path {
	stroke: #fff;
}

/* 교육 education (피그마 2785:12315) */
.page.education {
	overflow: hidden;
	padding-bottom: 190px;
}
.educationIntro {
	padding: 80px 0 0;
	margin: 0 auto;
}
.educationIntro__inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 60px;
}
.educationIntro__text {
	flex: 0 1 888px;
	max-width: 49.33%;
}
.educationIntro__title {
	margin: 0 0 40px;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-48);
	font-weight: 500;
	line-height: 1.3;
	color: #232323;
	word-break: keep-all;
}
.educationIntro__desc {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	word-break: keep-all;
}
.educationIntro__photo {
	flex: 0 0 734px;
	max-width: 40.78%;
}
.educationIntro__photo img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}
.educationTerms {
	padding: 200px 60px 0;
}
.educationTerms__list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #9e9e9e;
}
.educationTerm {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	min-height: 260px;
	padding: 0 60px;
	border-bottom: 1px solid #9e9e9e;
	transition: background-color 0.35s ease;
}
.educationTerm:hover {
	background: #ced8c4;
}
.educationTerm__left {
	display: flex;
	align-items: flex-start;
	flex-shrink: 0;
	gap: 10px;
	width: 315px;
}
.educationTerm__num {
	font-family: "Instrument Sans", sans-serif;
	font-size: 150px;
	font-weight: 500;
	line-height: 160px;
	/* width: 187px; */
	color: transparent;
	-webkit-text-stroke: 1px #232323;
	transition:
		color 0.35s ease,
		-webkit-text-stroke 0.35s ease;
}
.educationTerm:hover .educationTerm__num {
	color: #007e43;
	-webkit-text-stroke: 0;
}
.educationTerm__label {
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: 26px;
	line-height: 36px;
	color: #232323;
	transition: color 0.35s ease;
}
.educationTerm:hover .educationTerm__label {
	color: #047e45;
}
.educationTerm__right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 60px;
	flex: 1 1 auto;
	min-width: 0;
}
.educationTerm__tit {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: 36px;
	line-height: 1.65;
	color: #232323;
	text-align: right;
	word-break: keep-all;
	font-size: var(--font-size-36);
}
.educationTerm__tit--single {
	white-space: nowrap;
}
.educationTerm__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	gap: 10px;
	box-sizing: border-box;
	min-height: 56px;
	padding: 13px 24px;
	border: 1px solid #133e35;
	background: transparent;
	font-family: "Instrument Sans", sans-serif;
	font-size: var(--font-size-18);
	font-weight: 500;
	line-height: 0.96;
	letter-spacing: -0.18px;
	text-transform: uppercase;
	color: #124035;
	white-space: nowrap;
	transition:
		background-color 0.35s ease,
		border-color 0.35s ease,
		color 0.35s ease;
}
.educationTerm:hover .educationTerm__btn {
	background: #133e35;
	border-color: #133e35;
	color: #fff;
}
.educationTerm__btnArr {
	display: block;
	width: 24px;
	height: 24px;
	background: url(/images/page/gangneung_icon_arrow.svg) no-repeat center / contain;
	transition: background-image 0.35s ease;
}
.educationTerm:hover .educationTerm__btnArr {
	background-image: url(/images/page/education_icon_arrow_white.svg);
}

/* 후원안내 sponsorship (피그마 2711:23733) */
.sponsorship {
	overflow: hidden;
	padding: 0 0 190px;
}
.sponsorshipIntro {
	text-align: center;
	padding: 100px 0;
}
.sponsorshipIntro__logo {
	margin-bottom: 86px;
}
.sponsorshipIntro__logo img {
	display: inline-block;
	vertical-align: top;
	height: 79px;
	width: auto;
	max-width: 100%;
}
.sponsorshipIntro__text {
	max-width: 1648px;
	margin: 0 auto;
}
.sponsorshipIntro__text p {
	margin: 0 0 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	word-break: keep-all;
}
.sponsorshipIntro__text p + p {
	margin-top: 0;
}
.sponsorshipDonation {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
}
.sponsorshipDonation__col {
	box-sizing: border-box;
	flex: 1 1 50%;
	min-width: 280px;
	padding: 60px;
}
.sponsorshipDonation__col--contact {
	border-left: 1px solid #9e9e9e;
}
.sponsorshipDonation__title {
	margin: 0 0 60px;
	font-family: "Instrument Sans", sans-serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.72px;
	color: #124035;
}
.sponsorshipDonation__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.sponsorshipDonation__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 10px;
	background: #007e43;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: 16px;
	line-height: 1.65;
	color: #fff;
}
.sponsorshipDonation__account {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 1.65;
	color: #124035;
}
.sponsorshipDonation__holder {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #124035;
}
.sponsorshipDonation__contactList {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
}
.sponsorshipDonation__contactItem {
	display: flex;
	align-items: center;
	gap: 6px;
}
.sponsorshipDonation__ico {
	flex-shrink: 0;
	line-height: 0;
	color: #124035;
}
.sponsorshipDonation__ico img {
	width: 28px;
}
.sponsorshipDonation__txt {
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.4;
	color: #124035;
	word-break: break-all;
}

/* 출판 */
.list1 {
	overflow: hidden;
	padding: 0 0 190px;
}
.list1 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	row-gap: 80px;
	margin-top: 100px;
}
.list1 ul li {
	width: calc((100% - 24px * 2) / 3);
}
.list1 ul li .thumb img {
	width: 100%;
}
.list1 ul li .tit {
	margin-top: 32px;
	font-size: var(--font-size-24);
	color: #232323;
}

/* 출판 상세 publishingView (피그마 2874:20294) */
.page.publishingView {
	padding: 0 0 190px;
}
.publishingView__head {
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	padding: 0 0 40px;
	border-bottom: 1px solid #9e9e9e;
}
.publishingView__tit {
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-52);
	font-weight: 500;
	line-height: 1.3;
	color: #232323;
}
.publishingView__body {
	width: calc(100% - 120px);
	max-width: 1800px;
	margin: 100px auto 0;
}
.publishingView__inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 132px;
}
.publishingView__gallery {
	flex: 0 0 758px;
	width: 758px;
}
.publishingView__swiper {
	overflow: visible;
}
.publishingView__swiper .swiper-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
	transform: none !important;
}
.publishingView__swiper .swiper-slide {
	width: 100% !important;
	height: auto !important;
}
.publishingView__controls {
	display: none;
}
.publishingView__pagination {
	display: none;
}
.publishingView__figure {
	margin: 0;
	width: 100%;
	cursor: pointer;
}
.publishingView__figure img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 584 / 388;
	object-fit: cover;
}
.publishingView__info {
	flex: 0 0 910px;
	width: 910px;
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.publishingView__buyRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	width: 100%;
}
.publishingView__price {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	flex-shrink: 0;
}
.publishingView__priceLabel {
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #007e43;
}
.publishingView__priceValue {
	margin-bottom: -5px;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
}
.publishingView__priceValue strong {
	font-size: var(--font-size-36);
	font-weight: 500;
	letter-spacing: -0.72px;
}
.publishingView__buyBtn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	max-width: 223px;
	box-sizing: border-box;
	padding: 18px 32px;
	border: 1px solid #133e35;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	font-weight: 500;
	line-height: 0.96;
	letter-spacing: -0.22px;
	color: #124035;
	transition: all 0.3s;
}
.publishingView__buyBtn:hover {
	background: #124035;
	color: #fff;
}
.publishingView__buyBtn svg path {
	transition: all 0.3s;
}
.publishingView__buyBtn:hover svg path {
	stroke: #fff;
}

.publishingView__desc {
	padding: 60px 0;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	text-align: justify;
	word-break: keep-all;
}
.publishingView__desc p {
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	text-align: justify;
	word-break: keep-all;
}
.publishingView__descGap {
	line-height: 1.65;
}
.publishingView__meta {
	display: flex;
	flex-direction: column;
	gap: 38px;
	padding-bottom: 60px;
}
.publishingView__metaItem {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.publishingView__metaLabel {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #9e9e9e;
	font-weight: 500;
	color: #232323;
}
.publishingView__metaValue {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #666;
	word-break: keep-all;
}
.publishingView__metaValue p {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #666;
	word-break: keep-all;
}
.publishingView__metaGap {
	line-height: 1.65;
}
.publishingView__listWrap {
	margin-top: 100px;
	text-align: center;
}
.publishinglistBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	width: 150px;
	height: 65px;
	border: 1px solid #133e35;
	margin: 150px auto 0;
	transition: all 0.3s;
}
.publishinglistBtn span {
	font-size: var(--font-size-22);
	font-weight: 500;
	color: #124035;
	transition: all 0.3s;
}
.publishinglistBtn .line {
}
.publishinglistBtn .line div {
	display: block;
	width: 16px;
	height: 2px;
	background: #133e35;
	transition: all 0.3s;
}
.publishinglistBtn .line div + div {
	margin-top: 4px;
}
.publishinglistBtn:hover {
	background: #133e35;
}
.publishinglistBtn:hover span {
	color: #fff;
}
.publishinglistBtn:hover .line div {
	background: #fff;
}
.publisingPop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1500;
	display: none;
}
.publisingPop .swiper1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 1200px;
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1502;
}
.publisingPop .swiper1 .swiper-slide {
	width: 100%;
}
.publisingPop .btns .btn {
	position: absolute;
	width: 70px;
	height: 70px;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
	cursor: pointer;
	z-index: 1502;
}
.publisingPop .btns .btn.prev {
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
}
.publisingPop .btns .btn.next {
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}
.publisingPop .btns .btn:hover {
	background: rgba(255, 255, 255, 0.2);
}
.publisingPop .dim {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.58);
	z-index: 1501;
}

/* paging */
.paging {
	margin-top: 85px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: center;
}
.paging a {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 56px;
	height: 56px;
	font-family: "Pretendard";
	color: #9e9e9e;
	font-size: 18px;
	line-height: 54px;
}
.paging strong {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
	width: 56px;
	height: 56px;
	font-family: "Pretendard";
	color: #007e43;
	font-size: 18px;
	line-height: 54px;
	font-weight: 400;
}
.paging strong:after {
	display: block;
	content: "";
	width: 9px;
	height: 2px;
	background: #007e43;
	position: absolute;
	left: 50%;
	top: 40px;
	transform: translateX(-50%);
}
.paging .page_begin {
	background: url(/images/common/page_begin.png) no-repeat center / 22px;
	border: 1px solid #ccc;
}
.paging .page_prev {
	background: url(/images/common/page_prev.png) no-repeat center / 22px;
	border: 1px solid #ccc;
}
.paging .page_next {
	background: url(/images/common/page_next.png) no-repeat center / 22px;
	border: 1px solid #ccc;
}
.paging .page_end {
	background: url(/images/common/page_end.png) no-repeat center / 22px;
	border: 1px solid #ccc;
}

/* author */
.authorTabs ul {
	display: flex;
	gap: 16px;
}
.authorTabs ul li {
	flex: 1;
}
.authorTabs ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 77px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: var(--font-size-22);
	color: #232323;
	text-align: center;
}
.authorTabs ul li.on a {
	background: #007e43;
	color: #fff;
	font-weight: 500;
}
.list2 {
	margin-top: 100px;
	padding: 0 0 190px;
}
.list2 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	row-gap: 100px;
}
.list2 ul li {
	position: relative;
	width: calc((100% - 20px * 4) / 5);
	padding-bottom: 24px;
	border-bottom: 1px solid #dfdfdf;
}
.list2 ul li:after {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #007e43;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transition: all 0.4s;
}
.list2 ul li:hover:after {
	transform: scaleX(1);
}
.list2 ul li .thumb {
	overflow: hidden;
}
.list2 ul li .thumb img {
	width: 100%;
}
.list2 ul li .nameKr {
	margin: 24px 0 3px;
	font-family: Inter;
	font-size: var(--font-size-22);
	color: #232323;
	font-weight: 500;
}
.list2 ul li .nameEn {
	font-family: Inter;
	font-size: var(--font-size-22);
	color: #666;
}

/* notice */
.list3 {
	margin-top: 100px;
	padding: 0 0 190px;
}

.subscribe {
	margin: 0 0 130px;
	padding-bottom: 130px;
	border-bottom: 1px solid #9e9e9e;
	text-align: center;
}
.subscribe p {
	font-size: var(--font-size-48);
	font-weight: 500;
	line-height: 1.3em;
	color: #232323;
}
.subscribe button {
	padding: 15px 40px;
	border: none;
	outline: none;
	background: #133e35;
	color: #fff;
	font-size: var(--font-size-22);
	margin-top: 80px;
}

.bbsTop {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 40px;
}
.bbsTop .total {
	font-size: var(--font-size-18);
	color: #232323;
}
.bbsTop .total span {
	color: #007e43;
}
.bbsTop .sortArea {
	display: flex;
	align-items: center;
	gap: 16px;
}
.bbsTop .sortArea select {
	width: 170px;
	height: 56px;
	border: 1px solid #dfdfdf;
	padding: 0 18px;
	appearance: none;
	background: url(/images/page/sel_arr.png) no-repeat calc(100% - 18px) center / 22px;
	outline: 0;
	font-size: var(--font-size-18);
	color: #232323;
}
.bbsTop .sortArea > div {
	display: flex;
}
.bbsTop .sortArea > div input {
	box-sizing: border-box;
	max-width: 325px;
	min-width: 325px;
	height: 56px;
	padding: 0 18px;
	border: 1px solid #dfdfdf;
	outline: 0;
	font-size: var(--font-size-18);
	color: #232323;
}
.bbsTop .sortArea > div button {
	width: 124px;
	height: 56px;
	background: #133e35;
	border: 0;
	outline: 0;
	font-size: var(--font-size-18);
	color: #fff;
}

.list3 .list > ul {
	border-top: 1px solid #dfdfdf;
}
.list3 .list > ul > li {
	display: flex;
	align-items: center;
	padding: 32px 0;
	border-bottom: 1px solid #dfdfdf;
}
.list3 .list > ul > li:hover {
	background: #f8f8f8;
}
.list3 .list > ul > li .num {
	width: 150px;
	font-size: var(--font-size-18);
	color: #9e9e9e;
	text-align: center;
}
.list3 .list > ul > li .num span {
	display: inline-block;
	width: 67px;
	height: 26px;
	background: #007e43;
	font-size: var(--font-size-16);
	color: #fff;
	text-align: center;
	line-height: 26px;
}
.list3 .list > ul > li .tit {
	width: calc(100% - 150px - 340px);
	text-align: left;
}
.list3 .list > ul > li .tit a {
	font-size: var(--font-size-22);
	color: #232323;
}
.list3 .list > ul > li .writer {
	width: 170px;
	font-size: var(--font-size-18);
	color: #9e9e9e;
	text-align: center;
}
.list3 .list > ul > li .date {
	width: 170px;
	font-size: var(--font-size-18);
	color: #9e9e9e;
	text-align: center;
}

/* newsletter (피그마 2874:19141) */
.page.list3.newsletter {
	margin-top: 0;
}
.newsletterIntro {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 46px;
	padding: 130px 0;
	margin-bottom: 80px;
	border-bottom: 1px solid #dfdfdf;
}
.newsletterIntro__tit {
	font-family: "Instrument Sans", sans-serif;
	font-size: var(--font-size-48);
	font-weight: 500;
	color: #232323;
	text-align: center;
	line-height: 1.3;
}
.newsletterIntro__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 66px;
	background: #133e35;
	font-size: var(--font-size-18);
	color: #fff;
}
.newsletterIntro__btn:hover {
	color: #fff;
}
.page.list3.newsletter .list > ul > li {
	gap: 40px;
	padding: 32px 40px;
}
.page.list3.newsletter .list > ul > li:hover {
	background: #f8f8f8;
}
.page.list3.newsletter .list > ul > li .num {
	flex: 0 0 67px;
	width: 67px;
	color: #666;
	text-align: left;
}
.page.list3.newsletter .list > ul > li .tit {
	flex: 1;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	min-width: 0;
}
.page.list3.newsletter .list > ul > li .tit > a {
	flex: 1;
	min-width: 0;
}
.page.list3.newsletter .list > ul > li .bbsMeta {
	display: flex;
	align-items: center;
	gap: 46px;
	flex-shrink: 0;
}
.page.list3.newsletter .list > ul > li .bbsMeta .writer,
.page.list3.newsletter .list > ul > li .bbsMeta .date {
	grid-area: unset;
	margin-left: 0;
}

/* 교육 상세 educationView (피그마 2785:12572) */
.page.educationView {
	overflow: hidden;
	padding-bottom: 190px;
}
.educationView__head {
	border-bottom: 1px solid #9e9e9e;
}
.educationView__tit {
	margin: 0;
	padding-bottom: 60px;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-52);
	font-weight: 500;
	line-height: 1.3;
	color: #232323;
	word-break: keep-all;
}
.educationView__body {
	padding: 100px 3% 0;
}
.educationView__intro {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	word-break: keep-all;
}
.educationView__galleries {
	margin-top: 160px;
	background: #f8f8f8;
}
.educationView__gallery {
	overflow: hidden;
}
.educationView__gallery--practice {
	padding: 100px 0 0 0;
}
.educationView__gallery--school {
	padding: 100px 0 100px 0;
}
.educationView__galleryTit {
	margin: 0 0 60px;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-48);
	font-weight: 500;
	line-height: 1.65;
	color: #232323;
}
.educationView__slider {
	position: relative;
}
.educationView__swiper {
	overflow: visible;
}
.educationView__swiper .swiper-wrapper {
	align-items: flex-start;
}
.educationView__slide {
	width: 720px;
	height: 540px;
}
.educationView__slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
}
.educationView__controls {
	display: flex;
	align-items: center;
	gap: 32px;
	margin-top: 60px;
	max-width: 1800px;
}
.educationView__line {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	height: 2px;
	background: #9e9e9e;
	overflow: hidden;
}
.educationView__lineFill {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #007e43;
	transition: width 0.45s ease;
}
.educationView__nav {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.educationView__prev,
.educationView__next {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 56px;
	height: 56px;
	padding: 16px;
	border: 1px solid #133e35;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s;
}
.educationView__prev:hover,
.educationView__next:hover {
	background: #133e35;
}
.educationView__prev svg path,
.educationView__next svg path {
	transition: all 0.3s;
}
.educationView__prev:hover svg path,
.educationView__next:hover svg path {
	stroke: #fff;
}
.educationView .listBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	width: 150px;
	height: 65px;
	border: 1px solid #133e35;
	margin: 150px auto 0;
	transition: all 0.3s;
}
.educationView .listBtn span {
	font-size: var(--font-size-22);
	font-weight: 500;
	color: #124035;
	transition: all 0.3s;
}
.educationView .listBtn .line {
}
.educationView .listBtn .line div {
	display: block;
	width: 16px;
	height: 2px;
	background: #133e35;
	transition: all 0.3s;
}
.educationView .listBtn .line div + div {
	margin-top: 4px;
}
.educationView .listBtn:hover {
	background: #133e35;
}
.educationView .listBtn:hover span {
	color: #fff;
}
.educationView .listBtn:hover .line div {
	background: #fff;
}

/* 교육 상세 2학기 educationView--v2 (피그마 2785:12841) */
.educationView--v2 .educationView__head {
}
.educationView__posterWrap {
	display: flex;
	justify-content: center;
	padding: 0 60px;
	margin-top: 100px;
}
.educationView__posterWrap img {
	display: block;
	width: 538px;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.educationView__main {
	max-width: 1200px;
	margin: 100px auto 0;
	padding: 0 4%;
}
.educationView--v2 .educationView__body {
	padding: 0;
}
.educationView__intro--center {
	margin: 0 auto;
	text-align: left;
}
.educationView__intro--center p {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	word-break: keep-all;
}
.educationView__downloads {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding-top: 60px;
}
.educationView__downloadBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-sizing: border-box;
	min-height: 56px;
	padding: 13px 24px;
	border: 1px solid #133e35;
	font-family: "Instrument Sans", sans-serif;
	font-size: var(--font-size-18);
	font-weight: 500;
	line-height: 0.96;
	letter-spacing: -0.18px;
	text-transform: uppercase;
	color: #124035;
	white-space: nowrap;
	transition: all 0.3s;
}
.educationView__downloadBtn:hover {
	color: #fff;
	background: #124035;
}
.educationView__downloadBtn svg path {
	transition: all 0.3s;
}
.educationView__downloadBtn:hover svg path {
	stroke: #fff;
}
.educationView__downloadIco {
	display: block;
	width: 28px;
	height: 28px;
	background: url(/images/page/education_view2_icon_download.svg) no-repeat center / contain;
}
.educationView__section {
	margin-top: 160px;
}
.educationView__sectionInner {
	width: 94%;
	max-width: 1496px;
	margin: 0 auto;
}
.educationView__sectionTit {
	margin: 0 0 60px;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-48);
	font-weight: 500;
	line-height: 1.65;
	color: #232323;
}
.educationView__instructorList {
	display: flex;
	flex-direction: column;
}
.educationView__instructorRow {
	display: flex;
	align-items: stretch;
}
.educationView__instructorPhoto {
	box-sizing: border-box;
	flex: 0 0 586px;
	padding: 60px;
	border-top: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
}
.educationView__instructorName {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-32);
	line-height: 1.65;
	color: #232323;
}
.educationView__instructorPhoto img {
	display: block;
	width: 100%;
	max-width: 466px;
	height: auto;
	vertical-align: top;
}
.educationView__instructorDesc {
	box-sizing: border-box;
	flex: 1 1 auto;
	min-width: 0;
	padding: 140px 70px 40px 60px;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
}
.educationView__instructorDesc p {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #232323;
	word-break: keep-all;
}
.educationView__instructorRow + .educationView__instructorRow .educationView__instructorPhoto,
.educationView__instructorRow + .educationView__instructorRow .educationView__instructorDesc {
	border-top: 0;
}
.educationView__activityGrid {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}
.educationView__activityRow {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 24px;
}
.educationView__activity {
	width: calc((100% - 24px * 2) / 3);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #9e9e9e;
	transition: border-color 0.35s ease;
	cursor: pointer;
}
.educationView__activity:hover {
	border-bottom-color: #133e35;
}
.educationView__activityThumb {
	position: relative;
	width: 100%;
	aspect-ratio: 435 / 272;
	background: #000;
	overflow: hidden;
}
.educationView__activityThumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.educationView__activityFoot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.educationView__activityTit {
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-24);
	line-height: 1.65;
	color: #232323;
	transition: font-weight 0.35s ease;
}
.educationView__activity:hover .educationView__activityTit {
	font-weight: 500;
}
.educationView__activityBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid #133e35;
	background: transparent;
	transition:
		background-color 0.35s ease,
		border-color 0.35s ease;
}
.educationView__activityBtn i {
	display: block;
	width: 24px;
	height: 24px;
	background: url(/images/page/gangneung_icon_arrow.svg) no-repeat center / contain;
	transition: background-image 0.35s ease;
}
.educationView__activity:hover .educationView__activityBtn {
	background: #133e35;
	border-color: #133e35;
}
.educationView__activity:hover .educationView__activityBtn i {
	background-image: url(/images/page/education_icon_arrow_white.svg);
}
.educationView--v2 .educationView__listWrap {
	margin-top: 100px;
}

/* bbsView */
.bbsView {
	padding: 0 0 190px;
}
.bbsView .titleArea {
	padding: 0 0 56px;
	border-bottom: 1px solid #9e9e9e;
}
.bbsView .titleArea .tit {
	font-size: var(--font-size-52);
	color: #232323;
	font-weight: 500;
}
.bbsView .titleArea .info {
	display: flex;
	margin-top: 40px;
	font-size: var(--font-size-22);
	color: #9e9e9e;
}
.bbsView .titleArea .info .bar {
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 15px;
	background: #9e9e9e;
	margin: 7px 15px 0;
}

.bbsView .file {
	display: flex;
	align-items: center;
	border-top: 1px solid #ccc;
	background: #f8f8f8;
	padding: 30px 40px;
}
.bbsView .file .tit {
	font-size: var(--font-size-22);
	color: #232323;
}
.bbsView .file .tit i {
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 28px;
	background: url(/images/page/icon_down.png) no-repeat left center / cover;
}
.bbsView .file .bar {
	display: inline-block;
	width: 1px;
	height: 17px;
	background: #ccc;
	margin: 0 24px;
}
.bbsView .file a {
	display: block;
	font-size: var(--font-size-22);
	color: #5e5e5e;
}
.bbsView .file a span {
	font-size: var(--font-size-18);
	color: #9e9e9e;
}

.bbsView .pressLink {
	display: flex;
	align-items: center;
	border-top: 1px solid #ccc;
	background: #f8f8f8;
	padding: 30px 40px;
}
.bbsView .pressLink .tit {
	font-size: var(--font-size-22);
	color: #232323;
}
.bbsView .pressLink .tit i {
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 28px;
	background: url(/images/page/icon_link.png) no-repeat left center / cover;
}
.bbsView .pressLink .bar {
	display: inline-block;
	width: 1px;
	height: 17px;
	background: #ccc;
	margin: 0 24px;
}
.bbsView .pressLink a {
	display: block;
	font-size: var(--font-size-22);
	color: #5e5e5e;
}
.bbsView .conArea {
	padding: 100px 0;
	border-bottom: 1px solid #9e9e9e;
}
.bbsView .viewPaging {
	display: flex;
	justify-content: space-between;
	padding: 40px 0;
	border-bottom: 1px solid #9e9e9e;
}
.bbsView .viewPaging a {
	display: block;
	width: 50%;
}
.bbsView .viewPaging a:nth-child(1) {
}
.bbsView .viewPaging a:nth-child(2) {
	text-align: right;
}
.bbsView .viewPaging a .tit1 {
	font-size: var(--font-size-22);
	color: #232323;
	font-weight: 500;
}
.bbsView .viewPaging a .tit2 {
	margin-top: 20px;
	font-size: var(--font-size-22);
	color: #666;
	line-height: 165%;
}
.bbsView .listBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	width: 150px;
	height: 65px;
	border: 1px solid #133e35;
	margin: 150px auto 0;
	transition: all 0.3s;
}
.bbsView .listBtn span {
	font-size: var(--font-size-22);
	font-weight: 500;
	color: #124035;
	transition: all 0.3s;
}
.bbsView .listBtn .line {
}
.bbsView .listBtn .line div {
	display: block;
	width: 16px;
	height: 2px;
	background: #133e35;
	transition: all 0.3s;
}
.bbsView .listBtn .line div + div {
	margin-top: 4px;
}
.bbsView .listBtn:hover {
	background: #133e35;
}
.bbsView .listBtn:hover span {
	color: #fff;
}
.bbsView .listBtn:hover .line div {
	background: #fff;
}

/* 지원 support (피그마 3610:43555) */
.page.support {
}
.supportIntro {
	padding: 100px 0 160px;
}
.supportIntro__inner {
	max-width: 1800px;
	margin: 0 auto;
	text-align: center;
}
.supportIntro__title {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-52);
	font-weight: 500;
	line-height: 1.3;
	color: #232323;
}
.supportIntro__accent {
	color: #007e43;
}
.supportIntro__desc {
	margin-top: 40px;
}
.supportIntro__desc p {
	margin: 0 0 30px;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-22);
	line-height: 1.65;
	color: #666;
}
.supportIntro__desc p + p {
	margin: 0;
}
.supportSection {
	padding: 160px 0 70px;
}
.supportSection--gray {
	background: #f8f8f8;
}
.supportSection--white {
	background: #fff;
}
.supportSection__inner {
	max-width: 1800px;
	margin: 0 auto;
}
.supportSection__head {
	margin-bottom: 60px;
}
.supportSection__label {
	margin: 0 0 16px;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-28);
	line-height: 1.4;
	color: #007e43;
}
.supportSection__title {
	margin: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-52);
	font-weight: 500;
	line-height: 1.3;
	color: #232323;
}
.supportSlider {
	position: relative;
}
.supportSlider .swiper-slide {
	width: 1062px;
}
.supportSlider__swiper {
	overflow: visible;
}
.supportSlider__swiper .swiper-wrapper {
	align-items: flex-start;
}
.supportCard {
	display: block;
	width: 1062px;
	text-decoration: none;
	color: inherit;
}
.supportCard__thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 1062 / 705;
	overflow: hidden;
	background: #fff;
}
.supportCard__thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.05);
	pointer-events: none;
}
.supportCard__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.supportCard__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 56px;
	margin-top: 24px;
}
.supportCard__foot--noBtn {
	justify-content: flex-start;
}
.supportCard__tit {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	font-family: "pretendard", "Pretendard Variable", sans-serif;
	font-size: var(--font-size-24);
	font-weight: 500;
	line-height: 1.65;
	color: #232323;
}
.supportCard__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	box-sizing: border-box;
	width: 56px;
	height: 56px;
	padding: 16px;
	color: #133e35;
}
.supportCard__btn--outline {
	border: 1px solid #133e35;
	background: transparent;
	transition:
		background 0.3s,
		color 0.3s,
		border-color 0.3s;
}
.swiper-slide:hover .supportCard__btn--outline {
	background: #133e35;
	border-color: #133e35;
	color: #fff;
}
.supportSlider__controls {
	display: flex;
	align-items: center;
	gap: 32px;
	margin-top: 60px;
	max-width: 1800px;
}
.supportSlider__line {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	height: 2px;
	background: #9e9e9e;
	overflow: hidden;
}
.supportSlider__lineFill {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #007e43;
	transition: width 0.45s ease;
}
.supportSlider__nav {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.supportSlider__prev,
.supportSlider__next {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 56px;
	height: 56px;
	padding: 16px;
	border: 1px solid #133e35;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s;
}
.supportSlider__prev:hover,
.supportSlider__next:hover {
	background: #133e35;
}
.supportSlider__prev svg path,
.supportSlider__next svg path {
	transition: all 0.3s;
}
.supportSlider__prev:hover svg path,
.supportSlider__next:hover svg path {
	stroke: #fff;
}

.collection {
}
.collection .list {
	display: flex;
	flex-wrap: wrap;
	gap: 60px 30px;
}
.collection .list li {
	width: calc((100% - 60px) / 3);
}
.collection .list li .thumb {
	width: 100%;
}
.collection .list li .thumb img {
	width: 100%;
}
.collection .list li .title {
	font-family: "Inter";
	margin: 20px 0 5px;
	font-size: var(--font-size-22);
	color: #232323;
}
.collection .list li .name {
	font-family: "Inter";
	font-size: var(--font-size-22);
	color: #666;
}

.collection_view {
}
.collection_view .title {
	padding-bottom: 40px;
	border-bottom: 1px solid #9e9e9e;
	font-size: var(--font-size-52);
	font-weight: 500;
	color: #232323;
}
.collection_view .thumb {
	padding: 100px 0;
	border-bottom: 1px solid #9e9e9e;
	text-align: center;
}
.collection_view .info {
	margin-top: 40px;
}
.collection_view .info dl {
	display: flex;
}
.collection_view .info dl + dl {
	margin-top: 15px;
}
.collection_view .info dl dt {
	width: 115px;
	font-size: var(--font-size-22);
	font-weight: 500;
	color: #007e43;
}
.collection_view .info dl dd {
	width: calc(100% - 115px);
	font-size: var(--font-size-22);
	color: #232323;
}