@charset "UTF-8";
.content-wrap {padding: 7.5rem 0 0 !important;word-break: keep-all; }
/* part1. nNetplatform 시작*/
:root{
  --bg: #ffffff;
  --title-blue: #022c78;
  --title-dark: #010e5f;
  --text: #0a1e43;
  --pill-blue: #3d75f4;
  --prod-bg: #bed1fb;
  --btn: #7ea3f8;
  --chip: #e4e4e4;
}

/*.content-wrap {padding: 0 0 !important;}*/
.title-wrap {text-align:center;}
.con-title {font-size:2.5rem;font-weight:700;}
.con-subtitle {font-size:1.5rem;font-weight:500;}

/*.cps-security-wrap .img-box.small-img {width:60%;margin:0 auto;}
.cps-security-wrap .con-box03 .img-box {width:80%;margin:0 auto;} */

.list {font-size:0px;}
.list-wrap {display:inline-block;width:33.333%;padding:0 20px 0 0;box-sizing:border-box;}


.n-page{
  min-height:100%;
  padding: 0 3rem 3.5rem;
		
}

.n-frame{
  width: 100%;  
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.hero{  
  margin: 0 auto;
  text-align: center;
  word-break: keep-all;
	padding-bottom:2.5rem;
}

.n-title{
  margin: 0;
  font-style: normal;
  line-height: 1;
}
.n-title-gradient{
  display:block;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2.625rem;
  background: linear-gradient(45deg, #2C05A2 30.192%, #3DDBFF 70.981%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;	
  letter-spacing: -0.05rem;
}
.subtitle{
  display:block;
  margin-top: 0.375rem;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.625rem;
  color: var(--title-dark);
}

.headline{
  margin:0 auto;
	  padding: 4.125rem 0 2rem 0;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 3.5rem;
  color:#000;
	width:100%;	
  max-width: 58rem;
	line-height: 2.5rem;
}

.desc{
  margin: 0;
  font-weight: 500;
  font-size: 1.313rem;
  line-height: 2.125rem;
  letter-spacing: -0.045rem;
  color: var(--text);	
	width:100%;	
  max-width: 65rem;
}

.platform{
  width: 68.75rem;
  margin: 2.75rem auto 0;
  position: relative;
}

.platform-image{
  width: 68.75rem;
  height: 14.188rem;
  overflow: hidden;
}
.platform-image img{
  width: 100%;
  height: 100%;
}

.pill{
  width: 68.643rem;
  height: 4.4rem;
  border-radius: 2.688rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 1.625rem;
}
.pill--dark{ background: var(--pill-blue); }
.pill__icon{
  /*width: 4.339rem;
  height: 3.436rem;
  flex: 0 0 auto;*/
}
.pill__icon img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.pill__text{
  font-weight: 400;
  font-size: 1.55rem;
  line-height: 2.789rem;
  color:#fff;
  text-align:center;
}

.cds-prod{
  margin-top: 0.55rem;
  display:grid;
  grid-template-columns: 17.965rem 49.980rem;
  gap: 0.697rem;
}

.n-prod{
  background: var(--prod-bg);
  border-radius: 1.823rem;
  height: 19.451rem;
  position: relative;
  padding-top: 0.5rem;
}

.prod__title{
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.789rem;
  letter-spacing: -0.045rem;
  color: rgba(48,6,174,0.85);
  text-align: center;
  margin: 0 0 0.250rem;
}
.prod__title--purple{
  color: rgba(48,6,174,0.85);
}

.feature{
  width: 13rem;
  height: 5rem;
  background: var(--btn);
  border-radius: 0.750rem;
  display:flex;
  align-items:center;
  gap: 0.875rem;
  padding: 0 1.125rem;
  justify-content: center;
}
.feature__icon{
  width: 2.813rem;
  height: 2.813rem;
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.feature__icon img{
  width:100%;
  height:100%;
  object-fit: contain;
}
.feature__text{
  font-weight: 500;
  font-size: 1.233rem;
  line-height: 1.287rem;
  color:#fff;
  text-shadow: 0px 0.054rem 0.107rem rgba(0,0,0,0.5);
}

.feature--left{
  margin: 0 auto;
  margin-top: 0;
}

.prod--left .feature{
  margin: 0 auto;
}
.prod--left .feature__icon{
  width: 2.633rem;
  height: 2.783rem;
}

.prod__list{
  list-style:none;
  padding: 0;
  margin: 0.5rem 0 0;
  text-align:center;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 2.4rem;
  letter-spacing: -0.045rem;
  color: #072c7f;
}

.prod--right{
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.features{
  display:flex;
  justify-content: space-between;
  margin-top: 0rem;
  padding: 0 0.375rem;
}

.labels{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items:start;
  margin-top: 0.5rem;
  padding: 0 0.625rem;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 2.4rem;
  letter-spacing: -0.045rem;
  color: #072c7f;
}
.labels__col{ text-align:center; }
.labels__col--right{ text-align:right; padding-right: 1rem; }
.labels__col--left{ text-align:left; padding-left: 0.5rem; }

.chips{
  margin-top: 0.625rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 0.5rem;
}
.chip{
  height: 4.29rem;
  background: var(--chip);
  border-radius: 2.145rem;
  display:flex;
  align-items:center;
  gap: 0.75rem;
  padding: 0 1.125rem;
  font-weight: 500;
  font-size: 1.394rem;
  line-height: 1.287rem;
  color:#000;
}
.chip img{
  width: 2.625rem;
  height: 2.625rem;
  object-fit: contain;
}
.chip--wide{ padding-left: 2.375rem; padding-right: 2.375rem; }
/*.chip--wider{ padding-left: 26px; padding-right: 26px; }
.chip--widest{ padding-left: 28px; padding-right: 28px; }

/* part1. nNetplatform 끝*/


/* part2. cds security & cps solution 시작

.nnetplatform-cdsncps,
.nnetplatform-cdsncps * {
  box-sizing: border-box;
}*/
.nnetplatform-cdsncps {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.pl-1-prod-cds-wrap {
  background: linear-gradient(180deg, rgb(7 34 113) 0%, rgb(6 6 108) 100%);
  border-radius: 3.75rem 3.75rem 0rem 0rem;
  padding: 7.5rem 3rem;
  display: flex;
  flex-direction: row;
  align-self: stretch;
  justify-content: center;
  position: relative;

}
.pl-1-cds-con {
  width: 100%;
  max-width: 70rem;
  display: flex;
  flex-direction: row; 
  gap: 13rem;
  position: relative;
}
.pl-1-container {
  display: flex;
  flex-direction: column;
  gap: 5.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.pl-1-header-container {
  display: flex;
  flex-direction: row;
  gap: 1.125rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  
  position: relative;
}
.pl-1-header-content {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.pl-1-text-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
}
.pl-1-title {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-Bold", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.pl-1-subtitle {
  color: #bedbff;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1.2rem;
  line-height: 0undefined;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 3rem;
}
.pl-1-subtitle-span {
}
.pl-1-subtitle-span2 {
  line-height: 1.625rem;
}
.pl-1-description {
  color: #d1d2d4;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 12.375rem;
  width: 100%;
    max-width: 18rem;
}
.pl-1-cds-prod {
  display: flex;
  flex-direction: row;
  gap: 1.375rem;
  row-gap: 0rem;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 1;
  position: relative;
}
.pl-1-cds-gr-1 {
  display: flex;
  flex-direction: column;
  gap: 1.8125rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 16.875rem;
  position: relative;
  overflow: hidden;
}
.pl-1-cds-nnetdiode {
  border-radius: 1.25rem;
  padding: 0.1875rem 1.625rem 0.1875rem 1.625rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-end;
  align-self: stretch;
  height: 20.6875rem;
  position: relative;
  overflow: hidden;
}
.pl-1-cds-prod-1-1 {
  padding: 0rem 0rem 1.25rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 6.25rem;
  align-items: center;
  justify-content: flex-start;
  width: 13.4375rem;
  position: relative;
}
.pl-1-cds-prod-1-2 {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
}
.pl-1-cds-prod-1-3 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  width: 11.0625rem;
  position: relative;
}
.pl-1-cds-prod-1-3-logo {
  align-self: stretch;
  height: 1.625rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 177/26;
}
.pl-1-cds-prod-1-3-text {
  color: #343450;
  text-align: center;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 0.875rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  position: relative;
  height: 1rem;
  line-height: 1rem;
}
.diode-package-1 {
  width: 12.5rem;
  height: 7.9375rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 200/127;
}
.pl-1-cds-nnetcdsguard {
  border-radius: 1.25rem;
  padding: 0.1875rem 0.8125rem 0.1875rem 0.8125rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-end;
  align-self: stretch;
  height: 20.6875rem;
  position: relative;
  overflow: hidden;
}
.pl-1-cds-prod-2-1 {
  padding: 0rem 0rem 1.25rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 4.2rem;
  align-items: flex-end;
  justify-content: flex-start;
  width: 14.75rem;
  position: relative;
}
.pl-1-cds-prod-2-2 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  line-height: 1rem;
  align-items: center;
  justify-content: flex-start;
  width: 14.375rem;
  height: 2.75rem;
  position: relative;
}
.pl-1-cds-prod-2-2-logo {
  align-self: stretch;
  
  height: 1.625rem;
  position: relative;
  object-fit: cover;
}
.pl-1-cds-prod-2-2-text {
  color: #343450;
  text-align: center;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 0.875rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 1.125rem;
}
.cds-guard-package-2 {
  
  width: 14.75rem;
  height: 8.6875rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 236/139;
}
.pl-1-cds-gr-2 {
  padding: 6.25rem 0rem 0rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  
  width: 16.875rem;
  position: relative;
}
.pl-1-cds-nnettrust {
  border-radius: 1.25rem;
  padding: 0 1.9375rem 0.125rem 1.9375rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-end;
  align-self: stretch;
  
  height: 20.6875rem;
  position: relative;
  overflow: hidden;
}
.pl-1-cds-prod-3 {
  padding: 0rem 0rem 1.25rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 4.375rem;
  align-items: center;
  justify-content: flex-start;
  
  width: 13rem;
  position: relative;
}
.pl-1-cds-prod-3-1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  
  position: relative;
}
.pl-1-cds-prod-3-1-logo {
  
  width: 11.4375rem;
  height: 1.6875rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 183/27;
}
.pl-1-cds-prod-3-1-text {
  color: #343450;
  text-align: center;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 0.875rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 1.3125rem;
}
.trust-package-1 {
  
  width: 13.0625rem;
  height: 8.1875rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 209/131;
}
.pl-1-cds-nnetcds {
  border-radius: 1.25rem;
  padding: 0.0625rem 1.875rem 0.0625rem 1.875rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-end;
  align-self: stretch;
  
  height: 20.6875rem;
  position: relative;
}
.pl-1-cds-prod-4 {
  padding: 0rem 0rem 1.5625rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 3.4375rem;
  align-items: center;
  justify-content: flex-start;
  
  width: 13.0625rem;
  position: relative;
}
.pl-1-cds-prod-4-1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  
  width: 11.75rem;
  position: relative;
}
.pl-1-cds-prod-4-logo {
  
  width: 9.25rem;
  height: 1.625rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 148/26;
}
.pl-1-cds-prod-4-texxt {
  color: #343450;
  text-align: center;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: -0.08em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 2.25rem;
}
.cds-package-1 {
  
  width: 13.5rem;
  height: 8.375rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 216/134;
}
.pl-2-prod-cps-wrap {
  background: #e5e7eb;
  border-radius: 3.75rem 3.75rem 0rem 0rem;
  padding: 7.5rem 3rem;
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  
  /*min-width: 6.25rem;*/
  position: relative;
}
.pl-2-prod-cps-wrap2 {
  
  display: flex;
  flex-direction: row;
  width:100%;
	max-width:75rem;
  position: relative;
	gap: 13rem;
}
.pl-2-prod-cps-prod {
  display: flex;
  flex-direction: row;
  gap: 1.375rem;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 1;
  position: relative;
}
.pl-2-prod-cps-gr-1 {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  
  width: 16.875rem;
  position: relative;
}
.pl-2-prod-cps-nnetndr {
  border-radius: 1.25rem;
  padding: 0 1.8125rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  
  height: 20.6875rem;
  position: relative;
  box-shadow: 0rem 0.3125rem 1.875rem 0rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.pl-2-prod-cps-nnetndr-1 {
  
  width: 16.875rem;
  height: 20.6875rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
  aspect-ratio: 270/331;
}
.pl-2-prod-cps-nnetndr-2 {
  display: flex;
  flex-direction: column;
  gap: 4.4rem;
  align-items: center;
  justify-content: flex-start;
  
  width: 13.25rem;
  position: relative;
  padding: 0 0 0.6rem;
}
.pl-2-prod-cps-nnetndr-2-1 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  
  position: relative;
}
.pl-2-prod-cps-nnetndr-2-1-logo {
  
  width: 9.375rem;
  height: 1.625rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 150/26;
}
.pl-2-prod-cps-nnetndr-2-1-title {
  color: #343450;
  text-align: center;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 0.875rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 1.25rem;
}
.ndr-packages-1 {
  
  width: 12.625rem;
  height: 8.4375rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 202/135;
}
.pl-2-prod-cps-nnetsensor {
  border-radius: 1.25rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: center;
  align-self: stretch;
  
  height: 20.6875rem;
  position: relative;
  box-shadow: 0rem 0.3125rem 1.875rem 0rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.pl-2-prod-cps-nnetsensor-1 {
  
  width: 16.875rem;
  height: 20.6875rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
  aspect-ratio: 270/331;
}
.pl-2-prod-cps-nnetsensor-2 {
  display: flex;
  flex-direction: column;
  gap: 7.375rem;
  align-items: center;
  justify-content: flex-end;
  
  width: 11.875rem;
  height: 16.625rem;
  position: relative;
}
.pl-2-prod-cps-nnetsensor-2-1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  
  position: relative;
}
.pl-2-prod-cps-nnetsensor-2-1-logo {
  align-self: stretch;
  
  height: 1.625rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 190/26;
}
.pl-2-prod-cps-nnetsensor-2-1-title {
  color: #4e5158;
  text-align: center;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 0.875rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 1.25rem;
}
.pl-2-prod-cps-nnetsensor-2-1-image {
  
  width: 9.625rem;
  height: 6.25rem;
  position: relative;
  object-fit: cover;
}
.pl-2-prod-cps-gr-2 {
  padding: 6.25rem 0rem 0rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 1.6875rem;
  align-items: flex-end;
  justify-content: flex-end;
  
  width: 17rem;
  position: relative;
}
.pl-2-prod-cps-nnetprobe {
  border-radius: 1.25rem;
  padding: 0rem 1.6875rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  
  height: 20.6875rem;
  position: relative;
  box-shadow: 0rem 0.3125rem 1.875rem 0rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.pl-2-prod-cps-nnetprobe-1 {
  
  width: 16.875rem;
  height: 20.6875rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
  aspect-ratio: 270/331;
}
.pl-2-prod-cps-nnetprobe-2 {
  display: flex;
  flex-direction: column;
  gap: 4.1rem;
  align-items: center;
  justify-content: flex-start;
  
  width: 13.4375rem;
  position: relative;
  padding: 0 0 0.6rem;
}
.pl-2-prod-cps-nnetprobe-2-1 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  
  width: 11.0625rem;
  height: 4.1875rem;
  position: relative;
}
.pl-2-prod-cps-nnetprobe-2-1-logo {
  
  width: 10.8125rem;
  height: 1.6875rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 173/27;
}
.pl-2-prod-cps-nnetprobe-2-1-title {
  color: #343450;
  text-align: center;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 0.875rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 1.3125rem;
}
.probe-packages-2 {
  
  width: 12.6875rem;
  height: 8.5rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 203/136;
}
.pl-2-prod-cps-nnettag {
  border-radius: 1.25rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: center;
  align-self: stretch;
  
  height: 20.6875rem;
  position: relative;
  box-shadow: 0rem 0.3125rem 1.875rem 0rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.pl-2-prod-cps-nnettag-1 {
  
  width: 16.875rem;
  height: 20.6875rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  object-fit: cover;
  aspect-ratio: 270/331;
}
.pl-2-prod-cps-nnettag-2 {
  display: flex;
  flex-direction: column;
  gap: 6.625rem;
  align-items: center;
  justify-content: flex-start;
  
  width: 13.875rem;
  position: relative;
}
.pl-2-prod-cps-nnettag-2-1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  
  position: relative;
}
.logo-n-net-health-1 {
  
  width: 11.25rem;
  height: 1.625rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 180/26;
}
.pl-2-prod-cps-nnettag-2-1-title {
  color: #343450;
  text-align: center;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 0.875rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 1.8125rem;
}
.pl-2-prod-cps-nnettag-2-1-image {
  
  width: 9.5625rem;
  height: 6.25rem;
  position: relative;
  object-fit: cover;
}
.pl-2-prod-cps-con {
  padding: 1.25rem 0rem 0rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 5.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.pl-2-prod-cps-con-title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  width:100%;
  max-width: 18rem;
  height: 8rem;
  position: relative;
}
.pl-2-prod-cps-con-titlemain {
  color: #114097;
  text-align: left;
  font-family: "NotoSansKr-Bold", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.pl-2-prod-cps-con-title-subtitle {
  color: #000000;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1.2rem;
  line-height: 1.625rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 3.25rem;
}
.pl-2-prod-cps-con-text {
  color: #343450;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-weight: 400;
  position: relative;
  width: 21rem;
  height: 14.1875rem;
	width: 100%;
    max-width: 18rem;
}






@media screen and (max-width: 1300px){
  .platform, .hero{ width: 100%; }
  .platform-image, .pill, .pill--dark{ width: 100%; }
  .cds-prod{ grid-template-columns: 1fr; }
  .n-prod{ height: auto; padding-bottom: 18px; }
  .features{ flex-wrap: wrap; gap: 10px; justify-content: center; }
  .chips{ flex-wrap: wrap; justify-content: center; }
  .pl-1-cds-con, .pl-2-prod-cps-wrap2{gap: 6rem;max-width: 60rem;}
  .pl-1-cds-prod, .pl-2-prod-cps-con, .pl-2-prod-cps-prod  {flex: none;}
  .pl-2-prod-cps-con {padding: 0rem 0rem 0rem 0rem;align-items: flex-start;}
	.pl-2-prod-cps-con-text {width:100%;    max-width: 17rem;}
	
	
}

@media screen and (max-width: 1024.98px) {
	.content-wrap {padding: 4.5rem 0 0 !important;}
	.n-page{padding:0 3rem 3rem;}
	.n-title-gradient{ font-size:2.1rem; }
	.subtitle{ margin-top:0rem;font-size: 1.35rem;line-height: 2.625rem; }
	.headline {font-size: 1.6rem;line-height:2rem;}
	.desc{ font-size: 1.22rem;line-height: 1.7rem;}
	.pill__text{font-size: 1.45rem;}
	.prod__list{font-size: 1.2rem;line-height:2rem;}
	.prod__title{font-size: 1.4rem;}
	.labels {font-size: 1.2rem;line-height:2rem;}
	.chip {font-size: 1.2rem;}
	.pl-1-title {font-size: 2.1rem;}
	.pl-1-subtitle {font-size: 1rem;line-height:1.3rem;}
	.pl-1-description, .pl-2-prod-cps-con-text {font-size: 0.97rem;line-height: 1.3rem;}
	.pl-2-prod-cps-con-titlemain {font-size: 2.1rem;}
	.pl-2-prod-cps-con-title-subtitle {font-size: 1rem;line-height:1.3rem;}
	.pl-1-container {padding: 0rem 0rem 0rem 0rem;gap: 2.5rem;flex-wrap: wrap;align-content: center;}
	.pl-1-prod-cds-wrap {padding: 4.5rem 3rem;flex-wrap: wrap;align-content: center;}
	.pl-2-prod-cps-wrap {padding: 4.5rem 3rem;flex-direction: column;align-content: center;}
	.pl-2-prod-cps-prod {justify-content: center;}
	.pl-2-prod-cps-con {gap:1.5rem;width:100%;max-width:18rem;}
    .pl-2-prod-cps-con-text { width: 100%;max-width: 14rem;}
	.pl-1-cds-con, .pl-2-prod-cps-wrap2 {gap: 4rem;}
}

@media screen and (max-width: 970px) {
	.pl-1-cds-con {flex-direction: column;gap: 0rem;}
	.pl-2-prod-cps-wrap2{flex-direction: column;gap: 2rem;flex-wrap: wrap;align-items: center;}
	.pl-2-prod-cps-con-text {max-width: 18rem;height: 10rem;}
	.pl-1-container {gap: 1.5rem;padding: 0rem 0rem 2rem 0rem;}
	.pl-2-prod-cps-con {gap: 0rem;}
	.pl-1-description {height: 11.375rem;}
	.pl-1-description,.pl-2-prod-cps-con-text {height:auto;}
}

@media screen and (max-width: 768px) {
	.hero{padding-bottom: 0rem;}
	.pl-1-cds-con, .pl-2-prod-cps-wrap2 {0 0;}
	.platform-image {height: 11.5rem;}
	.pill__text {font-size: 1.3rem;}
	.pill{    height: 4rem;}
	.pl-2-prod-cps-con-text, .pl-1-description { font-size: 0.95rem;}
	
}

@media screen and (max-width: 480px) {
	.content-wrap {padding: 4rem 0 0 !important;}
	.n-page{padding:0 2rem 2rem;}
	.con-title {font-size:1.3rem;font-weight:700;}
	.con-subtitle {font-size:1rem;font-weight:500;}
	.pl-1-cds-gr-2 {padding: 2rem 0rem 0rem 0rem;}
	.pl-2-prod-cps-gr-2 {padding: 2rem 0rem 0rem 0rem;}
	.feature__text {font-size:1.05rem;}
	.pl-2-prod-cps-gr-2 {padding: 0.3rem 0rem 0rem 0rem;}
	.pill__text {font-size: 1.25rem;}
	.prod__title {font-size: 1.2rem;}
    .prod__list, .labels{font-size: 1.1rem;line-height: 1.7rem;}
    .n-title-gradient {font-size: 1.8rem;}
	.subtitle {font-size: 1.2rem;line-height: 1.4rem;}
	.headline {font-size: 1.3rem;line-height: 1.6rem;}
	.desc {font-size: 1.1rem;line-height: 1.4rem;}
	.pl-2-prod-cps-con-title{flex-wrap: wrap;align-content: center;}
	.pl-2-prod-cps-con-text { width: 17.5rem;}
	.pl-2-prod-cps-con-titlemain {font-size: 2rem;}
	.pl-1-container {gap: 1.5rem;}
	.pl-2-prod-cps-con{gap: 0rem;}
	.pl-2-prod-cps-wrap {padding: 3.5rem 0rem;}
	.pill{height: 2.6rem;}
	.pill__text {font-size: 1rem;}
	.pill{gap:0rem;}
	.platform-image {height: 7.5rem;}
	.chip {font-size: 1.05rem;}
	.chip img {width: 1.9rem;height: 1.9rem;}
	.feature {height: 4rem;}
	.n-prod {border-radius: 1.4rem;padding: 0 0 2rem;}
	.pl-1-title, .pl-2-prod-cps-con-titlemain{font-size: 1.8rem;}
	.pl-1-subtitle, .pl-2-prod-cps-con-title-subtitle {font-size: 0.95rem;line-height: 1.1rem;}
	.pl-1-cds-con {align-content: center;}
	.platform {margin: 1.5rem auto 0;}
}
@media screen and (max-width:360px) {
	.content-wrap {padding: 3.5rem 0 0 !important;}
	.n-page{padding:0 1rem 2rem;}
	.n-title-gradient {font-size: 1.65rem;}
	.subtitle {font-size: 1.1rem;}
	.content-wrap {padding: 2.5rem 0 0 !important;}
	.headline {font-size: 1.15rem;line-height: 1.4rem;}
	.desc {font-size: 0.95rem;line-height: 1.2rem;}
	.platform-image {height: 7rem;}
	.pill__text {font-size: 1rem;letter-spacing:-0.05rem;}
	.pill {height: 2.4rem;}
	.n-prod{border-radius: 1.1rem;}
	.prod__title {font-size: 1.15rem;}
	.feature__text {font-size: 0.95rem;line-height:1.1rem;}
	.feature {height: 3.5rem;}
	.prod__list, .labels {font-size: 1rem;line-height: 1.5rem;}
	.chip {font-size: 1rem;height: 3rem;}
	.pl-1-prod-cds-wrap {padding: 3.5rem 1rem;}
	.pl-1-cds-gr-1, .pl-2-prod-cps-gr-1, .pl-2-prod-cps-gr-1   {gap: 0.8rem;}
	.pl-1-cds-gr-2 {gap: 0.8rem;padding: 0.8rem 0rem 0rem 0rem;}
    .chip img {width: 2rem;height: 2rem;}
	.chip {font-size: 0.97rem;height: 2.5rem;}
	.pl-1-description, .pl-2-prod-cps-con-text {font-size: 0.85rem;line-height: 1rem;}
	.pl-1-title, .pl-2-prod-cps-con-titlemain {font-size: 1.8rem;}
	.pl-1-subtitle, .pl-2-prod-cps-con-title-subtitle  {font-size: 0.97rem;line-height: 1.2rem;}
	.pl-2-prod-cps-con {align-items: center;}
	.pl-2-prod-cps-con-text {width: 13rem;}
	.pl-2-prod-cps-con-title {height: 7rem;}
	.pl-1-prod-cds-wrap { border-radius: 2.5rem 2.5rem 0rem 0rem;}
	.pl-2-prod-cps-wrap { border-radius: 2.5rem 2.5rem 0rem 0rem;}
	.pl-1-container{max-width:18rem;width:100%;}
	.pl-1-header-container { justify-content: center;}
	.pl-1-cds-con {flex-wrap: wrap;align-items: center;}
	.pl-1-description{max-width:14rem;}
}

@media screen and (max-width:320px) {
	.pl-1-cds-gr-1, .pl-1-cds-gr-2, .pl-2-prod-cps-gr-1, .pl-2-prod-cps-gr-2 {width: 15rem;}
	.pl-1-cds-prod-2-1{scale:90%;}
	.pl-1-cds-nnetcdsguard{justify-content: center;}
}