.GA-system-MO.div {
	display: flex;
	flex-direction: column;
	min-width: 360px;
	align-items: flex-start;
	position: relative;
	background-color: #ffffff;
	overflow: hidden;
}

.GA-system-MO .list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 20px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .gasystem {
	position: relative;
	width: 83.54px;
	height: 47.2px;
	aspect-ratio: 1.77;
	object-fit: cover;
}

.GA-system-MO .frame {
	display: inline-flex;
	align-items: center;
	gap: 44.8px;
	position: relative;
	flex: 0 0 auto;
}

.GA-system-MO .group {
	position: relative;
	width: 20.97px;
	height: 17.62px;
}

.GA-system-MO .rectangle {
	top: 0;
	position: absolute;
	width: 21px;
	height: 3px;
	left: 0;
	background-color: #313131;
	border-radius: 50px;
}

.GA-system-MO .rectangle-2 {
	top: 8px;
	position: absolute;
	width: 21px;
	height: 3px;
	left: 0;
	background-color: #313131;
	border-radius: 50px;
}

.GA-system-MO .rectangle-3 {
	top: 15px;
	position: absolute;
	width: 21px;
	height: 3px;
	left: 0;
	background-color: #313131;
	border-radius: 50px;
}

.GA-system-MO .frame-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 100px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .group-wrapper {
	display: flex;
	flex-direction: column;
	height: 487px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 170px 0px;
	position: relative;
	align-self: stretch;
	width: 100%;
	overflow: hidden;
}

.GA-system-MO .hero-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.GA-system-MO .hero-video:not([src]) {
	background-image:
		url('https://c.animaapp.com/OUaF21Oe/img/frame-1707483772@2x.png');
	background-size: cover;
	background-position: center;
}

.GA-system-MO .group-wrapper>.group-2 {
	position: relative;
	z-index: 2;
}

.GA-system-MO .group-2 {
	position: relative;
	width: 512.48px;
	height: 139.35px;
	margin-left: -74.24px;
	margin-right: -78.24px;
}

.GA-system-MO .overlap-group {
	position: absolute;
	width: 470px;
	height: 49px;
	top: 9px;
	left: 20px;
}

.GA-system-MO .frame-3 {
	position: absolute;
	width: 470px;
	height: 23px;
	top: 26px;
	left: 0;
	filter: blur(12px);
	background: radial-gradient(
    50% 80% at 50% 100%, /* 아래쪽 중심으로 이동 */
    rgba(0, 60, 200, 0.6) 0%,  /* 더 진한 파란색 중심 */
    rgba(0, 60, 200, 0) 100%   /* 가장자리는 투명 */
    );
}

.GA-system-MO .image {
	position: absolute;
	width: 247px;
	height: 36px;
	top: 0;
	left: 110px;
}

.GA-system-MO .text-wrapper {
	position: absolute;
	width: 423px;
	height: 64px;
	top: 75px;
	left: 43px;
	font-family: "Pretendard-Regular", Helvetica;
	font-weight: 400;
	color: #21468f;
	font-size: 24px;
	text-align: center;
	letter-spacing: 0;
	line-height: 35px;
}

.GA-system-MO .frame-4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	padding: 0px 16px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .img {
	position: relative;
	width: 308.36px;
	height: 27.01px;
}

.GA-system-MO .frame-5 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .frame-6 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
	padding: 28px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 3.2px 6.4px 24px #0000001a;
}

.GA-system-MO .frame-7 {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .text-wrapper-2 {
	position: relative;
	width: fit-content;
	font-family: "Pretendard-Bold", Helvetica;
	font-weight: 700;
	color: #212121;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 30.8px;
	white-space: nowrap;
}

.GA-system-MO .image-2 {
	position: relative;
	width: 40.65px;
	height: 40.65px;
	aspect-ratio: 1;
	object-fit: cover;
}

.GA-system-MO .p {
	position: relative;
	align-self: stretch;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #313131;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20.4px;
}

.GA-system-MO .image-3 {
	position: relative;
	width: 40.57px;
	height: 40.57px;
	aspect-ratio: 1;
	object-fit: cover;
}

.GA-system-MO .image-4 {
	position: relative;
	width: 40.56px;
	height: 40.56px;
	aspect-ratio: 1;
	object-fit: cover;
}

.GA-system-MO .frame-8 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 36px;
	padding: 0px 16px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .image-5 {
	position: relative;
	width: 92.45px;
	height: 23.89px;
}

.GA-system-MO .text-wrapper-3 {
	position: relative;
	align-self: stretch;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #313131;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0;
	line-height: 23.4px;
}

.GA-system-MO .frame-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	gap: 472.8px 472.8px;
	padding: 20px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	background-color: #f6f6f6;
	border-radius: 8px;
}

.GA-system-MO .frame-9 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	position: relative;
	flex: 1;
	flex-grow: 1;
}

.GA-system-MO .image-6 {
	position: relative;
	align-self: stretch;
	width: 100%;
	aspect-ratio: 1.64;
	object-fit: cover;
}

.GA-system-MO .frame-10 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .SI-system {
	position: relative;
	width: 238.42px;
	height: 25.76px;
	margin-top: -0.8px;
	font-family: "Pretendard-Bold", Helvetica;
	font-weight: 400;
	color: #313131;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 32.1px;
	white-space: nowrap;
}

