@font-face{font-family:p;src:url(/fonts/PretendardVariable.woff2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#eee;background:#0d0f14;margin:0;font-family:p}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.contact{background:#e94a28 url(/publishing-contact-bg.png) 50%/cover;justify-content:center;align-items:center;gap:70px;height:48px;font-size:12px;display:flex}.contact b{font-size:15px}header{z-index:30;background:#12151b;border-bottom:1px solid #252a34;align-items:center;gap:36px;height:76px;padding:0 max(24px,50% - 640px);display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand i,.back i{background:#ff4934;border-radius:9px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.brand small{color:#7d8492;letter-spacing:.12em;font-size:8px;display:block}header nav{color:#aeb4c0;gap:25px;font-size:13px;display:flex}header form{margin-left:auto;display:flex}header input{color:#fff;background:#080a0e;border:1px solid #313641;width:220px;padding:11px}header form button{color:#fff;background:#fe4b37;border:0;padding:0 16px}header>div button{color:#9ca2ad;background:0 0;border:0}.hamb,.mobile{display:none}.notice{color:#89909e;background:#1b1e26;padding:13px calc(50% - 640px);font-size:12px}.notice b{color:#d1d5dd}main{grid-template-columns:190px 1fr;gap:35px;max-width:1280px;margin:auto;padding:35px 20px 70px;display:grid}.side{border-right:1px solid #292e38}.side h3{color:#fff;margin:22px 0 9px;font-size:13px}.side h3:first-child{margin-top:0}.side button{text-align:left;color:#858d9c;background:0 0;border:0;width:100%;padding:8px 0;display:block}.side button:hover{color:#ff5a45}.title{justify-content:space-between;align-items:end;display:flex}.title small{color:#ff654f;letter-spacing:.15em;font-size:9px}.title h1{margin:6px 0;font-size:32px}.title select{color:#bbb;background:#171b22;border:1px solid #303642;padding:10px}.filters{background:#151820;border:1px solid #282e38;margin:20px 0;padding:18px}.filters>div{flex-wrap:wrap;gap:7px;margin:5px;display:flex}.filters button{color:#8f96a3;background:#0f1217;border:1px solid #303641;border-radius:17px;padding:7px 12px}.filters button.on{color:#fff;background:#ff4e38;border-color:#ff4e38}.result{color:#818896;font-size:11px}.result b{color:#ff5b45}.grid{grid-template-columns:repeat(6,1fr);gap:25px 14px;display:grid}.grid article{cursor:pointer;min-width:0}.grid article>div{aspect-ratio:2/3;background:#1a1e25;border-radius:5px;position:relative;overflow:hidden}.grid img{object-fit:cover;width:100%;height:100%;transition:all .25s}.grid article:hover img{filter:brightness(.6);transform:scale(1.04)}.grid article>div>b{background:#ff4936;padding:4px 6px;font-size:8px;position:absolute;top:7px;left:7px}.grid article>div>span{place-items:center;font-size:35px;display:none;position:absolute;inset:0}.grid article:hover span{display:grid}.grid h2{white-space:nowrap;text-overflow:ellipsis;margin:10px 0 4px;font-size:13px;overflow:hidden}.grid p{color:#747b88;margin:0;font-size:10px}.empty{text-align:center;color:#777;padding:80px}.pages{justify-content:center;gap:6px;margin-top:40px;display:flex}.pages button{color:#777;background:#151820;border:1px solid #2c313b;width:34px;height:34px}.pages button.on{color:#fff;background:#ff4e38}footer{color:#777;border-top:1px solid #272c35;align-items:center;gap:35px;padding:32px max(20px,50% - 620px);font-size:11px;display:flex}footer span{flex:1}footer a{color:#ff6a55}.back{z-index:60;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.back section{background:#191d24;border:1px solid #3b414d;width:min(400px,100%);padding:36px;position:relative}.back section>button{color:#aaa;background:0 0;border:0;font-size:25px;position:absolute;top:9px;right:13px}.back p{color:#9299a7;line-height:1.8}.back a{color:#ff6a55}@media (max-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}header nav{display:none}.hamb{color:#fff;background:0 0;border:0;font-size:20px;display:block}header>div{display:none}.mobile{z-index:29;background:#171a21;grid-template-columns:1fr 1fr;padding:14px 20px;position:fixed;top:124px;left:0;right:0}.mobile.open{display:grid}.mobile a{border-bottom:1px solid #2b303a;justify-content:space-between;padding:13px;display:flex}}@media (max-width:700px){.contact{justify-content:space-between;gap:10px;height:auto;padding:9px 15px}.contact b{font-size:12px}.contact span{font-size:9px}header{height:62px;padding:0 15px}header form{display:none}.notice{white-space:nowrap;padding:12px 15px;overflow:hidden}.mobile{top:110px}main{padding:25px 14px;display:block}.side{display:none}.grid{grid-template-columns:repeat(3,1fr);gap:20px 9px}.grid h2{font-size:12px}.filters{margin-block:14px;padding:10px}.filters button{padding:6px 9px;font-size:10px}.title h1{font-size:26px}footer{line-height:2.3;display:block}.grid article>div>b{font-size:7px}}@media (max-width:360px){.grid{grid-template-columns:repeat(2,1fr)}}
