@charset "UTF-8";
.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;}
@media screen and (max-width: 1024.98px) {

	.list-wrap {
		width:100%;
	}
	
}

/* part1. nNetplatform 시작*/
:root{
  --bg: #ffffff;
  --title-blue: #022c78;
  --title-dark: #010e5f;
  --text: #0a1e43;
  --pill-blue: #3d75f4;
  --prod-bg: #bed1fb;
  --btn: #7ea3f8;
  --chip: #e4e4e4;
}

*{ box-sizing: border-box; }


img{ display:block; }

.n-page{
  min-height:100%;
  padding: 0 0 120px;
		
}

/* Frame (10:130) is laid out for a 1920-wide canvas */
.n-frame{
  width: 100%;
  min-height: 1387px;
  margin: 0 auto;
  position: relative;
}

.hero{
  width: 1099px;
  margin: 0 auto;
  text-align: center;
  padding-top: 120px;
}

.n-title{
  margin: 0;
  font-style: normal;
  line-height: 1;
}
.n-title-gradient{
  display:block;
  font-weight: 700;
  font-size: 40px;
  line-height: 42px;
  background: linear-gradient(45deg, #2C05A2 30.192%, #3DDBFF 70.981%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.subtitle{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  font-size: 24px;
  line-height: 42px;
  color: var(--title-dark);
}

.headline{
  margin: 34px 0 14px;
  font-weight: 700;
  font-size: 30px;
  line-height: 56px;
  color:#000;
}

.desc{
  margin: 0;
  font-weight: 500;
  font-size: 21px;
  line-height: 34px;
  letter-spacing: -0.72px;
  color: var(--text);
}

.platform{
  width: 1100px;
  margin: 44px auto 0;
  position: relative;
}

.platform-image{
  width: 1099.345px;
  height: 227.515px;
  overflow: hidden;
}
.platform-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pill{
  width: 1098.284px;
  height: 76px;
  border-radius: 42.902px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 26px;
  margin-top: 4px;
}
.pill--dark{ background: var(--pill-blue); }
.pill__icon{
  width: 69.417px;
  height: 54.981px;
  flex: 0 0 auto;
}
.pill__icon img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.pill__text{
  font-weight: 400;
  font-size: 27px;
  line-height: 44.618px;
  color:#fff;
  text-align:center;
}

.cds-prod{
  margin-top: 13px;
  display:grid;
  grid-template-columns: 287.441px 799.688px;
  gap: 11.154px;
}

.n-prod{
  background: var(--prod-bg);
  border-radius: 29.173px;
  height: 343.214px;
  position: relative;
  padding-top: 8px;
}

.prod__title{
  font-weight: 500;
  font-size: 24.025px;
  line-height: 44.618px;
  letter-spacing: -0.7207px;
  color: rgba(48,6,174,0.85);
  text-align: center;
  margin: 0 0 4px;
}
.prod__title--purple{
  color: rgba(48,6,174,0.85);
}

.feature{
  width: 239.392px;
  height: 80.655px;
  background: var(--btn);
  border-radius: 12.012px;
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 0 18px;
}
.feature__icon{
  width: 45px;
  height: 45px;
  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: 19.735px;
  line-height: 20.593px;
  color:#fff;
  text-shadow: 0px 0.858px 1.716px 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: 42.125px;
  height: 44.532px;
}

.prod__list{
  list-style:none;
  padding: 0;
  margin: 8px 0 0;
  text-align:center;
  font-weight: 500;
  font-size: 24.025px;
  line-height: 44.618px;
  letter-spacing: -0.7207px;
  color: #072c7f;
}

.prod--right{
  padding-left: 18px;
  padding-right: 18px;
}
.features{
  display:flex;
  justify-content: space-between;
  margin-top: 0px;
  padding: 0 6px;
}

.labels{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items:start;
  margin-top: 8px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 22px;
  line-height: 44.618px;
  letter-spacing: -0.7207px;
  color: #072c7f;
}
.labels__col{ text-align:center; }
.labels__col--right{ text-align:right; padding-right: 16px; }
.labels__col--left{ text-align:left; padding-left: 8px; }

.chips{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 8px;
}
.chip{
  height: 68.643px;
  background: var(--chip);
  border-radius: 34.321px;
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 0 18px;
  font-weight: 500;
  font-size: 22.309px;
  line-height: 20.593px;
  color:#000;
}
.chip img{
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.chip--wide{ padding-left: 38px; padding-right: 38px; }
/*.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,
    rgba(6, 6, 108, 1) 0%,
    rgba(11, 2, 85, 1) 85.09615659713745%
  );
  border-radius: 3.75rem 3.75rem 0rem 0rem;
  padding: 7.5rem 0rem 7.5rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 6.25rem;
  position: relative;
  overflow: hidden;
}
.pl-1-cds-con {
  padding: 0rem 20.625rem 0rem 20.625rem;
  display: flex;
  flex-direction: row;
  gap: 4.375rem;
  row-gap: 0rem;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 6.25rem;
  position: relative;
}
.pl-1-container {
  padding: 0rem 0rem 3.125rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 6.875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: 18.75rem;
  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;
  flex-shrink: 0;
  position: relative;
}
.pl-1-header-content {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.pl-1-text-container {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pl-1-title {
  color: #ffffff;
  text-align: left;
  font-family: "NotoSansKr-Bold", sans-serif;
  font-size: 3rem;
  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.25rem;
  line-height: 0undefined;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 3rem;
}
.pl-1-subtitle-span {
}
.pl-1-subtitle-span2 {
  line-height: 26px;
}
.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;
}
.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;
  min-width: 18.75rem;
  position: relative;
}
.pl-1-cds-gr-1 {
  display: flex;
  flex-direction: column;
  gap: 1.8125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  width: 13.4375rem;
  position: relative;
}
.pl-1-cds-prod-1-2 {
  display: flex;
  flex-direction: column;
  gap: 4.6875rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pl-1-cds-prod-1-3 {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 11.0625rem;
  position: relative;
}
.pl-1-cds-prod-1-3-logo {
  align-self: stretch;
  flex-shrink: 0;
  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;
  align-self: stretch;
  height: 1rem;
}
.diode-package-1 {
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  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: 3.9375rem;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 14.75rem;
  position: relative;
}
.pl-1-cds-prod-2-2 {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 14.375rem;
  height: 2.75rem;
  position: relative;
}
.pl-1-cds-prod-2-2-logo {
  align-self: stretch;
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  width: 16.875rem;
  position: relative;
}
.pl-1-cds-nnettrust {
  border-radius: 1.25rem;
  padding: 6.25rem 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;
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  width: 13rem;
  position: relative;
}
.pl-1-cds-prod-3-1 {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pl-1-cds-prod-3-1-logo {
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  width: 13.0625rem;
  position: relative;
}
.pl-1-cds-prod-4-1 {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 11.75rem;
  position: relative;
}
.pl-1-cds-prod-4-logo {
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  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 0rem 7.5rem 0rem;
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 6.25rem;
  position: relative;
}
.pl-2-prod-cps-wrap2 {
  padding: 0rem 20.625rem 0rem 20.625rem;
  display: flex;
  flex-direction: row;
  gap: 4.375rem;
  row-gap: 1.25rem;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 1;
  min-width: 18.75rem;
  position: relative;
}
.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;
  min-width: 18.75rem;
  position: relative;
}
.pl-2-prod-cps-gr-1 {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 16.875rem;
  position: relative;
}
.pl-2-prod-cps-nnetndr {
  border-radius: 1.25rem;
  padding: 1.4375rem 1.8125rem 0.625rem 1.8125rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  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.0625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 13.25rem;
  position: relative;
}
.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;
  flex-shrink: 0;
  position: relative;
}
.pl-2-prod-cps-nnetndr-2-1-logo {
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  width: 12.625rem;
  height: 8.4375rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 202/135;
}
.pl-2-prod-cps-nnetsensor {
  border-radius: 1.25rem;
  padding: 1.0625rem 0rem 1.0625rem 0rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  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: 5.375rem;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  position: relative;
}
.pl-2-prod-cps-nnetsensor-2-1-logo {
  align-self: stretch;
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  width: 17rem;
  position: relative;
}
.pl-2-prod-cps-nnetprobe {
  border-radius: 1.25rem;
  padding: 0.75rem 1.6875rem 0.625rem 1.6875rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  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: 3.9375rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 13.4375rem;
  position: relative;
}
.pl-2-prod-cps-nnetprobe-2-1 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 11.0625rem;
  height: 4.1875rem;
  position: relative;
}
.pl-2-prod-cps-nnetprobe-2-1-logo {
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  width: 12.6875rem;
  height: 8.5rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 203/136;
}
.pl-2-prod-cps-nnettag {
  border-radius: 1.25rem;
  padding: 1.875rem 1.3125rem 0.3125rem 1.3125rem;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  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: 5.625rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  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;
  flex-shrink: 0;
  position: relative;
}
.logo-n-net-health-1 {
  flex-shrink: 0;
  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 {
  flex-shrink: 0;
  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: 6.875rem;
  align-items: flex-end;
  justify-content: flex-start;
  flex: 1;
  min-width: 18.75rem;
  position: relative;
}
.pl-2-prod-cps-con-title {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 21.5625rem;
  height: 8rem;
  position: relative;
}
.pl-2-prod-cps-con-titlemain {
  color: #114097;
  text-align: left;
  font-family: "NotoSansKr-Bold", sans-serif;
  font-size: 3rem;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.pl-2-prod-cps-con-title-subtitle {
  color: #1f1d3d;
  text-align: left;
  font-family: "NotoSansKr-Regular", sans-serif;
  font-size: 1.25rem;
  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;
}

/* part2. cds security & cps solution 끝*/



/* Simple responsiveness: scale down on smaller viewports */
@media (max-width: 1920px){
  .n-frame{
    width: 100%;
    min-height: 0;
  }
}
@media (max-width: 1200px){
  .platform, .hero{ width: min(1100px, 92vw); }
  .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; }
}








@media screen and (max-width: 768px) {
	.con-title {font-size:1.6rem;font-weight:700;}
	.con-subtitle {font-size:1.3rem;font-weight:500;}
}

@media screen and (max-width: 480px) {
	.con-title {font-size:1.3rem;font-weight:700;}
	.con-subtitle {font-size:1rem;font-weight:500;}

}