.fork-page__title .wysiwyg h1 {
	font-size: 40px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.8px;
	text-align: center;
	margin-top: 48px !important;
	margin-bottom: 48px !important;
}

@media (min-width: 1024px) {
	.fork-page__title .wysiwyg h1 {
		font-size: 72px;
		line-height: 100%; /* 72px */
		letter-spacing: -1.44px;
		margin-top: 64px !important;
		margin-bottom: 64px !important;
	}
}

.site-ko .fork-page__title .wysiwyg h1  {
	font-family: Pretendard !important;
}

.fork-page {
	margin-bottom: 40px;
	margin-top: 28px;
}

.fork-page .padding-s {
	padding-inline: 15px;
}

.fork-page__left,
.fork-page__right {
	padding: 0 !important;
	overflow: hidden;
	min-height: 480px;
	width: calc(50% - 15px) !important;
	cursor: pointer;
}

.fork-page__right {
	background-color: #F2F3F7;
}

.fork-page__left .block-list,
.fork-page__right .block-list {
	padding: 28px 24px;
}

.fork-page__left .copy-block,
.fork-page__right .copy-block {
	position: relative;
	z-index: 1;
	color: #fff;
}

.fork-page__left .copy-block h2,
.fork-page__right .copy-block h2 {
	font-size: 32px !important;
	font-weight: 500 !important;
	line-height: 100% !important; /* 32px */
	letter-spacing: -0.64px !important;
	margin-bottom: 16px !important;
	color: #fff;
}

.fork-page__right .copy-block h2 {
	color: #000000;
}


.default-layout.site-ko .fork-page__right .copy-block h2 {
	font-family: "Noto Sans KR", sans-serif;
	font-optical-sizing: auto;
}

.fork-page__left .copy-block p,
.fork-page__right .copy-block p {
	font-family: Helvetica Now Text;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -2%;
	color: #fff;

}

.fork-page__left .copy-block .buttons,
.fork-page__right .copy-block .buttons {
	margin-top: 24px;
}

.fork-page__left .copy-block .buttons .btn {
	color: #000000;
}

.fork-page__left .copy-block .buttons .btn:hover,
.fork-page__right .copy-block .buttons .btn:hover {
	color: white;
}

.fork-page__right .copy-block .buttons .btn {
	color: #000000;
}

.fork-page__right .copy-block p {
	color: #6B6E7D;
}


.fork-page__left .block-list section:nth-of-type(2) {
	position: absolute !important;
	inset: 0;
}

.fork-page__left .block-list section:nth-of-type(4) {
	position: absolute !important;
	bottom: 17px;
	width: 266px;
	left: 50%;
	transform: translateX(-50%);

}

.fork-page__left .block-list section:nth-of-type(2) img,
.fork-page__left .block-list section:nth-of-type(2) div {
	height: 100%;
}

.fork-page__right .block-list section:nth-of-type(2) {
	min-width: 120px;
	width: 32vw;
	position: absolute !important;
	left: 38%;
	bottom: -10%;
}

.fork-page__right .block-list section:nth-of-type(3) {
	min-width: 72px;
	position: absolute !important;
	right: 9%;
	bottom: 7%;
	width: 18vw;
	z-index: 1;
}

.memory-block {
	position: absolute !important;
	width: 296px;
	bottom: -7%;
	left: 50%;
	transform: translateX(-50%);
	border: 0.62px solid #FFFFFF80;
	background-color: #FFFFFF4D;
	border-radius: 19.73px;
	backdrop-filter: blur(12.333333969116211px);
	min-height: 54%;
}

.memory-block .memory-block__wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: Helvetica Now Text;
	font-weight: 500;
	font-size: 11.1px;
	line-height: 100%;
	letter-spacing: -2%;
	text-align: center;
	color: white;
	padding-inline: 15px;
}

.memory-block__wrapper p {
	margin-top: 12px !important;
}

.fork-page__right-dark-text {
	padding: 14px 5px 19px 10px;
}

.fork-page__right-dark-text {
	background-color: #000000;
	border-radius: 7px !important;
	width: 127px !important;
	margin: 0 !important;
	position: absolute !important;
	bottom: calc(10% + 37px) !important;
	left: 7.4% !important;

}

.fork-page__right-dark-text ol {
	margin-left: 20px;
}