.GA-system-MO .span {
	font-weight: 700;
}

.GA-system-MO .text-wrapper-4 {
	font-family: "Pretendard-Regular", Helvetica;
}

.GA-system-MO .SM-BPR-ISP {
	position: relative;
	width: 243.15px;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #313131;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20.4px;
}

.GA-system-MO .frame-11 {
	display: inline-flex;
	align-items: center;
	gap: 2.8px;
	position: relative;
	flex: 0 0 auto;
}

.GA-system-MO .text-wrapper-5 {
	position: relative;
	width: fit-content;
	margin-top: -0.7px;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #8f8f8f;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 19.6px;
	white-space: nowrap;
}

.GA-system-MO .group-3 {
	position: relative;
	width: 13.84px;
	height: 15.4px;
}

.GA-system-MO .group-4 {
	display: flex;
	flex-direction: column;
	width: 364.32px;
	align-items: flex-start;
	gap: 20px;
	position: relative;
	flex: 0 0 auto;
	margin-right: -76.32px;
	overflow: hidden;
}

.GA-system-MO .text-wrapper-6 {
	position: relative;
	width: 301.59px;
	height: 25.76px;
	margin-top: -0.8px;
	font-family: "Pretendard-Bold", Helvetica;
	font-weight: 700;
	color: #313131;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 32.1px;
	white-space: nowrap;
}

.GA-system-MO .text-wrapper-7 {
	position: relative;
	width: 307.58px;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #313131;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20.4px;
}

.GA-system-MO .frame-12 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	padding: 0px 16px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .image-7 {
	position: relative;
	width: 91.48px;
	height: 23.89px;
}

.GA-system-MO .frame-13 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 26.4px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .component {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 23px;
	padding: 22px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	background-color: #f6f6f6;
	border-radius: 8px;
}

.GA-system-MO .frame-14 {
	display: flex;
	flex-direction: column;
	height: 67.2px;
	align-items: flex-start;
	gap: 9.6px;
	position: relative;
	align-self: stretch;
	width: 100%;
}

.GA-system-MO .text-wrapper-8 {
	position: relative;
	align-self: stretch;
	margin-top: -0.8px;
	font-family: "Pretendard-Bold", Helvetica;
	font-weight: 700;
	color: #212121;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 30.8px;
}

.GA-system-MO .text-wrapper-9 {
	position: absolute;
	width: 209px;
	top: 39px;
	left: 0;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #5d5d5d;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20.4px;
	white-space: nowrap;
}

.GA-system-MO .menu {
	position: relative;
	width: 57.6px;
	height: 57.14px;
	aspect-ratio: 1.01;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/vuesax-bold-menu@2x.png);
	background-size: 100% 100%;
}

.GA-system-MO .text-wrapper-10 {
	position: absolute;
	width: 209px;
	top: 40px;
	left: 0;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #5d5d5d;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20.4px;
	word-break: keep-all;
	overflow-wrap: break-word;
}

.GA-system-MO .scroll {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/scroll@3x.png);
	background-size: 100% 100%;
}

.GA-system-MO .security-user {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/security-user@3x.png);
	background-size: 100% 100%;
}

.GA-system-MO .layer {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/layer.svg);
	background-size: 100% 100%;
}

.GA-system-MO .JAVA-python {
	position: absolute;
	width: 209px;
	top: 41px;
	left: 0;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #5d5d5d;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20.4px;
}

.GA-system-MO .keyboard-open {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/keyboard-open.svg);
	background-size: 100% 100%;
}

.GA-system-MO .driver {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/driver.svg);
	background-size: 100% 100%;
}

.GA-system-MO .monitor-mobbile {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/monitor-mobbile-.svg);
	background-size: 100% 100%;
}

.GA-system-MO .cpu {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/cpu.svg);
	background-size: 100% 100%;
}

.GA-system-MO .global {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/global.svg);
	background-size: 100% 100%;
}

.GA-system-MO .security-user-2 {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/buliding.svg);
	background-size: 100% 100%;
}

.GA-system-MO .scanning {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/scanning.svg);
	background-size: 100% 100%;
}

.GA-system-MO .cloud-connection {
	position: relative;
	width: 57.6px;
	height: 57.6px;
	aspect-ratio: 1;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/cloud-connection.svg);
	background-size: 100% 100%;
}

.GA-system-MO .mask-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .frame-15 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 32px;
	padding: 40px 16px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	background-color: #f6f6f6;
}

.GA-system-MO .text-wrapper-11 {
	position: relative;
	width: 208.25px;
	margin-top: -0.8px;
	font-family: "Pretendard-Bold", Helvetica;
	font-weight: 700;
	color: #1d4071;
	font-size: 26.9px;
	text-align: center;
	letter-spacing: 0;
	line-height: 39.2px;
}

.GA-system-MO .text-wrapper-12 {
	position: relative;
	width: 298px;
	font-family: "Pretendard-Bold", Helvetica;
	font-weight: 700;
	color: #1d4071;
	font-size: 23.8px;
	text-align: center;
	letter-spacing: 0;
	line-height: 33.3px;
}

.GA-system-MO .AI-CEO {
	position: relative;
	width: 297px;
	height: 90px;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #1d4071;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0;
	line-height: 23.4px;
}

