/* accl.kr 메인 전용: 리뉴얼 디자인에 맞춘 레퍼런스·자격증 CTA·헤더 로그인·푸터 약관 링크 */

.references{padding-top:28px;padding-bottom:76px;scroll-margin-top:28px}
.references .section-heading h2{color:#252d48}
.references .section-heading h2>span{color:#6551aa}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.reference-card{min-width:0;padding:32px 30px 34px;border:1px solid transparent;border-radius:27px;background:linear-gradient(135deg,#ffffffee 0%,#f4f8ff 55%,#f3f1ff 100%) padding-box,linear-gradient(135deg,#fff 2%,#d6dff5 55%,#d6ceee 100%) border-box;box-shadow:inset 0 2px 0 #fff,0 6px 0 #e2e7f5,0 13px 24px #6666a014,0 23px 40px #8b8bc00e;transition:transform .22s ease}
.reference-card:hover{transform:translateY(-3px)}
.reference-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.reference-icon{flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:17px;border:1px solid #ffffffbc;color:#3f527e;background:linear-gradient(140deg,#d9fbf3 0%,#bceafa 49%,#c9c5fa 100%);box-shadow:inset 2px 3px 2px #ffffffc4,0 5px 0 #abbde6,0 11px 15px #65659f26;transform:rotate(-5deg)}
.reference-icon svg{width:27px;height:27px;transform:rotate(5deg)}
.reference-card h3{margin:0;font-size:20px;line-height:1.4;letter-spacing:-.6px;font-weight:800;color:#252d48}
.reference-card ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid #e3e6f3}
.reference-card li{position:relative;padding-left:22px;font-size:15px;line-height:1.7;letter-spacing:-.3px;color:#4c5670}
.reference-card li+li{margin-top:9px}
.reference-card li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:5px;border-left:2px solid #7a68c4;border-bottom:2px solid #7a68c4;transform:rotate(-45deg)}

.cert-cta{padding-bottom:84px}
.cert-cta-panel{position:relative;overflow:hidden;text-align:center;padding:64px 40px 68px;border-radius:28px;color:#fff;background:radial-gradient(70% 90% at 88% 0%,#8c50e955 0%,transparent 60%),radial-gradient(60% 80% at 8% 100%,#5fd0e633 0%,transparent 62%),linear-gradient(135deg,#231d3d 0%,#3b2a78 55%,#6240ca 100%);box-shadow:0 20px 44px #3b2a7826}
.cert-cta-eyebrow{display:block;font-size:12px;letter-spacing:2.2px;font-weight:700;color:#cdbdff;margin-bottom:14px}
.cert-cta-panel h2{margin:0 0 16px;font-size:36px;line-height:1.4;letter-spacing:-1.4px;font-weight:800}
.cert-cta-panel p{margin:0 auto 32px;max-width:640px;font-size:16px;line-height:1.85;letter-spacing:-.3px;color:#ded7f3}
.cert-cta-button{background:#fff;color:var(--purple-deep);box-shadow:0 10px 24px #120c2a40}
.cert-cta-button:hover{background:#f5f0ff;color:var(--purple-deep)}

.main-navigation .nav-auth{color:var(--muted)}
.footer-legal{gap:18px}
.footer-legal a:hover{color:var(--purple)}

@media(max-width:1050px){
  .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .references{padding-bottom:56px}
  .reference-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .reference-card{padding:26px 22px 28px;border-radius:22px}
  .cert-cta{padding-bottom:60px}
  .cert-cta-panel{padding:46px 22px 50px;border-radius:22px}
  .cert-cta-panel h2{font-size:27px}
  .cert-cta-panel p{font-size:15px}
  .cert-cta-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .reference-card{transition:none}
  .reference-card:hover{transform:none}
}

/* 최근 사업 소개: 가로로 긴 사업 배너 (2026-10-06 성남 취업박람회) */
.recent-projects{padding-top:8px;padding-bottom:76px;scroll-margin-top:28px}
.recent-projects .section-heading h2{color:#252d48}
.recent-projects .section-heading h2>span{color:#6551aa}
.project-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px;align-items:center;padding:40px 44px;border-radius:28px;color:#fff;background:radial-gradient(ellipse at 100% 0%,#0077ea80,transparent 42%),linear-gradient(135deg,transparent 0 38%,#1663ee1c 38% 47%,transparent 47% 63%,#006bf71f 63% 71%,transparent 71%),linear-gradient(150deg,#073caa 0%,#061e65 46%,#053499 100%);border:1px solid #48c8ff59;box-shadow:0 18px 40px #061e6533}
.project-banner-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.project-tag{display:inline-block;padding:4px 12px;border-radius:99px;border:1px solid #7feaff73;color:#bff6ff;font-size:13px;line-height:1.5;font-weight:800;letter-spacing:.02em}
.project-tag-role{border-color:transparent;color:#062a6e;background:linear-gradient(90deg,#7feaff,#b8c8ff)}
.project-banner-kicker{margin:0 0 6px;font-size:15px;line-height:1.6;font-weight:700;color:#c8e2ff}
.project-banner h3{margin:0 0 14px;font-size:28px;line-height:1.4;letter-spacing:-.04em;font-weight:900;color:#fff}
.project-banner-desc{margin:0 0 18px;font-size:16px;line-height:1.8;letter-spacing:-.02em;color:#dceaff;word-break:keep-all}
.project-banner-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.project-banner-chips li{padding:6px 13px;border-radius:10px;background:#ffffff17;border:1px solid #ffffff2e;font-size:14px;line-height:1.5;font-weight:700;color:#f2f7ff}
.project-banner-facts{display:grid;gap:0;margin:0;padding:6px 22px;border-radius:20px;background:#ffffff12;border:1px solid #ffffff26;backdrop-filter:blur(4px)}
.project-banner-facts>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:13px 0}
.project-banner-facts>div+div{border-top:1px solid #ffffff1f}
.project-banner-facts dt{font-size:13.5px;line-height:1.6;font-weight:800;color:#8fe9ff}
.project-banner-facts dd{margin:0;font-size:15px;line-height:1.6;font-weight:650;color:#fff;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:1050px){.project-banner{grid-template-columns:1fr;gap:24px;padding:36px 34px}}
@media(max-width:680px){.recent-projects{padding-bottom:56px}.project-banner{padding:28px 20px;border-radius:22px}.project-banner h3{font-size:22px}.project-banner-desc{font-size:15px}.project-banner-facts{padding:4px 16px}.project-banner-facts>div{grid-template-columns:72px minmax(0,1fr);gap:10px}.project-banner-chips li{font-size:13px}}