.fork-page__right-dark-text li {
	font-family: Menlo;
	font-weight: 400;
	font-size: 5.06px !important;
	line-height: 8.86px !important;
	letter-spacing: -0.14px !important;
	margin: 0 !important;
	color: white !important;
}

.fork-page__right-white-text {
	padding: 6px 9px !important;
	font-family: Helvetica Now Text;
	font-weight: 400;
	font-size: 8.06px !important;
	line-height: 10.39px !important;
	letter-spacing: -0.12px !important;
	width: 136px !important;
	background-color: white !important;
	border-radius: 7px;
	margin: 0 !important;
	position: absolute !important;
	left: 5% !important;
	bottom: 10% !important;

}

.fork-page__right-white-text p {
	font-family: Helvetica Now Text;
	font-weight: 400;
	font-size: 8.06px !important;
	line-height: 10.39px !important;
	letter-spacing: -0.12px !important;
	color: #424242 !important;
	margin-top: 64px;
	margin-bottom: 48px;
}

.fork-page__right:hover .buttons .btn,
.fork-page__left:hover .buttons .btn {
	color: #000 !important;
}

.fork-page__right:hover .buttons .btn .shape,
.fork-page__left:hover .buttons .btn .shape {
	background: white !important;
	opacity: 1 !important;
}

.fork-page__right:hover .buttons .btn .slot,
.fork-page__left:hover .buttons .btn .slot {
	transform: translate(-13px, -1px);
}

.fork-page__right:hover .buttons .btn .icon-text-after,
.fork-page__left:hover .buttons .btn .icon-text-after {
	transform: translate(0, -50%);
	opacity: 1;
}

@media (min-width: 768px) {
	.fork-page__right .block-list section:nth-of-type(2) {
		min-width: 100px;
		width: 41%;
		position: absolute !important;
		left: 29%;
		bottom: -5%;
	}

	.fork-page__right .block-list section:nth-of-type(3) {
		min-width: 90px;
		width: 26%;
		position: absolute !important;
		left: 64%;
		bottom: 6%;
	}

	.fork-page__left .copy-block .buttons,
	.fork-page__right .copy-block .buttons {
		margin-top: 20px;
	}

	.fork-page__right-dark-text {
		width: 120px !important;
		margin: 0 !important;
		position: absolute !important;
		bottom: calc(10% + 37px) !important;
		left: 3.4% !important;
	}

	.fork-page__right-white-text {
		width: 129px !important;
		background-color: white !important;
		border-radius: 7px;
		margin: 0 !important;
		position: absolute !important;
		left: 3% !important;
		bottom: 10% !important;
	}
}

