@charset "utf-8";

html.not_scroll {
	height: 100%;
	overflow: hidden;
}
.not_scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.sbz-container {
	position: relative;
	/* height: 100%; */
}
.sbz-inner {
	max-width: 1328rem;
	margin: 0 auto;
}

.sbz-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	display: flex;
	align-items: center;
	mix-blend-mode: difference;
	z-index: 100;
}
.sbz_sub_header {
	background: transparent !important;
}
.sbz_sub_header02 {
	background: #fff;
	mix-blend-mode: unset;
}
.sbz-header h1 a img:last-of-type,
.sbz-header.s-active h1 a img:first-of-type,
.sbz_sub_header02 h1 a img:first-of-type {
	display: none;
}
.sbz_sub_header02 h1 a img:last-of-type {
	display: block !important;
}
.sbz-header.s-active h1 a img:last-of-type {
	display: block;
}
.sbz-header .sbz-header__inr {
	width: 100%;
	padding: 0 40rem;
}

.sbz-header .sbz-header__logo {
	position: absolute;
	top: 30px;
	left: 40px;
	width: 110px;
	height: 24px;
	z-index: 110;
}
.sbz-header .sbz-header__logo a {
	display: block;
	width: 100%;
}

.sbz-gnb {
	width: 100%;
	display: flex;
	justify-content: center;
}

.sbz-gnb .sbz-gnb__list {
	display: flex;
	align-items: center;
	gap: 50rem;
}
.sbz-gnb .sbz-gnb__inr.s-active {
	display: block;
}

.sbz-gnb .sbz-gnb__item a {
	font-size: 19rem;
	font-weight: 700;
	color: #fff;
}
.sbz_sub_header02 .sbz-gnb .sbz-gnb__item a {
	color: #000;
}

.sbz-gnb .sbz-gnb__btn {
	display: none;
}

.cmc_hd {
	width: 100%;
}

.sbz-footer {
	padding: 55rem 0 74rem;
	background: #1e1e1e;
}

.sbz-footer .sbz-footer__ceo {
	font-size: 16rem;
	font-weight: 500;
	line-height: 30rem;
	letter-spacing: -0.03em;
	color: #fff;
}

.sbz-footer .sbz-footer__info {
	display: flex;
	justify-content: space-between;
	align-items: self-start;
	margin: 25rem 0 41rem;
}

.sbz-footer .sbz-footer__addr {
	display: flex;
}

.sbz-footer .sbz-footer__addr dl {
	margin-right: 100rem;
}

.sbz-footer .sbz-footer__addr dl:last-child {
	margin-right: 0;
}

.sbz-footer .sbz-footer__addr dt {
	font-size: 16rem;
	font-weight: 600;
	line-height: 30rem;
	color: #fff;
}

.sbz-footer .sbz-footer__addr dd {
	margin-top: 5rem;
	font-size: 18rem;
	font-weight: 400;
	line-height: 30rem;
	letter-spacing: -0.03em;
	color: #aaa;
}

.sbz-footer .sbz-footer__contact a {
	display: flex;
	align-items: center;
	padding: 0 0 15rem;
	border-bottom: 1rem solid #fff;
}

.sbz-footer .sbz-footer__contact .sbz-footer__contact--txt {
	margin-right: 21rem;
	font-size: 36rem;
	font-weight: 700;
	color: #fff;
}

.sbz-footer .sbz-footer__contact .sbz-footer__contact--icon img {
	width: 30rem;
	height: 20rem;
}

.sbz-footer .sbz-footer__copy {
	font-size: 16rem;
	font-weight: 400;
	line-height: 30rem;
	color: #fff;
}

@media (min-width: 1329px) {
	html {
		font-size: calc((1 / 1328) * 1328px);
	}
}

@media (max-width: 1328px) {
	html {
		font-size: calc((1 / 1328) * 100vw);
	}
	.sbz-header {
		height: calc((90 / 1328) * 100vw);
	}
	.sbz-header .sbz-header__logo {
		top: calc((30 / 1328) * 100vw);
		left: calc((40 / 1328) * 100vw);
		width: calc((110 / 1328) * 100vw);
		height: calc((24 / 1328) * 100vw);
	}
	.sbz-inner {
		padding: 0 30rem;
	}
}

