.mt-page{--mt-space:clamp(78px,9vw,140px);--mt-muted:#5d7178;--mt-cream:#f5f4ef;color:var(--ink,#092f39);padding-top:var(--header,126px);font-size:17px;line-height:1.85}
.mt-page *{box-sizing:border-box}
.mt-page .mt-wrap{width:100%;max-width:1520px;padding:0 var(--gutter,6.5vw);margin:0 auto}
.mt-page h1,.mt-page h2,.mt-page h3{color:inherit;font-family:inherit;font-weight:400;letter-spacing:-.045em;word-break:keep-all}
.mt-page h1{font-size:22px;line-height:1.5;letter-spacing:-.025em;margin:0 0 18px}
.mt-page h2{font-size:clamp(30px,3.3vw,46px);line-height:1.43;margin:0}
.mt-page h3{font-size:22px;line-height:1.5;margin:0 0 12px}
.mt-page p{margin:0}
.mt-page .mt-kicker{font:500 11px/1.7 Arial,sans-serif;letter-spacing:.15em;color:var(--mt-muted);margin-bottom:24px}
.mt-breadcrumb{display:flex;align-items:center;gap:13px;padding-top:28px;font-size:12px;color:var(--mt-muted)}
.mt-breadcrumb a span{display:none}
.mt-hero{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(38px,5vw,76px);padding:76px 0 65px}
.mt-hero-title{font-size:clamp(34px,3.7vw,52px);font-weight:400;letter-spacing:-.052em;line-height:1.4;word-break:keep-all}
.mt-hero-intro{max-width:480px;margin-top:32px!important;color:var(--mt-muted);font-size:17px}
.mt-photo{margin:0;min-width:0}
.mt-photo img{width:100%;height:auto;object-fit:cover;aspect-ratio:3/2;background:var(--mt-cream)}
.mt-photo figcaption{font-size:11px;line-height:1.7;color:var(--mt-muted);margin-top:12px}
.mt-hero .mt-photo img{aspect-ratio:4/3;object-position:center}
.mt-page .mt-jump{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--line,#dce2df)}
.mt-laminate .mt-jump{grid-template-columns:repeat(6,minmax(0,1fr))}
.mt-page .mt-jump[aria-label$="모드 페이지 안내"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.mt-jump a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:1.5;min-height:67px;padding:18px 18px;border-right:1px solid var(--line,#dce2df)}
.mt-jump a:first-child{padding-left:0}.mt-jump a:last-child{border-right:0;padding-right:0}
.mt-jump small{font:10px Arial,sans-serif;color:var(--mt-muted)}
.mt-jump a:hover,.mt-jump a:focus-visible{color:#826b4e;background:#f8f8f5}
.mt-section{padding:var(--mt-space) 0;scroll-margin-top:0}
.mt-heading{max-width:800px;margin-bottom:46px}
.mt-intro{max-width:680px;color:var(--mt-muted);margin-top:24px!important}
.mt-soft{background:var(--mt-cream)}
.mt-page .mt-dark{background:var(--deep,#032a34);color:#fff}
.mt-dark .mt-kicker,.mt-dark .mt-note{color:#d0dcd9}
.mt-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,6vw,92px);align-items:center}
.mt-split>.mt-photo img{aspect-ratio:4/5}
.mt-split-text{align-items:start;grid-template-columns:.9fr 1.1fr}
.mt-body{margin-bottom:22px!important;color:var(--mt-muted);max-width:630px}
.mt-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:14px;padding:12px 0;border-bottom:1px solid currentColor;margin-top:18px;line-height:1.55}
.mt-link span{color:var(--sand,#b6a285);font-size:19px}
.mt-link:hover{color:#826b4e}
.mt-criteria,.mt-process,.mt-care,.mt-compact-rows{list-style:none;margin:0;padding:0}
.mt-criteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line,#dce2df);gap:40px}
.mt-criteria li{padding-top:30px}
.mt-number{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#8b765c;margin-bottom:22px}
.mt-criteria p,.mt-compact-rows p,.mt-care p,.mt-process p{color:var(--mt-muted);font-size:16px}
.mt-split-text .mt-criteria{display:block;border-top:0}
.mt-split-text .mt-criteria li{display:grid;grid-template-columns:36px 1fr;gap:18px;border-top:1px solid var(--line,#dce2df);padding:27px 0}
.mt-split-text .mt-criteria li:first-child{padding-top:0;border-top:0}
.mt-compact-rows li{display:grid;grid-template-columns:25px 1fr;gap:13px;border-top:1px solid #d5d9d3;padding:20px 0}
.mt-compact-rows h3{font-size:18px;margin-bottom:7px}
.mt-compact-rows .mt-number{margin:5px 0 0}
.mt-split .mt-heading{margin-bottom:28px}
.mt-modes{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c8d1cc}
.mt-modes article{padding:35px 40px 42px 0;border-bottom:1px solid #c8d1cc}
.mt-modes article:nth-child(even){padding-left:46px;border-left:1px solid #c8d1cc;padding-right:0}
.mt-modes h3{font-size:31px;margin-bottom:18px}
.mt-modes .mt-kicker{margin-bottom:16px}
.mt-mode-condition{font-size:18px;color:var(--ink);margin-bottom:12px!important}
.mt-modes article>p:last-of-type{font-size:16px;color:var(--mt-muted);max-width:500px}
.mt-table-scroll{overflow:auto}
.mt-table{width:100%;border-collapse:collapse;text-align:left;min-width:540px;font-size:16px}
.mt-table caption{text-align:left;font-size:13px;color:var(--mt-muted);margin-bottom:15px}
.mt-table th,.mt-table td{padding:23px 20px;border-bottom:1px solid var(--line,#dce2df);vertical-align:top;line-height:1.7}
.mt-table thead{border-top:1px solid var(--ink);background:var(--soft,#f5f6f4)}
.mt-table th{font-weight:500}
.mt-table th:first-child{width:20%}
.mt-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.mt-device-grid img{width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;background:#f8f9f7;padding:24px}
.mt-device-grid figcaption{margin-top:22px}
.mt-device-grid h3{font-size:24px;letter-spacing:-.02em}
.mt-device-grid p{font-size:15px;color:var(--mt-muted)}
.mt-under-row{display:flex;justify-content:space-between;gap:36px;align-items:center;margin-top:26px}
.mt-materials{border-top:1px solid #c8d1cc}
.mt-materials article{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:48px;padding:25px 0;border-bottom:1px solid #c8d1cc}
.mt-materials img{width:220px;height:220px;object-fit:contain}
.mt-materials h3{font-size:28px;margin-bottom:16px}
.mt-materials p{max-width:630px;color:var(--mt-muted);font-size:16px}
.mt-materials .mt-kicker{margin-bottom:12px}
.mt-process{border-top:1px solid var(--ink)}
.mt-process li{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--line,#dce2df);padding:27px 0;gap:30px}
.mt-process li>div{display:grid;grid-template-columns:.65fr 1fr;gap:40px;align-items:start}
.mt-process .mt-number{font-size:14px;margin:6px 0 0}
.mt-process h3{margin-bottom:0;font-size:22px}
.mt-inline-note{border-left:2px solid var(--sand,#b6a285);padding:4px 0 4px 28px;margin-top:45px;max-width:820px}
.mt-inline-note h3{font-size:20px;margin-bottom:13px}
.mt-inline-note p{font-size:16px;color:var(--mt-muted)}
.mt-video-link{position:relative;display:block;min-width:0}
.mt-video-link img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mt-play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:rgba(3,42,52,.65);color:white;font-size:18px}
.mt-video-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;font-size:14px}
.mt-dark .mt-body{color:#e0e8e5}
.mt-care{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.mt-care li{padding-top:28px;border-top:1px solid var(--line,#dce2df)}
.mt-note{font-size:12px;line-height:1.8;color:var(--mt-muted);margin-top:24px!important;max-width:860px}
.mt-faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}
.mt-faq details{border-bottom:1px solid #c8d1cc}
.mt-faq details:first-child{border-top:1px solid var(--ink)}
.mt-faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;cursor:pointer;padding:24px 0;font-size:18px;line-height:1.65}
.mt-faq summary::-webkit-details-marker{display:none}
.mt-faq summary span{font-size:22px;font-weight:300;color:#887357;transition:transform .2s}
.mt-faq details[open] summary span{transform:rotate(45deg)}
.mt-faq details>div{padding:0 32px 26px 0}
.mt-faq p{font-size:16px;color:var(--mt-muted)}
.mt-faq summary:focus-visible,.mt-sources summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.mt-resources{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.mt-resources>a{padding:35px 54px 38px 0;border-bottom:1px solid var(--line,#dce2df);position:relative}
.mt-resources>a:nth-child(even){padding-left:40px;border-left:1px solid var(--line,#dce2df)}
.mt-resources h3{font-size:23px;max-width:450px;margin-bottom:14px}
.mt-resources p{font-size:15px;color:var(--mt-muted);max-width:450px}
.mt-resources .mt-kicker{margin-bottom:16px}
.mt-resource-arrow{position:absolute;right:20px;bottom:32px;font-size:22px;color:var(--sand,#b6a285)}
.mt-resources a:hover h3{text-decoration:underline;text-underline-offset:5px}
.mt-sources{margin-top:40px;font-size:12px;color:var(--mt-muted)}
.mt-sources summary{cursor:pointer;width:max-content;padding:8px 0}
.mt-sources ul{margin:14px 0 16px;list-style:none;padding:0}
.mt-sources a{display:inline-block;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.mt-sources p{font-size:12px;max-width:660px}
.mt-closing{background:var(--deep,#032a34);color:white;padding:100px 0 110px}
.mt-closing .mt-kicker{color:#c7d6d1}
.mt-closing>div>p:not(.mt-kicker){color:#d5dfdc;margin-top:26px}
.mt-actions{display:flex;align-items:center;gap:35px;margin-top:34px}
.mt-button{display:inline-flex;gap:40px;align-items:center;background:white;color:var(--deep,#032a34);padding:17px 25px;font-size:14px;line-height:1.5}
.mt-actions .mt-link{margin-top:0}
.mt-button:hover{background:#eceee8}
@media(min-width:1600px){.mt-hero{padding-top:88px;padding-bottom:80px}.mt-hero .mt-photo img{aspect-ratio:3/2}}
@media(max-width:1000px){
 .mt-hero{gap:35px;padding-top:56px}.mt-hero-title{font-size:36px}.mt-hero-intro{font-size:16px}
 .mt-jump a{font-size:12px;padding:16px 12px}.mt-jump small{display:none}
 .mt-split{gap:35px}.mt-split-text{grid-template-columns:1fr 1fr}
 .mt-criteria,.mt-care{gap:26px}.mt-page h3{font-size:20px}
 .mt-faq-layout{grid-template-columns:.65fr 1.35fr;gap:35px}
 .mt-process li{grid-template-columns:40px 1fr;gap:24px}.mt-process li>div{gap:26px}
 .mt-device-grid{gap:24px}.mt-device-grid img{padding:14px}.mt-under-row{align-items:start;flex-direction:column;gap:12px}.mt-under-row .mt-note{margin-top:0!important}
}
@media(max-width:700px){
 .mt-page{font-size:16px;--mt-space:76px}
 .mt-page .mt-wrap{padding:0 22px}.mt-breadcrumb{padding-top:23px;font-size:11px;gap:9px}
 .mt-hero{grid-template-columns:1fr;gap:32px;padding:44px 0 38px}.mt-hero .mt-kicker{margin-bottom:16px}
 .mt-page h1{font-size:18px;margin-bottom:14px}.mt-hero-title{font-size:34px;line-height:1.42;letter-spacing:-.055em}.mt-hero-intro{margin-top:22px!important;font-size:16px}
 .mt-hero .mt-photo img{aspect-ratio:4/3}.mt-photo figcaption{font-size:10px;margin-top:10px}
 .mt-page .mt-jump,.mt-laminate .mt-jump{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mt-jump a{justify-content:center;padding:14px 4px!important;min-height:48px;font-size:12px;border-bottom:1px solid var(--line,#dce2df)}
 .mt-jump a:nth-child(3n){border-right:0}.mt-jump a:nth-child(n+4){border-bottom:0}
 .mt-page .mt-jump[aria-label$="모드 페이지 안내"] a{border-bottom:0}
 .mt-jump a:last-child{border-right:0}
 .mt-page h2{font-size:30px;line-height:1.45}.mt-heading{margin-bottom:30px}.mt-page .mt-kicker{margin-bottom:18px}
 .mt-intro{margin-top:18px!important}.mt-page h3{font-size:20px}
 .mt-criteria,.mt-care,.mt-split,.mt-split-text,.mt-faq-layout{display:block}
 .mt-split>.mt-photo{margin-bottom:36px}.mt-split>.mt-photo img{aspect-ratio:4/3}
 .mt-criteria{border-top:0}.mt-criteria li,.mt-care li{padding:23px 0;display:grid;grid-template-columns:30px 1fr;gap:15px;border-top:1px solid var(--line,#dce2df)}
 .mt-number{margin:5px 0 0}.mt-criteria h3,.mt-care h3{margin-bottom:9px}
 .mt-split-text .mt-criteria{margin-top:35px}.mt-split-text .mt-criteria li:first-child{padding-top:23px;border-top:1px solid var(--line,#dce2df)}
 .mt-modes{display:block}.mt-modes article,.mt-modes article:nth-child(even){padding:28px 0 32px;border-left:0}.mt-modes h3{font-size:27px}
 .mt-link{font-size:14px;margin-top:14px}
 .mt-table th,.mt-table td{padding:17px 16px}.mt-table{font-size:14px;min-width:520px}
 .mt-device-grid{grid-template-columns:1fr;gap:30px}.mt-device-grid>figure{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center}
 .mt-device-grid img{width:130px;height:130px;padding:10px}.mt-device-grid figcaption{margin:0}.mt-device-grid h3{font-size:22px}.mt-device-grid p{font-size:14px}
 .mt-materials article{grid-template-columns:1fr;gap:18px;padding:26px 0 32px}.mt-materials img{width:100%;max-width:310px;height:auto;aspect-ratio:1/1;margin:0 auto}.mt-materials h3{font-size:25px}
 .mt-materials .mt-kicker{margin-bottom:10px}
 .mt-process li{grid-template-columns:28px 1fr;gap:16px;padding:23px 0}.mt-process li>div{display:block}.mt-process h3{font-size:20px;margin-bottom:10px}
 .mt-inline-note{margin-top:32px;padding-left:20px}.mt-inline-note h3{font-size:18px}
 .mt-dark .mt-split>div:first-child{margin-bottom:35px}.mt-video-title{font-size:13px}.mt-note{font-size:11px;margin-top:19px!important}
 .mt-faq-layout .mt-heading{margin-bottom:34px}.mt-faq summary{font-size:16px;padding:20px 0;gap:18px}.mt-faq details>div{padding-right:0;padding-bottom:23px}.mt-faq p{font-size:15px}
 .mt-resources{display:block}.mt-resources>a,.mt-resources>a:nth-child(even){display:block;border-left:0;padding:26px 33px 29px 0}.mt-resources h3{font-size:21px}.mt-resource-arrow{right:2px;bottom:29px}
 .mt-closing{padding:78px 0 90px}.mt-actions{align-items:flex-start;flex-direction:column;gap:22px}.mt-button{padding:16px 23px;gap:30px}.mt-actions .mt-link{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.mt-page *{scroll-behavior:auto;transition:none}}

/* Sterilization uses the same page components, with three anchors and four steps. */
.mt-page.mt-sterilization .mt-jump{grid-template-columns:repeat(3,minmax(0,1fr))}
.mt-sterilization .mt-sterile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.mt-sterilization .mt-sterile-equipment{font-family:inherit;font-weight:400;font-size:12px;line-height:1.8;letter-spacing:0;min-height:44px;margin-bottom:15px}
@media(max-width:1000px) and (min-width:701px){.mt-sterilization .mt-sterile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 38px}}
@media(max-width:700px){.mt-sterilization .mt-sterile-grid{display:block}.mt-sterilization .mt-sterile-equipment{min-height:0;margin-bottom:10px}.mt-page.mt-sterilization .mt-jump a{border-bottom:0}}
