@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#0c1110;--paper:#f2f1eb;--gold:#e8b65c;--muted:#a9afab;--line:rgba(255,255,255,.16);--ease:cubic-bezier(.22,.72,.16,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.7 'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.4;cursor:default}.skip{position:fixed;top:-70px;padding:12px;background:var(--gold);color:var(--ink);z-index:9999}.skip:focus{top:0}.site-header{height:92px;padding:0 3.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:34px;font-weight:700;letter-spacing:-2px;display:flex;align-items:center;gap:12px}.brand span{font-size:8px;line-height:1.3;letter-spacing:.6px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header .current{color:var(--gold)}.nav-apply{border:1px solid #b9b9ac;border-radius:40px;padding:11px 22px}.nav-apply span{margin-left:18px}main{max-width:2400px;margin:auto;padding:0 3.3%}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:46px 0 32px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--gold);margin:0 0 12px}h1{font-size:clamp(27px,2.25vw,46px);font-weight:500;letter-spacing:-1.5px;line-height:1.4;margin:0}.intro-copy{font-size:15px;color:var(--muted);margin:0 0 5px}.mobile-only{display:none}.explorer{border:1px solid var(--line)}.explorer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:8px}.filters button{background:transparent;border:0;color:#bdc2be;padding:8px 15px;font-size:15px}.filters button span{font-size:12px;color:#818d85;margin-left:7px}.filters button.active{background:#e8b65c;color:var(--ink)}.filters button.active span{color:#55472f}select{background:#17201c;border:1px solid #4a544d;color:var(--paper);padding:7px 30px 7px 12px;font-size:14px}.explorer-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-top:1px solid var(--line);font-size:12px;color:#a0aba3}.explorer-foot p{margin:0}.explorer-foot span{letter-spacing:1px;font-size:11px}.explorer-foot b{font-weight:400;color:var(--gold);margin:0 9px}.detail{margin:38px 0 0;display:grid;grid-template-columns:1.3fr 1fr;min-height:460px;background:var(--paper);color:var(--ink);scroll-margin-top:24px}.detail-photo{position:relative;min-height:460px;background:#28382f;overflow:hidden}.detail-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.detail.entering .detail-photo img{animation:photoReveal .75s var(--ease)}.detail.entering .detail-copy{animation:copyReveal .5s var(--ease)}.image-credit{position:absolute;bottom:12px;left:15px;font-size:11px;color:white;background:#0c1110b3;padding:2px 7px;max-width:90%}.photo-unavailable{position:absolute;inset:0;place-content:center;text-align:center;color:var(--paper);padding:30px}.photo-unavailable:not([hidden]){display:grid}.photo-unavailable a{color:var(--gold);margin-top:15px}.detail-copy{padding:38px clamp(25px,3vw,65px);display:flex;flex-direction:column}.detail-copy .eyebrow{color:#9b7134}.detail-copy h2{font-size:clamp(27px,2.1vw,42px);font-weight:500;line-height:1.4;letter-spacing:-1px;margin:0 0 18px}.detail-lead{font-size:19px;line-height:1.7;margin:0 0 12px;font-weight:500}.detail-description{font-size:16px;color:#5c655f;margin:0 0 24px}.detail-copy dl{border-top:1px solid #ced2c7;margin:0 0 22px;padding-top:17px;font-size:14px}.detail-copy dl div{display:grid;grid-template-columns:72px 1fr;gap:10px;margin:7px 0}.detail-copy dt{color:#747d74}.detail-copy dd{margin:0}.detail-links{display:flex;gap:22px;margin-top:auto;font-size:14px}.detail-links a{border-bottom:1px solid #aab1a5;padding-bottom:5px}.detail-links span{margin-left:10px}.detail-pagination{display:flex;gap:18px;align-items:center;margin-top:24px;font-size:12px;color:#667066}.detail-pagination button{border:1px solid #b8c1b4;background:transparent;border-radius:6px;width:44px;height:44px;color:var(--ink)}footer{padding:26px 3.3%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer p{font-size:11px;color:#8d998e;letter-spacing:2px}footer>a:last-child{font-size:14px;color:var(--gold)}@keyframes photoReveal{from{opacity:.4;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes copyReveal{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:2000px){.detail{min-height:570px}.detail-photo{min-height:570px}}
@media(max-width:1100px){.site-header nav{gap:18px}.site-header nav>a:first-child{display:none}.intro{display:block}.intro-copy{margin-top:17px}.detail{grid-template-columns:1fr 1fr}.detail-copy{padding:27px}.detail-links{gap:12px;font-size:13px}}
@media(max-width:700px){.site-header{height:76px;padding:0 20px}.brand{font-size:29px}.brand span{display:none}.site-header nav>a.current{display:none}.nav-apply{padding:8px 15px;font-size:13px}main{padding:0 16px}.intro{padding:30px 4px 25px}.intro h1{font-size:29px}.intro-copy{font-size:14px}.mobile-only{display:block}.explorer-toolbar{padding:12px;display:block}.filters{gap:0;justify-content:space-between}.filters button{font-size:13px;padding:7px 8px}.filters button span{margin-left:4px}.explorer-foot{padding:12px;font-size:11px}.explorer-foot>span{display:none}.detail{grid-template-columns:1fr;margin-top:24px}.detail-photo{min-height:0;aspect-ratio:3/2}.detail-copy{padding:26px 23px}.detail-lead{font-size:18px}.detail-description{font-size:15px}.detail-links{font-size:13px;gap:20px}footer{padding:22px 20px;flex-wrap:wrap}footer p{display:none}}
[hidden]{display:none!important}.empty-list{padding:20px;font-size:14px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}