.GA-system-MO .element {
	position: relative;
	align-self: stretch;
	width: 100%;
	aspect-ratio: 1.62;
}

.GA-system-MO .frame-16 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	padding: 0px 16px 100px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .image-8 {
	position: relative;
	width: 265.41px;
	height: 23.94px;
}

.GA-system-MO .container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px 12.8px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .image-9 {
	position: relative;
	width: 58px;
	height: 43px;
	mix-blend-mode: luminosity;
	aspect-ratio: 1.36;
}

.GA-system-MO .image-10 {
	position: relative;
	width: 117px;
	height: 43px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.76;
}

.GA-system-MO .image-11 {
	position: relative;
	width: 123px;
	height: 42.13px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.92;
}

.GA-system-MO .image-12 {
	position: relative;
	width: 122px;
	height: 41.31px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.95;
}

.GA-system-MO .image-13 {
	position: relative;
	width: 90px;
	height: 42px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.13;
}

.GA-system-MO .image-14 {
	position: relative;
	width: 76px;
	height: 42px;
	mix-blend-mode: luminosity;
	aspect-ratio: 1.78;
}

.GA-system-MO .image-15 {
	position: relative;
	width: 118px;
	height: 40px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.96;
}

.GA-system-MO .image-16 {
	position: relative;
	width: 128px;
	height: 41px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.09;
}

.GA-system-MO .image-17 {
	position: relative;
	width: 70px;
	height: 38px;
	mix-blend-mode: luminosity;
	aspect-ratio: 1.85;
	object-fit: cover;
}

.GA-system-MO .image-18 {
	position: relative;
	width: 132px;
	height: 42px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.1;
}

.GA-system-MO .image-19 {
	position: relative;
	width: 45px;
	height: 47px;
	mix-blend-mode: luminosity;
	aspect-ratio: 0.97;
}

.GA-system-MO .image-20 {
	position: relative;
	width: 89px;
	height: 46px;
	mix-blend-mode: luminosity;
	aspect-ratio: 1.91;
}

.GA-system-MO .image-21 {
	position: relative;
	width: 168px;
	height: 35px;
	mix-blend-mode: luminosity;
	aspect-ratio: 4.83;
}

.GA-system-MO .image-22 {
	position: relative;
	width: 128px;
	height: 43px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.01;
}

.GA-system-MO .image-23 {
	position: relative;
	width: 77px;
	height: 32px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.42;
}

.GA-system-MO .image-24 {
	position: relative;
	width: 90px;
	height: 35px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.59;
	object-fit: cover;
}

.GA-system-MO .image-25 {
	position: relative;
	width: 120px;
	height: 39px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.1;
	object-fit: cover;
}

.GA-system-MO .image-26 {
	position: relative;
	width: 164px;
	height: 33px;
	mix-blend-mode: luminosity;
	aspect-ratio: 4.94;
}

.GA-system-MO .image-27 {
	position: relative;
	width: 134px;
	height: 39px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.45;
}

.GA-system-MO .image-28 {
	position: relative;
	width: 119px;
	height: 39px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.08;
}

.GA-system-MO .image-29 {
	position: relative;
	width: 103px;
	height: 38px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.73;
	object-fit: cover;
}

.GA-system-MO .image-30 {
	position: relative;
	width: 83px;
	height: 27px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.01;
	object-fit: cover;
}

.GA-system-MO .image-31 {
	position: relative;
	width: 117px;
	height: 37.87px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.09;
}

.GA-system-MO .image-32 {
	position: relative;
	width: 63px;
	height: 39px;
	mix-blend-mode: luminosity;
	aspect-ratio: 1.61;
}

.GA-system-MO .image-33 {
	position: relative;
	width: 121px;
	height: 36px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.4;
}

.GA-system-MO .image-34 {
	position: relative;
	width: 76px;
	height: 29px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.61;
}

.GA-system-MO .image-35 {
	position: relative;
	width: 95px;
	height: 25px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.73;
}

.GA-system-MO .image-36 {
	position: relative;
	width: 126px;
	height: 30px;
	mix-blend-mode: luminosity;
	aspect-ratio: 4.19;
}

.GA-system-MO .image-37 {
	position: relative;
	width: 54px;
	height: 25px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.13;
	object-fit: cover;
}

.GA-system-MO .image-38 {
	position: relative;
	width: 71px;
	height: 27px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.58;
	object-fit: cover;
}

.GA-system-MO .text-wrapper-13 {
	position: relative;
	width: fit-content;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #414141;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0;
	line-height: 23.4px;
	white-space: nowrap;
}

.GA-system-MO .div-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0px 16px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	background-color: #f6f6f6;
}

.GA-system-MO .frame-17 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 40px 0px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	background-color: #f6f6f6;
}

.GA-system-MO .group-5 {
	position: relative;
	width: 269.2px;
	height: 63.75px;
}

.GA-system-MO .text-wrapper-14 {
	position: absolute;
	width: 166px;
	top: 22px;
	left: 101px;
	font-family: var(--GA-footnote-font-family);
	font-weight: var(--GA-footnote-font-weight);
	color: #515151;
	font-size: var(--GA-footnote-font-size);
	letter-spacing: var(--GA-footnote-letter-spacing);
	line-height: var(--GA-footnote-line-height);
	font-style: var(--GA-footnote-font-style);
}

