:root{--bg:#0b0a0c;--bg2:#141216;--panel:#1b181d;--line:hsla(39,59%,72%,.18);--line2:hsla(0,0%,100%,.07);--ink:#ece6da;--ink2:#b9b1a5;--grey:#8a8379;--gold:#e2c48e;--gold2:#c9a463;--red:#b22222;--red2:#d23a30;--head:72px;--wrap:1240px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Noto Sans KR,system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.serif{font-family:Cinzel,"Noto Serif KR",serif}.bl{font-family:UnifrakturMaguntia,Cinzel,serif}.ea{background:linear-gradient(90deg,#3a0d0b,#6b1612 50%,#3a0d0b);color:#f3d9c8;font-size:13px;text-align:center;padding:6px 12px;letter-spacing:.02em}.ea b{color:var(--gold);margin-right:8px;letter-spacing:.12em}header.gnb{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(11,10,12,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line2)}.gnb-row{display:flex;align-items:center;height:var(--head);gap:36px}.logo{font-family:Cinzel,serif;font-weight:800;font-size:22px;letter-spacing:.14em;color:var(--gold);white-space:nowrap}.gnb nav.top{display:flex;gap:34px;flex:1 1}.gnb nav.top>a{font-size:15px;font-weight:500;color:var(--ink2);padding:24px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.gnb nav.top>a.on,.gnb nav.top>a:hover{color:var(--ink);border-color:var(--red2)}.gnb .right{display:flex;gap:10px;align-items:center}.mega{position:absolute;left:0;right:0;top:100%;background:rgba(16,14,18,.98);border-bottom:1px solid var(--line);display:none}header.gnb:focus-within .mega,header.gnb:hover .mega{display:block}.mega-row{display:flex;gap:36px;padding:22px 0 28px}.mega-row .sp{width:158px;flex:none;color:var(--grey);font-size:12px;line-height:1.6}.mega-row ul{list-style:none;flex:1 1}.mega-row li a{display:block;font-size:14px;color:var(--ink2);padding:4px 0}.mega-row li a:hover{color:var(--gold)}.mega-row li a.off{color:#5d574f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:2px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.btn.red{background:var(--red);border-color:var(--red2);color:#fff}.btn.red:hover{background:var(--red2)}.btn.line{border-color:var(--line);color:var(--gold);background:rgba(0,0,0,.3)}.btn.line:hover{border-color:var(--gold2)}.btn.big{padding:16px 38px;font-size:18px}.burger{display:none;background:none;border:0;color:var(--ink);font-size:26px;cursor:pointer}.hero{position:relative;min-height:calc(100vh - var(--head) - 30px);display:flex;align-items:flex-end;background-size:cover;background-position:50%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,12,.1) 0,rgba(11,10,12,.35) 55%,var(--bg) 98%)}.hero .wrap{position:relative;z-index:1;padding-bottom:11vh;width:100%}.hero h1{font-family:Cinzel,serif;font-weight:800;font-size:clamp(44px,8vw,104px);letter-spacing:.08em;color:var(--gold);line-height:1;text-shadow:0 4px 30px #000}.hero .tag{font-size:clamp(16px,2vw,22px);margin:18px 0 30px;max-width:680px;text-shadow:0 2px 12px #000;color:#efe7da}.badge{display:inline-block;font-size:12px;letter-spacing:.14em;border:1px solid var(--red2);color:#ffb9a8;padding:3px 10px;margin-bottom:16px;background:rgba(120,20,15,.35)}section.blk{padding:90px 0;border-top:1px solid var(--line2)}.h2{display:flex;align-items:baseline;gap:14px;margin-bottom:30px}.h2 h2{font-family:Cinzel,Noto Sans KR,serif;font-weight:700;font-size:30px;color:var(--gold);letter-spacing:.04em}.h2 small{color:var(--grey);font-size:13px;letter-spacing:.2em;text-transform:uppercase}.h2 .more{margin-left:auto;font-size:13px;color:var(--ink2)}.grid{display:grid;grid-gap:18px;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--line2);border-radius:2px;overflow:hidden;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--line)}.card .pad{padding:18px 20px}.card h3{font-size:17px;color:var(--ink);margin-bottom:6px}.card p{font-size:14px;color:var(--grey)}.chip{display:inline-block;font-size:11px;letter-spacing:.06em;padding:1px 8px;border:1px solid var(--line);color:var(--gold);margin-right:8px}.chip.red{border-color:rgba(210,58,48,.6);color:#ff9c8f}.list{border-top:1px solid var(--line)}.list a.row{display:flex;gap:16px;align-items:center;padding:18px 6px;border-bottom:1px solid var(--line2)}.list a.row:hover{background:hsla(0,0%,100%,.02)}.list .row .t{flex:1 1;font-size:15px}.list .row .d{color:var(--grey);font-size:13px}.tabs{display:flex;gap:6px;margin-bottom:22px;flex-wrap:wrap}.tabs a{padding:8px 18px;font-size:14px;border:1px solid var(--line2);color:var(--ink2)}.tabs a.on{border-color:var(--gold2);color:var(--gold);background:hsla(39,59%,72%,.06)}.page-head{padding:64px 0 34px;border-bottom:1px solid var(--line2);background:linear-gradient(180deg,#1a1416,var(--bg))}.page-head h1{font-family:Cinzel,Noto Sans KR,serif;font-size:38px;color:var(--gold)}.page-head p{color:var(--grey);margin-top:6px}.article{max-width:860px;padding:40px 0 90px;white-space:pre-line;color:#ddd5c8;font-size:16px}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;color:var(--gold);font-weight:500;border-bottom:1px solid var(--line);padding:10px 8px;white-space:nowrap}table.t td{border-bottom:1px solid var(--line2);padding:10px 8px;color:var(--ink2)}table.t tr:hover td{background:hsla(0,0%,100%,.02)}input.in,select.in,textarea.in{width:100%;background:#100e11;border:1px solid var(--line2);color:var(--ink);padding:10px 12px;font:inherit;border-radius:2px}input.in:focus,textarea.in:focus{outline:none;border-color:var(--gold2)}.wv{position:relative;height:calc(100vh - var(--head) - 30px);min-height:560px;overflow:hidden;background:#000}.wv .bg{background-size:cover;background-position:50%;transition:opacity .6s}.wv .bg,.wv .shade{position:absolute;inset:0}.wv .shade{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35) 46%,transparent 70%),linear-gradient(0deg,rgba(0,0,0,.85),transparent 38%)}.wv .eras{position:absolute;top:26px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:2}.wv .eras button{background:rgba(0,0,0,.45);border:1px solid var(--line2);color:var(--ink2);padding:8px 22px;font:inherit;font-size:14px;cursor:pointer}.wv .eras button.on{color:var(--gold);border-color:var(--gold2)}.wv .eras button:disabled{color:#4d4840;cursor:default}.wv .eras small{display:block;font-size:11px;color:var(--grey);letter-spacing:.1em}.wv .txt{position:absolute;left:0;right:0;top:50%;transform:translateY(-58%);z-index:2}.wv .txt .num{font-family:Cinzel,serif;color:var(--red2);letter-spacing:.3em;font-size:13px}.wv .txt h2{font-size:clamp(32px,4.4vw,58px);color:#f5eee2;font-weight:700;margin:8px 0 14px;text-shadow:0 2px 20px #000}.wv .txt .lead{font-size:clamp(16px,1.6vw,21px);color:var(--gold);margin-bottom:14px;max-width:620px}.wv .txt .body{max-width:560px;color:#d8d0c4;font-size:16px}.wv .arrow{position:absolute;top:50%;z-index:3;width:54px;height:54px;border:1px solid var(--line);background:rgba(0,0,0,.45);color:var(--gold);font-size:24px;cursor:pointer;transform:translateY(-50%) rotate(45deg);display:flex;align-items:center;justify-content:center}.wv .arrow span{transform:rotate(-45deg)}.wv .arrow.l{left:26px}.wv .arrow.r{right:26px}.wv .scenes{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:2px;padding:0 24px 22px}.wv .scenes button{flex:0 1 190px;background:rgba(0,0,0,.5);border:0;border-top:2px solid hsla(0,0%,100%,.12);color:var(--grey);padding:12px 10px;font:inherit;font-size:13px;cursor:pointer;text-align:left}.wv .scenes button.on{border-top-color:var(--red2);color:#fff;background:rgba(60,12,10,.55)}.wv .scenes button b{display:block;font-family:Cinzel,serif;font-size:11px;color:var(--gold2);letter-spacing:.2em}footer.foot{border-top:1px solid var(--line2);padding:46px 0 60px;color:var(--grey);font-size:13px;background:#08070a}footer.foot .row{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}footer.foot img{width:120px;opacity:.85}footer.foot a:hover{color:var(--ink)}@media (max-width:960px){.gnb nav.top,.mega{display:none!important}.burger{display:block;margin-left:auto}.g3,.g4{grid-template-columns:repeat(2,1fr)}.drawer{position:fixed;inset:var(--head) 0 0 0;background:#0d0b0e;z-index:60;overflow:auto;padding:18px 24px 60px}.drawer h4{color:var(--gold);margin:18px 0 6px;font-size:15px}.drawer a{display:block;padding:7px 0;color:var(--ink2)}.wv .txt{transform:translateY(-62%)}.wv .scenes{overflow-x:auto;justify-content:flex-start}.wv .arrow{display:none}}@media (max-width:600px){.wrap{padding:0 16px}.g2,.g3,.g4{grid-template-columns:1fr}.gnb .right .btn.line{display:none}section.blk{padding:60px 0}}