/* Business > AI 교육. Typography, controls, container and contact form are shared. */
.education-stats { padding-block: 45px; }
.education-stat-grid { display: flex; justify-content: center; }
.education-stat-grid > div { position: relative; display: flex; flex-direction: column-reverse; align-items: center; gap: 8px; padding: 45px 60px; }
.education-stat-grid dt { font-size: 17px; line-height: 1.6; letter-spacing: -.68px; color: var(--muted); }
.education-stat-grid dd { font-size: 70px; line-height: 1.32; letter-spacing: -2.1px; font-weight: 700; }
.education-stat-divider { position: absolute; left: 0; top: calc(50% - 27px); }
.education-clients { position: relative; overflow: hidden; }
.education-logo-marquee { margin-top: 80px; display: grid; gap: 48px; }
.education-logo-row { overflow-x: auto; }
.education-logo-marquee.is-ready .education-logo-row { overflow: hidden; }
.education-logo-track { display: flex; width: max-content; margin-inline: auto; }
.education-logo-group { flex: none; display: flex; align-items: center; justify-content: space-around; min-width: max(1440px, 100vw); }
.education-logo-group li { display: grid; place-items: center; flex: none; height: 80px; padding-inline: 32px; }
.education-logo-group img { width: auto; flex: none; max-width: none; }
.education-logo-marquee.is-ready .education-logo-track { animation: education-logo-scroll var(--duration, 110s) linear infinite; animation-play-state: paused; }
.education-logo-marquee.is-running .education-logo-track { animation-play-state: running; }
.education-logo-row:nth-child(even) .education-logo-track { animation-direction: reverse; }
@keyframes education-logo-scroll { to { transform: translateX(-50%); } }
.education-content, .education-workshops { background: #f9f9f9; }
.education-content-gallery, .education-quality-grid { margin-top: 80px; }
.education-interviews { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: start; }
.education-interview { position: relative; aspect-ratio: 299.451 / 237.964; overflow: hidden; mix-blend-mode: darken; }
.education-interview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.interview-214 { aspect-ratio: 297.056 / 241.957; }
.interview-218 { aspect-ratio: 292.285 / 238.981; }
.interview-218 img { left: .04%; top: -1.5%; width: 99.99%; height: 101.58%; }
.education-books { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 26.632px; margin-top: 29px; }
.education-book { position: relative; overflow: hidden; border-radius: 4.7px; aspect-ratio: 177.806 / 240.469; }
.education-book img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.book-198 img { height: 100.92%; }
.book-199 img { height: 104.28%; top: -3.21%; }
.book-203 img { width: 102.95%; max-width: none; left: -1.47%; }
.education-quality-grid { display: grid; grid-template-columns: 665.229fr 504.771fr; gap: 30px; }
.education-instructor { width: 100%; height: auto; aspect-ratio: 1170 / 700; object-fit: cover; align-self: center; }
.education-quality-copy { display: flex; flex-direction: column; justify-content: space-between; gap: 32px; }
.education-quality-copy ul { list-style: disc; padding-left: 25.5px; color: var(--muted); font-size: 17px; line-height: 1.6; letter-spacing: -.68px; }
.education-quality-copy li + li { margin-top: 8px; }
.education-review { margin: 0; padding: 36px; border-radius: 4px; background: #f9f9f9; }
.business-education-page .education-review h3 { font-size: 22px; letter-spacing: -.88px; }
.education-review p { margin-top: 12px; font-size: 17px; line-height: 1.6; letter-spacing: -.68px; font-weight: 500; color: var(--muted); }
.education-workshop-photo { position: relative; overflow: hidden; aspect-ratio: 1200 / 797.625; margin-top: 64px; }
.education-workshop-photo img { position: absolute; left: .02%; top: -5.21%; width: 109.01%; height: 105.21%; max-width: none; }
.education-community { background: black; color: white; }
.business-education-page .education-community h2 { font-weight: 600; line-height: 1.3; }
.education-community .doc-lead { color: rgb(255 255 255 / 87%); font-weight: 300; }
.education-event-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; margin-top: 64px; }
.education-event-card { display: block; padding: 36px; border-radius: 6px; background: #2d2f37; color: white; text-align: center; box-shadow: inset 0 0 0 1px transparent; transition: box-shadow .2s ease; }
.education-event-card-log { --event-accent: #ff7a1a; }
.education-event-card-connect { --event-accent: #00cb6d; }
.education-event-card:focus-visible { outline: 2px solid var(--event-accent); outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) {
  .education-event-card:hover { box-shadow: inset 0 0 0 1px var(--event-accent); }
}
.education-event-photo { position: relative; aspect-ratio: 513 / 430; border-radius: 4px; overflow: hidden; }
.education-event-photo > img { width: 100%; height: 100%; object-fit: cover; }
.education-event-card > p { margin-top: 30px; color: rgb(255 255 255 / 75%); font-size: 17px; line-height: 1.2; letter-spacing: -.68px; }
.education-event-card h3 { margin-top: 10px; }
.education-case-tabs { margin-top: 64px; min-height: 32px; }
.education-cases-panel { margin-top: 45px; }
.education-case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; }
.education-case-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 285px; padding: 30px; border-radius: 6px; background: #f9f9f9; }
.education-case-category { padding-right: 18px; font-size: 18px; line-height: 1.6; letter-spacing: -.9px; color: #6c6c6c; font-weight: 500; }
.business-education-page .education-case-card h3 { font-size: 24px; line-height: 1.32; letter-spacing: -1.2px; word-break: keep-all; overflow-wrap: anywhere; }
.education-case-arrow { position: absolute; top: 38px; right: 30px; }
.education-case-description { margin-top: 14px; font-size: 16px; line-height: 23px; letter-spacing: -.8px; color: #434343; }
.education-case-logo { display: flex; justify-content: flex-end; align-items: flex-end; margin-top: auto; padding-top: 18px; min-height: 86px; }
.education-case-logo img { object-fit: contain; max-width: 100%; width: auto; height: auto; max-height: 77px; mix-blend-mode: darken; transform: scale(.75); transform-origin: right bottom; }
.education-case-logo img[data-logo="brianimpact"], .education-case-logo img[data-logo="tensorflow"] { max-height: 100px; }
.education-case-logo img:is([data-logo="snu"], [data-logo="sogang"], [data-logo="sejong"], [data-logo="hanyang"], [data-logo="dip"], [data-logo="korea"], [data-logo="nfa"]) { max-height: 96px; transform: none; }
@media (max-width: 1024px) {
  .education-stat-grid > div { flex: 1; padding: 32px 20px; }
  .education-stat-grid dd { font-size: 58px; }
  .education-logo-marquee { margin-top: 56px; gap: 32px; }
  .education-content-gallery, .education-quality-grid { margin-top: 56px; }
  .education-books { gap: 18px; }
  .education-quality-grid { grid-template-columns: 1fr; }
  .education-quality-copy { gap: 28px; }
  .education-review { padding: 28px; }
  .education-event-card { padding: 24px; }
  .business-education-page .education-event-card h3 { font-size: 23px; }
  .education-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .education-case-tabs { margin-top: 56px; }
}
@media (max-width: 760px) {
  .education-hero h1 br { display: none; }
  .education-stats { padding-block: 24px; }
  .education-stat-grid > div { justify-content: flex-end; padding: 20px 6px; gap: 8px; }
  .education-stat-grid dd { font-size: clamp(30px, 7.8vw, 48px); letter-spacing: -1.2px; }
  .education-stat-grid dt { max-width: 110px; text-align: center; font-size: 13px; word-break: keep-all; letter-spacing: -.52px; }
  .education-stat-divider { height: 54px; }
  .education-programs .challenge-grid { margin-top: 40px; }
  .education-logo-marquee { margin-top: 40px; gap: 20px; }
  .education-logo-group { min-width: 1180px; }
  .education-logo-group li { padding-inline: 22px; height: 64px; }
  .education-logo-group img { max-width: 164px; max-height: 45px; object-fit: contain; }
  .education-content-gallery, .education-quality-grid { margin-top: 40px; }
  .education-interviews { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
  .education-books { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 14px; margin-top: 28px; }
  .education-quality-copy ul { font-size: 16px; }
  .education-review { padding: 28px 24px; }
  .education-review p { font-size: 16px; }
  .education-workshop-photo, .education-event-grid { margin-top: 40px; }
  .education-event-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .education-event-card > p { margin-top: 24px; font-size: 16px; }
  .business-education-page .education-event-card h3 { font-size: 22px; }
  .education-case-tabs { margin-top: 40px; gap: 8px; }
  .education-case-tabs button { font-size: 15px; padding-inline: 10px; }
  .education-cases-panel { margin-top: 32px; }
  .education-case-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .education-case-card { padding: 26px 24px; }
  .education-case-category { font-size: 16px; }
  .business-education-page .education-case-card h3 { font-size: 22px; letter-spacing: -.88px; }
  .education-case-arrow { top: 33px; right: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .education-logo-marquee.is-ready .education-logo-track { animation: none; }
  .education-logo-marquee.is-ready .education-logo-row { overflow-x: auto; }
  .education-logo-group[aria-hidden="true"] { display: none; }
}