.GA-system-MO .gasystem-2 {
	position: absolute;
	width: 98px;
	height: 55px;
	top: 0;
	left: 0;
	aspect-ratio: 1.77;
	object-fit: cover;
}

.GA-system-MO .element-b-tel {
	position: relative;
	align-self: stretch;
	font-family: "Pretendard-Regular", Helvetica;
	font-weight: 400;
	color: #515151;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20.4px;
}

.GA-system-MO.GA-system-PC {
	display: flex;
	flex-direction: column;
	min-width: 960px;
	background-color: #ffffff;
	align-items: flex-start;
	position: relative;
}

.GA-system-MO .frame-18 {
	justify-content: space-between;
	padding: 8px 40px;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .navbar {
	display: inline-flex;
	gap: 44.8px;
	flex: 0 0 auto;
	position: relative;
}

.GA-system-MO .text-wrapper-15 {
	position: relative;
	width: fit-content;
	margin-top: -0.8px;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #313131;
	font-size: 14.4px;
	text-align: center;
	letter-spacing: 0;
	line-height: 20.4px;
	white-space: nowrap;
}

.GA-system-MO .frame-19 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 140px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .frame-20 {
	display: flex;
	flex-direction: column;
	height: 635px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 200px 55px;
	position: relative;
	align-self: stretch;
	width: 100%;
	overflow: hidden;
}

.GA-system-MO .hero-video-desktop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.GA-system-MO .hero-video-desktop:not([src]) {
	background-image:
		url('https://c.animaapp.com/OUaF21Oe/img/frame-1707483772-1.png');
	background-size: cover;
	background-position: center;
}

.GA-system-MO .frame-20>.group-6 {
	position: relative;
	z-index: 2;
}

.GA-system-MO .group-6 {
	position: relative;
	width: 812px;
	height: 203.35px;
}

.GA-system-MO .overlap-group-2 {
	position: absolute;
	width: 808px;
	height: 92px;
	top: 0;
	left: 0;
}

.GA-system-MO .frame-21 {
	position: absolute;
	width: 100%;
	height: 34px;
	top: 58px;
	left: 0;
	filter: blur(12px);
	background: radial-gradient(
    50% 80% at 50% 100%, /* 아래쪽 중심으로 이동 */
    rgba(0, 60, 200, 0.6) 0%,  /* 더 진한 파란색 중심 */
    rgba(0, 60, 200, 0) 100%   /* 가장자리는 투명 */
  );
}

.GA-system-MO .text-wrapper-16 {
	position: absolute;
	width: 726px;
	height: 83px;
	top: 0;
	left: 42px;
	font-family: var(--GA-title-1-font-family);
	font-weight: var(--GA-title-1-font-weight);
	color: #21468f;
	font-size: var(--GA-title-1-font-size);
	text-align: center;
	letter-spacing: var(--GA-title-1-letter-spacing);
	line-height: var(--GA-title-1-line-height);
	font-style: var(--GA-title-1-font-style);
}

.GA-system-MO .text-wrapper-17 {
	position: absolute;
	width: 604px;
	height: 92px;
	top: 111px;
	left: 103px;
	font-family: var(--GA-title-2-font-family);
	font-weight: var(--GA-title-2-font-weight);
	color: #21468f;
	font-size: var(--GA-title-2-font-size);
	text-align: center;
	letter-spacing: var(--GA-title-2-letter-spacing);
	line-height: var(--GA-title-2-line-height);
	font-style: var(--GA-title-2-font-style);
}

.GA-system-MO .frame-22 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 64px;
	padding: 0px 40px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .text-wrapper-18 {
	position: relative;
	width: fit-content;
	margin-top: -0.8px;
	font-family: var(--GA-title-3-font-family);
	font-weight: var(--GA-title-3-font-weight);
	color: #21468f;
	font-size: var(--GA-title-3-font-size);
	text-align: center;
	letter-spacing: var(--GA-title-3-letter-spacing);
	line-height: var(--GA-title-3-line-height);
	white-space: nowrap;
	font-style: var(--GA-title-3-font-style);
}

.GA-system-MO .frame-23 {
	flex-wrap: wrap;
	gap: 40px 22.4px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .frame-24 {
	flex-direction: column;
	width: 389px;
	height: 215.51px;
	align-items: flex-start;
	gap: 22px;
	padding: 32px;
	background-color: #ffffff;
	overflow: hidden;
	box-shadow: 3.2px 6.4px 24px #0000001a;
	display: flex;
	position: relative;
	border-radius: 8px;
}

.GA-system-MO .text-wrapper-19 {
	position: relative;
	width: fit-content;
	font-family: var(--GA-subtitle-3-font-family);
	font-weight: var(--GA-subtitle-3-font-weight);
	color: #212121;
	font-size: var(--GA-subtitle-3-font-size);
	letter-spacing: var(--GA-subtitle-3-letter-spacing);
	line-height: var(--GA-subtitle-3-line-height);
	white-space: nowrap;
	font-style: var(--GA-subtitle-3-font-style);
}

.GA-system-MO .SI-completed {
	position: relative;
	align-self: stretch;
	font-family: var(--GA-body-1-font-family);
	font-weight: var(--GA-body-1-font-weight);
	color: #5d5d5d;
	font-size: var(--GA-body-1-font-size);
	letter-spacing: var(--GA-body-1-letter-spacing);
	line-height: var(--GA-body-1-line-height);
	font-style: var(--GA-body-1-font-style);
}

.GA-system-MO .div-2 {
	position: relative;
	align-self: stretch;
	font-family: var(--GA-body-1-font-family);
	font-weight: var(--GA-body-1-font-weight);
	color: transparent;
	font-size: var(--GA-body-1-font-size);
	letter-spacing: var(--GA-body-1-letter-spacing);
	line-height: var(--GA-body-1-line-height);
	font-style: var(--GA-body-1-font-style);
}

.GA-system-MO .text-wrapper-20 {
	color: #5d5d5d;
	font-family: var(--GA-body-1-font-family);
	font-style: var(--GA-body-1-font-style);
	font-weight: var(--GA-body-1-font-weight);
	letter-spacing: var(--GA-body-1-letter-spacing);
	line-height: var(--GA-body-1-line-height);
	font-size: var(--GA-body-1-font-size);
}

.GA-system-MO .text-wrapper-21 {
	font-family: var(--GA-body-1-font-family);
	font-weight: var(--GA-body-1-font-weight);
	color: transparent;
	font-size: var(--GA-body-1-font-size);
	letter-spacing: var(--GA-body-1-letter-spacing);
	line-height: var(--GA-body-1-line-height);
	font-style: var(--GA-body-1-font-style);
}

.GA-system-MO .frame-25 {
	flex-direction: column;
	gap: 36px;
	padding: 0px 40px;
	display: flex;
	align-items: center;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .text-wrapper-22 {
	position: relative;
	width: fit-content;
	margin-top: -0.8px;
	font-family: var(--GA-title-3-font-family);
	font-weight: var(--GA-title-3-font-weight);
	color: #1d4071;
	font-size: var(--GA-title-3-font-size);
	text-align: center;
	letter-spacing: var(--GA-title-3-letter-spacing);
	line-height: var(--GA-title-3-line-height);
	white-space: nowrap;
	font-style: var(--GA-title-3-font-style);
}

.GA-system-MO .text-wrapper-23 {
	position: relative;
	width: 920.8px;
	margin-left: -20.4px;
	margin-right: -20.4px;
	font-family: var(--GA-subtitle-1-font-family);
	font-weight: var(--GA-subtitle-1-font-weight);
	color: #313131;
	font-size: var(--GA-subtitle-1-font-size);
	text-align: center;
	letter-spacing: var(--GA-subtitle-1-letter-spacing);
	line-height: var(--GA-subtitle-1-line-height);
	font-style: var(--GA-subtitle-1-font-style);
}

.GA-system-MO .frame-26 {
	flex-wrap: wrap;
	max-width: 1200px;
	height: 320px;
	align-items: center;
	justify-content: space-around;
	gap: 472.8px 472.8px;
	padding: 39.2px 41.6px;
	width: 100%;
	background-color: #f6f6f6;
	display: flex;
	position: relative;
	border-radius: 8px;
}

.GA-system-MO .frame-27 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	flex: 1;
	flex-grow: 1;
}

.GA-system-MO .frame-28 {
	display: flex;
	flex-direction: column;
	width: 329px;
	align-items: flex-start;
/* 	gap: 28px; */
	gap: 20px;
	position: relative;
}

.GA-system-MO .div-3 {
	position: relative;
	align-self: stretch;
	height: 36.8px;
	margin-top: -0.8px;
	font-family: var(--GA-subtitle-3-font-family);
	font-weight: var(--GA-subtitle-3-font-weight);
	color: #313131;
	font-size: var(--GA-subtitle-3-font-size);
	letter-spacing: var(--GA-subtitle-3-letter-spacing);
	line-height: var(--GA-subtitle-3-line-height);
	white-space: nowrap;
	font-style: var(--GA-subtitle-3-font-style);
}

.GA-system-MO .text-wrapper-24 {
	font-weight: var(--GA-subtitle-3-font-weight);
	font-family: var(--GA-subtitle-3-font-family);
	font-style: var(--GA-subtitle-3-font-style);
	letter-spacing: var(--GA-subtitle-3-letter-spacing);
	line-height: var(--GA-subtitle-3-line-height);
	font-size: var(--GA-subtitle-3-font-size);
}

.GA-system-MO .text-wrapper-25 {
	position: relative;
	align-self: stretch;
	font-family: var(--GA-body-1-font-family);
	font-weight: var(--GA-body-1-font-weight);
	color: #313131;
	font-size: var(--GA-body-1-font-size);
	letter-spacing: var(--GA-body-1-letter-spacing);
	line-height: var(--GA-body-1-line-height);
	font-style: var(--GA-body-1-font-style);
}

.GA-system-MO .frame-29 {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	position: relative;
	flex: 0 0 auto;
}

.GA-system-MO .text-wrapper-26 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #8f8f8f;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 28px;
	white-space: nowrap;
}

.GA-system-MO .group-7 {
	position: relative;
	width: 19.78px;
	height: 22px;
}

.GA-system-MO .image-39 {
	position: relative;
	width: 360px;
	height: 220px;
	aspect-ratio: 1.64;
	object-fit: cover;
}

.GA-system-MO .frame-30 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	padding: 0px 40px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .frame-31 {
	flex-wrap: wrap;
	max-width: 1200px;
	justify-content: center;
	gap: 26.4px 26.4px;
	width: 100%;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	position: relative;
}

.GA-system-MO .component-2 {
	position: relative;
	width: 379px;
	height: 198px;
	background-color: #f6f6f6;
	border-radius: 8px;
}

.GA-system-MO .menu-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1.01;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/vuesax-bold-menu-1@2x.png);
	background-size: 100% 100%;
}

