.ncLandingHeroNote{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.ncLandingHeroNoteItem{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid var(--line);
  font-size:12px;
  font-weight:900;
  color:var(--text);
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.ncLandingHeroNoteItem svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  color:#5b6cff;
}

.ncLandingQuick{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:14px;
}
@media (max-width:980px){
  .ncLandingQuick{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .ncLandingQuick{grid-template-columns:1fr}
}

.ncLandingQuickItem{
  display:block;
  border:1px solid var(--line);
  background:#fff;
  border-radius:20px;
  padding:16px;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
  transition:transform .12s ease, box-shadow .12s ease;
}
.ncLandingQuickItem:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(15,23,42,.10);
}
.ncLandingQuickTop{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.ncLandingIcon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(91,108,255,.14), rgba(139,92,246,.08));
  color:#4f46e5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.ncLandingIcon svg{
  width:22px;
  height:22px;
}
.ncLandingQuickTitle{
  font-size:15px;
  font-weight:950;
  line-height:1.25;
  color:var(--text);
}
.ncLandingQuickDesc{
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
  min-height:42px;
}
.ncLandingQuickBtn{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:100px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:950;
}

.ncFlowGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
@media (max-width:980px){
  .ncFlowGrid{grid-template-columns:1fr}
}
.ncFlowCard{
  border:1px solid var(--line);
  background:#fff;
  border-radius:20px;
  padding:16px;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.ncFlowCardHead{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.ncFlowNum{
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:950;
}
.ncFlowCardTitle{
  margin:0;
  font-size:15px;
  font-weight:950;
}
.ncFlowCardDesc{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
}

/* index.php 딜러 카드만 세로형 4열 */
.ncIndexDealerSection .ncDealerGrid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
}
@media (max-width:1280px){
  .ncIndexDealerSection .ncDealerGrid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width:980px){
  .ncIndexDealerSection .ncDealerGrid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width:640px){
  .ncIndexDealerSection .ncDealerGrid{
    #grid-template-columns:1fr !important;
	grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
.ncIndexDealerSection .ncDealerCard{
  border:1px solid var(--line) !important;
  background:#fff !important;
  border-radius:20px !important;
  box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
  overflow:hidden !important;
  height:100% !important;
}
.ncIndexDealerSection .ncDealerRowWrap{
  display:block !important;
}
.ncIndexDealerSection .ncDealerPhoto{
  width:100% !important;
  height:132px !important;
  min-height:132px !important;
  margin:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#f7f9ff !important;
  box-shadow:none !important;
  flex:none !important;
}
.ncIndexDealerSection .ncDealerPhoto img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.ncIndexDealerSection .ncDealerPhotoFallback{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px !important;
  background:#fff !important;
  color:#111827 !important;
  text-align:center !important;
}
.ncIndexDealerSection .ncDealerPhotoFallbackName{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  padding:10px 8px !important;
  border:1px solid #edf1f6 !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#111827 !important;
  font-size:13px !important;
  line-height:1.3 !important;
  font-weight:950 !important;
  word-break:keep-all !important;
  overflow-wrap:anywhere !important;
}
.ncIndexDealerSection .ncDealerIn{
  min-width:0 !important;
  padding:12px !important;
}
.ncIndexDealerSection .ncDealerName{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:950 !important;
  color:#111827 !important;
}
.ncIndexDealerSection .ncDealerMetaLine{
  display:flex !important;
  align-items:flex-start !important;
  gap:6px !important;
  margin-top:5px !important;
  color:var(--muted) !important;
  font-size:11px !important;
  line-height:1.45 !important;
}
.ncIndexDealerSection .ncDealerMetaLine svg{
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  margin-top:1px !important;
  color:#667085 !important;
}
.ncIndexDealerSection .ncDealerActions{
  display:flex !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  margin-top:10px !important;
}
.ncIndexDealerSection .ncDealerBtn{
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:74px !important;
  height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  color:#111827 !important;
  font-size:11px !important;
  font-weight:900 !important;
  box-shadow:0 4px 12px rgba(15,23,42,.035) !important;
}
.ncIndexDealerSection .ncDealerBtnPrimary{
  background:#111827 !important;
  border-color:#111827 !important;
  color:#fff !important;
}
.ncIndexDealerSection .ncDealerBtnPrimary:hover{
  background:#000 !important;
  border-color:#000 !important;
  color:#fff !important;
}
.ncIndexDealerSection .ncDealerEmpty{
  border:1px dashed var(--line) !important;
  border-radius:18px !important;
  padding:18px !important;
  background:#fff !important;
  color:var(--muted) !important;
  text-align:center !important;
}

.ncItemFinance{
  margin-top:6px;
  display:flex;
  gap:8px;
}

.ncItemFinanceLine{
  flex:1 1 0;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:6px 10px;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid #eef2f7;
  font-size:12px;
  line-height:1.25;
  color:#64748b;
  font-weight:700;
  white-space:nowrap;
}

.ncItemFinanceLine b{
  color:#111827;
  font-weight:900;
  margin-left:6px;
  flex:0 0 auto;
}

@media (max-width: 768px){
  .ncItemFinance{
    margin-top:5px;
    gap:6px;
  }

  .ncItemFinanceLine{
    padding:5px 8px;
    font-size:11px;
    line-height:1.2;
    border-radius:10px;
  }

  .ncItemFinanceLine b{
    margin-left:4px;
  }
}