/* Testimonials / customer stories page. All rules are scoped from Enfold. */
.jtom-mes-testimonials { --mt-navy:#06283d; --mt-ink:#111f2a; --mt-blue:#008fc7; --mt-lime:#b7d100; --mt-muted:#5d6d76; --mt-line:#d9e1e4; --mt-pale:#f4f7f7; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); overflow:clip; color:var(--mt-ink); background:#fff; font-family:Arial,"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif; line-height:1.75; word-break:keep-all; }
.jtom-mes-testimonials *,.jtom-mes-testimonials *::before,.jtom-mes-testimonials *::after { box-sizing:border-box; }
.jtom-mes-testimonials :is(h1,h2,h3,p,ul,ol) { margin:0; padding:0; color:inherit; }
.jtom-mes-testimonials :is(ul,ol) { list-style:none; }
.jtom-mes-testimonials a { color:inherit; text-decoration:none; }
.jtom-mes-testimonials [id] { scroll-margin-top:110px; }
.jtom-mes-testimonials .mt-shell { width:min(1240px,calc(100% - 80px)); margin-inline:auto; }
.jtom-mes-testimonials .mt-overline,.jtom-mes-testimonials .mt-section-label { color:var(--mt-blue); font-size:12px; font-weight:700; letter-spacing:.14em; }

.jtom-mes-testimonials .mt-page-head { padding:105px 0 0; border-bottom:1px solid var(--mt-line); }
.jtom-mes-testimonials .mt-page-head__main { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; padding-bottom:78px; }
#top .jtom-mes-testimonials h1,.jtom-mes-testimonials h1 { margin-top:14px; color:var(--mt-ink) !important; font-size:clamp(58px,7vw,96px); font-weight:650; line-height:1; letter-spacing:-.055em; text-transform:none; }
.jtom-mes-testimonials .mt-page-head__lead { max-width:700px; margin-top:22px; color:var(--mt-muted); font-size:18px; }
.jtom-mes-testimonials .mt-page-head__action a { display:inline-flex; align-items:center; justify-content:space-between; gap:60px; min-width:210px; padding:17px 20px; border-bottom:2px solid var(--mt-ink); font-size:15px; font-weight:700; transition:color .2s,border-color .2s; }
.jtom-mes-testimonials .mt-page-head__action a:hover { color:var(--mt-blue); border-color:var(--mt-blue); }
.jtom-mes-testimonials .mt-breadcrumb { display:flex; align-items:center; gap:12px; min-height:60px; border-top:1px solid var(--mt-line); color:#75838a; font-size:12px; }
.jtom-mes-testimonials .mt-breadcrumb strong { color:var(--mt-blue); font-weight:600; }

.jtom-mes-testimonials .mt-intro { padding:115px 0; }
.jtom-mes-testimonials .mt-intro__grid { display:grid; grid-template-columns:190px 1.35fr .85fr; gap:65px; align-items:start; }
#top .jtom-mes-testimonials h2,.jtom-mes-testimonials h2 { color:var(--mt-ink) !important; font-size:clamp(38px,4.5vw,60px); font-weight:650; line-height:1.35; letter-spacing:-.05em; text-transform:none; }
.jtom-mes-testimonials h2 em { color:var(--mt-blue); font-style:normal; }
.jtom-mes-testimonials .mt-intro__grid > p:last-child { padding-top:9px; color:var(--mt-muted); font-size:16px; }

.jtom-mes-testimonials .mt-featured { padding:105px 0; color:#fff; background:var(--mt-navy); }
.jtom-mes-testimonials .mt-featured__grid { display:grid; grid-template-columns:1.05fr .95fr; gap:105px; align-items:center; }
.jtom-mes-testimonials .mt-featured__company { margin-top:55px; color:#8cb1bf; font-size:15px; letter-spacing:.04em; }
.jtom-mes-testimonials .mt-featured h2 { margin-top:16px; color:#fff !important; font-size:clamp(40px,4.4vw,58px); }
.jtom-mes-testimonials .mt-featured__summary { max-width:590px; margin-top:28px; color:#bed0d7; font-size:16px; }
.jtom-mes-testimonials .mt-source-link { margin-top:38px; }
.jtom-mes-testimonials .mt-source-link a { display:inline-flex; gap:45px; padding-bottom:8px; border-bottom:1px solid #72c7e8; color:#fff !important; font-size:14px; }
.jtom-mes-testimonials .mt-featured__facts { border-top:1px solid #4a6876; }
.jtom-mes-testimonials .mt-featured__facts > div { display:grid; grid-template-columns:42px 1fr; gap:25px; padding:25px 0; border-bottom:1px solid #4a6876; }
.jtom-mes-testimonials .mt-featured__facts span { color:var(--mt-lime); font-size:11px; font-weight:700; }
.jtom-mes-testimonials .mt-featured__facts p { color:#bed0d7; font-size:14px; }
.jtom-mes-testimonials .mt-featured__facts strong { display:block; margin-bottom:4px; color:#fff; font-size:17px; }

.jtom-mes-testimonials .mt-stories { padding:120px 0; }
.jtom-mes-testimonials .mt-section-head { display:grid; grid-template-columns:1fr .8fr; align-items:end; gap:100px; margin-bottom:60px; }
.jtom-mes-testimonials .mt-section-head h2 { margin-top:12px; }
.jtom-mes-testimonials .mt-section-head > p { color:var(--mt-muted); font-size:16px; }
.jtom-mes-testimonials .mt-story { display:grid; grid-template-columns:70px 1fr 1.05fr; gap:55px; align-items:center; min-height:485px; padding:65px 0; border-top:1px solid var(--mt-line); }
.jtom-mes-testimonials .mt-story:last-child { border-bottom:1px solid var(--mt-line); }
.jtom-mes-testimonials .mt-story__no { align-self:start; padding-top:4px; color:var(--mt-blue); font-size:12px; font-weight:700; }
.jtom-mes-testimonials .mt-story__label { color:var(--mt-blue); font-size:11px; font-weight:700; letter-spacing:.13em; }
#top .jtom-mes-testimonials h3,.jtom-mes-testimonials h3 { color:var(--mt-ink) !important; font-size:30px; font-weight:650; line-height:1.42; letter-spacing:-.035em; }
.jtom-mes-testimonials .mt-story h3 { margin-top:14px; }
.jtom-mes-testimonials .mt-story__copy > p:nth-of-type(2) { margin-top:24px; color:var(--mt-muted); font-size:15px; }
.jtom-mes-testimonials .mt-story__copy ul { margin-top:25px; border-top:1px solid var(--mt-line); }
.jtom-mes-testimonials .mt-story__copy li { position:relative; padding:9px 0 9px 17px; border-bottom:1px solid var(--mt-line); font-size:13px; }
.jtom-mes-testimonials .mt-story__copy li::before { content:""; position:absolute; left:0; top:19px; width:5px; height:5px; background:var(--mt-lime); }
.jtom-mes-testimonials .mt-screen { min-height:305px; padding:28px; border:1px solid #c8d4d9; background:#f8fafa; }
.jtom-mes-testimonials .mt-screen__top { display:flex; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid var(--mt-line); color:#718087; font-size:10px; letter-spacing:.08em; }
.jtom-mes-testimonials .mt-screen__top b { color:var(--mt-blue); font-size:10px; }
.jtom-mes-testimonials .mt-board-head,.jtom-mes-testimonials .mt-board-row { display:grid; grid-template-columns:1.4fr repeat(3,.65fr); gap:10px; align-items:center; padding:13px 0; border-bottom:1px solid var(--mt-line); font-size:11px; }
.jtom-mes-testimonials .mt-board-head { margin-top:8px; color:#829198; font-size:9px; }
.jtom-mes-testimonials .mt-board-row i { padding:4px 5px; background:#e8edef; color:#667880; font-size:9px; font-style:normal; text-align:center; }
.jtom-mes-testimonials .mt-board-row i.is-done { background:#e6f2e9; color:#3f8953; }
.jtom-mes-testimonials .mt-board-row i.is-run { background:#e2f3f9; color:#087fac; }
.jtom-mes-testimonials .mt-screen--process ol { margin-top:14px; }
.jtom-mes-testimonials .mt-screen--process li { position:relative; display:grid; grid-template-columns:38px 1fr; gap:16px; padding:13px 0; border-bottom:1px solid var(--mt-line); }
.jtom-mes-testimonials .mt-screen--process li > span { display:grid; place-items:center; width:28px; height:28px; border:1px solid #bac8cd; color:#77878e; font-size:9px; }
.jtom-mes-testimonials .mt-screen--process li.is-complete > span { border-color:#60b978; background:#60b978; color:#fff; }
.jtom-mes-testimonials .mt-screen--process li.is-current > span { border-color:var(--mt-blue); background:var(--mt-blue); color:#fff; }
.jtom-mes-testimonials .mt-screen--process strong { display:block; font-size:12px; }
.jtom-mes-testimonials .mt-screen--process small { color:#75868d; font-size:10px; }
.jtom-mes-testimonials .mt-delivery { display:grid; grid-template-columns:85px 1fr 60px; gap:15px; align-items:center; padding:19px 0; border-bottom:1px solid var(--mt-line); }
.jtom-mes-testimonials .mt-delivery span { display:flex; flex-direction:column; }
.jtom-mes-testimonials .mt-delivery small { color:#77878e; font-size:9px; }
.jtom-mes-testimonials .mt-delivery strong { font-size:15px; }
.jtom-mes-testimonials .mt-delivery > i { height:6px; background:#e1e7e9; }
.jtom-mes-testimonials .mt-delivery > i b { display:block; width:var(--mt-progress); height:100%; background:var(--mt-blue); }
.jtom-mes-testimonials .mt-delivery em { color:#4d935f; font-size:9px; font-style:normal; text-align:right; }
.jtom-mes-testimonials .mt-delivery em.is-delay { color:#d15f56; }

.jtom-mes-testimonials .mt-transformation { padding:110px 0; color:#fff; background:#0a3348; }
.jtom-mes-testimonials .mt-section-head--light h2 { color:#fff !important; }
.jtom-mes-testimonials .mt-section-head--light > p { color:#bed0d7; }
.jtom-mes-testimonials .mt-change-grid { display:grid; grid-template-columns:1fr 70px 1fr; gap:25px; align-items:center; }
.jtom-mes-testimonials .mt-change { min-height:360px; padding:42px; border:1px solid #496a79; }
.jtom-mes-testimonials .mt-change > p { color:#87b2c2; font-size:11px; font-weight:700; letter-spacing:.13em; }
.jtom-mes-testimonials .mt-change h3 { margin-top:18px; color:#fff !important; font-size:28px; }
.jtom-mes-testimonials .mt-change ul { margin-top:35px; }
.jtom-mes-testimonials .mt-change li { padding:11px 0; border-top:1px solid #345766; color:#c7d6dc; font-size:14px; }
.jtom-mes-testimonials .mt-change--after { border-color:#78ccea; }
.jtom-mes-testimonials .mt-change--after > p { color:var(--mt-lime); }
.jtom-mes-testimonials .mt-change-arrow { color:var(--mt-lime); font-size:28px; text-align:center; }

.jtom-mes-testimonials .mt-contact { padding:90px 0; background:var(--mt-lime); }
.jtom-mes-testimonials .mt-contact__inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.jtom-mes-testimonials .mt-contact__inner > div > p { color:var(--mt-navy); font-size:12px; font-weight:700; letter-spacing:.12em; }
.jtom-mes-testimonials .mt-contact h2 { margin-top:13px; color:var(--mt-navy) !important; font-size:clamp(36px,4.2vw,54px); }
.jtom-mes-testimonials .mt-contact__action { display:flex; flex-direction:column; flex:0 0 250px; }
.jtom-mes-testimonials .mt-contact__action a { display:flex; justify-content:space-between; padding:18px 20px; background:var(--mt-navy); color:#fff !important; font-size:16px; font-weight:700; }
.jtom-mes-testimonials .mt-contact__action small { margin-top:10px; color:#3f5511; font-size:11px; text-align:right; }

.jtom-mes-testimonials .mes-reveal { transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1); }
.jtom-mes-testimonials .mes-reveal-pending { opacity:0; transform:translateY(24px); }

@media (max-width:1050px) {
  .jtom-mes-testimonials .mt-intro__grid { grid-template-columns:150px 1fr; }
  .jtom-mes-testimonials .mt-intro__grid > p:last-child { grid-column:2; }
  .jtom-mes-testimonials .mt-featured__grid { gap:55px; }
  .jtom-mes-testimonials .mt-story { grid-template-columns:50px 1fr; }
  .jtom-mes-testimonials .mt-screen { grid-column:2; }
}
@media (max-width:760px) {
  .jtom-mes-testimonials .mt-shell { width:calc(100% - 40px); }
  .jtom-mes-testimonials .mt-page-head { padding-top:65px; }
  .jtom-mes-testimonials .mt-page-head__main,.jtom-mes-testimonials .mt-contact__inner { display:block; padding-bottom:45px; }
  .jtom-mes-testimonials .mt-page-head__lead { font-size:16px; }
  .jtom-mes-testimonials .mt-page-head__action { margin-top:30px; }
  .jtom-mes-testimonials .mt-page-head__action a { width:100%; }
  .jtom-mes-testimonials .mt-intro { padding:80px 0; }
  .jtom-mes-testimonials .mt-intro__grid,.jtom-mes-testimonials .mt-featured__grid,.jtom-mes-testimonials .mt-section-head,.jtom-mes-testimonials .mt-story,.jtom-mes-testimonials .mt-change-grid { grid-template-columns:1fr; }
  .jtom-mes-testimonials .mt-intro__grid { gap:25px; }
  .jtom-mes-testimonials .mt-intro__grid > p:last-child { grid-column:auto; }
  .jtom-mes-testimonials .mt-featured { padding:80px 0; }
  .jtom-mes-testimonials .mt-featured__company { margin-top:35px; }
  .jtom-mes-testimonials .mt-featured__facts { margin-top:15px; }
  .jtom-mes-testimonials .mt-stories { padding:80px 0; }
  .jtom-mes-testimonials .mt-section-head { gap:22px; margin-bottom:35px; }
  .jtom-mes-testimonials .mt-story { gap:18px; padding:45px 0; }
  .jtom-mes-testimonials .mt-story__no { padding:0; }
  .jtom-mes-testimonials .mt-screen { grid-column:auto; min-height:285px; padding:20px; }
  .jtom-mes-testimonials .mt-board-head,.jtom-mes-testimonials .mt-board-row { grid-template-columns:1.2fr repeat(3,.75fr); gap:5px; }
  .jtom-mes-testimonials .mt-transformation { padding:80px 0; }
  .jtom-mes-testimonials .mt-change { min-height:auto; padding:30px 24px; }
  .jtom-mes-testimonials .mt-change-arrow { transform:rotate(90deg); }
  .jtom-mes-testimonials .mt-contact { padding:75px 0; }
  .jtom-mes-testimonials .mt-contact__inner { padding-bottom:0; }
  .jtom-mes-testimonials .mt-contact__action { margin-top:35px; }
}
@media (prefers-reduced-motion:reduce) {
  .jtom-mes-testimonials *,.jtom-mes-testimonials *::before,.jtom-mes-testimonials *::after { animation:none !important; transition:none !important; }
  .jtom-mes-testimonials .mes-reveal-pending { opacity:1; transform:none; }
}