.GA-system-MO .frame-32 {
	display: flex;
	flex-direction: column;
	width: 267px;
	height: 67px;
	align-items: flex-start;
	gap: 9.6px;
	position: absolute;
	top: 28px;
	left: 32px;
}

.GA-system-MO .text-wrapper-27 {
	position: relative;
	width: 316px;
	margin-top: -0.8px;
	margin-right: -48.9px;
	font-family: var(--GA-subtitle-3-font-family);
	font-weight: var(--GA-subtitle-3-font-weight);
	color: #212121;
	font-size: var(--GA-subtitle-3-font-size);
	letter-spacing: var(--GA-subtitle-3-letter-spacing);
	line-height: var(--GA-subtitle-3-line-height);
	font-style: var(--GA-subtitle-3-font-style);
}

.GA-system-MO .text-wrapper-28 {
	position: relative;
	width: 246px;
	margin-bottom: -24.6px;
	font-family: var(--GA-body-1-font-family);
	font-weight: var(--GA-body-1-font-weight);
	color: #5d5d5d;
	font-size: var(--GA-body-1-font-size);
	letter-spacing: var(--GA-body-1-letter-spacing);
	line-height: var(--GA-body-1-line-height);
	font-style: var(--GA-body-1-font-style);
	word-break: keep-all;
	overflow-wrap: break-word;
}

