@charset "UTF-8";

.main-content-box01 .main-mini-wrap{max-width: 100%;}

/*******/
.mn-con1-introduction {
  	width: 100%;
  	position: relative;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 7.5rem 0rem;
  	box-sizing: border-box;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top;
  	text-align: center;
  	font-size: 2.5rem;
  	color: #000;
  	font-family: 'Noto Sans KR';
}
.mn-nnsp-introduction {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 4.5rem;
  	max-width: 100%;
	background-image: url(/_res/service/test/img/main/main-con1-intro_bg.png);
    background-size: cover;
    background-position: 50% 50%;
}
.mn-nnsp-intro {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 0rem 1.25rem;
  	gap: 2.25rem;
}
.mn-introtitle {
  	align-self: stretch;
  	position: relative;
  	line-height: 3.125rem;
}
.span {
  	background: linear-gradient(90deg, #5C02A1 17.31%, #0895ca 76.44%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.cpscyber-physical-system {
  	font-size: 2.1rem;
}
.mn-introdesc {
  	align-self: stretch;
  	position: relative;
  	font-size: 1.4rem;
  	letter-spacing: -0.07em;
  	line-height: 2.5rem;
  	font-weight: 400;
  	color: #0a1e43;
}
.mn-nnsp-b {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 1.25rem;
  	text-align: left;
  	font-size: 2.5rem;
  	color: #00b3ff;
}
.mn-nnsp-b-section1 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	justify-content: center;
  	flex-wrap: wrap;
  	align-content: flex-start;
  	gap: 0.625rem 1.25rem;
}
.mn-nnsp-b1 {
  	height: 14.375rem;
  	width: 26.875rem;
  	border-radius: 16px;
  	background-color: #102d63;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	padding: 2.312rem 1.25rem;
  	box-sizing: border-box;
  	gap: 2.812rem;
}
.mn-nnsp-cont {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-end;
  	justify-content: center;
  	gap: 0.25rem;
}
.mn-statnumber {
  	height: 2.5rem;
  	width: 1.5rem;
  	position: relative;
}
.mn-statistic-num {
  	position: absolute;
  	top: 0rem;
  	left: 0rem;
  	line-height: 2.5rem;
  	font-weight: 600;
}
.mn-text {
  	height: 2rem;
  	display: flex;
  	align-items: flex-start;
  	padding: 0.25rem 0rem 0rem;
  	box-sizing: border-box;
  	font-size: 1.5rem;
}
.mn-statistic-unit {
  	position: relative;
  	line-height: 2rem;
  	flex-shrink: 0;
}
.mn-statdescription {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	text-align: center;
  	font-size: 1.438rem;
  	color: #fff;
}
.mn-descr {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 0.625rem;
  	max-width: 100%;
}
.statistic-detail {
  	align-self: stretch;
  	position: relative;
  	line-height: 1.25rem;
  	font-weight: 500;
}
.statistic-detail2 {
  	align-self: stretch;
  	position: relative;
  	font-size: 1.188rem;
  	line-height: 1.25rem;
  	color: #82d9ff;
}
.mn-rnnsp-slo {
  	height: 14.063rem;
  	width: 26.875rem;
  	position: relative;
  	text-align: center;
  	font-size: 2.25rem;
  	font-family: 'Noto Sans';
}
.mn-descrnnsp-con {
  	position: absolute;
  	top: 0rem;
  	left: calc(50% - 215px);
  	width: 26.875rem;
  	overflow: hidden;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-wrap: wrap;
  	align-content: center;
  	padding: 3.125rem 0rem;
  	box-sizing: border-box;
}
.connecting-it-and {
  	flex: 1;
  	position: relative;
  	letter-spacing: -0.05em;
  	line-height: 3.75rem;
  	font-weight: 700;
  	background: linear-gradient(65.08deg, #3949ab 0.78%, #3b91e2 85.1%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	white-space: pre-wrap;
}
.mn-nnsp-cont2 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-end;
  	justify-content: center;
  	padding: 0rem 9.875rem;
  	gap: 0.25rem;
}
.mn-statnumber2 {
  	height: 2.5rem;
  	width: 2.938rem;
  	position: relative;
}
.statistic-unit {
  	position: relative;
  	line-height: 2rem;
}
.span2 {
  	font-size: 1.375rem;
}
.mn-nnsp-b-section2 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	justify-content: center;
  	flex-wrap: wrap;
  	align-content: flex-start;
  	gap: 1.25rem;
}
.mn-nnsp-b3 {
  	width: 26.875rem;
  	border-radius: 16px;
  	background-color: #102d63;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	padding: 2.812rem 1.25rem;
  	box-sizing: border-box;
}
.mn-nnsp-b3-cont {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 2.812rem;
  	max-width: 100%;
}
.mn-b3nnsp-num {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-end;
  	justify-content: center;
  	padding: 0rem 8.75rem;
  	gap: 0.875rem;
}
.mn-countup {
  	height: 2.5rem;
  	width: 2.938rem;
  	position: relative;
  	flex-shrink: 0;
}
.statistic-number2 {
  	position: absolute;
  	top: -0.125rem;
  	left: 0rem;
  	line-height: 2.5rem;
  	font-weight: 600;
  	flex-shrink: 0;
}
.mn-b3numtext {
  	height: 2rem;
  	display: flex;
  	align-items: flex-start;
  	flex-shrink: 0;
  	font-size: 1.5rem;
}
.mn-b3text {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 0.625rem;
  	text-align: center;
  	font-size: 1.438rem;
  	color: #fff;
}
.mn-nnsp-b4-cont {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 2.75rem;
  	max-width: 100%;
}
.mn-b4nnsp-num {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-end;
  	justify-content: center;
  	padding: 0rem 9.812rem;
}
.mn-b4countup {
  	height: 2.5rem;
  	width: 3.375rem;
  	position: relative;
}
.statistic-number3 {
  	position: absolute;
  	top: 0rem;
  	left: 0rem;
  	line-height: 2.5rem;
  	font-weight: 600;
  	display: inline-block;
  	width: 3.375rem;
}
.mn-b4numtext {
  	height: 2rem;
  	display: flex;
  	align-items: flex-start;
  	font-size: 1.5rem;
}
.statistic-detail8 {
  	align-self: stretch;
  	position: relative;
  	font-size: 1.188rem;
  	line-height: 1.25rem;
  	color: #9ae0fe;
}
.mn-b5nnsp-num {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 0rem 10.062rem;
}
.mn-b5numtext {
  	height: 2rem;
  	display: flex;
  	align-items: flex-start;
  	font-size: 1.5rem;
  	color: #03acf5;
}
.statistic-unit4 {
  	position: relative;
  	line-height: 2rem;
  	font-weight: 800;
}


