:root{--bg:#f4f6f7;--card:#fff;--fg:#121c24;--mut:#5a6771;--faint:#6f7b87;--line:#e1e6ea;--line2:#eef1f3;--acc:#0b7f75;--acc2:#075f58;--tint:#e3f3f0;--red:#c81e1e;--red-bg:#fdeaea;--org:#a2570a;--org-bg:#fcefd9;--chip:#eef1f3;--ink:#0f242c;--ink2:#18343d;--ink-line:#2b4852;--ink-mut:#a8bcc3;--mint:#5eead4}
@media(prefers-color-scheme:dark){:root{--bg:#0d1318;--card:#161e25;--fg:#e8edf0;--mut:#9ba9b2;--faint:#73818b;--line:#27323a;--line2:#1f2a31;--acc:#2dd4bf;--acc2:#5eead4;--tint:#12312e;--red:#fca5a5;--red-bg:#3d1c1f;--org:#fbbf24;--org-bg:#37290f;--chip:#222c33;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--fg);line-height:1.6;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-feature-settings:"tnum";padding-bottom:calc(62px + env(safe-area-inset-bottom))}
body.is-job{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
a{color:var(--acc)}
.in,.wrap{max-width:1240px;margin:0 auto;padding-inline:16px}
.wrap{padding-block:12px 28px}
.pc-only{display:none!important}
.skip{position:absolute;left:-999px;top:0;z-index:99;background:var(--card);color:var(--fg);padding:8px 12px}.skip:focus{left:8px;top:8px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.lcount{margin:2px 0 4px;font-size:13.5px;color:var(--mut)}.lcount b{color:var(--fg)}
.sum{margin:0;font-size:15px;line-height:1.7;word-break:keep-all}
.nf{padding:30px 0 40px}
.prose-cards .card p{margin:0}.prose-cards .card ul{margin:0;padding-left:20px}.prose-cards .card li{margin:4px 0}.prose-cards .card{font-size:15px;word-break:keep-all}
.body a{word-break:break-all}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 머리글 */
.top{position:sticky;top:0;z-index:25;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(15,36,44,.06)}
.bar1{display:flex;align-items:center;gap:12px;padding-block:9px}
.brand{display:flex;align-items:center;gap:8px;color:var(--fg);text-decoration:none;font-weight:800;letter-spacing:-.035em;font-size:19px;flex:none}
.logo{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--ink);color:var(--mint);flex:none}
.logo svg{width:19px;height:19px}
.tabs{display:none}
.mtab{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.mtab a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0 6px;color:var(--faint);text-decoration:none;font-size:11px;font-weight:600}
.mtab svg{width:23px;height:23px}
.mtab a.on{color:var(--acc)}

/* 검색 */
.rsearch{position:relative;z-index:15;flex:1;min-width:0;margin:0}
.rsearch input{width:100%;font:inherit;font-size:15px;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--fg);min-width:0;-webkit-appearance:none}
.rsearch input:focus{outline:0;border-color:var(--acc);background:var(--card)}
.results{position:absolute;left:0;right:0;top:100%;margin:5px 0 0;padding:4px;list-style:none;background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(10,25,32,.18);max-height:360px;overflow:auto}
.results a{display:block;padding:8px 10px;border-radius:7px;color:var(--fg);text-decoration:none;font-size:14.5px;line-height:1.4}
.results a small{color:var(--mut);margin-left:6px}.results a:hover,.results a.sel{background:var(--chip)}
.results .none{padding:8px 10px;color:var(--mut);font-size:14px}

/* 메인 머리 */
.hero{background:var(--ink);color:#fff}
.hero .in{padding-block:20px 22px}
.eyebrow{display:inline-block;margin:0 0 10px;font-size:12.5px;font-weight:700;color:var(--mint);border:1.5px solid rgba(94,234,212,.75);border-radius:999px;padding:2px 10px}
.hero h1{margin:0 0 6px;font-size:27px;line-height:1.26;letter-spacing:-.035em;font-weight:800}
.hero h1 em{font-style:normal;color:var(--mint)}
.hero .sub{margin:0 0 14px;color:var(--ink-mut);font-size:14.5px;word-break:keep-all}
.hero .rsearch input{font-size:16px;padding:12px 14px;border-radius:10px;border-color:transparent;background:#fff;color:#14202b}
.hero .rsearch input::placeholder{color:#6b7883}
.cta{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:14.5px;font-weight:700;padding:9px 15px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;text-decoration:none;text-align:center}
.btn svg{width:17px;height:17px}
.btn:hover{border-color:var(--acc);color:var(--acc)}
.btn.main{background:var(--mint);border-color:var(--mint);color:#06211e}.btn.main:hover{color:#06211e;filter:brightness(1.06)}
.btn.line{background:none;border-color:var(--ink-line);color:#fff}.btn.line:hover{border-color:var(--mint);color:var(--mint)}
.btn.pri{background:var(--acc);border-color:var(--acc);color:#fff;font-size:16px;padding:12px 16px}.btn.pri:hover{color:#fff;background:var(--acc2)}
@media(prefers-color-scheme:dark){.btn.pri,.btn.pri:hover{color:#06211e}}
.panel{background:var(--ink2);border:2px solid rgba(94,234,212,.75);border-radius:12px;padding:16px 18px}
.panel h2{margin:0 0 8px;font-size:13.5px;font-weight:700;color:var(--ink-mut)}
.panel .big{display:block;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:10px}.panel .big small{font-size:15px;font-weight:600;color:var(--ink-mut);margin-left:3px}
.panel a{display:grid;grid-template-columns:70px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:6px 0;color:#fff;text-decoration:none;font-size:13.5px;border-top:1px solid var(--ink-line)}
.panel a:hover{color:var(--mint)}
.panel .tr{display:block;height:5px;border-radius:3px;background:var(--ink-line);overflow:hidden}.panel .tr i{display:block;height:100%;background:var(--mint)}
.panel .n{text-align:right}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:4px 0}
.tile{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px 2px 9px;text-decoration:none;color:var(--fg);font-size:13px;font-weight:650;text-align:center;line-height:1.3;word-break:keep-all}
.tile .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--acc2)}.tile .ic svg{width:21px;height:21px}
.tile.hot{border:2px solid var(--red);padding:10px 1px 8px}
.tile.hot .ic{background:var(--red-bg);color:var(--red)}
.tile.hot small{color:var(--red);font-weight:800}
.tile small{font-size:12px;font-weight:500;color:var(--mut)}
.mine{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:9px 13px;border-radius:10px;background:var(--tint);font-size:14px}
.mine a{font-weight:800}.mine[hidden]{display:none}

/* 페이지 머리 */
.phead{background:var(--card);border-bottom:1px solid var(--line)}
.phead .in{padding-block:10px 14px}
.crumb{font-size:12.5px;color:var(--faint);margin-bottom:4px}.crumb a{color:var(--faint);text-decoration:none}.crumb a:hover{color:var(--fg)}
h1{font-size:22px;line-height:1.32;margin:0 0 4px;letter-spacing:-.03em;font-weight:800}h1,h2,h3{word-break:keep-all}
h2{font-size:18px;margin:26px 0 8px;letter-spacing:-.02em}
.lead{margin:0;color:var(--mut);font-size:14px}
.summary{margin:8px 0 0;font-size:14px;color:var(--mut);word-break:keep-all}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--bg);border-radius:10px;margin:10px 0 0;overflow:hidden}
.stat{padding:8px 12px;border-left:1px solid var(--line)}.stat:first-child{border-left:0}
.stat b{display:block;font-size:20px;line-height:1.25;font-weight:800}.stat span{font-size:12px;color:var(--mut)}
.stat.hot b{color:var(--red)}
.acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 0}
.acts .btn{font-size:13px;padding:5px 11px;border-radius:8px}
.shead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:22px 0 6px}
.shead:first-child{margin-top:4px}
.shead h2{margin:0}.shead a{font-size:13.5px;font-weight:650;white-space:nowrap;text-decoration:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}
.card h2{margin:0 0 8px;font-size:16.5px}
.note{font-size:13px;color:var(--mut)}
.warn{font-size:13.5px;background:var(--org-bg);border-radius:9px;padding:8px 12px;margin:10px 0 0;word-break:keep-all}

/* 조건: 모바일은 가로로 밀어 보는 칩 */
.fbar{margin:0 -16px 6px;padding:0}
.fg{display:flex;gap:6px;overflow-x:auto;padding:3px 16px;scrollbar-width:none}
.fg::-webkit-scrollbar{display:none}
.fl{display:none}
.fg button{flex:none;font:inherit;font-size:13.5px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--mut);cursor:pointer;white-space:nowrap}
.fg button small{font-size:12px;font-weight:500;color:var(--faint);margin-left:3px}
.fg button.on{background:var(--ink);border-color:var(--ink);color:#fff}.fg button.on small{color:var(--ink-mut)}
@media(prefers-color-scheme:dark){.fg button.on{background:var(--acc);border-color:var(--acc);color:#06211e}.fg button.on small{color:#06211e}}
.cnt{display:block;padding:4px 0 0;font-size:13px;color:var(--mut)}
.rbox{background:var(--card);border:1px solid var(--line);border-radius:10px;margin:6px 0;overflow:hidden}
.rbox summary{list-style:none;cursor:pointer;padding:9px 13px;font-size:14px;font-weight:700;display:flex;justify-content:space-between}
.rbox summary::-webkit-details-marker{display:none}
.rbox summary::after{content:"＋";color:var(--faint)}.rbox[open] summary::after{content:"－"}
.rlist{padding:0 7px 7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 6px}
.rlist a{display:flex;justify-content:space-between;gap:6px;padding:6px 7px;border-radius:7px;color:var(--fg);text-decoration:none;font-size:14px}
.rlist a small{color:var(--faint);font-size:12.5px}
.rlist a:hover,.rlist a.on{background:var(--tint);color:var(--acc2)}
.rlist a.zero{color:var(--faint)}

/* 공고: 모바일은 카드 */
.jhead{display:none}
.jobs{list-style:none;margin:6px 0;padding:0}
.jobs li[hidden]{display:none}
.job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin:7px 0;text-decoration:none;color:var(--fg)}
.job:active{background:var(--line2)}
.c-dd{grid-column:2;grid-row:1}
.t{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}
.t b{display:block;font-size:15px;font-weight:650;line-height:1.42}
.t small{display:block;font-size:12.5px;color:var(--mut);line-height:1.45;margin-top:2px}
.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.tags i{font-style:normal;font-size:11.5px;line-height:1.35;padding:2px 6px;border-radius:5px;background:var(--chip);color:var(--mut)}
.c,.oo{display:none}
.dd{display:inline-block;min-width:42px;text-align:center;font-size:12.5px;font-weight:800;border-radius:6px;padding:2px 5px;background:var(--chip);color:var(--fg)}
.dd.d0{background:var(--red);color:#fff}.dd.d3{background:var(--red-bg);color:var(--red)}.dd.d7{background:var(--org-bg);color:var(--org)}.dd.end{color:var(--mut)}
@media(prefers-color-scheme:dark){.dd.d0{color:#3b0a0a}}
.empty{padding:18px;text-align:center;color:var(--mut);background:var(--card);border:1px dashed var(--line);border-radius:10px;margin:8px 0;font-size:14px}.empty[hidden]{display:none}
.more{display:block;text-align:center;padding:10px;font-weight:700;font-size:14px;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:10px;margin:8px 0}

/* 링크 묶음 */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.chips a{font-size:13.5px;padding:4px 10px;border-radius:7px;background:var(--card);border:1px solid var(--line);color:var(--fg);text-decoration:none;white-space:nowrap}
.chips a:hover{border-color:var(--acc);color:var(--acc)}.chips a small{color:var(--faint);margin-left:4px}
.chips a.zero{color:var(--faint)}
.card .chips a{background:var(--bg)}
.grid16{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0}
.grid16 a{display:block;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:7px 2px;text-align:center;color:var(--fg);text-decoration:none;font-size:13.5px;font-weight:650;line-height:1.3;word-break:keep-all}
.grid16 small{display:block;font-size:12px;font-weight:500;color:var(--mut)}
.linkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0}
.linkgrid a{display:block;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:13px 14px;color:var(--fg);text-decoration:none;font-weight:700;font-size:15px}
.linkgrid a:hover{border-color:var(--acc);color:var(--acc)}
.linkgrid small{display:block;font-weight:500;font-size:13px;color:var(--mut);margin-top:2px}

/* 안내 글 */
.guide{max-width:820px}
.prose{padding:18px 18px 14px;font-size:16px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
.prose h2{font-size:19px;margin:26px 0 8px}
.prose p{margin:0 0 12px}.prose ul{margin:0 0 12px;padding-left:20px}.prose li{margin:4px 0}
.prose .note{font-size:13px;line-height:1.6}
.tw{overflow-x:auto;margin:0 0 12px}
.tw table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.tw th,.tw td{padding:9px 10px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}
.tw thead th{background:var(--bg);font-size:13.5px}.tw tbody th{width:27%;color:var(--mut);font-weight:600}
.linkgrid.wide{grid-template-columns:minmax(0,1fr)}
.linkgrid.wide a{font-size:15.5px}

/* 메인 안내 글 구역: 공고 카드와 확실히 구분되는 어두운 판 */
.guidebox{margin:30px 0 8px;padding:22px 16px 18px;border-radius:18px;background:var(--ink);color:#fff}
.guidebox .shead{margin:0 0 14px;align-items:center}
.guidebox h2{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.03em}
.guidebox .shead a{color:var(--mint)}
.gb{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.gb a{display:flex;gap:13px;align-items:flex-start;padding:15px 14px;color:#fff;text-decoration:none;background:var(--ink2);border:1.5px solid var(--ink-line);border-radius:13px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.gb a:hover{border-color:var(--mint);box-shadow:0 8px 24px rgba(94,234,212,.2);transform:translateY(-2px)}
.gb .gi{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:#06211e}.gb .gi svg{width:25px;height:25px}
.gb b{display:block;font-size:17px;font-weight:800;line-height:1.35;letter-spacing:-.02em}
.gb small{display:block;margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--ink-mut);word-break:keep-all}
.gb em{display:block;margin-top:7px;font-style:normal;font-size:13.5px;font-weight:700;color:var(--mint)}

/* 공고 한 건 */
.facts{width:100%;border-collapse:collapse;font-size:14.5px}
.facts th,.facts td{padding:8px 3px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}
.facts th{width:48px;color:var(--mut);font-weight:600;white-space:nowrap}
.body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}
.side .btn.pri{display:none}
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line)}
.mcta .btn.pri{flex:1;padding:11px}
.mcta .btn.sh{flex:none;padding:11px 13px}

/* 바닥글 */
.foot{background:var(--ink);color:var(--ink-mut);font-size:13px;margin-top:14px}
.foot .in{padding-block:20px 22px}
.foot a{color:#d5e2e6;margin-right:14px;text-decoration:none}.foot a:hover{color:var(--mint)}
.foot b{display:block;color:#fff;font-size:16px;letter-spacing:-.03em;margin-bottom:8px}
.foot p{margin:8px 0 0;word-break:keep-all}
.addhome{font:inherit;font-size:13.5px;font-weight:700;border:1px solid var(--ink-line);border-radius:8px;padding:6px 12px;background:none;color:#fff;cursor:pointer;margin-bottom:12px}
.how{color:var(--ink-mut)}
.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);z-index:60;background:#14202b;color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;max-width:90vw}.toast[hidden]{display:none}

/* 강조와 움직임 */
.nw{font-style:normal;display:inline-block;vertical-align:1.5px;margin-right:5px;font-size:11px;font-weight:800;line-height:1.5;padding:0 5px;border-radius:4px;background:var(--tint);color:var(--acc2)}
.st{color:var(--org);font-weight:600}
.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);vertical-align:2px;margin-right:6px}
.ico{position:relative;display:block;line-height:0}.ico .pulse{position:absolute;right:-3px;top:-1px;margin:0}
.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px;vertical-align:1.5px}
.hero h1 em{position:relative;white-space:nowrap}
.stat.hot b,.hero [data-today]{font-variant-numeric:tabular-nums}
.tile,.grid16 a,.linkgrid a,.btn,.job,.rlist a,.chips a,.fg button{transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}
@media(prefers-reduced-motion:no-preference){
@keyframes gw-pulse{0%{box-shadow:0 0 0 0 rgba(200,30,30,.55)}70%{box-shadow:0 0 0 7px rgba(200,30,30,0)}100%{box-shadow:0 0 0 0 rgba(200,30,30,0)}}
@keyframes gw-live{0%{box-shadow:0 0 0 0 rgba(94,234,212,.6)}70%{box-shadow:0 0 0 7px rgba(94,234,212,0)}100%{box-shadow:0 0 0 0 rgba(94,234,212,0)}}
@keyframes gw-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes gw-grow{from{transform:scaleX(0)}to{transform:none}}
.dd.d0,.pulse{animation:gw-pulse 2s ease-out infinite}
.live{animation:gw-live 2.4s ease-out infinite}
@keyframes gw-panel{0%,100%{border-color:rgba(94,234,212,.45);box-shadow:0 0 0 0 rgba(94,234,212,0)}50%{border-color:rgba(94,234,212,1);box-shadow:0 0 26px 3px rgba(94,234,212,.4)}}
.panel,.eyebrow{animation:gw-panel 2.6s ease-in-out infinite}
@keyframes gw-hot{0%{border-color:rgba(200,30,30,.95);box-shadow:0 0 0 0 rgba(200,30,30,.45)}70%{border-color:rgba(200,30,30,.45);box-shadow:0 0 0 8px rgba(200,30,30,0)}100%{border-color:rgba(200,30,30,.95);box-shadow:0 0 0 0 rgba(200,30,30,0)}}
.tile.hot{animation:gw-rise .4s ease-out both,gw-hot 1.9s ease-out .4s infinite}
.panel .tr i{transform-origin:left;animation:gw-grow .9s cubic-bezier(.2,.8,.2,1) both}
.panel a:nth-of-type(2) .tr i{animation-delay:.08s}.panel a:nth-of-type(3) .tr i{animation-delay:.16s}.panel a:nth-of-type(4) .tr i{animation-delay:.24s}
.jobs li:nth-child(-n+10) .job,.tile,.stat{animation:gw-rise .4s ease-out both}
.jobs li:nth-child(2) .job,.tile:nth-child(2){animation-delay:.04s}.jobs li:nth-child(3) .job,.tile:nth-child(3){animation-delay:.08s}
.jobs li:nth-child(4) .job,.tile:nth-child(4){animation-delay:.12s}.jobs li:nth-child(5) .job,.tile:nth-child(5){animation-delay:.16s}
.jobs li:nth-child(6) .job,.tile:nth-child(6){animation-delay:.2s}.jobs li:nth-child(7) .job,.tile:nth-child(7){animation-delay:.24s}
.jobs li:nth-child(8) .job,.tile:nth-child(8){animation-delay:.28s}.jobs li:nth-child(9) .job{animation-delay:.32s}.jobs li:nth-child(10) .job{animation-delay:.36s}
.stat:nth-child(2){animation-delay:.06s}.stat:nth-child(3){animation-delay:.12s}
.tile:active,.mtab a:active,.job:active,.btn:active,.fg button:active{transform:scale(.97)}
.tile:hover,.grid16 a:hover,.linkgrid a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(15,36,44,.08)}
.btn.main:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(94,234,212,.28)}
}

/* 태블릿: 모바일 구성에 카드만 두 줄 */
@media(min-width:680px) and (max-width:1023px){
.in,.wrap{padding-inline:24px}.fbar{margin-inline:-24px}.fg{padding-inline:24px}
.jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.jobs li{display:flex}.job{flex:1;align-content:start}
.tiles{grid-template-columns:repeat(8,minmax(0,1fr))}.grid16{grid-template-columns:repeat(8,minmax(0,1fr))}
.rlist{grid-template-columns:repeat(4,minmax(0,1fr))}
.linkgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ─────────── PC ─────────── */
@media(min-width:1024px){
body,body.is-job{padding-bottom:0}
.in,.wrap{padding-inline:24px}
.wrap{padding-block:22px 44px}
.m-only,.mtab,.mcta{display:none!important}
.pc-only{display:block!important}
html{scroll-padding-top:124px}
.tagline.pc-only,.asof.pc-only{display:inline!important}
.btn.pc-only{display:inline-flex!important}
.bar1{padding-block:13px;gap:28px}
.brand{font-size:23px;gap:10px}.logo{width:36px;height:36px;border-radius:10px}.logo svg{width:22px;height:22px}
.bar1 .rsearch{max-width:520px}
.install{display:none!important}
.tagline{font-size:13.5px;font-weight:600;color:var(--mut);margin-left:-18px;white-space:nowrap}
.lcount{margin:0 0 6px}
.bar1 .asof{margin-left:auto;font-size:13px;color:var(--mut);white-space:nowrap}
.bar1 .rsearch input{padding:9px 14px}
.tabs{display:block;border-top:1px solid var(--line2)}
.tabs .in{display:flex;gap:4px}
.tabs a{font-size:15px;font-weight:650;padding:11px 14px;color:var(--mut);text-decoration:none;border-bottom:2.5px solid transparent;margin-bottom:-1px}
.tabs a:hover{color:var(--fg)}.tabs a.on{color:var(--acc);border-bottom-color:var(--acc)}
.hero .in{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:center;padding-block:36px 38px}
.hero h1{font-size:40px;margin-bottom:8px}
.hero .sub{font-size:16px;margin-bottom:18px}
.hero .rsearch{max-width:620px;margin-bottom:12px}
.hero .rsearch input{padding:13px 16px}
.cta{display:flex;gap:8px}
.phead .in{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:end;padding-block:18px 20px}
.phead.plain .in{grid-template-columns:minmax(0,1fr)}
h1{font-size:28px}
.lead,.summary{font-size:14.5px}
.stats{margin:0;background:var(--bg);border-radius:10px}
.stat{padding:11px 16px}.stat b{font-size:26px}.stat span{font-size:13px}
.layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:28px;align-items:start}
.rail{position:sticky;top:124px;max-height:calc(100vh - 136px);overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}
.rail:hover{scrollbar-color:var(--line) transparent}
.fbar{margin:0 0 10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 0}
.fg{display:block;overflow:visible;padding:6px 8px;border-bottom:1px solid var(--line2)}
.fg:last-of-type{border-bottom:0}
.fl{display:block;padding:2px 7px 5px;font-size:12px;font-weight:700;color:var(--faint)}
.fg button{display:flex;justify-content:space-between;width:100%;text-align:left;border:0;border-radius:7px;background:none;padding:5px 8px;color:var(--fg);font-size:14px}
.fg button:hover{background:var(--chip)}
.fg button.on,.fg button.on small{background:var(--tint);color:var(--acc2)}
.cnt{padding:4px 15px 6px;font-size:13px}
.rbox{margin:0 0 10px}
.rbox summary{cursor:default;pointer-events:none;padding:10px 15px 6px;font-size:13px;color:var(--faint)}
.rbox summary::after{content:none}.rbox[open] summary::after{content:none}
.rlist{display:block;padding:0 8px 8px}
.rlist a{padding:5px 8px}
.content{min-width:0}
.jhead{display:grid;grid-template-columns:68px minmax(0,1fr) 150px 112px 48px 84px;gap:14px;padding:9px 16px;font-size:12.5px;font-weight:700;color:var(--mut);background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0}
.jobs{margin:0 0 6px;background:var(--card);border:1px solid var(--line);border-radius:0 0 10px 10px;overflow:hidden}
.side .jobs,.main .jobs{border-radius:10px}
.job{grid-template-columns:68px minmax(0,1fr) 150px 112px 48px 84px;gap:14px;align-items:center;padding:11px 16px;margin:0;border:0;border-top:1px solid var(--line2);border-radius:0}
.jobs li:first-child .job{border-top:0}
.job:hover{background:var(--tint)}.job:hover b{color:var(--acc2)}
.job:hover .nw{background:var(--card)}
.c-dd{grid-column:auto;grid-row:auto}.t{grid-column:auto;grid-row:auto}
.t b{font-size:15px;font-weight:600}
.tags{display:none}
.c{display:block;font-size:13.5px;color:var(--mut);line-height:1.4;overflow-wrap:anywhere;word-break:keep-all}
.c-pos,.c-end{text-align:right}.c-end{color:var(--fg);font-weight:600;white-space:nowrap}
.jhead span:nth-child(5),.jhead span:nth-child(6){text-align:right}
.grid16{grid-template-columns:repeat(8,minmax(0,1fr))}
.grid16 a{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.grid16 a:hover{border-color:var(--acc);color:var(--acc)}
.guidebox{padding:28px 28px 26px;margin:40px 0 0}
.guidebox h2{font-size:26px}
.gb{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gb a{padding:18px}
/* 메인 공고: PC 바둑판 카드 */
.jobs.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 6px;background:none;border:0;border-radius:0;overflow:visible}
.jobs.cards li{display:flex;min-width:0}.jobs.cards li[hidden]{display:none}
.jobs.cards li .job{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;gap:10px 8px;align-items:start;padding:14px 16px 13px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.jobs.cards .oo{display:inline-block;grid-column:1;grid-row:1;justify-self:start;font-size:12px;font-weight:700;line-height:1.5;padding:2px 8px;border-radius:999px;background:var(--tint);color:var(--acc2)}
.jobs.cards .c-dd{grid-column:2;grid-row:1}.jobs.cards .dd{font-size:14px;min-width:50px;padding:3px 8px}
.jobs.cards .t{grid-column:1/-1;grid-row:2;display:flex;flex-direction:column;height:100%}
.jobs.cards .t b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.84em;font-size:15.5px;font-weight:700}
.jobs.cards .t small{margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jobs.cards .tags{display:flex;margin-top:auto;padding-top:9px}
.jobs.cards .c{display:none}
.jobs.cards li .job:hover{background:var(--card);border-color:var(--acc);box-shadow:0 8px 22px rgba(15,36,44,.09);transform:translateY(-2px)}
.jobs.cards li .job:has(.dd.d0){border-color:color-mix(in srgb,var(--red) 55%,var(--line))}
.shead:first-child{margin-top:0}
.shead{margin:26px 0 10px}
.more{display:none}
.linkgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.linkgrid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.guide .linkgrid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.prose{padding:28px 32px 20px}
.cards2{columns:2;column-gap:14px}.cards2 .card{break-inside:avoid;margin:0 0 14px}
.jobhead .in{grid-template-columns:minmax(0,1fr)}
.jobgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}
.jobgrid .side{grid-column:2;grid-row:1;position:sticky;top:124px}
.jobgrid .main{grid-column:1;grid-row:1}
.jobgrid .side .card{margin-top:0}
.side .btn.pri{display:flex;width:100%;margin:12px 0 10px}
.jobgrid .main .card:first-child{margin-top:0}
.main .jhead{display:none}
.main .job{grid-template-columns:62px minmax(0,1fr) 84px}
.main .c-area,.main .c-kind,.main .c-pos{display:none}
.toast{bottom:24px}
.foot{margin-top:0}
.foot .in{padding-block:30px 34px}
}