.GA-system-MO .scroll-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/scroll-1@3x.png);
	background-size: 100% 100%;
}

.GA-system-MO .security-user-3 {
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/security-user-1@3x.png);
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-size: 100% 100%;
}

.GA-system-MO .layer-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/layer-1.svg);
	background-size: 100% 100%;
}

.GA-system-MO .text-wrapper-29 {
	position: relative;
	width: 246px;
	margin-bottom: -2.6px;
	font-family: var(--GA-body-1-font-family);
	font-weight: var(--GA-body-1-font-weight);
	color: #5d5d5d;
	font-size: var(--GA-body-1-font-size);
	letter-spacing: var(--GA-body-1-letter-spacing);
	line-height: var(--GA-body-1-line-height);
	font-style: var(--GA-body-1-font-style);
}

.GA-system-MO .keyboard-open-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/keyboard-open-1.svg);
	background-size: 100% 100%;
}

.GA-system-MO .driver-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/driver-1.svg);
	background-size: 100% 100%;
}

.GA-system-MO .text-wrapper-30 {
	position: relative;
	width: 246px;
	margin-bottom: -68.6px;
	font-family: var(--GA-body-1-font-family);
	font-weight: var(--GA-body-1-font-weight);
	color: #5d5d5d;
	font-size: var(--GA-body-1-font-size);
	letter-spacing: var(--GA-body-1-letter-spacing);
	line-height: var(--GA-body-1-line-height);
	font-style: var(--GA-body-1-font-style);
}

.GA-system-MO .monitor-mobbile-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/monitor-mobbile--1.svg);
	background-size: 100% 100%;
}

.GA-system-MO .cpu-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/cpu-1.svg);
	background-size: 100% 100%;
}

.GA-system-MO .global-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-image: url(https://c.animaapp.com/OUaF21Oe/img/global-1.svg);
	background-size: 100% 100%;
}

.GA-system-MO .security-user-4 {
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/buliding-1.svg);
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-size: 100% 100%;
}

.GA-system-MO .scanning-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/scanning-1.svg);
	background-size: 100% 100%;
}

.GA-system-MO .text-wrapper-31 {
	position: relative;
	width: 246px;
	margin-bottom: -46.6px;
	font-family: var(--GA-body-1-font-family);
	font-weight: var(--GA-body-1-font-weight);
	color: #5d5d5d;
	font-size: var(--GA-body-1-font-size);
	letter-spacing: var(--GA-body-1-letter-spacing);
	line-height: var(--GA-body-1-line-height);
	font-style: var(--GA-body-1-font-style);
}

