/* BASIC css start */
/* Makeshop / EUC-KR safe isolated CSS */


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');



#sanjiae-ccm-page {
  width: 970px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #ffffff !important;
  color: #17220f !important;
  font-family: 'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  word-break: keep-all !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

#sanjiae-ccm-page,
#sanjiae-ccm-page div,
#sanjiae-ccm-page section,
#sanjiae-ccm-page h1,
#sanjiae-ccm-page h2,
#sanjiae-ccm-page h3,
#sanjiae-ccm-page p,
#sanjiae-ccm-page span,
#sanjiae-ccm-page strong,
#sanjiae-ccm-page a {
  box-sizing: border-box !important;
  font-family: 'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
}

#sanjiae-ccm-page h1,
#sanjiae-ccm-page h2,
#sanjiae-ccm-page h3,
#sanjiae-ccm-page p {
  padding: 0 !important;
  border: 0 !important;
  text-align: left !important;
}

#sanjiae-ccm-page img {
  display: block !important;
  max-width: 100% !important;
  border: 0 !important;
}

#sanjiae-ccm-page .ccm-section {
  padding: 72px 56px !important;
  border-bottom: 1px solid #e6dfd1 !important;
  background: #ffffff !important;
}

#sanjiae-ccm-page .ccm-section:last-child {
  border-bottom: none !important;
}

#sanjiae-ccm-page .ccm-label {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 15px !important;
  margin: 0 0 18px 0 !important;
  border-radius: 999px !important;
  background: #edf5e4 !important;
  color: #2f6410 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
  line-height: 1.2 !important;
}

#sanjiae-ccm-page .ccm-title {
  margin: 0 0 18px 0 !important;
  font-size: 34px !important;
  line-height: 1.28 !important;
  letter-spacing: -1.2px !important;
  font-weight: 800 !important;
  color: #173404 !important;
}

#sanjiae-ccm-page .ccm-desc {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.85 !important;
  color: #3f4a38 !important;
}

/* HERO */
#sanjiae-ccm-page .ccm-hero {
  padding: 0 !important;
  border-bottom: none !important;
  background: #ffffff !important;
}

#sanjiae-ccm-page .hero-visual {
  width: 100% !important;
  height: 360px !important;
  overflow: hidden !important;
  border-radius: 0 0 36px 36px !important;
  background: #edf5e4 !important;
}

#sanjiae-ccm-page .hero-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#sanjiae-ccm-page .hero-content {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 44px !important;
  align-items: center !important;
  padding: 58px 56px 72px !important;
  background: #ffffff !important;
}

#sanjiae-ccm-page .hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 9px 16px !important;
  margin: 0 0 24px 0 !important;
  border-radius: 999px !important;
  background: #edf5e4 !important;
  color: #2f6410 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

#sanjiae-ccm-page .hero-title {
  margin: 0 0 26px 0 !important;
  font-size: 52px !important;
  line-height: 1.18 !important;
  letter-spacing: -2px !important;
  font-weight: 900 !important;
  color: #173404 !important;
}

#sanjiae-ccm-page .hero-desc {
  margin: 0 0 30px 0 !important;
  font-size: 21px !important;
  line-height: 1.8 !important;
  letter-spacing: -0.5px !important;
  color: #3f4a38 !important;
}

#sanjiae-ccm-page .hero-keywords {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sanjiae-ccm-page .hero-keywords span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: #f7fbf1 !important;
  border: 1px solid #dce9cc !important;
  color: #2f6410 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

#sanjiae-ccm-page .hero-logo-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#sanjiae-ccm-page .hero-logo-direct {
  width: 100% !important;
  max-width: 355px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#sanjiae-ccm-page .hero-logo-direct img {
  width: 100% !important;
  height: auto !important;
}

/* µÎ¹ø° : CCM ¼Ò°³ */
#sanjiae-ccm-page .ccm-intro-box {
  display: grid !important;
  grid-template-columns: 0.95fr 1.05fr !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin-top: 32px !important;
}

#sanjiae-ccm-page .definition-card {
  padding: 34px !important;
  border-radius: 28px !important;
  background: #f7fbf1 !important;
  border: 1px solid #dce9cc !important;
}

