/* MES capabilities page — restrained corporate layout inspired by editorial service pages. */
.jtom-mes-capabilities { --mc-navy:#06283d; --mc-ink:#111f2a; --mc-blue:#008fc7; --mc-lime:#b7d100; --mc-muted:#5d6d76; --mc-line:#d9e1e4; --mc-pale:#f4f7f7; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); overflow:clip; color:var(--mc-ink); background:#fff; font-family:Arial,"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif; line-height:1.75; word-break:keep-all; }
.jtom-mes-capabilities *,.jtom-mes-capabilities *::before,.jtom-mes-capabilities *::after { box-sizing:border-box; }
.jtom-mes-capabilities :is(h1,h2,h3,p,ul,ol) { margin:0; padding:0; color:inherit; }
.jtom-mes-capabilities :is(ul,ol) { list-style:none; }
.jtom-mes-capabilities a { color:inherit; text-decoration:none; }
.jtom-mes-capabilities [id] { scroll-margin-top:110px; }
.jtom-mes-capabilities .mc-shell { width:min(1240px,calc(100% - 80px)); margin-inline:auto; }

.jtom-mes-capabilities .mc-page-head { padding:105px 0 0; border-bottom:1px solid var(--mc-line); }
.jtom-mes-capabilities .mc-page-head__main { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; padding-bottom:78px; }
.jtom-mes-capabilities .mc-overline,.jtom-mes-capabilities .mc-section-label { color:var(--mc-blue); font-size:12px; font-weight:700; letter-spacing:.14em; }
#top .jtom-mes-capabilities h1,.jtom-mes-capabilities h1 { margin-top:14px; color:var(--mc-ink) !important; font-size:clamp(54px,6.5vw,88px); font-weight:650; line-height:1.05; letter-spacing:-.055em; text-transform:none; }
.jtom-mes-capabilities .mc-page-head__lead { max-width:690px; margin-top:22px; color:var(--mc-muted); font-size:18px; }
.jtom-mes-capabilities .mc-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(--mc-ink); font-size:15px; font-weight:700; transition:color .2s,border-color .2s; }
.jtom-mes-capabilities .mc-page-head__action a:hover { color:var(--mc-blue); border-color:var(--mc-blue); }
.jtom-mes-capabilities .mc-breadcrumb { display:flex; align-items:center; gap:12px; min-height:60px; border-top:1px solid var(--mc-line); color:#75838a; font-size:12px; }
.jtom-mes-capabilities .mc-breadcrumb strong { color:var(--mc-blue); font-weight:600; }

.jtom-mes-capabilities .mc-intro { padding:125px 0 115px; text-align:center; }
.jtom-mes-capabilities .mc-intro__inner { max-width:1000px; }
#top .jtom-mes-capabilities h2,.jtom-mes-capabilities h2 { color:var(--mc-ink) !important; font-size:clamp(38px,4.6vw,62px); font-weight:650; line-height:1.35; letter-spacing:-.05em; text-transform:none; }
.jtom-mes-capabilities .mc-intro h2 { margin-top:22px; }
.jtom-mes-capabilities .mc-intro h2 em { color:var(--mc-blue); font-style:normal; }
.jtom-mes-capabilities .mc-intro__copy { display:grid; grid-template-columns:1fr 1fr; gap:55px; max-width:950px; margin:48px auto 0; text-align:left; color:var(--mc-muted); font-size:16px; }

.jtom-mes-capabilities .mc-benefits { padding:72px 0 78px; background:var(--mc-pale); }
.jtom-mes-capabilities .mc-benefits__grid { display:grid; grid-template-columns:repeat(3,1fr); }
.jtom-mes-capabilities .mc-benefits article { min-height:315px; padding:18px 48px 25px; border-left:1px solid var(--mc-line); }
.jtom-mes-capabilities .mc-benefits article:last-child { border-right:1px solid var(--mc-line); }
.jtom-mes-capabilities .mc-benefit-no { color:var(--mc-blue); font-size:12px; font-weight:700; letter-spacing:.1em; }
#top .jtom-mes-capabilities h3,.jtom-mes-capabilities h3 { color:var(--mc-ink) !important; font-size:26px; font-weight:650; line-height:1.45; letter-spacing:-.035em; }
.jtom-mes-capabilities .mc-benefits h3 { margin-top:62px; }
.jtom-mes-capabilities .mc-benefits article > p:last-child { margin-top:20px; color:var(--mc-muted); font-size:15px; }

.jtom-mes-capabilities .mc-services,.jtom-mes-capabilities .mc-process { padding:120px 0; }
.jtom-mes-capabilities .mc-section-head { display:grid; grid-template-columns:1fr .8fr; align-items:end; gap:100px; margin-bottom:62px; }
.jtom-mes-capabilities .mc-section-head h2 { margin-top:12px; }
.jtom-mes-capabilities .mc-section-head > p { color:var(--mc-muted); font-size:16px; }
.jtom-mes-capabilities .mc-service { display:grid; grid-template-columns:230px minmax(260px,.85fr) minmax(380px,1.15fr); gap:55px; align-items:center; min-height:380px; padding:55px 0; border-top:1px solid var(--mc-line); }
.jtom-mes-capabilities .mc-service:last-child { border-bottom:1px solid var(--mc-line); }
.jtom-mes-capabilities .mc-service__title > p { color:var(--mc-blue); font-size:12px; font-weight:700; }
.jtom-mes-capabilities .mc-service__title h3 { margin-top:18px; font-size:29px; }
.jtom-mes-capabilities .mc-service__body > p { color:var(--mc-muted); font-size:16px; }
.jtom-mes-capabilities .mc-service__body ul { margin-top:24px; border-top:1px solid var(--mc-line); }
.jtom-mes-capabilities .mc-service__body li { position:relative; padding:10px 0 10px 18px; border-bottom:1px solid var(--mc-line); font-size:14px; }
.jtom-mes-capabilities .mc-service__body li::before { content:""; position:absolute; left:0; top:20px; width:5px; height:5px; background:var(--mc-lime); }
.jtom-mes-capabilities .mc-panel { min-height:255px; padding:28px; border:1px solid #c8d4d9; background:#f9fbfb; }
.jtom-mes-capabilities .mc-panel__top { display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--mc-line); color:#6a7b83; font-size:11px; letter-spacing:.08em; }
.jtom-mes-capabilities .mc-panel__top b { color:var(--mc-blue); font-size:11px; }
.jtom-mes-capabilities .mc-plan-row { display:grid; grid-template-columns:100px 1fr 38px; align-items:center; gap:12px; padding-top:22px; font-size:12px; }
.jtom-mes-capabilities .mc-plan-row i { height:6px; background:#e1e8ea; }
.jtom-mes-capabilities .mc-plan-row i b { display:block; width:var(--mc-value); height:100%; background:var(--mc-blue); }
.jtom-mes-capabilities .mc-plan-row strong { font-size:12px; text-align:right; }
.jtom-mes-capabilities .mc-equipment { display:grid; grid-template-columns:1fr 45px 45px; gap:15px; align-items:center; padding:16px 0; border-bottom:1px solid var(--mc-line); font-size:12px; }
.jtom-mes-capabilities .mc-equipment span { display:flex; align-items:center; gap:9px; }
.jtom-mes-capabilities .mc-equipment i { width:7px; height:7px; border-radius:50%; background:#65bd7b; }
.jtom-mes-capabilities .mc-equipment i.is-wait { background:#e9b94d; }
.jtom-mes-capabilities .mc-equipment i.is-stop { background:#df6c62; }
.jtom-mes-capabilities .mc-equipment strong { color:var(--mc-muted); font-weight:500; }
.jtom-mes-capabilities .mc-equipment > b { text-align:right; }
.jtom-mes-capabilities .mc-quality-score { display:flex; align-items:end; justify-content:space-between; padding:30px 0 24px; }
.jtom-mes-capabilities .mc-quality-score strong { color:var(--mc-blue); font-size:58px; font-weight:500; line-height:1; letter-spacing:-.05em; }
.jtom-mes-capabilities .mc-quality-score small { font-size:20px; }
.jtom-mes-capabilities .mc-quality-score span { color:var(--mc-muted); font-size:12px; }
.jtom-mes-capabilities .mc-quality-foot { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--mc-line); }
.jtom-mes-capabilities .mc-quality-foot span { padding-top:16px; color:var(--mc-muted); font-size:12px; }
.jtom-mes-capabilities .mc-quality-foot span:last-child { text-align:right; }
.jtom-mes-capabilities .mc-quality-foot b { display:block; color:var(--mc-ink); font-size:17px; }
.jtom-mes-capabilities .mc-stock-head,.jtom-mes-capabilities .mc-stock-row { display:grid; grid-template-columns:1.5fr .6fr .55fr; gap:15px; padding:12px 0; border-bottom:1px solid var(--mc-line); font-size:12px; }
.jtom-mes-capabilities .mc-stock-head { margin-top:8px; color:#819097; font-size:10px; }
.jtom-mes-capabilities .mc-stock-row > span,.jtom-mes-capabilities .mc-stock-row > strong { text-align:right; }
.jtom-mes-capabilities .mc-stock-row strong { color:#4b9d61; }
.jtom-mes-capabilities .mc-stock-row strong.is-low { color:#d05b52; }
.jtom-mes-capabilities .mc-kpi { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:30px; background:var(--mc-line); }
.jtom-mes-capabilities .mc-kpi > span { display:flex; flex-direction:column; min-height:125px; padding:18px 12px; background:#fff; }
.jtom-mes-capabilities .mc-kpi small { color:var(--mc-muted); font-size:10px; }
.jtom-mes-capabilities .mc-kpi strong { margin-top:auto; color:var(--mc-ink); font-size:23px; }
.jtom-mes-capabilities .mc-kpi i { color:var(--mc-blue); font-size:10px; font-style:normal; }
.jtom-mes-capabilities .mc-data-note { margin-top:18px; color:#7a898f; font-size:12px; text-align:right; }

.jtom-mes-capabilities .mc-integration { padding:110px 0; color:#fff; background:var(--mc-navy); }
.jtom-mes-capabilities .mc-section-head--light h2 { color:#fff !important; }
.jtom-mes-capabilities .mc-section-head--light > p { color:#b8c9d0; }
.jtom-mes-capabilities .mc-flow { display:grid; grid-template-columns:1fr 50px 1.15fr 50px 1fr; gap:20px; align-items:center; }
.jtom-mes-capabilities .mc-flow__group { padding:25px 28px; border-top:1px solid #52707d; border-bottom:1px solid #52707d; }
.jtom-mes-capabilities .mc-flow__group > p { margin-bottom:15px; color:#78ccea; font-size:12px; font-weight:700; letter-spacing:.08em; }
.jtom-mes-capabilities .mc-flow__group li { padding:8px 0; border-top:1px solid #28495a; color:#d5e0e4; font-size:14px; }
.jtom-mes-capabilities .mc-flow__arrow { color:var(--mc-lime); font-size:26px; text-align:center; }
.jtom-mes-capabilities .mc-flow__hub { padding:46px 25px; border:1px solid #65c8ee; text-align:center; }
.jtom-mes-capabilities .mc-flow__hub p { color:#9fc7d6; font-size:10px; letter-spacing:.12em; }
.jtom-mes-capabilities .mc-flow__hub strong { display:block; margin:10px 0; color:var(--mc-lime); font-size:32px; font-weight:500; }
.jtom-mes-capabilities .mc-flow__hub span { color:#d5e0e4; font-size:13px; }

.jtom-mes-capabilities .mc-process__list { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--mc-ink); }
.jtom-mes-capabilities .mc-process__list li { min-height:250px; padding:28px 30px; border-right:1px solid var(--mc-line); }
.jtom-mes-capabilities .mc-process__list li:first-child { border-left:1px solid var(--mc-line); }
.jtom-mes-capabilities .mc-process__list li > span { color:var(--mc-blue); font-size:12px; font-weight:700; }
.jtom-mes-capabilities .mc-process__list h3 { margin-top:58px; font-size:23px; }
.jtom-mes-capabilities .mc-process__list p { margin-top:14px; color:var(--mc-muted); font-size:14px; }

.jtom-mes-capabilities .mc-contact { padding:88px 0; color:#fff; background:#0a3348; }
.jtom-mes-capabilities .mc-contact__inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.jtom-mes-capabilities .mc-contact__inner > div > p { color:#72c7e8; font-size:12px; font-weight:700; letter-spacing:.12em; }
.jtom-mes-capabilities .mc-contact h2 { margin-top:13px; color:#fff !important; font-size:clamp(34px,4vw,52px); }
.jtom-mes-capabilities .mc-contact__action { display:flex; flex-direction:column; flex:0 0 250px; }
.jtom-mes-capabilities .mc-contact__action a { display:flex; justify-content:space-between; padding:18px 20px; background:var(--mc-lime); color:var(--mc-navy) !important; font-size:16px; font-weight:700; }
.jtom-mes-capabilities .mc-contact__action small { margin-top:10px; color:#afc3cc; font-size:11px; text-align:right; }

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

@media (max-width:1050px) {
  .jtom-mes-capabilities .mc-service { grid-template-columns:180px 1fr; gap:35px; }
  .jtom-mes-capabilities .mc-panel { grid-column:2; }
  .jtom-mes-capabilities .mc-flow { grid-template-columns:1fr; }
  .jtom-mes-capabilities .mc-flow__arrow { transform:rotate(90deg); }
  .jtom-mes-capabilities .mc-process__list { grid-template-columns:repeat(2,1fr); }
  .jtom-mes-capabilities .mc-process__list li:nth-child(3) { border-left:1px solid var(--mc-line); }
}
@media (max-width:760px) {
  .jtom-mes-capabilities .mc-shell { width:calc(100% - 40px); }
  .jtom-mes-capabilities .mc-page-head { padding-top:65px; }
  .jtom-mes-capabilities .mc-page-head__main { display:block; padding-bottom:45px; }
  .jtom-mes-capabilities .mc-page-head__lead { font-size:16px; }
  .jtom-mes-capabilities .mc-page-head__action { margin-top:30px; }
  .jtom-mes-capabilities .mc-page-head__action a { width:100%; }
  .jtom-mes-capabilities .mc-intro { padding:80px 0 70px; text-align:left; }
  .jtom-mes-capabilities .mc-intro__copy,.jtom-mes-capabilities .mc-benefits__grid,.jtom-mes-capabilities .mc-section-head,.jtom-mes-capabilities .mc-process__list { grid-template-columns:1fr; }
  .jtom-mes-capabilities .mc-intro__copy { gap:18px; margin-top:30px; }
  .jtom-mes-capabilities .mc-benefits article { min-height:auto; padding:35px 18px; border-right:1px solid var(--mc-line); border-bottom:1px solid var(--mc-line); }
  .jtom-mes-capabilities .mc-benefits article:first-child { border-top:1px solid var(--mc-line); }
  .jtom-mes-capabilities .mc-benefits h3 { margin-top:25px; }
  .jtom-mes-capabilities .mc-services,.jtom-mes-capabilities .mc-process { padding:80px 0; }
  .jtom-mes-capabilities .mc-section-head { gap:22px; margin-bottom:38px; }
  .jtom-mes-capabilities .mc-service { grid-template-columns:1fr; gap:25px; padding:42px 0; }
  .jtom-mes-capabilities .mc-panel { grid-column:auto; min-height:240px; padding:20px; }
  .jtom-mes-capabilities .mc-service__title h3 { margin-top:8px; }
  .jtom-mes-capabilities .mc-plan-row { grid-template-columns:82px 1fr 34px; }
  .jtom-mes-capabilities .mc-kpi { grid-template-columns:1fr; }
  .jtom-mes-capabilities .mc-kpi > span { min-height:95px; }
  .jtom-mes-capabilities .mc-data-note { text-align:left; }
  .jtom-mes-capabilities .mc-integration { padding:80px 0; }
  .jtom-mes-capabilities .mc-process__list li,.jtom-mes-capabilities .mc-process__list li:nth-child(3) { min-height:auto; padding:28px 20px; border-left:1px solid var(--mc-line); border-bottom:1px solid var(--mc-line); }
  .jtom-mes-capabilities .mc-process__list h3 { margin-top:25px; }
  .jtom-mes-capabilities .mc-contact__inner { display:block; }
  .jtom-mes-capabilities .mc-contact__action { margin-top:35px; }
}
@media (prefers-reduced-motion:reduce) {
  .jtom-mes-capabilities *,.jtom-mes-capabilities *::before,.jtom-mes-capabilities *::after { animation:none !important; transition:none !important; }
  .jtom-mes-capabilities .mes-reveal-pending { opacity:1; transform:none; }
}