.GA-system-MO .cloud-connection-2 {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 118px;
	left: 299px;
	aspect-ratio: 1;
	background-image:
		url(https://c.animaapp.com/OUaF21Oe/img/cloud-connection-1.svg);
	background-size: 100% 100%;
}

.GA-system-MO .mask-group-2 {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	align-items: center;
	gap: 0px 0px;
	position: relative;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .frame-33 {
	flex-direction: column;
	height: 460px;
	gap: 37px;
	padding: 75px 33px;
	flex: 1;
	flex-grow: 1;
	background-color: #f6f6f6;
	border-radius: 10px 0px 0px 10px;
	display: flex;
	align-items: center;
	position: relative;
}

.GA-system-MO .text-wrapper-32 {
	position: relative;
	width: 495.84px;
	margin-top: -0.8px;
	margin-left: -60.92px;
	margin-right: -60.92px;
	font-family: var(--GA-title-3-font-family);
	font-weight: var(--GA-title-3-font-weight);
	color: #1d4071;
	font-size: var(--GA-title-3-font-size);
	text-align: center;
	letter-spacing: var(--GA-title-3-letter-spacing);
	line-height: var(--GA-title-3-line-height);
	font-style: var(--GA-title-3-font-style);
}

.GA-system-MO .text-wrapper-33 {
	position: relative;
	width: 531.43px;
	margin-left: -78.71px;
	margin-right: -78.71px;
	font-family: var(--GA-subtitle-3-font-family);
	font-weight: var(--GA-subtitle-3-font-weight);
	color: #1d4071;
	font-size: var(--GA-subtitle-3-font-size);
	text-align: center;
	letter-spacing: var(--GA-subtitle-3-letter-spacing);
	line-height: var(--GA-subtitle-3-line-height);
	font-style: var(--GA-subtitle-3-font-style);
}

.GA-system-MO .AI-CEO-2 {
	width: 518.57px;
	margin-left: -72.29px;
	margin-right: -72.29px;
	font-family: var(--GA-subtitle-1-font-family);
	font-weight: var(--GA-subtitle-1-font-weight);
	color: #1d4071;
	font-size: var(--GA-subtitle-1-font-size);
	text-align: center;
	line-height: var(--GA-subtitle-1-line-height);
	position: relative;
	letter-spacing: var(--GA-subtitle-1-letter-spacing);
	font-style: var(--GA-subtitle-1-font-style);
}

.GA-system-MO .element-2 {
	position: relative;
	flex: 1;
	flex-grow: 1;
	height: 460px;
}

.GA-system-MO .frame-34 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 88px;
	padding: 0px 40px 100px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .container-2 {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px 12.8px;
	position: relative;
	width: 100%;
	flex: 0 0 auto;
	overflow: hidden;
}

.GA-system-MO .image-40 {
	position: relative;
	width: 96px;
	height: 70.4px;
	mix-blend-mode: luminosity;
	aspect-ratio: 1.36;
}

.GA-system-MO .image-41 {
	position: relative;
	width: 194.4px;
	height: 70.4px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.76;
}

.GA-system-MO .image-42 {
	position: relative;
	width: 203.2px;
	height: 69.6px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.92;
}

.GA-system-MO .image-43 {
	position: relative;
	width: 203.2px;
	height: 68.8px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.95;
}

.GA-system-MO .image-44 {
	position: relative;
	width: 148px;
	height: 69.6px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.13;
}

.GA-system-MO .image-45 {
	position: relative;
	width: 125.6px;
	height: 70.4px;
	mix-blend-mode: luminosity;
	aspect-ratio: 1.78;
}

.GA-system-MO .image-46 {
	position: relative;
	width: 196.8px;
	height: 66.4px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.96;
}

.GA-system-MO .image-47 {
	position: relative;
	width: 212.8px;
	height: 68.8px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.09;
}

.GA-system-MO .image-48 {
	position: relative;
	width: 218.4px;
	height: 70.4px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.1;
}

.GA-system-MO .image-49 {
	position: relative;
	width: 74.4px;
	height: 76.8px;
	mix-blend-mode: luminosity;
	aspect-ratio: 0.97;
}

.GA-system-MO .image-50 {
	position: relative;
	width: 172px;
	height: 76px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.26;
}

.GA-system-MO .image-51 {
	position: relative;
	width: 295px;
	height: 57px;
	mix-blend-mode: luminosity;
	aspect-ratio: 5.18;
}

.GA-system-MO .image-52 {
	position: relative;
	width: 229px;
	height: 70px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.27;
}

.GA-system-MO .image-53 {
	position: relative;
	width: 128px;
	height: 52.8px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.42;
}

.GA-system-MO .image-54 {
	position: relative;
	width: 147.2px;
	height: 56.94px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.59;
	object-fit: cover;
}

.GA-system-MO .image-55 {
	position: relative;
	width: 127.2px;
	height: 48.8px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.61;
}

.GA-system-MO .image-56 {
	position: relative;
	width: 116.8px;
	height: 63.05px;
	mix-blend-mode: luminosity;
	aspect-ratio: 1.85;
	object-fit: cover;
}

.GA-system-MO .image-57 {
	position: relative;
	width: 272.8px;
	height: 55.2px;
	mix-blend-mode: luminosity;
	aspect-ratio: 4.94;
}

.GA-system-MO .image-58 {
	position: relative;
	width: 198.4px;
	height: 64px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.1;
	object-fit: cover;
}

.GA-system-MO .image-59 {
	position: relative;
	width: 220.8px;
	height: 64px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.45;
}

.GA-system-MO .image-60 {
	position: relative;
	width: 209px;
	height: 64px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.27;
}

.GA-system-MO .image-61 {
	position: relative;
	width: 171.2px;
	height: 62.71px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.73;
	object-fit: cover;
}

.GA-system-MO .image-62 {
	position: relative;
	width: 137.6px;
	height: 45.69px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.01;
	object-fit: cover;
}

.GA-system-MO .image-63 {
	position: relative;
	width: 192.8px;
	height: 62.4px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.09;
}

.GA-system-MO .image-64 {
	position: relative;
	width: 198.4px;
	height: 58.4px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.4;
}

.GA-system-MO .image-65 {
	position: relative;
	width: 120px;
	height: 65px;
	mix-blend-mode: luminosity;
	aspect-ratio: 1.85;
}

.GA-system-MO .image-66 {
	position: relative;
	width: 159.2px;
	height: 42.69px;
	mix-blend-mode: luminosity;
	aspect-ratio: 3.73;
}

.GA-system-MO .image-67 {
	position: relative;
	width: 208.8px;
	height: 49.89px;
	mix-blend-mode: luminosity;
	aspect-ratio: 4.19;
}

.GA-system-MO .image-68 {
	position: relative;
	width: 90.4px;
	height: 42.49px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.13;
	object-fit: cover;
}

.GA-system-MO .image-69 {
	position: relative;
	width: 116.8px;
	height: 45.3px;
	mix-blend-mode: luminosity;
	aspect-ratio: 2.58;
	object-fit: cover;
}

.GA-system-MO .text-wrapper-34 {
	position: relative;
	width: fit-content;
	font-family: "Pretendard-Medium", Helvetica;
	font-weight: 500;
	color: #414141;
	font-size: 24px;
	text-align: center;
	letter-spacing: 0;
	line-height: 35px;
	white-space: nowrap;
}

.GA-system-MO .frame-35 {
	flex-direction: column;
	gap: 10px;
	padding: 0px 40px;
	background-color: #f6f6f6;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.GA-system-MO .frame-36 {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	height: 310px;
	align-items: flex-start;
	justify-content: center;
	padding: 70.4px 0px;
	position: relative;
	width: 100%;
	background-color: #f6f6f6;
}

.GA-system-MO .group-8 {
	position: relative;
	width: 269.2px;
	height: 63.75px;
	margin-top: -3.68px;
}

.GA-system-MO .element-b-tel-2 {
	position: relative;
	align-self: stretch;
	height: 112.8px;
	margin-bottom: -2.88px;
	font-family: var(--GA-footnote-font-family);
	font-weight: var(--GA-footnote-font-weight);
	color: #515151;
	font-size: var(--GA-footnote-font-size);
	letter-spacing: var(--GA-footnote-letter-spacing);
	line-height: var(--GA-footnote-line-height);
	font-style: var(--GA-footnote-font-style);
}

/* PC 네비게이션 */
.navbar {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
	background-color: #fff;
	padding: 4px 40px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: background 0.3s ease;
}

.navbar .menu-item {
	position: relative;
	font-size: 16px;
	cursor: pointer;
	color: #111;
	font-weight: 500;
	transition: color 0.3s;
	padding: 10px 0;
}

.navbar .menu-item:hover {
	color: #21468f;
}

/* 애플 공홈 스타일 드롭다운 */
.dropdown {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(-10px);
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	overflow: hidden;
	padding: 20px 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 260px;
	transition: all 0.35s ease;
}

.menu-item:hover .dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.dropdown a {
	text-decoration: none;
	color: #333;
	font-size: 15px;
	padding: 10px 0;
	width: 100%;
	transition: color 0.3s;
}

.dropdown a:hover {
	color: #21468f;
}

/* 섬세한 구분선 및 그리드 느낌 */
.dropdown::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	/*       background: linear-gradient(to right, #21468f, #007aff); */
	background: linear-gradient(to right, #21468f, #21468f);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

/* 모바일 헤더 */
.frame {
	display: none;
	justify-content: space-between;
	align-items: center;
	padding: 16px 24px;
	background: #fff;
	position: relative;
	z-index: 1000;
}

.logo {
	font-size: 18px;
	font-weight: 600;
}

.hamburger {
	width: 26px;
	height: 18px;
	position: relative;
	cursor: pointer;
}

.hamburger span {
	position: absolute;
	height: 2px;
	width: 100%;
	background: #111;
	border-radius: 1px;
	transition: all 0.4s ease;
}

.hamburger span:nth-child(1) {
	top: 0;
}

.hamburger span:nth-child(2) {
	top: 8px;
}

.hamburger span:nth-child(3) {
	top: 16px;
}

.hamburger.active span:nth-child(1) {
	transform: rotate(45deg);
	top: 8px;
}

.hamburger.active span:nth-child(2) {
	opacity: 0;
}

.hamburger.active span:nth-child(3) {
	transform: rotate(-45deg);
	top: 8px;
}

/* 모바일 풀스크린 메뉴 */
.mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #fff;
	transform: translateY(-100%);
	transition: transform 0.5s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	z-index: 90;
	pointer-events: none;
}

.mobile-menu.active {
	font-family: "Pretendard-Medium", Helvetica;
	transform: translateY(0);
	pointer-events: all;
}

.mobile-item {
	font-size: 24px;
	font-weight: 500;
	color: #111;
	text-align: center;
	cursor: pointer;
	transition: color 0.3s;
}

.mobile-item:hover {
	color: #21468f;
}

.mobile-submenu {
	display: none;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.mobile-item.active+.mobile-submenu {
	display: flex;
}

.mobile-submenu a {
	text-decoration: none;
	color: #555;
	font-size: 16px;
}

.mobile-submenu a:hover {
	color: #21468f;
}

@media ( max-width : 959px) {
	.navbar {display: none;}
	.frame {display: flex;}
	.GA-system-MO.GA-system-PC {display: none !important;}
}

@media ( min-width : 960px) {
	.GA-system-MO.div {display: none !important;}
}