/* 어느 사이트에나 필요한 규칙만 둔다. 색·모양·배치는 theme.css 에 쓴다 */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;word-break:keep-all;overflow-wrap:anywhere}
img,svg{max-width:100%}
/* 주소는 하나이고 같은 HTML 을 나눠 보여 준다. 1024px 이상이 PC 화면이다 */
.pc-only{display:none!important}
@media(min-width:1024px){.pc-only{display:revert!important}.m-only{display:none!important}}
a[target="_blank"]::after{content:"↗";margin-left:.2em;font-weight:500}
/* 움직임을 줄이도록 설정한 사람에게는 움직이지 않는다 */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 공매여기: 먹색 첫 화면, 호박색 강조, 내일 마감 숫자만 빨강, 날짜 고르는 달력 */
:root{--dk:#1d2129;--ink:#17181c;--sub:#555a62;--line:#e6e8ea;--line2:#cfd3d7;--am:#ffc53d;--red:#b3261e;color-scheme:light}
body{background:#f4f5f6;color:var(--ink);font:15px/1.5 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
.w{max-width:1168px;margin:auto;padding:0 24px}

/* 머리글 */
/* 머리글과 메뉴는 스크롤해도 맨 위에 붙어 있다 */
.top{position:sticky;top:0;z-index:50;background:#fff}html{scroll-padding-top:122px}
header{background:#fff}.tp{display:flex;align-items:center;gap:11px;height:62px}.mk{width:34px;height:34px;border-radius:10px;background:var(--dk);color:var(--am);display:grid;place-items:center}.mk svg{width:23px;height:23px}.logo{font-weight:800;font-size:21px;letter-spacing:-.03em}.tp small{font-size:13px;color:var(--sub)}.tp em{margin-left:auto;font-style:normal;font-size:13px;color:var(--sub)}
.gnb{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gnb .w{display:flex;gap:28px;height:46px;align-items:center;font-weight:600}.gnb a{color:#3a3f47}.gnb a:hover,.gnb a.cur{color:var(--ink)}.gnb a.cur{box-shadow:inset 0 -2px 0 var(--ink);height:100%;display:flex;align-items:center}.gnb i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:2px}

/* 첫 화면 */
.hero{background:var(--dk);color:#fff}.hero .w{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,520px);gap:44px;padding-top:30px;padding-bottom:32px;align-items:center}.bd{display:inline-block;border:1px solid #5a5340;color:var(--am);border-radius:99px;padding:3px 12px;font-size:12.5px;font-weight:700}.hero h1{font-size:clamp(28px,2.9vw,36px);line-height:1.3;margin:12px 0 10px;letter-spacing:-.03em;font-weight:800}.hero h1 b{color:var(--am);font-weight:800;white-space:nowrap}.hero .lead{margin:0 0 16px;color:#c9ced6;font-size:14.5px}
.find input{width:100%;border:0;border-radius:10px;padding:15px 16px;font:15.5px 'Pretendard Variable',Pretendard,sans-serif;color:var(--ink);background:#fff}.find input::placeholder{color:#62676f}.find input:focus{outline:3px solid var(--am);outline-offset:1px}.bs{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.bs a{padding:11px 16px;border-radius:10px;font-weight:700}.p1{background:var(--am);color:#231a00}.p2{border:1px solid #626874;color:#fff}.p2 b{color:var(--am)}

/* 달력 */
.calbox{background:#fff;color:var(--ink);border-radius:20px;padding:22px 22px 14px;border:2px solid rgba(255,197,61,.5)}.calhd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.calhd b{display:block;font-size:20px;font-weight:800;letter-spacing:-.025em}.calhd small{display:block;margin-top:2px;font-size:12.5px;color:#666a71}.calhd button{flex:none;border:1px solid #d3d6da;background:#fff;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:600;color:#3a3f47;white-space:nowrap}.calhd button:hover{border-color:var(--ink)}
.wk,.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.wk{padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid var(--line)}.wk span{text-align:center;font-size:12.5px;font-weight:600;color:#666a71}.wk span:first-child{color:#c8453b}.wk span:last-child{color:#3f6fc4}
.cal{row-gap:4px}.c{display:flex;flex-direction:column;align-items:center;gap:3px;height:66px;padding:1px 0 0;border:0;background:none;color:var(--ink)}.c .no{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:15.5px;font-weight:600;color:#25282e;transition:background-color .14s}.c .no.m{font-size:11.5px}.c b{color:#2a2d33;font-weight:600;font-size:12.5px;line-height:1.25;letter-spacing:-.015em;white-space:nowrap}.c b i{font-style:normal;font-size:10.5px;font-weight:500;margin-left:1px}.c .sp{visibility:hidden}.c:not(:disabled):hover .no{background:#eef0f2}.c.on .no,.c.on:hover .no{background:var(--dk);color:#fff}.c.blank{cursor:default}.c.blank .no{color:#b0b3b8;font-weight:500}.c.today .no{box-shadow:inset 0 0 0 1.5px var(--red);color:var(--red);font-weight:700}.c.past .no{color:#c4c6ca}.c:focus-visible{outline:0}.c:focus-visible .no{outline:2px solid var(--red);outline-offset:2px}.cal:not(.all) .more{display:none}

/* 공통 구역 */
h2.sec{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:20px;margin:28px 0 12px;font-weight:800;letter-spacing:-.02em}h2.sec a{font-size:13.5px;font-weight:600;color:var(--sub)}h2.sec a:hover{color:var(--ink)}
.ts{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.ts a{background:#fff;border:1px solid #dfe2e5;border-radius:10px;text-align:center;padding:7px 2px;font-weight:600}.ts a:hover{border-color:var(--ink)}.ts small{display:block;font-size:12.5px;color:#5a6068;font-weight:400}.ts.auto{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.panel{background:#fff;border:1px solid #e1e4e7;border-radius:14px;padding:18px 20px 8px;margin-top:22px}.lhd{display:flex;align-items:baseline;gap:4px 14px;flex-wrap:wrap}.lhd strong{font-size:20px;font-weight:800;letter-spacing:-.02em}.lhd small{font-size:13px;color:var(--sub);margin-right:auto}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:1px solid #d3d6da;background:#fff;border-radius:99px;padding:4px 13px;font-size:13.5px;font-weight:600;color:#3a3f47}.tabs button:hover{border-color:var(--ink)}.tabs button.on{background:var(--dk);border-color:var(--dk);color:#fff}.tabs button:focus-visible{outline:2px solid var(--red);outline-offset:2px}.warn{font-size:12.5px;color:#3e434a;margin:7px 0 12px}

/* 물건 표 */
.lst{width:100%;border-collapse:collapse}.lst th{white-space:nowrap;font-size:12.5px;text-align:left;color:var(--sub);font-weight:600;padding:8px 12px;background:#f6f7f8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lst td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}.lst tbody tr:last-child td{border-bottom:0}.lst th.r,.lst .r{text-align:right}.lst td small{display:block;font-size:12px;color:var(--sub);margin-top:1px}.n a{font-size:15px;font-weight:600;letter-spacing:-.01em}.n a:hover{text-decoration:underline}.lst tbody tr:hover{background:#fafafb}.d{white-space:nowrap;font-weight:800;color:var(--red)}.d.far{color:var(--ink)}.d.over{color:#8b8e95}.d small{font-weight:400;color:var(--sub)}.lst .r{white-space:nowrap}.b{font-weight:800;font-size:15.5px}.pct{color:var(--red);font-weight:800;font-size:15.5px}.empty{padding:26px 12px;color:#3e434a;margin:0}.morebtn{display:block;width:100%;margin:8px 0 12px;padding:11px;border:1px solid #d3d6da;background:#fff;border-radius:10px;font-weight:700;color:#3a3f47}.morebtn:hover{border-color:var(--ink)}

/* 하위 페이지 머리 */
.phead{background:var(--dk);color:#fff}.phead .w{padding-top:22px;padding-bottom:24px}.crumb{font-size:13px;color:#c9ced6;margin:0 0 6px}.crumb a:hover{text-decoration:underline}.phead h1{font-size:27px;line-height:1.3;margin:0;font-weight:800;letter-spacing:-.025em}.phead p.sub{margin:6px 0 0;color:#c9ced6;font-size:14.5px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.stats div{background:#fff;border:1px solid #e1e4e7;border-radius:12px;padding:12px 14px}.stats b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em}.stats span{font-size:12.5px;color:var(--sub)}.calwrap{margin-top:20px}.calwrap .calbox{border-color:#e1e4e7}

/* 물건 페이지 */
.it{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:20px;align-items:start}.it .panel{margin-top:0;padding-bottom:16px}.it section+section{margin-top:16px}.side{background:#fff;border:1px solid #e1e4e7;border-radius:14px;padding:18px 20px;position:sticky;top:122px}.side .dday{font-weight:800;color:var(--red)}.side .big{font-size:29px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:6px 0 2px;color:var(--ink)}.side p{margin:0;font-size:13px;color:var(--sub)}.track{height:7px;background:#ecedef;border-radius:7px;margin:12px 0 5px;overflow:hidden}.track i{display:block;height:100%;background:var(--dk)}.btn-on{display:block;text-align:center;margin-top:14px;padding:13px;border-radius:10px;background:var(--am);color:#231a00;font-weight:800}.btn-on:hover{filter:brightness(.97)}h2.h{font-size:17px;margin:0 0 10px;font-weight:800}
.kv{width:100%;border-collapse:collapse;font-size:14.5px}.kv th{width:128px;text-align:left;font-weight:500;color:var(--sub);padding:8px 0;border-bottom:1px solid var(--line);vertical-align:top}.kv td{padding:8px 0;border-bottom:1px solid var(--line)}.kv tr:last-child th,.kv tr:last-child td{border-bottom:0}.rd{width:100%;border-collapse:collapse;font-size:14.5px}.rd th{text-align:left;font-size:12.5px;font-weight:600;color:var(--sub);padding:7px 8px;background:#f6f7f8}.rd td{padding:8px;border-bottom:1px solid var(--line)}.rd .r{text-align:right}.rd tr.now td{font-weight:800}.alert{margin:0 0 10px;padding:10px 12px;border-left:3px solid var(--red);background:#fbf3f2;font-size:14px}.same a{display:block;padding:9px 0;border-bottom:1px solid var(--line)}.same a:last-child{border-bottom:0}.same a:hover{text-decoration:underline}.same small{display:block;color:var(--sub);font-size:12.5px}

/* 안내 */
.gd{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.gd a{display:block;background:#fff;border:1px solid #e1e4e7;border-radius:12px;padding:16px}.gd a:hover{border-color:var(--ink)}.gd b{display:block;font-size:16px;font-weight:800;letter-spacing:-.015em}.gd small{display:block;margin-top:4px;font-size:13.5px;color:var(--sub);line-height:1.45}.gd em{display:block;margin-top:8px;font-style:normal;font-size:13px;font-weight:700;color:#5b4300}
.guidebox{margin:40px 0 0;padding:26px 28px;border-radius:18px;background:#fff8e6;border:2px solid #ffdf8f}.guidebox h2.sec{margin:0 0 14px;align-items:center;font-size:24px;letter-spacing:-.03em}.guidebox h2.sec a{color:#5b4300;font-weight:650}.guidebox h2.sec a:hover{color:var(--ink)}
.gb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gb a{display:flex;gap:13px;align-items:flex-start;padding:18px;background:#fff;border:1px solid #f6e3ae;border-radius:13px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.gb a:hover{border-color:var(--am);box-shadow:0 8px 20px rgba(150,105,0,.14);transform:translateY(-2px)}.gb .gi{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--dk);color:var(--am)}.gb .gi svg{width:25px;height:25px}.gb b{display:block;font-size:16.5px;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(--sub);word-break:keep-all}.gb em{display:block;margin-top:7px;font-style:normal;font-size:13.5px;font-weight:700;color:#5b4300}
.prose{background:#fff;border:1px solid #e1e4e7;border-radius:14px;padding:26px 30px;margin-top:20px;font-size:16px;line-height:1.75}.prose h2{font-size:20px;margin:26px 0 8px;font-weight:800;letter-spacing:-.02em}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 12px}.prose ol,.prose ul{margin:0 0 12px;padding-left:22px}.prose li{margin:4px 0}.prose a{text-decoration:underline;text-underline-offset:2px}.prose table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:14.5px}.prose th{text-align:left;background:#f6f7f8;font-weight:600;padding:8px 10px;border:1px solid var(--line)}.prose td{padding:8px 10px;border:1px solid var(--line);vertical-align:top}.note{font-size:13px;color:var(--sub)}.twocol{max-width:820px}

/* 바닥글 */
.foot{margin-top:40px;background:var(--dk);padding:24px 0 28px;font-size:13px;color:#aab0b8;line-height:1.7}.foot b{display:block;margin-bottom:8px;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.03em}.foot nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px;font-weight:600;color:#e3e6ea}.foot nav a:hover{color:var(--am)}.foot p{margin:0;word-break:keep-all}

/* 효과 */
@keyframes gm-shine{0%{background-position:100% 0}16%,100%{background-position:0 0}}
.hero h1 b{background:linear-gradient(105deg,#ffc53d 45%,#fff 50%,#ffc53d 55%);background-size:300% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gm-shine 7s ease-in-out .9s infinite}
.hero h1 b.hot{background-image:linear-gradient(105deg,#ff5247 45%,#fff 50%,#ff5247 55%)}
@keyframes gm-card{0%,100%{border-color:rgba(255,197,61,.5);box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 0 0 rgba(255,197,61,0)}50%{border-color:#ffc53d;box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 28px 4px rgba(255,197,61,.45)}}
@keyframes gm-badge{0%,100%{border-color:rgba(255,197,61,.45);box-shadow:0 0 0 0 rgba(255,197,61,0)}50%{border-color:#ffc53d;box-shadow:0 0 14px 1px rgba(255,197,61,.4)}}
@keyframes gm-pulse{0%{box-shadow:0 0 0 0 rgba(179,38,30,.55)}70%{box-shadow:0 0 0 7px rgba(179,38,30,0)}100%{box-shadow:0 0 0 0 rgba(179,38,30,0)}}
.hero .calbox{animation:gm-card 2.6s ease-in-out infinite}.bd{animation:gm-badge 2.6s ease-in-out infinite}.gnb i{animation:gm-pulse 2s ease-out infinite}
#dayttl em{font-style:normal;color:var(--red)}
.dday.over{color:#6b7078}.side p.bidst{margin:2px 0 6px;font-weight:700;color:#3a3f47}
.rd .r{white-space:nowrap}.pct.na,.pct.na *{color:#8b8e95}.lst td.pct.na{color:#8b8e95}.legend{margin:10px 0 10px;font-size:12.5px;line-height:1.55;color:var(--sub)}.tip p{margin:0 0 8px;font-size:14.5px;line-height:1.6}.tip p:last-child{margin:0}.tip a{text-decoration:underline}
/* 오늘·내일 마감 배지: 공공워크처럼 둘레로 고리가 퍼진다 */
.d.hot .dl{display:inline-block;min-width:42px;padding:2px 5px;border-radius:6px;background:var(--red);color:#fff;font-size:12.5px;text-align:center;animation:gm-pulse 2s ease-out infinite}.d.hot small{margin-top:4px}
/* 온비드 버튼: 글자 뒤로 빛이 휙 지나간다. 3.6초 중 약 1초만 움직인다 */
@keyframes gm-sweep{0%{transform:translateX(-120%)}28%,100%{transform:translateX(120%)}}
.btn-on{position:relative;overflow:hidden;isolation:isolate}.btn-on::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 75%);transform:translateX(-120%);animation:gm-sweep 3.6s ease-in-out .6s infinite}
@media(prefers-reduced-motion:reduce){.hero h1 b,.hero .calbox,.bd,.gnb i,.btn-on::before,.d.hot .dl{animation:none}.hero .calbox{border-color:#ffc53d}}

/* 휴대폰 */
@media(max-width:1023px){.guidebox{margin-top:30px;padding:20px 16px 16px}.guidebox h2.sec{margin-bottom:12px;font-size:21px}.gb{grid-template-columns:minmax(0,1fr);gap:9px}.gb a{padding:14px}.foot{padding:20px 0 24px}.w{padding:0 14px}.tp em{display:none}.tp small{font-size:12.5px;white-space:nowrap}.tp{height:54px}.gnb .w{gap:18px;overflow-x:auto;white-space:nowrap;font-size:14.5px}.hero .w{display:block;padding-top:16px;padding-bottom:20px}.hero h1{font-size:25px;margin-bottom:14px}.hero .lead,.bs{display:none}.calbox{margin-top:16px;padding:16px 10px 8px;border-radius:16px}.calhd{margin:0 6px 12px}.calhd b{font-size:18px}.calhd small{font-size:11.5px}.c{height:58px;gap:2px}.c .no{width:31px;height:31px;font-size:14px}.c b{font-size:clamp(10.5px,3vw,13px);letter-spacing:-.03em}.c b i{display:none}.ts{grid-template-columns:repeat(4,1fr)}.panel{padding:14px 14px 4px}.lhd strong{font-size:18px}.lhd small{width:100%;margin:0}.tabs{margin-top:8px;width:100%}
.lst thead{display:none}.lst,.lst tbody{display:block}.lst tbody{border-top:1px solid var(--line)}.lst tr{display:grid;grid-template-columns:72px 1fr auto;gap:1px 8px;padding:11px 0;border-bottom:1px solid var(--line)}.lst tr:last-child{border-bottom:0}.lst tr[hidden]{display:none}.lst td,.lst tbody tr:last-child td{display:block;border:0;padding:0}.n{grid-column:2/4;grid-row:1}.n a{font-size:14.5px}.d{grid-row:1/3}.lst .ap,.lst .uc{display:none}.lst .b{grid-column:2;grid-row:2;text-align:left;margin-top:3px}.lst .pct{grid-column:3;grid-row:2;margin-top:3px}
.phead h1{font-size:23px}.stats{grid-template-columns:repeat(2,1fr)}.it{display:flex;flex-direction:column-reverse;gap:14px;align-items:stretch}.side{position:static}.it section+section{margin-top:14px}.prose{padding:20px 16px;font-size:15.5px}}