@media (min-width: 1024px) {
	.fork-page {
		margin-bottom: 104px;
	}

	.fork-page__title h1 {
		font-size: 72px !important;

	}

	.fork-page__left,
	.fork-page__right {
		min-height: 680px;
	}

	.fork-page__left .block-list,
	.fork-page__right .block-list {
		padding: 40px;
	}

	.fork-page__left .copy-block,
	.fork-page__right .copy-block {
		display: flex;
		justify-content: space-between;
	}

	.fork-page__left .copy-block .buttons,
	.fork-page__right .copy-block .buttons {
		margin-top: unset !important;
		margin-left: 20px;
	}

	.fork-page__left .copy-block h2,
	.fork-page__right .copy-block h2 {
		font-size: 36px !important;
		line-height: 100% !important; /* 36px */
		letter-spacing: -0.72px !important;
		margin-bottom: 24px !important;
	}

	.fork-page__left .copy-block p,
	.fork-page__right .copy-block p {
		font-size: 18px !important;
		line-height: 140% !important;
	}

	.memory-block {
		max-width: 480px !important;
		width: 86%;
		height: 72%;
		bottom: -5%;
		transition: all ease 600ms;
	}

	.fork-page__left .block-list section:nth-of-type(4) {
		width: 56%;
		max-width: 432px;
		transition: all ease 600ms;
		bottom: 18%;
	}

	.fork-page__left:hover .block-list section:nth-of-type(4) {
		width: calc(56% * 1.3);
		max-width: calc(432px * 1.3);
		bottom: 47px;
	}

	.fork-page__left:hover .memory-block {
		opacity: 0;
	}

	.fork-page__right:hover .block-list section:nth-of-type(3) {
		opacity: 0;
	}


	.fork-page__right:hover .fork-page__right-white-text {
		left: 6% !important;
		bottom: 5% !important;
		transform: scale(1.1);
	}

	.fork-page__right:hover .fork-page__right-dark-text {
		bottom: 22% !important;
		left: 5% !important;
		transform: scale(1.1);
	}

	.fork-page__right:hover .block-list section:nth-of-type(2) {
		max-width: calc(268px * 1.2);
		width: calc(40% * 1.2);
		left: 42%;
	}

	.fork-page__right:hover .buttons .btn,
	.fork-page__left:hover .buttons .btn {
		color: #000 !important;
	}

	.fork-page__right:hover .buttons .btn .shape,
	.fork-page__left:hover .buttons .btn .shape {
		background: white !important;
		opacity: 1 !important;
	}

	.fork-page__right:hover .buttons .btn .slot,
	.fork-page__left:hover .buttons .btn .slot {
		transform: translate(-13px, -1px);
	}

	.fork-page__right:hover .buttons .btn .icon-text-after,
	.fork-page__left:hover .buttons .btn .icon-text-after {
		transform: translate(0, -50%);
		opacity: 1;
	}



	.fork-page__right .block-list section:nth-of-type(2) {
		max-width: 268px;
		width: 45%;
		transition: all ease 600ms;
		bottom: -2%;
	}

	.fork-page__right .block-list section:nth-of-type(3) {
		max-width: 161px;
		width: 10vw;
		transition: all ease 600ms;
		bottom: 13%;
		right: 11%;
	}

	.fork-page__right-dark-text {
		padding: 19px 13px 29px 20px;
		border-radius: 24px !important;
		left: 1.3% !important;
		width: 37% !important;
		max-width: 40% !important;
		bottom: calc(7% + 80px) !important;
		overflow: hidden;
		transition: all
		ease 600ms;
	}

	.fork-page__right-dark-text ol {
		margin-left: 40px !important;
	}

	.fork-page__right-dark-text li {
		font-family: Menlo;
		font-weight: 400;
		font-size: 11.3px !important;
		line-height: 19.78px !important;
		letter-spacing: -0.32px !important;
	}

	.fork-page__right-white-text {
		padding: 16px 24px 16px 20px !important;
		width: 44% !important;
		border-radius: 24px !important;
		left: 3.7% !important;
		bottom: 4% !important;
		transition: all
		ease 600ms;
	}

	.fork-page .fork-page__right-white-text p {

		font-size: 16px !important;
		line-height: 130% !important;
		letter-spacing: -0.32px !important;
	}


}

@media (min-width: 1440px) {
	.fork-page__right .block-list section:nth-of-type(2) {
		left: 50%;
		transform: translateX(-50%);
	}

	.fork-page__right:hover .block-list section:nth-of-type(2) {
		max-width: calc(268px * 1.1);
		width: calc(40% * 1.2);
		left: 62%;
	}

	.fork-page__right-dark-text {
		width: 286px !important;
		max-width: 39% !important;
	}

	.fork-page__right-white-text {
		max-width: 274px;
		left: 1.3% !important;
		bottom: 6% !important;
	}
}

@media (min-width: 1616px) {
	.fork-page__right .block-list section:nth-of-type(2) {
		left: 305px;
		transform: none;
		width: 268px;
	}

	.fork-page__right:hover .block-list section:nth-of-type(2) {
		width: calc(268px * 1.2);
		left: 345px;
	}

	.fork-page__right .block-list section:nth-of-type(3) {
		width: 162px !important;
		right: 64px !important;
		left: unset;
	}

	.fork-page__right-dark-text {
		width: 286px !important;
		left: 56px !important;
		bottom: 195px !important;
	}

	.fork-page__right:hover .fork-page__right-dark-text {
		left: 56px !important;
		bottom: 195px !important;
		transform: scale(1.1) translate(10%, -10%);
	}

	.fork-page__right-white-text {
		max-width: 274px;
		width: 274px !important;
		left: 75px !important;
		bottom: 112px !important;
	}

	.fork-page__right:hover .fork-page__right-white-text {
		left: 75px !important;
		bottom: 112px !important;
		transform: scale(1.1) translate(10%, -10%);
	}
}

.layout-footer {
	padding-top: 0 !important;
	background: #F2F3F7 !important;
}

@media (min-width: 1200px) {
	.layout-footer .bottom {
		margin-top: 0 !important;
	}

	.layout-footer .bottom:before {
		content: none !important;
	}
}