.gx{--navy:#1b3f8f;--navy-ink:#0f1b2d;--orange:#FF7A1A;--orange-d:#e5650a;--orange-bg:#fff1e6;--orange-ink:#1a0d00;--ink:#111827;--ink2:#374151;--hint:#4b5563;--line:#cfd6e3;--line2:#e5e7eb;--soft:#f6f8fc;--tint:#e8eefb;--warn:#9a3d00;--gx-cols:3;overflow-x:clip}
.gx-in{max-width:1240px;margin:0 auto;padding:22px 32px 60px;box-sizing:border-box}
.gx *,.gx *::before{box-sizing:border-box}
.gx-lay{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start;margin-top:18px}
.gx-side{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:12px;position:sticky;top:16px}
.gx-sl{font:700 12px "Noto Sans",sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--hint);padding:6px 10px 8px}
.gx-cn{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--ink2);text-decoration:none;font-weight:600;font-size:14.5px;position:relative}
.gx-ci{color:var(--hint);flex:none}.gx-cl{flex:1;min-width:0}.gx-cc{font-size:12.5px;font-weight:700;color:var(--hint);background:var(--soft);border-radius:99px;padding:1px 8px}
.gx-cn:hover{background:var(--soft)}.gx-cn.on{background:var(--orange-bg);color:var(--orange-ink)}.gx-cn.on .gx-ci{color:var(--orange-d)}.gx-cn.on .gx-cc{background:#fff;color:var(--orange-d)}
.gx-cn.on::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--orange)}
.gx-sr{display:flex;align-items:center;gap:10px;height:52px;border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:0 16px;color:var(--hint);margin:0}.gx-sr input{border:0;outline:0;flex:1;font:500 16px "Noto Sans",sans-serif;min-width:0;background:none}
.gx-fbar{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.gx-dd{position:relative;margin:0}
.gx-fb{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:11px;border:1.5px solid var(--line);background:#fff;font:700 14.5px "Noto Sans",sans-serif;color:var(--ink);white-space:nowrap;cursor:pointer}
.gx-fb.on{border-color:var(--navy);background:var(--tint);color:var(--navy)}.gx-dd.open .gx-fb{border-color:var(--navy);box-shadow:0 0 0 3px var(--tint)}
.gx-fn{min-width:20px;height:20px;border-radius:99px;background:var(--navy);color:#fff;font-size:11.5px;font-weight:800;display:inline-grid;place-items:center;padding:0 5px}
.gx-sp{flex:1}.gx-so{margin:0}.gx-so label{display:flex;align-items:center;gap:8px;color:var(--hint);font-size:14px}.gx-so select{height:42px;border:1.5px solid var(--line);border-radius:11px;padding:0 12px;font:600 14px "Noto Sans",sans-serif;background:#fff;color:var(--ink)}
.gx-pop{display:none;position:absolute;left:0;top:50px;width:340px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line2);border-radius:16px;box-shadow:0 20px 44px rgba(15,27,45,.2);z-index:30;overflow:hidden}
.gx-dd.open .gx-pop{display:block}.gx-pop.inl{display:block;position:static;width:auto;max-width:none;box-shadow:none;border:0;border-radius:0}
.gx-ps{display:flex;align-items:center;gap:8px;margin:12px;height:42px;border:2px solid var(--navy);border-radius:10px;padding:0 12px;color:var(--navy)}.gx-ps input{border:0;outline:0;flex:1;min-width:0;font:500 15px "Noto Sans",sans-serif;background:none}
.gx-pl{max-height:320px;overflow:auto;padding:6px}.gx-pop.inl .gx-pl{max-height:300px;padding:0}.gx-pop.inl .gx-ps{margin:0 0 8px}
.gx-ph,.gx-lh{font:700 11.5px "Noto Sans",sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--hint);padding:8px 10px 4px}.gx-lh{color:var(--navy);border-top:1px solid var(--line2);margin-top:4px}
.gx-op{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:14.5px;cursor:pointer}.gx-op:hover{background:var(--soft)}.gx-op[hidden],.gx-ph[hidden],.gx-lh[hidden]{display:none}
.gx-op input{width:18px;height:18px;accent-color:var(--navy);margin:0;flex:none}
.gx-on{flex:1;min-width:0}.gx-on mark{background:var(--orange-bg);color:var(--orange-ink);font-weight:800;border-radius:3px}.gx-oc{font-size:12.5px;color:var(--hint);font-weight:700}
.gx-pf{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid var(--line2);background:var(--soft)}
.gx-lnk{border:0;background:none;color:var(--navy);font-weight:700;font-size:14px;cursor:pointer}
.gx-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border:0;border-radius:10px;background:var(--orange);color:var(--orange-ink);font:800 14.5px "Noto Sans",sans-serif;cursor:pointer}.gx-btn.lg{height:50px;width:100%;font-size:16px}
.gx-ac{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.gx-chp{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 12px;border-radius:99px;background:var(--navy);color:#fff;font-weight:700;font-size:13.5px;text-decoration:none}.gx-chp span{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}
.gx-ca{color:var(--navy);font-weight:700;font-size:14px}
.gx-cnt{font-size:14px;font-weight:700;color:var(--ink2);margin:14px 0 10px}
.gx-grid{display:grid;grid-template-columns:repeat(var(--gx-cols),minmax(0,1fr));gap:14px}
.gx-card{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:16px;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);min-width:0}
.gx-card:hover{border-color:var(--navy)}
.gx-card h3{margin:0;font-size:17px;line-height:1.25;color:var(--navy-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gx-card p{color:var(--ink2);font-size:14px;line-height:1.5;margin:6px 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gx-tgs{display:flex;flex-wrap:wrap;gap:5px}.gx-tg{font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--soft);color:var(--ink2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.gx-tg-brand{background:var(--tint);color:var(--navy)}.gx-tg-system{background:var(--orange-bg);color:var(--warn)}
.gx-gf{display:flex;justify-content:space-between;gap:6px;margin-top:auto;padding-top:12px;font-size:12.5px;color:var(--hint)}.gx-gf>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gx-gf b{color:var(--orange-d);white-space:nowrap}
.gx-mtop,.gx-sheet{display:none}
@media(min-width:1600px){.gx{--gx-cols:4}.gx-in{max-width:1600px}}
@media(max-width:1023px){.gx{--gx-cols:2}}
@media(max-width:800px){
.gx{--gx-cols:2}.gx-in{padding:14px 16px 40px}.gx-lay{display:block;margin-top:12px}.gx-side,.gx-dd,.gx-sp{display:none}
.gx-fbar{margin-top:10px}.gx-so,.gx-so label,.gx-so select{flex:1;width:100%}
.gx-mtop{display:flex;gap:8px;margin-bottom:10px}.gx-msel{flex:1;position:relative;min-width:0}.gx-msel span{position:absolute;left:12px;top:5px;font-size:11px;font-weight:700;color:var(--hint)}.gx-msel select{height:52px;border:1.5px solid var(--line);border-radius:12px;padding:16px 10px 0 10px;font:700 15px "Noto Sans",sans-serif;background:#fff;color:var(--ink);width:100%}
.gx-mf{display:inline-flex;align-items:center;gap:7px;height:52px;padding:0 14px;border-radius:12px;border:1.5px solid var(--navy);background:var(--tint);color:var(--navy);font:800 15px "Noto Sans",sans-serif}
.gx-sheet:not([hidden]){display:block}.gx-scrim{position:fixed;inset:0;background:rgba(15,27,45,.45);z-index:200}
.gx-shin{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;max-height:88vh;background:#fff;border-radius:20px 20px 0 0;z-index:201;box-shadow:0 -10px 40px rgba(0,0,0,.25);margin:0}
.gx-grab{width:44px;height:5px;border-radius:5px;background:var(--line);margin:8px auto 0}
.gx-sh{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line2)}.gx-sh b{font:600 22px Oswald,sans-serif;flex:1}.gx-xx{width:38px;height:38px;border-radius:10px;border:1px solid var(--line2);background:#fff;font-size:22px}
.gx-sbody{overflow:auto;padding:0 16px}.gx-fsg{border-bottom:1px solid var(--line2)}.gx-fsg summary{list-style:none;display:flex;align-items:center;gap:8px;padding:14px 0;cursor:pointer}.gx-fsg summary b{font-size:16px}.gx-fsv{margin-left:auto;font-size:13.5px;color:var(--hint);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gx-fsgb{padding-bottom:10px}.gx-sfoot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line2)}}
@media(max-width:600px){.gx{--gx-cols:1}}