@media (max-width: 767px) {
	html {
		font-size: calc((1 / 360) * 100vw);
	}
	.sbz-header .sbz-header__logo {
		top: calc((50 / 767) * 100vw);
		left: calc((40 / 767) * 100vw);
		width: calc((87 / 360) * 100vw);
		height: calc((20 / 360) * 100vw);
	}
	.sbz-gnb .sbz-gnb__item a {
		color: #000;
	}
	.sbz-inner {
		padding: 0 20rem;
	}

	.sbz-header {
		top: 0;
		height: calc(100vw * (60 / 360));
	}
	.sbz-header.s-active {
		mix-blend-mode: normal;
		background: transparent;
		backdrop-filter: none;
	}
	.sbz-header .sbz-header__inr {
		padding: 20rem;
	}
	.sbz-gnb {
		justify-content: flex-end;
	}
	.sbz-gnb .sbz-gnb__inr {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 126px 0 60em;
		background: #fff;
		/* z-index: 1000; */
	}
	.sbz-gnb .sbz-gnb__inr.s-active {
		display: block;
	}
	.sbz-gnb .sbz-gnb__list {
		flex-direction: column;
		justify-content: flex-start;
		height: 100%;
	}
	.sbz-gnb .sbz-gnb__item a {
		gap: 64px;
		font-size: 18px;
		font-weight: 600;
		line-height: 14px;
	}
	.sbz_sub_header .sbz-gnb .sbz-gnb__item a {
		color: #121212;
	}
	.sbz-gnb .sbz-gnb__btn {
		display: block;
		position: relative;
		width: 26rem;
		height: 20rem;
		z-index: 110;
	}
	/* .sbz_sub_header .sbz-gnb .sbz-gnb__btn span{
	background: #000;
  } */
	.sbz-gnb .sbz-gnb__btn.s-active span {
		background: #000;
	}
	.sbz-gnb .sbz-gnb__btn span {
		display: block;
		position: absolute;
		left: 0;
		width: 26rem;
		height: 2rem;
		background: #fff;
		transition: 0.25s top 0.25s, 0.25s bottom 0.25s, transform 0.25s;
	}
	.sbz_sub_header02 .sbz-gnb__btn span {
		background: #000;
	}
	.sbz-gnb .sbz-gnb__btn span:nth-child(1) {
		top: 5rem;
	}
	.sbz-gnb .sbz-gnb__btn span:nth-child(2) {
		bottom: 5rem;
	}
	.sbz-gnb .sbz-gnb__btn.s-active span {
		transition: top 0.25s, bottom 0.25s, 0.25s transform 0.25s;
	}
	.sbz-gnb .sbz-gnb__btn.s-active span:nth-child(1) {
		top: 9rem;
		transform: rotate(135deg);
	}
	.sbz-gnb .sbz-gnb__btn.s-active span:nth-child(2) {
		bottom: 9rem;
		transform: rotate(-135deg);
	}

	.cmc_hd {
		background: transparent;
	}
	.sbz-footer {
		padding: 55rem 0 64rem;
	}

	.sbz-footer .sbz-footer__ceo {
		font-size: 14rem;
		line-height: 26rem;
	}

	.sbz-footer .sbz-footer__info {
		flex-direction: column;
		margin: 33rem 0 32rem;
	}

	.sbz-footer .sbz-footer__addr {
		flex-wrap: wrap;
	}

	.sbz-footer .sbz-footer__addr dl {
		margin-right: 34rem;
	}

	.sbz-footer .sbz-footer__addr dl:first-child {
		margin-bottom: 30rem;
	}

	.sbz-footer .sbz-footer__addr dt {
		font-size: 13rem;
		line-height: 16rem;
	}

	.sbz-footer .sbz-footer__addr dd {
		margin-top: 5rem;
		font-size: 14rem;
		line-height: 24rem;
	}

	.sbz-footer .sbz-footer__contact {
		margin-top: 70rem;
	}

	.sbz-footer .sbz-footer__contact a {
		padding: 0 0 9rem;
	}

	.sbz-footer .sbz-footer__contact .sbz-footer__contact--txt {
		margin-right: 53rem;
		font-size: 24rem;
	}

	.sbz-footer .sbz-footer__contact .sbz-footer__contact--icon img {
		width: 30rem;
		height: 20rem;
	}

	.sbz-footer .sbz-footer__copy {
		font-size: 13rem;
		line-height: 30rem;
	}
}