/****1111111111***/


.mn-con2-product {
  	width: 100%;
  	position: relative;
  	border-radius: 60px 60px 0px 0px;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 7.062rem 12.5rem;
  	box-sizing: border-box;
	background: url(/_res/service/test/img/main/mn_con2_product.png) center;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top;
  	text-align: left;
  	font-size: 2.75rem;
  	color: #72c4ff;
  	font-family: 'Noto Sans KR';
}
.mn-con2-conwrap {
  	width: 100%;
  	display: flex;
  	align-items: flex-start;
  	justify-content: center;
  	flex-wrap: wrap;
  	align-content: flex-start;
  	gap: 2.5rem 13.125rem;
  	max-width: 100%;
}
.mn-con2-title {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 0rem 0rem 0rem 1.25rem;
  	gap: 0.625rem;
}
.product-name {
  	align-self: stretch;
  	position: relative;
  	text-shadow: 4px 4px 20px #3949ab;
}
.product-description {
  	align-self: stretch;
  	position: relative;
  	font-size: 1.313rem;
  	font-weight: 500;
  	color: #fff;
  	text-shadow: 4px 4px 20px #3949ab;
}
.mn-con2-prodwrap {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 2.062rem;
  	min-width: 18.75rem;
  	text-align: center;
  	font-size: 1.063rem;
  	color: #000;
}
.mn-con2-prod-sec1 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-end;
  	flex-wrap: wrap;
  	align-content: flex-end;
  	gap: 1rem;
}
.mn-con2-prod-sec1-1 {
  	height: 14.938rem;
  	width: 14.063rem;
  	position: relative;
}
.mn-con2-prod-sec1-1-child {
  	position: absolute;
  	top: 2.438rem;
  	left: 0rem;
  	box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.15);
  	border-radius: 22px;
  	background: linear-gradient(180deg, #7e9db2, #c7d5de);
  	border: 1px solid #dbdfe5;
  	box-sizing: border-box;
  	width: 14.063rem;
  	height: 12.5rem;
}
.product-detail {
  	position: absolute;
  	top: 10.83rem;
  	left: 1.75rem;
  	letter-spacing: -0.06em;
  	font-weight: 500;
}
.mn-con2-prod-sec1-nnetdiode-icon {
  	position: absolute;
  	top: 5.375rem;
  	left: 1.75rem;
  	width: 10.563rem;
  	height: 1.563rem;
  	object-fit: cover;
}
.product-category {
  	position: absolute;
  	top: 0rem;
  	left: 0rem;
  	font-size: 1.25rem;
  	font-weight: 500;
  	color: #fff;
  	text-align: left;
}
.mn-con2-prod-sec1-2 {
  	height: 12.5rem;
  	width: 14.063rem;
  	position: relative;
}
.mn-con2-prod-sec1-2-child {
  	position: absolute;
  	top: 0rem;
  	left: 0rem;
  	border-radius: 22px;
  	background: linear-gradient(180deg, #7e9db2, #c7d5de);
  	border: 1px solid #dbdfe5;
  	box-sizing: border-box;
  	width: 14.063rem;
  	height: 12.5rem;
}
.product-detail2 {
  	position: absolute;
  	top: 8.375rem;
  	left: 1.5rem;
  	letter-spacing: -0.15em;
  	font-weight: 500;
}
.mn-con2-prod-sec1-nnettrust-icon {
  	position: absolute;
  	top: 3rem;
  	left: 2.375rem;
  	width: 9.813rem;
  	height: 1.563rem;
  	object-fit: cover;
}
.product-detail3 {
  	position: absolute;
  	top: 7.75rem;
  	left: 1.375rem;
  	letter-spacing: -0.06em;
  	font-weight: 500;
}
.mn-con2-prod-sec1-nnetcds-icon {
  	position: absolute;
  	top: 3rem;
  	left: 2.5rem;
  	width: 9.188rem;
  	height: 1.563rem;
  	object-fit: cover;
}
.product-detail4 {
  	position: absolute;
  	top: 8.5rem;
  	left: 1.313rem;
  	letter-spacing: -0.06em;
  	font-weight: 500;
}
.mn-con2-prod-sec1-nnetcdsguard {
  	position: absolute;
  	top: 2.563rem;
  	left: 2.938rem;
  	width: 8.188rem;
  	height: 2.938rem;
}
.image-7-icon {
  	position: absolute;
  	top: 0rem;
  	left: 0rem;
  	width: 8.188rem;
  	height: 1.375rem;
  	object-fit: cover;
}
.image-8-icon {
  	position: absolute;
  	top: 1.563rem;
  	left: 1.375rem;
  	width: 5.5rem;
  	height: 1.375rem;
  	object-fit: cover;
}
.mn-con2-prod-sec2 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-end;
  	flex-wrap: wrap;
  	align-content: flex-end;
  	gap: 1.062rem;
}
.mn-con2-prod-sec2-1 {
  	height: 14.875rem;
  	width: 14.063rem;
  	position: relative;
}
.mn-con2-prod-sec2-1-child {
  	position: absolute;
  	top: 2.375rem;
  	left: 0rem;
  	border-radius: 22px;
  	background: linear-gradient(180deg, #bba8d0, #e0d7ea 85.1%);
  	border: 1px solid #eedeff;
  	box-sizing: border-box;
  	width: 14.063rem;
  	height: 12.5rem;
}
.product-detail5 {
  	position: absolute;
  	top: 10.1rem;
  	left: 2.8rem;
  	letter-spacing: -0.1em;
  	font-weight: 500;
}
.mn-con2-prod-sec2-nnetndr-icon {
  	position: absolute;
  	top: 5.5rem;
  	left: 2.625rem;
  	width: 8.813rem;
  	height: 1.563rem;
  	object-fit: cover;
}
.mn-con2-prod-sec2-2-child {
  	position: absolute;
  	top: 0rem;
  	left: 0rem;
  	border-radius: 22px;
    background: linear-gradient(180deg, #bba8d0, #e0d7ea 85.1%);
    box-sizing: border-box;
  	width: 14.063rem;
  	height: 12.5rem;
}
.product-detail6 {
  	position: absolute;
  	top: 7.95rem;
  	letter-spacing: -0.06em;
  	font-weight: 500;
}
.mn-con2-prod-sec2-nnetprobe-icon {
  	position: absolute;
  	top: 3.125rem;
  	left: 1.938rem;
  	width: 10.188rem;
  	height: 1.563rem;
  	object-fit: cover;
}
.mn-con2-prod-sec2-3-child {
  	position: absolute;
  	top: 0rem;
  	left: 0rem;
  	border-radius: 22px;
  	background: linear-gradient(180deg, #bba8d0, #e0d7ea 85.1%);
  	border: 1px solid #eedeff;
  	box-sizing: border-box;
  	width: 14.063rem;
  	height: 12.5rem;
}
.product-detail7 {
  	position: absolute;
  	top: 7.95rem;
  	left: 2.25rem;
  	letter-spacing: -0.06em;
  	font-weight: 500;
}
.mn-con2-prod-sec2-nnetsensor-icon {
  	position: absolute;
  	top: 3.125rem;
  	left: 1.75rem;
  	width: 10.75rem;
  	height: 1.563rem;
  	object-fit: cover;
}
.mn-con2-prod-sec3 {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	flex-wrap: wrap;
  	align-content: center;
  	gap: 1rem;
}
.product-detail8 {
  	position: absolute;
  	top: 11.2rem;
  	left: 1rem;
  	letter-spacing: -0.1em;
  	font-weight: 500;
}


.mn-con2-prod-sec3-1 {
  	height: 15.563rem;
  	width: 14.063rem;
  	position: relative;
}
.mn-con2-prod-sec3-1-child {
  	position: absolute;
  	top: 2.438rem;
  	left: 0rem;
   	background: linear-gradient(180deg, #7988cb, #d0d6f4 85.1%);
    box-sizing: border-box;
  	border-radius: 22px;
  	width: 14.063rem;
  	height: 13.125rem;
}
.mn-con2-prod-sec3-nnettag-icon {
  	position: absolute;
  	top: 5.75rem;
  	left: 2.75rem;
  	width: 8.875rem;
  	height: 1.563rem;
  	object-fit: cover;
}
.mn-con2-prod-sec3-2-child {
  	position: absolute;
  	top: 2.438rem;
  	left: 0rem;
  	border-radius: 22px;
  	background: linear-gradient(180deg, #7988cb, #d0d6f4 85.1%);
  	border: 1px solid #b6c9f9;
  	box-sizing: border-box;
  	width: 14.063rem;
  	height: 13.125rem;
}
.product-detail9 {
  	position: absolute;
  	top: 11.15rem;
  	left: 1.1rem;
  	letter-spacing: -0.12em;
  	font-weight: 500;
}
.mn-con2-prod-sec3-nnetanalyzer {
  	position: absolute;
  	top: 5.5rem;
  	left: 1.3rem;
  	width: 11.25rem;
  	height: 1.625rem;
  	overflow: hidden;
}

.group-icon {
  	position: absolute;
  	height: 100%;
  	width: 90%;
  	top: 6.9%;
  	right: 0.01%;
  	bottom: 0%;
  	left: 5%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}





/*.main-con-2-product {
  border-radius: 3.75rem 3.75rem 0rem 0rem;
  padding: 7.0625rem 13.75rem 7.0625rem 13.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.frame-62 {
  display: flex;
  flex-direction: row;
  gap: 13.7rem;
  row-gap: 2.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}*/