#sanjiae-ccm-page .definition-card .eng {
  margin: 0 0 10px 0 !important;
  color: #2f6410 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.8px !important;
  line-height: 1.3 !important;
}

#sanjiae-ccm-page .definition-card p {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: #3f4a38 !important;
}

#sanjiae-ccm-page .agency-logo-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-top: 26px !important;
}

#sanjiae-ccm-page .agency-logo-card {
  min-height: 82px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid #e6dfd1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#sanjiae-ccm-page .agency-logo-card img {
  max-width: 100% !important;
  max-height: 48px !important;
  object-fit: contain !important;
}

#sanjiae-ccm-page .flow-card {
  padding: 30px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #e6dfd1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#sanjiae-ccm-page .flow-title {
  margin: 0 0 8px 0 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.6px !important;
  color: #173404 !important;
  font-weight: 900 !important;
}

#sanjiae-ccm-page .flow-desc {
  margin: 0 0 22px 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #6f766b !important;
}

#sanjiae-ccm-page .flow-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
}

#sanjiae-ccm-page .flow-item {
  position: relative !important;
  min-height: 138px !important;
  padding: 22px 10px !important;
  border-radius: 22px !important;
  background: #f8f4ec !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

#sanjiae-ccm-page .flow-item::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  right: -8px !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 2px solid #d7ccb9 !important;
  border-right: 2px solid #d7ccb9 !important;
  transform: translateY(-50%) rotate(45deg) !important;
  background: transparent !important;
  z-index: 2 !important;
}

#sanjiae-ccm-page .flow-item:last-child::after {
  display: none !important;
}

#sanjiae-ccm-page .flow-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin-bottom: 13px !important;
  border-radius: 50% !important;
  background: #244f0c !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#sanjiae-ccm-page .flow-text {
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: #17220f !important;
  font-weight: 900 !important;
  text-align: center !important;
}

/* ¼¼¹ø° : »êÁö¾Ö ½Çõ */
#sanjiae-ccm-page .practice-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
  margin-top: 34px !important;
}

#sanjiae-ccm-page .practice-card {
  overflow: hidden !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #e6dfd1 !important;
  box-shadow: 0 14px 34px rgba(23, 52, 4, 0.05) !important;
}

#sanjiae-ccm-page .practice-img {
  height: 190px !important;
  background: #edf5e4 !important;
  overflow: hidden !important;
}

#sanjiae-ccm-page .practice-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#sanjiae-ccm-page .practice-body {
  padding: 26px 24px 28px !important;
}

#sanjiae-ccm-page .practice-tag {
  display: inline-block !important;
  margin: 0 0 12px 0 !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: #edf5e4 !important;
  color: #2f6410 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

#sanjiae-ccm-page .practice-body h3 {
  margin: 0 0 12px 0 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  color: #173404 !important;
  font-weight: 900 !important;
}

#sanjiae-ccm-page .practice-body p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #3f4a38 !important;
}

/* ³×¹ø° : VOC ÇÁ·Î¼¼½º */
#sanjiae-ccm-page .process-wrap {
  margin-top: 34px !important;
  padding: 34px !important;
  border-radius: 30px !important;
  background: #173404 !important;
}

#sanjiae-ccm-page .process-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 12px !important;
}

#sanjiae-ccm-page .process-item {
  min-height: 150px !important;
  padding: 22px 16px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

#sanjiae-ccm-page .process-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 16px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #173404 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#sanjiae-ccm-page .process-item h3 {
  margin: 0 0 10px 0 !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

#sanjiae-ccm-page .process-item p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

#sanjiae-ccm-page .process-note {
  margin-top: 22px !important;
  padding: 20px 24px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

/* ´Ù¼¸¹ø° : ½Çõ »ç·Ê */
#sanjiae-ccm-page .case-section {
  background: #f8f4ec !important;
}

#sanjiae-ccm-page .case-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
  margin-top: 34px !important;
}

#sanjiae-ccm-page .case-card {
  padding: 32px 28px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #e6dfd1 !important;
}

#sanjiae-ccm-page .case-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 54px !important;
  margin-bottom: 22px !important;
  border-radius: 16px !important;
  background: #edf5e4 !important;
  color: #2f6410 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

#sanjiae-ccm-page .case-card h3 {
  margin: 0 0 14px 0 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  color: #173404 !important;
}

