.sjap-ribbon{display:flex;align-items:center;gap:24px;width:100%;min-width:0;box-sizing:border-box;padding:20px 36px;background:#fcf6f2;border-block:1px solid #e6ded6;color:#292620}
.sjap-ribbon-flow{display:block;min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.sjap-ribbon-track{display:flex;width:max-content}
.sjap-ribbon.is-enhanced .sjap-ribbon-track{animation:sjap-drift 190s linear infinite}
.sjap-ribbon-set{display:flex;align-items:center;gap:36px;padding-right:36px;flex-shrink:0}
.sjap-ribbon-logo{display:flex;align-items:center;justify-content:center;width:148px;height:66px;flex-shrink:0;background:#fcf6f2}
.sjap-ribbon .sjap-ribbon-logo img{display:block;width:132px;height:48px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.8}
.sjap-ribbon .sjap-ribbon-all{display:flex;flex-direction:column;gap:7px;flex-shrink:0;padding-left:22px;border-left:1px solid #dcd3ca;font-family:Arial,'Noto Sans KR',sans-serif;font-size:12px;line-height:1.5;color:#514438;text-decoration:none}
.sjap-ribbon-all .sjap-ribbon-label{font-size:9px;letter-spacing:.16em;color:#8e7f70}
.sjap-ribbon .sjap-ribbon-pause{width:32px;height:32px;min-width:32px;padding:0;border:1px solid #d6ccc1;border-radius:50%;background:transparent;color:#655749;box-shadow:none;line-height:1;font-size:12px;cursor:pointer}
.sjap-ribbon:hover .sjap-ribbon-track,.sjap-ribbon:focus-within .sjap-ribbon-track,.sjap-ribbon.is-paused .sjap-ribbon-track{animation-play-state:paused}
.sjap-ribbon a:focus-visible,.sjap-ribbon button:focus-visible,.sjap-page a:focus-visible,.sjap-page button:focus-visible{outline:2px solid #775d48;outline-offset:4px}
.sjap-ribbon [hidden],.sjap-page [hidden]{display:none!important}
@keyframes sjap-drift{to{transform:translateX(-50%)}}
.sjap-page{max-width:1290px;margin:0 auto;padding:70px 0 90px;color:#292620}
.sjap-intro{text-align:center;margin:0 auto 55px}
.sjap-intro .sjap-kicker{font:10px/1.7 Arial,sans-serif;letter-spacing:.2em;color:#8c7968;margin:0 0 20px}
.sjap-intro h1{font-size:clamp(40px,5vw,68px);line-height:1.1;margin:0 0 25px;font-weight:400}
.sjap-intro>p:last-child{font-size:15px;line-height:1.8;color:#7c7975;word-break:keep-all;margin:0}
.sjap-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:60px}
.sjap-page .sjap-filters button{border:1px solid #ddd3c9;background:transparent;border-radius:2px;padding:12px 20px;font:13px/1.5 Arial,'Noto Sans KR',sans-serif;letter-spacing:0;text-transform:none;color:#77685b;box-shadow:none;cursor:pointer}
.sjap-filters button span{margin-left:7px;opacity:.65;font-size:11px}
.sjap-page .sjap-filters button[aria-pressed=true]{background:#342f29;border-color:#342f29;color:#fff}
.sjap-group{margin:0 0 58px}
.sjap-group h2{font-family:Arial,'Noto Sans KR',sans-serif;font-size:18px;font-weight:500;margin:0 0 25px;padding-bottom:17px;border-bottom:1px solid #dfd7cd;color:#463d34}
.sjap-page ul.sjap-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:0;margin:0;list-style:none}
.sjap-page li.sjap-card{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:26px 12px 22px;min-width:0;margin:0;border:1px solid #e4ddd5;border-radius:6px;box-sizing:border-box}
.sjap-card:before{display:none!important}
.sjap-card img{display:block;width:150px;max-width:100%;height:62px;object-fit:contain;mix-blend-mode:multiply}
.sjap-card span{text-align:center;min-height:36px;font-family:Arial,'Noto Sans KR',sans-serif;font-size:11px;line-height:1.6;color:#7c736a;word-break:keep-all;overflow-wrap:anywhere}
.sjap-page-links{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;padding-top:25px;border-top:1px solid #dfd7cd}
.sjap-page-links a{font:13px/1.7 Arial,'Noto Sans KR',sans-serif;color:#6d5845;text-decoration:underline;text-underline-offset:5px}
.sjap-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1024px){.sjap-page ul.sjap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.sjap-ribbon{padding:14px 16px;gap:12px}.sjap-ribbon-set{gap:24px;padding-right:24px}.sjap-ribbon-logo{width:112px;height:52px}.sjap-ribbon .sjap-ribbon-logo img{width:102px;height:42px}.sjap-ribbon.is-enhanced .sjap-ribbon-track{animation-duration:140s}.sjap-ribbon .sjap-ribbon-all{font-size:10px;padding-left:12px;gap:5px}.sjap-ribbon-all .sjap-ribbon-label{font-size:8px}.sjap-ribbon .sjap-ribbon-pause{width:28px;height:28px;min-width:28px}.sjap-page{padding:40px 0 60px}.sjap-intro{margin-bottom:35px}.sjap-intro>p:last-child{font-size:13px}.sjap-filters{gap:8px;margin-bottom:40px}.sjap-page .sjap-filters button{padding:9px 12px;font-size:11px}.sjap-page ul.sjap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sjap-page li.sjap-card{padding:22px 10px 16px;gap:15px}.sjap-card img{height:58px}.sjap-group{margin-bottom:40px}.sjap-group h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.sjap-ribbon.is-enhanced .sjap-ribbon-track{animation:none!important}.sjap-ribbon .sjap-ribbon-pause{display:none}}
@media print{.sjap-ribbon,.sjap-filters{display:none}.sjap-page .sjap-group[hidden]{display:block!important}.sjap-page li.sjap-card{break-inside:avoid}}