@font-face{font-family:Marcellus;src:url(../fonts/marcellus-latin-400-normal.woff2)}
@font-face{font-family:Cormorant;font-weight:600;font-style:italic;src:url(../fonts/cormorant-garamond-latin-600-normal.woff2)}
@font-face{font-family:Figtree;font-weight:400;src:url(../fonts/figtree-latin-400-normal.woff2)}
@font-face{font-family:Figtree;font-weight:500;src:url(../fonts/figtree-latin-500-normal.woff2)}
@font-face{font-family:Figtree;font-weight:600;src:url(../fonts/figtree-latin-600-normal.woff2)}


*{box-sizing:border-box}
.pg{width:1440px;height:1100px;background:#FFFFFF;position:relative;overflow:hidden;font-family:Figtree;color:#1E1A16;padding:96px 64px 56px;page-break-after:always;break-after:page}
.run{position:absolute;left:64px;right:64px;top:34px;display:flex;justify-content:space-between;font-weight:600;font-size:12px;letter-spacing:.22em;color:#8A5A2B}
.ttl{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}
.ttl h2{margin:0;font-family:Marcellus;font-weight:400;font-size:52px;color:#1F4A33;letter-spacing:.01em;line-height:1}
.ttl p{margin:0;max-width:520px;font-size:17px;line-height:1.5;color:#3D3329}
.lbl{font-weight:600;font-size:11px;letter-spacing:.2em;color:#8A5A2B}
.box{border:1.5px solid #E2D1BC;padding:22px}
.note{font-size:14px;line-height:1.5;color:#3D3329}.note b{color:#1F4A33}
.pill{display:inline-block;padding:9px 16px;border-radius:999px;font-weight:600;font-size:14px;margin:0 6px 8px 0}
.x{position:absolute;left:12px;top:12px;width:30px;height:30px;border-radius:50%;background:#C62828;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:3}
.ok{background:#1F4A33}
.cap{font-weight:600;font-size:15px;color:#1F4A33;margin-top:10px}.sub{font-size:13px;line-height:1.45;color:#5B4C3E;margin-top:3px}
.tile{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cimg{width:100%;height:100%;object-fit:cover;display:block}
.tips{background:#F4EADB;padding:18px 20px;font-size:14px;line-height:1.5}

html,body{margin:0;background:#F3EEE6}
body.kmo{font-family:Figtree,system-ui,sans-serif;color:#1E1A16}
.kmo-bar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:2px solid #1F4A33}
.kmo-bar-in{max-width:1500px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px}
.kmo-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1F4A33;font-family:Marcellus;font-size:20px;letter-spacing:.06em;white-space:nowrap;flex:none}
.kmo-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:4px 0}
.kmo-tab{flex:none;text-decoration:none;color:#1F4A33;font-weight:600;font-size:13px;letter-spacing:.12em;padding:10px 14px;border-radius:999px;white-space:nowrap}
.kmo-tab:hover{background:#F4EADB}
.kmo-tab.is-active{background:#1F4A33;color:#F4EADB}
.kmo-main{max-width:1500px;margin:0 auto;padding:28px 24px 40px}
.kmo-panel{display:none}.kmo-panel.is-active{display:block}
.kmo-card{width:100%;margin:0 auto 28px;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(31,74,51,.10);position:relative}
.kmo-scale{width:1440px;transform-origin:top left}
.kmo-scale .pg{page-break-after:auto}
.kmo-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}
.kmo-pager button{font:600 15px Figtree,sans-serif;letter-spacing:.06em;padding:14px 22px;border:1.5px solid #1F4A33;background:#fff;color:#1F4A33;cursor:pointer;min-height:44px}
.kmo-pager button:hover{background:#1F4A33;color:#F4EADB}
.kmo-pager button:disabled{opacity:.35;cursor:default;background:#fff;color:#1F4A33}
.kmo-count{font-weight:600;font-size:13px;letter-spacing:.18em;color:#8A5A2B}
.kmo-foot{text-align:center;padding:24px 16px 40px;font-size:13px;letter-spacing:.08em;color:#8A5A2B}
@media (max-width:700px){.kmo-brand span{display:none}.kmo-bar-in{gap:12px;padding:10px 16px}.kmo-main{padding:16px}.kmo-card{border-radius:10px;margin-bottom:16px}}