#sanjiae-ccm-page .case-card p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #3f4a38 !important;
}

/* ÇÏ´Ü */
#sanjiae-ccm-page .bottom-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin-top: 34px !important;
}

#sanjiae-ccm-page .promise-box,
#sanjiae-ccm-page .cert-box {
  padding: 34px !important;
  border-radius: 30px !important;
  border: 1px solid #e6dfd1 !important;
  background: #ffffff !important;
}

#sanjiae-ccm-page .promise-list {
  display: grid !important;
  gap: 14px !important;
  margin-top: 22px !important;
}

#sanjiae-ccm-page .promise-item {
  display: grid !important;
  grid-template-columns: 36px 1fr !important;
  gap: 12px !important;
  align-items: start !important;
}

#sanjiae-ccm-page .promise-check {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #edf5e4 !important;
  color: #2f6410 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#sanjiae-ccm-page .promise-item strong {
  display: block !important;
  margin-bottom: 3px !important;
  font-size: 17px !important;
  color: #173404 !important;
  font-weight: 900 !important;
}

#sanjiae-ccm-page .promise-item span {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #3f4a38 !important;
}

#sanjiae-ccm-page .cert-list {
  display: grid !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

#sanjiae-ccm-page .cert-row {
  display: grid !important;
  grid-template-columns: 88px 1fr !important;
  gap: 12px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid #e6dfd1 !important;
}

#sanjiae-ccm-page .cert-row:last-child {
  border-bottom: none !important;
}

#sanjiae-ccm-page .cert-row .label {
  color: #6f766b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#sanjiae-ccm-page .cert-row .value {
  color: #17220f !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

#sanjiae-ccm-page .contact-bar {
  margin-top: 26px !important;
  padding: 26px 30px !important;
  border-radius: 28px !important;
  background: #173404 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

#sanjiae-ccm-page .contact-bar strong {
  display: block !important;
  margin-bottom: 4px !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
}

#sanjiae-ccm-page .contact-bar span {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

#sanjiae-ccm-page .contact-buttons {
  display: flex !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

#sanjiae-ccm-page .contact-buttons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #173404 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

#sanjiae-ccm-page .contact-buttons a.outline {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
}

#sanjiae-ccm-page .ccm-footer {
  padding: 30px 20px 50px !important;
  text-align: center !important;
  color: #6f766b !important;
  font-size: 14px !important;
}

@media screen and (max-width: 768px) {
  #sanjiae-ccm-page .ccm-section {
    padding: 52px 24px !important;
  }

  #sanjiae-ccm-page .hero-visual {
    height: 240px !important;
    border-radius: 0 0 24px 24px !important;
  }

  #sanjiae-ccm-page .hero-content {
    grid-template-columns: 1fr !important;
    padding: 42px 24px 58px !important;
    gap: 34px !important;
  }

  #sanjiae-ccm-page .hero-title {
    font-size: 38px !important;
    letter-spacing: -1.4px !important;
  }

  #sanjiae-ccm-page .hero-desc {
    font-size: 17px !important;
  }

  #sanjiae-ccm-page .hero-logo-direct {
    max-width: 280px !important;
  }

  #sanjiae-ccm-page .ccm-title {
    font-size: 28px !important;
  }

  #sanjiae-ccm-page .ccm-desc {
    font-size: 16px !important;
  }

  #sanjiae-ccm-page .ccm-intro-box,
  #sanjiae-ccm-page .bottom-grid {
    grid-template-columns: 1fr !important;
  }

  #sanjiae-ccm-page .flow-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  #sanjiae-ccm-page .flow-item::after {
    display: none !important;
  }

  #sanjiae-ccm-page .agency-logo-row {
    grid-template-columns: 1fr !important;
  }

  #sanjiae-ccm-page .practice-grid,
  #sanjiae-ccm-page .case-grid {
    grid-template-columns: 1fr !important;
  }

  #sanjiae-ccm-page .process-grid {
    grid-template-columns: 1fr !important;
  }

  #sanjiae-ccm-page .contact-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  #sanjiae-ccm-page .contact-buttons {
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  #sanjiae-ccm-page .contact-buttons a {
    flex: 1 !important;
    min-width: 130px !important;
  }
}

/* BASIC css end */