:root{--ink:#111114;--paper:#f2efe8;--surface:#17171b;--dim:#8e8b85;--amber:#ffb300;--line:#2c2c31;--err:#ff7a6b;--anton:"Anton",sans-serif;--sans:"Pretendard Variable",Pretendard,-apple-system,"Noto Sans KR","Noto Sans JP","Noto Sans SC",sans-serif;--maxw:1280px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:var(--sans);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}body{overflow-x:hidden}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}::selection{background:var(--amber);color:var(--ink)}.caps{font-family:var(--anton);text-transform:uppercase;letter-spacing:.22em;font-size:13px}.idx{font-family:var(--anton);letter-spacing:.1em;color:var(--dim);font-size:15px}header{z-index:50;background:#111114e0;background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;height:60px;display:flex}.logo{font-family:var(--anton);letter-spacing:.06em;font-size:22px}.logo span{color:var(--amber)}nav.menu{gap:34px;display:flex}nav.menu a{font-family:var(--anton);letter-spacing:.18em;color:var(--dim);text-transform:uppercase;border-bottom:1px solid #0000;padding:4px 0;font-size:12px}nav.menu a:hover{color:var(--paper);border-bottom-color:var(--amber)}.nav-right{align-items:center;gap:10px;display:flex}.tel-btn{background:var(--amber);width:36px;height:36px;color:var(--ink);flex:none;justify-content:center;align-items:center;display:none}.lang{border:1px solid var(--line);gap:0;display:flex}.lang a{font-family:var(--sans);color:var(--dim);border-right:1px solid var(--line);padding:7px 12px;font-size:12px;font-weight:700;line-height:1.2;display:block}.lang a:last-child{border-right:0}.lang a:hover{color:var(--paper)}.lang a.on{background:var(--paper);color:var(--ink)}.hero{flex-direction:column;justify-content:flex-end;min-height:100vh;padding-top:60px;display:flex;position:relative;overflow:hidden}.hero-photo{z-index:0;background:linear-gradient(to top,var(--ink) 8%,#1111149e 45%,#111114e0), radial-gradient(ellipse 60% 45% at 62% 30%,#ffb3001a,transparent 60%), url(../../../hero_poster.jpg) center 30%/cover no-repeat, var(--surface);position:absolute;inset:0}.hero-video{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-video video{object-fit:cover;object-position:center 30%;width:100%;height:100%}.hero-shade{z-index:1;pointer-events:none;background:linear-gradient(to top,var(--ink) 8%,#1111148c 45%,#111114d1);position:absolute;inset:0}@media (width<=860px){.hero-video{display:none}}.hero-inner{z-index:2;padding-bottom:0;position:relative}.hero-kicker{color:var(--dim);align-items:center;gap:14px;margin-bottom:18px;display:flex}.hero-kicker .rule{background:var(--amber);flex:0 0 48px;height:1px}h1.display{font-family:var(--anton);letter-spacing:.01em;text-transform:uppercase;line-height:1}#wm1{font-size:clamp(34px,6.2vw,86px);line-height:1;display:inline-block}#wm2{margin-top:2px;font-size:clamp(80px,15vw,208px);line-height:.88;display:inline-block}h1 .outline{color:#0000;-webkit-text-stroke:1.5px var(--paper)}.hero-sub{justify-content:space-between;align-items:flex-end;gap:32px;margin-top:28px;padding-bottom:56px;display:flex}.hero-sub p{max-width:480px;color:var(--dim);word-break:keep-all;font-size:15px}.hero-sub p b{color:var(--paper);font-weight:700}.cta-link{font-family:var(--anton);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid var(--amber);align-items:center;gap:10px;padding-bottom:6px;font-size:15px;display:inline-flex}.cta-link:hover{color:var(--amber)}.cta-link i{font-style:normal;font-family:var(--sans);letter-spacing:0;font-weight:700}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--ink);overflow:hidden}.ticker-track{padding:14px 0;animation:28s linear infinite tick;display:inline-block}.ticker span{font-family:var(--anton);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 28px;font-size:14px}.ticker span i{color:var(--amber);font-style:normal;font-family:var(--sans);margin-right:28px}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:96px 0 0;scroll-margin-top:72px}.sec-head{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:48px;padding-top:20px;display:flex}.sec-head h2{letter-spacing:-.01em;word-break:keep-all;font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.15}html[lang=ja] .sec-head h2{word-break:normal;line-break:strict}.sec-head .caps{color:var(--dim)}.more{color:var(--dim);border-bottom:1px solid var(--amber);padding-bottom:3px;font-size:14px}.more:hover{color:var(--paper)}.rows{border-bottom:1px solid var(--line)}.row{border-top:1px solid var(--line);cursor:default;grid-template-columns:140px 1fr auto;align-items:baseline;gap:24px;padding:26px 4px;transition:color .18s;display:grid;position:relative}.row:before{content:"";z-index:-1;background:0 0;width:100vw;transition:background .18s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.row:hover:before{background:var(--amber)}.row:hover,.row:hover .yr,.row:hover small{color:var(--ink)}.row .yr{font-family:var(--anton);color:var(--paper);font-size:26px;transition:color .18s}.row b{font-size:17px;font-weight:700}.row small{color:var(--dim);font-size:14px;font-weight:400;display:block}.row .tag{font-family:var(--anton);letter-spacing:.18em;color:var(--dim);text-transform:uppercase;font-size:11px}.row:hover .tag{color:var(--ink)}.media{grid-template-columns:7fr 5fr;gap:28px;display:grid}.m-item{display:block;position:relative}.m-frame{aspect-ratio:4/3;background:var(--surface);position:relative;overflow:hidden}.m-item.small .m-frame{aspect-ratio:2.2}.m-frame img{object-fit:cover;object-position:center 35%;width:100%;height:100%;position:absolute;inset:0}.m-frame:before{content:"";z-index:1;background:linear-gradient(#1111140d 45%,#1111148c);position:absolute;inset:0}.m-frame:after{content:"PLAY ▶";letter-spacing:.2em;z-index:2;color:var(--paper);border:1px solid var(--paper);opacity:0;padding:8px 14px;font-family:Anton,Pretendard Variable,Pretendard,sans-serif;font-size:12px;transition:opacity .2s;position:absolute;bottom:14px;right:16px}.m-item:hover .m-frame:after{opacity:1}.m-cap{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:12px;padding-top:10px;display:flex}.m-cap b{font-size:15px;font-weight:700}.m-cap span{font-family:var(--anton);letter-spacing:.16em;color:var(--dim);text-transform:uppercase;white-space:nowrap;font-size:11px}.m-col{flex-direction:column;gap:28px;display:flex}.cta{padding:120px 0}.cta .rule-top{border-top:1px solid var(--line);padding-top:64px}.cta h2{font-family:var(--anton);text-transform:uppercase;margin-bottom:10px;font-size:clamp(48px,9vw,120px);line-height:.95}.cta h2 .outline{color:#0000;-webkit-text-stroke:1.2px var(--paper)}.cta-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:36px;display:flex}.cta-row p{max-width:420px;color:var(--dim);font-size:15px}.btn{font-family:var(--anton);letter-spacing:.16em;text-transform:uppercase;background:var(--amber);color:var(--ink);padding:18px 36px;font-size:14px;transition:background .18s,color .18s;display:inline-block}.btn:hover{background:var(--paper);color:var(--ink)}.contact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:56px -22px 0;display:grid}.c-item{border-right:1px solid var(--line);padding:24px 22px;transition:background .18s,color .18s;display:block}.c-item:last-child{border-right:0}.c-item:hover{background:var(--amber);color:var(--ink)}.c-key{font-family:var(--anton);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:12px;font-size:11px;transition:color .18s;display:block}.c-item:hover .c-key{color:var(--ink)}.c-val{letter-spacing:-.01em;word-break:break-all;font-size:18px;font-weight:700;line-height:1.3;display:block}@media (width<=1100px) and (width>=861px){.contact{grid-template-columns:repeat(2,1fr)}.c-item:nth-child(2n){border-right:0}.c-item:nth-child(-n+2){border-bottom:1px solid var(--line)}}footer{border-top:1px solid var(--line);color:var(--dim);padding:28px 0 40px;font-size:13px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}footer a{border-bottom:1px solid var(--line);padding-bottom:2px}footer a:hover{color:var(--paper);border-bottom-color:var(--amber)}html[lang^=ko] .btn,html[lang^=zh] .btn,html[lang^=ja] .btn,html[lang^=ko] .cta-link,html[lang^=zh] .cta-link,html[lang^=ja] .cta-link,html[lang^=ko] .ticker span,html[lang^=zh] .ticker span,html[lang^=ja] .ticker span,html[lang^=zh] .cta h2{font-family:var(--sans);letter-spacing:.02em;text-transform:none;font-weight:800}html[lang^=zh] .cta h2{letter-spacing:-.02em;line-height:1.05}@media (width<=860px){nav.menu{display:none}.tel-btn{display:inline-flex}.lang a{padding:7px 9px}.wrap{padding:0 20px}.sec-head{flex-direction:column;align-items:flex-start;gap:8px}.row{grid-template-columns:72px 1fr;gap:14px}.row .tag{display:none}.row .yr{font-size:22px}.media{grid-template-columns:1fr}.m-frame,.m-item.small .m-frame{aspect-ratio:16/9}.hero-sub{flex-direction:column;align-items:flex-start;gap:22px}.hero-kicker .caps{letter-spacing:.16em;font-size:11px}.kicker-sub{display:none}.contact{grid-template-columns:1fr;margin:36px -20px 0}.c-item{border-right:0;border-bottom:1px solid var(--line);padding:18px 20px}.c-item:last-child{border-bottom:0}.c-val{font-size:18px}}@media (width<=400px){.lang a{padding:6px 7px;font-size:11px}.logo{font-size:19px}}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}.hero-video{display:none}html{scroll-behavior:auto}}.inquiry{border-top:1px solid var(--line);margin-top:72px;padding-top:40px;scroll-margin-top:72px}.inquiry h3{letter-spacing:-.01em;word-break:keep-all;margin-bottom:8px;font-size:clamp(24px,3vw,34px);font-weight:800}.inquiry .intro{color:var(--dim);word-break:keep-all;max-width:640px;margin-bottom:32px;font-size:15px}.f-grid{grid-template-columns:repeat(2,1fr);gap:26px 28px;display:grid}.f-field{flex-direction:column;gap:8px;min-width:0;display:flex}.f-field.full{grid-column:1/-1}.f-field label,.f-legend{font-size:14px;font-weight:700}.f-field label small,.f-legend small{color:var(--dim);margin-left:6px;font-weight:400}.f-field input,.f-field select,.f-field textarea{width:100%;font:inherit;color:var(--paper);background:var(--surface);border:1px solid var(--line);border-radius:0;padding:13px 14px;font-size:16px;transition:border-color .18s}.f-field textarea{resize:vertical;min-height:140px;line-height:1.6}.f-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--dim) 50%),linear-gradient(135deg,var(--dim) 50%,transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.f-field input[type=date]{color-scheme:dark}.f-field input:focus,.f-field select:focus,.f-field textarea:focus{border-color:var(--amber);outline:none}.f-field [aria-invalid=true]{border-color:var(--err)}.f-hint{color:var(--dim);font-size:13px}.f-err{color:var(--err);font-size:13px;font-weight:600}.f-melody{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:18px 20px 20px}.f-melody legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.m-prompt{font-size:15px}.m-target{color:var(--amber);letter-spacing:.06em;margin-left:6px;display:inline-block}.m-score{flex-wrap:wrap;align-items:center;gap:16px;margin:10px 0 14px;display:flex}.m-staff{flex:0 auto;width:240px;max-width:100%;height:auto}.m-staff line{stroke:var(--dim);stroke-width:1px}.m-clef{fill:var(--dim);font-family:Segoe UI Symbol,Noto Music,Apple Symbols,serif;font-size:58px}.m-note ellipse{fill:var(--paper);transition:fill .15s}.m-note .m-stem{stroke:var(--paper);stroke-width:1.6px}.m-note.on ellipse{fill:var(--amber)}.m-note.on .m-stem{stroke:var(--amber)}.m-note.bad ellipse{fill:var(--err)}.m-note.bad .m-stem{stroke:var(--err)}.m-play,.m-reset{border:1px solid var(--line);color:var(--paper);font:inherit;cursor:pointer;background:0 0;padding:6px 12px;font-size:13px}.m-play:hover,.m-reset:hover{border-color:var(--dim)}.m-keys{grid-template-columns:repeat(7,1fr);gap:4px;max-width:420px;display:grid}.m-key{background:var(--paper);height:88px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:0 0 6px 6px;justify-content:center;align-items:flex-end;padding-bottom:10px;font-size:14px;font-weight:700;transition:transform 50ms,background .1s;display:flex}.m-key:active{background:var(--amber);transform:translateY(2px)}.m-key:focus-visible,.m-play:focus-visible,.m-reset:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.m-status{color:var(--dim);align-items:center;gap:10px;margin-top:12px;font-size:14px;display:flex}.m-status output{color:var(--paper);min-width:6em;font-weight:700}.f-melody.done .m-status output{color:var(--amber)}.cap{border:1px solid var(--line);background:var(--ink);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--paper);margin:auto;padding:0;overflow:auto}.cap::backdrop{background:#000000b8}.cap [hidden]{display:none}.cap-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 0;display:flex}.cap-head h4{font-size:17px;font-weight:800}.cap-close{color:var(--dim);cursor:pointer;background:0 0;border:0;padding:2px 8px;font-size:28px;line-height:1}.cap-close:hover{color:var(--paper)}.cap-steps{color:var(--dim);counter-reset:s;gap:8px;margin:0;padding:14px 20px 16px;font-size:13px;list-style:none;display:flex}.cap-steps li{border-top:2px solid var(--line);counter-increment:s;flex:1;padding-top:8px}.cap-steps li:before{content:counter(s) ". "}.cap-steps li.on{border-color:var(--amber);color:var(--paper);font-weight:700}.cap-steps li.done{border-color:var(--amber)}.cap-ts{border-top:1px solid var(--line);min-height:120px;padding:18px 20px 22px}.cap-ts>p:first-child{color:var(--dim);margin-bottom:14px;font-size:14px}.cap-msg{margin-top:12px;font-size:14px}.cap-retry{border:1px solid var(--line);color:var(--paper);font:inherit;cursor:pointer;background:0 0;margin-top:10px;padding:6px 12px;font-size:13px}.cap-close:focus-visible,.cap-retry:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media (width<=480px){.f-melody,.cap-ts,.cap-head,.cap-steps{padding-left:14px;padding-right:14px}.m-key{height:72px;font-size:13px}}.f-consent{grid-column:1/-1;align-items:flex-start;gap:12px;display:flex}.f-consent input{width:20px;height:20px;accent-color:var(--amber);flex:none;margin-top:3px}.f-consent label{font-size:15px;font-weight:700}.f-consent p{color:var(--dim);margin-top:4px;font-size:13px}.f-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:20px;display:flex}.f-actions .btn{cursor:pointer;border:0}.f-alert{border-left:3px solid var(--err);background:var(--surface);grid-column:1/-1;padding:12px 16px;font-size:15px}.f-done{border-left:3px solid var(--amber);background:var(--surface);padding:24px}.f-done b{margin-bottom:6px;font-size:20px;display:block}.f-done p{color:var(--dim)}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}html[lang^=ko] .f-actions .btn,html[lang^=zh] .f-actions .btn,html[lang^=ja] .f-actions .btn{font-family:var(--sans)}@media (width<=860px){.f-grid{grid-template-columns:1fr;gap:22px}.inquiry{margin-top:56px}}