/* container */
.nx-container {
  max-width:1200px;
  margin:0 auto;
  padding:40px 20px;
}

/* HERO */
.nx-hero {
  background: linear-gradient(135deg, #2f4378, #1abc9c);
  color:#fff;
  text-align:center;
 
  margin:10px 0 0 0;
  padding:140px 0px;
}

.nx-hero-logo {
  width:320px;
  margin-bottom:30px;
}

/* CONCEPT */
.nx-concept h2 {
  font-size:32px;
  margin-bottom:20px;
}

.nx-desc {
  color:#444;   font-size:20px;
  line-height:1.7;
  margin-bottom:20px;
}

/* SYSTEM */
.nx-system {
  display:flex;
  width:100%;
}

.nx-system-box {
  flex:1;
  padding:100px 20px;
  text-align:center;
  color:#fff;
}

.nx-left { background:#28417a; }
.nx-right { background:#00b6a8; }

.nx-system-box img {
  width:200px;
  margin-bottom:20px;
}

/* VALUE */
.nx-value {
  background:#f0f2f5;
  text-align:center;
}

.nx-value h2 {
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-bottom: 80px; margin-top: 40px;
  color: #2f4378;
}

.nx-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

/* 카드 */
.nx-card {
  background:#fff;
  padding:40px 20px;
  border-radius:20px;
  text-align:center;
  position:relative;
  overflow:hidden;
  transition:.3s;
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

/* 🔥 배경 도형 */
.nx-card::before {
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  background:linear-gradient(135deg,#1abc9c,#2f4378);
  border-radius:50%;
  top:-40px;
  right:-40px;
  opacity:0.1;
  transition:.4s;
}

/* 아이콘 */
.nx-icon {
  width:70px;
  height:70px;
  margin:0 auto 20px;
  border-radius:50%;
  background:linear-gradient(135deg,#2f4378,#1abc9c);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:26px;
}

/* 텍스트 */
.nx-card h4 {
  font-size:24px;
  margin-bottom:10px;
}

.nx-card p {
  font-size:18px;
  color:#666;
  line-height:1.5;
}

/* 🔥 hover 효과 */
.nx-card:hover {
  transform: translateY(-10px);
  box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

.nx-card:hover::before {
  transform: scale(1.4);
  opacity:0.2;
}

/* CTA */
.nx-cta {
  background:#2f4378;
  color:#fff;
  text-align:center;
  padding:100px 20px;
  position: relative;
  z-index: 999999;
  pointer-events: auto;
}
 .nx-cta * {
  pointer-events: auto;
}

.nx-cta button {
 position: relative;  font-family: "Montserrat", sans-serif; 
  z-index: 11;
  margin-top:20px;
  padding:14px 30px;
  border-radius:30px;
  border:none; font-size:24px;
  background:#1abc9c;
  color:#fff;
}

.brand-title {
  position: relative;
  overflow: hidden; /* 🔥 이거 중요 */
}
.overlay {
  pointer-events: none;
}

.nx-call-btn {
  display:inline-block;
  margin-top:20px;
  padding:14px 30px;
  border-radius:30px;
  background:#1abc9c;
  color:#fff;
  text-decoration:none;
 font-size:24px;
  cursor:pointer;
}



/* 반응형 */
@media (max-width:768px){

  .nx-system {
    flex-direction:column;
  }

  .nx-grid {
    grid-template-columns:repeat(2,1fr);
  }
}