.op2{--bg:#fff;--bg2:#eef2f7;--card:#fff;--line:#e5e8eb;--primary:#3182f6;--primary-hv:#2272eb;--deep:#1b64da;--danger:#e42939;--text:#191f28;--muted:#4e5968;--dim:#8b95a1;--mono:Pretendard,"Pretendard Variable",-apple-system,"Noto Sans KR",sans-serif;scroll-behavior:smooth}.op2.chrome{display:contents}.op2 .topbar{font-family:Pretendard,Pretendard Variable,-apple-system,Noto Sans KR,sans-serif;line-height:1.6;word-break:keep-all}.op2 .topbar :where(a){color:inherit;text-decoration:none}.op2 .topbar button{font-family:inherit}.op2 .ribbon{background:linear-gradient(90deg,var(--deep),var(--primary));color:#fff;position:relative}.op2 .ribbon-in{max-width:1180px;margin:0 auto;padding:0 56px 0 24px;height:66px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:600}.op2 .rb-chip{font-size:12px;font-weight:800;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.28);border-radius:5px;padding:4px 9px;white-space:nowrap}.op2 .rb-chip.hot{background:#fff;color:var(--deep);border-color:#fff}.op2 .ribbon-in .msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op2 .ribbon-in .go{font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.op2 .rb-x{position:absolute;right:18px;top:50%;transform:translateY(-50%);opacity:.7;font-size:17px;line-height:1;padding:6px;background:none;border:none;color:#fff;cursor:pointer}.op2 .rb-x:hover{opacity:1}@media(max-width:820px){.op2 .ribbon-in{height:auto;padding:10px 44px 10px 16px;flex-wrap:wrap;justify-content:flex-start;gap:7px;font-size:13px}.op2 .ribbon-in .msg{white-space:normal}}.op2 .hdr-top{background:var(--bg);border-bottom:1px solid var(--line)}.op2 .hdr-top .in{max-width:1180px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.op2 .logo{font-weight:900;font-size:20px;letter-spacing:-.01em}.op2 .logo span{color:var(--primary)}.op2 .acct{display:flex;align-items:center;gap:8px}.op2 .acct .qna{font-size:14.5px;font-weight:800;color:#6aa5ff;padding:10px 14px;border-radius:8px;white-space:nowrap;transition:color .15s,background .15s}.op2 .acct .qna:hover{color:#a8ccff;background:rgba(106,165,255,.14)}@media(max-width:720px){.op2 .acct .qna{display:none}}.op2 .acct .guide{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.op2 .acct .guide,.op2 .acct .login,.op2 .acct .room{font-size:14.5px;font-weight:700;padding:10px 14px;border-radius:8px;transition:color .15s,background .15s}.op2 .acct .login,.op2 .acct .room{color:var(--muted)}.op2 .acct .login:hover,.op2 .acct .room:hover{color:var(--text);background:hsla(0,0%,100%,.06)}.op2 .acct .join{font-size:14.5px;font-weight:800;padding:11px 22px;border-radius:8px;transition:background .15s}.op2 .acct .join:hover{background:var(--primary-hv)}.op2 .avt{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--muted);flex:none;transition:border-color .15s,color .15s}.op2 .avt:hover{border-color:var(--primary);color:var(--text)}.op2 .topbar{position:sticky;top:0;z-index:60}.op2 .hdr-nav{background:#fff;border-top:2px solid var(--primary);border-bottom:2px solid var(--primary)}.op2 .hdr-nav .in{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;gap:6px}.op2 .hdr-nav .in,.op2 .mlink{height:58px;align-items:center}.op2 .mlink{position:relative;font-size:16px;font-weight:700;color:var(--primary);padding:0 22px;display:inline-flex;gap:8px;transition:color .15s}.op2 .mlink.on,.op2 .mlink:hover{color:var(--deep)}.op2 .mlink.on:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--deep);border-radius:3px 3px 0 0}.op2 .mlink.deal{color:var(--danger)}.op2 .mlink.deal:hover{color:#c31f2c}.op2 .free{font-size:10.5px;font-weight:800;font-style:normal;color:var(--primary);border:1px solid rgba(49,130,246,.55);background:rgba(49,130,246,.12);border-radius:4px;padding:2px 6px}.op2 .hdr-top{background:#191f28;border-bottom:none}.op2 .hdr-top .logo{color:#fff}.op2 .hdr-top .logo span{color:#6aa5ff}.op2 .acct .login,.op2 .acct .room{color:hsla(0,0%,100%,.72)}.op2 .acct .guide{color:hsla(0,0%,100%,.86)}.op2 .acct .guide:hover,.op2 .acct .login:hover,.op2 .acct .room:hover{color:#fff;background:hsla(0,0%,100%,.1)}.op2 .acct .join{background:var(--primary);color:#fff}.op2 .acct .join:hover{background:#4a94ff}.op2 .avt{border-color:hsla(0,0%,100%,.22);background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.78)}.op2 .avt:hover{border-color:#fff;color:#fff}.op2 .hdr-nav{background:var(--primary);border-top:none;border-bottom:none}.op2 .mlink{color:hsla(0,0%,100%,.82)}.op2 .mlink:hover{color:#fff}.op2 .mlink.on{color:#fff;font-weight:800}.op2 .mlink.on:after{background:#fff}.op2 .free{color:#fff;border-color:hsla(0,0%,100%,.55);background:hsla(0,0%,100%,.18)}.op2 .lim{font-size:10.5px;font-weight:800;font-style:normal;color:var(--deep);background:#fff;border-radius:4px;padding:3px 7px;white-space:nowrap}.op2 .mlink.deal{color:#fff}.op2 .mlink.deal .sh{background:linear-gradient(100deg,#fff,#fff 36%,#ffdf6b 45%,#fff8d2 50%,#ffdf6b 55%,#fff 64%,#fff);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 1.4s linear infinite;font-weight:800}@media(prefers-reduced-motion:reduce){.op2 .mlink.deal .sh{animation:none;background-position:0 0}}.op2[data-auth=in] .only-out,.op2[data-auth=out] .only-in{display:none}@media(max-width:640px){.op2 .topbar{position:static}.op2 .hdr-nav{position:sticky;top:0;z-index:60}}@media(max-width:900px){.op2 .hdr-top .in{height:60px}.op2 .logo{font-size:17px}.op2 .acct .join,.op2 .acct .login{padding:8px 14px;font-size:13.5px}.op2 .acct .guide{font-size:13px;padding:8px 10px;gap:6px}.op2 .hdr-nav .in{display:flex;height:auto;justify-content:flex-start;gap:0;overflow-x:auto;padding:0 12px}.op2 .lim.ghost{display:none}.op2 .mlink{font-size:14px;padding:0 14px;height:52px;white-space:nowrap}.op2 .mlink.on:after{left:8px;right:8px}}@media(max-width:720px){.op2 .acct{gap:5px}.op2 .acct .guide{padding:7px 9px;font-size:0;gap:0}.op2 .acct .guide .free{font-size:10.5px}.op2 .acct .login{padding:8px}.op2 .acct .join{padding:8px 12px}.op2[data-auth=out] .avt{display:none}}@keyframes shine{0%{background-position:130% 0}to{background-position:-130% 0}}