:root{--ink:#111;--faint:#666;--line:#e3e0d8;--sand:#f3efe4;--sand2:#faf8f3;--red:#d0021b;--blue:#1565c0;--done:#9a9a9a}
*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.4}
.머리{display:flex;align-items:center;gap:8px;padding:10px 20px 8px;border-bottom:1px solid var(--line)}.머리 .마크{justify-self:start}
.마크{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:30px;white-space:nowrap;margin:4px 0 12px}.마크 img{width:54px;height:54px;border-radius:50%}.왼머리{display:flex;align-items:center;gap:20px;margin-bottom:10px}.왼머리 .마크{margin:0}.왼머리 .날지금{margin:0}
.날들{position:relative}.날지금{border:2px solid var(--ink);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:18px;font-weight:900;background:var(--sand);display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px;text-align:center}.날지금:after{content:'▼ 다른 날';font-size:11px;color:var(--faint)}.날지금 small{white-space:nowrap}.날지금.토{color:var(--blue);border-color:var(--blue)}.날지금.일{color:var(--red);border-color:var(--red)}.날지금 small{font-size:12px;color:var(--faint);font-weight:700}.날펼침{display:none;position:absolute;top:calc(100% - 8px);left:0;z-index:9;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12);min-width:240px;padding:6px}.날펼침.열림{display:block}.날{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;cursor:pointer;border-radius:8px;white-space:nowrap;font-size:15px}.날:hover{background:var(--sand2)}.날 small{font-size:12px;color:var(--faint)}.날.지금{background:var(--sand);font-weight:900}.날.토{color:var(--blue)}.날.일{color:var(--red)}
.탭들{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line);overflow:visible;justify-content:center;position:relative;z-index:5}.탭{padding:8px 18px;cursor:pointer;white-space:nowrap;font-weight:800;color:var(--ink);border:1.5px solid var(--line);border-radius:10px;font-size:17px;background:#fff}.탭.지금{color:#fff;background:var(--ink);border-color:var(--ink)}.탭.하위있음{position:relative}.하위{display:none;position:absolute;top:100%;left:0;z-index:20;padding-top:6px}.하위 .하위속{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12);min-width:130px;padding:6px}.탭.하위있음:hover .하위{display:block}.하위칸{padding:8px 14px;border-radius:8px;color:var(--ink);font-weight:700;cursor:pointer;white-space:nowrap}.하위칸:hover{background:var(--sand2)}.하위칸.지금{background:var(--sand)}.탭.알림{border-color:#ef6c00;color:#b84d00;animation:박동 1.1s ease-in-out infinite}.탭.알림.지금{background:#ef6c00;border-color:#ef6c00;color:#fff}@keyframes 박동{0%{box-shadow:0 0 0 0 rgba(239,108,0,.9);background:#fff3e0;transform:scale(1)}50%{box-shadow:0 0 18px 10px rgba(239,108,0,.35);background:#ffd9b3;transform:scale(1.06)}100%{box-shadow:0 0 0 0 rgba(239,108,0,0);background:#fff3e0;transform:scale(1)}}
.판{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 100px)}
.경주목록{border-right:1px solid var(--line);padding:10px 10px;background:#fff}
.경주칸{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;margin-bottom:4px;border:1.5px solid transparent}
.경주칸 .띠{width:5px;height:30px;border-radius:3px;flex:none}.경주칸 b{font-size:15px}.경주칸 .때{margin-left:auto;font-weight:800;font-size:14px}
.경주칸.지금{color:#fff}.경주칸.지금 .띠{background:#fff!important}.경주칸.끝{color:var(--done)}.경주칸.끝 .띠{opacity:.35}.경주칸.끝 .때{color:var(--done)}.경주칸:not(.지금):hover{background:var(--sand2)}
.본문{padding:12px 14px 40px}
.경주머리{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 10px}.경주머리 .곳{padding:3px 11px;border-radius:7px;color:#fff;font-weight:900;font-size:21px}.경주머리 .글{font-weight:900;font-size:21px}.경주머리 .조건{color:var(--ink);font-size:16px;font-weight:800}
@media(max-width:800px){.경주머리 .곳,.경주머리 .글{font-size:18px}.경주머리 .조건{font-size:14.5px}}
.출발{margin-left:auto;border:3px solid #ffe14d;box-shadow:0 0 0 1px #c49a5e;border-radius:10px;padding:4px 14px;background:#fffbe6;white-space:nowrap;text-align:center;line-height:1.15}.출발 small{display:block;font-size:11.5px;color:var(--faint);font-weight:700}.출발 span{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}
table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);padding:5px 4px;text-align:left;vertical-align:middle;font-size:13.5px;white-space:nowrap}table.표 .작게{font-size:11px}table.표 td.마주{font-size:12.5px}th{background:#fff;font-size:14px;color:var(--ink);font-weight:900;border-bottom:2px solid var(--ink)}
tr:nth-child(odd) td{background:#fff}tr:nth-child(even) td{background:var(--sand)}
.네모{display:inline-block;width:32px;height:32px;padding:0;margin:0;border-radius:4px;font-weight:900;font-size:15px;border:2px solid;vertical-align:middle;line-height:28px;text-align:center;box-sizing:border-box;font-family:inherit;letter-spacing:0;font-variant-numeric:tabular-nums}.네모.넓게{width:40px}
.마명{font-weight:900;font-size:16px}.작게{font-size:12px;color:var(--faint)}.동반{padding:0 4px;border:1px solid;border-radius:4px;font-weight:700}.기수명{font-weight:900}.감량{display:inline-block;font-size:11px;font-weight:800;color:#b84d00;background:#fff3e0;border:1px solid #f5c27a;border-radius:5px;padding:0 5px;vertical-align:middle}
.첫출전{display:inline-block;border:2px solid var(--ink);border-radius:6px;padding:0 7px;font-weight:900;font-size:13px;line-height:22px;background:#fff}.심사{color:var(--faint);font-size:12px}
.일위표{display:inline-block;margin-left:4px;padding:0 4px;border-radius:4px;background:var(--red);color:#fff;font-size:10.5px;font-weight:900;vertical-align:middle;line-height:16px}.거리별{font-size:12.5px;line-height:1.25}.같은거리{font-weight:900;text-decoration:underline}
.오름{color:var(--red)}.내림{color:var(--blue)}.일위{font-weight:900;text-decoration:underline}.취소{opacity:.45}
.지움단추{display:inline-block;width:34px;height:22px;line-height:18px;text-align:center;border:1.5px solid var(--ink);border-radius:5px;font-size:12px;font-weight:900;background:#fff;cursor:pointer}.지움단추.켬{background:var(--ink);color:#fff}.당근{width:22px;height:22px;vertical-align:middle;cursor:pointer;opacity:.22}.당근.켬{opacity:1}
.둘{display:grid;grid-template-columns:1fr 1fr;gap:20px}.셋{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}
.기본둘{grid-template-columns:minmax(0,1fr) auto}@media(max-width:1300px){.기본둘{grid-template-columns:1fr}}@media(max-width:1499px){.판{grid-template-columns:220px minmax(0,1fr)}.마크{font-size:26px}.마크 img{width:46px;height:46px}.본문{padding:12px 8px 40px}th,td{padding:5px 3px;font-size:13px}}@media(min-width:1500px){body{font-size:17px}th,td{font-size:15px;padding:7px 9px}.판{grid-template-columns:260px minmax(0,1fr)}.본문{padding:16px 28px 40px}.셋{grid-template-columns:280px minmax(0,1fr)}}
.상자{border:1px solid var(--line);border-radius:10px;padding:12px;margin:6px 0;background:#fff}.상자 h4{margin:0 0 8px;font-size:15px}
.갈래줄{display:flex;gap:4px;margin-bottom:8px}.갈래줄 span{flex:1;text-align:center;border:1px solid var(--line);border-radius:8px;padding:5px 0;cursor:pointer;font-weight:700;color:var(--faint)}.갈래줄 span.지금{background:var(--ink);color:#fff;border-color:var(--ink)}
.목록줄{display:flex;align-items:center;gap:10px;padding:7px 8px;cursor:pointer;border-radius:6px;font-size:18px}.목록줄 .네모{width:38px;height:38px;line-height:34px;font-size:17px}.목록줄:nth-child(even){background:var(--sand)}.목록줄:hover{outline:1.5px solid var(--ink)}
.영상{display:inline-block;border:1.5px solid var(--red);color:var(--red);border-radius:6px;padding:1px 8px;font-size:12.5px;font-weight:800;text-decoration:none;white-space:nowrap}.영상:hover{background:var(--red);color:#fff}
.도장{color:var(--red);font-weight:900}.별{color:#e6a700}
.카드 .칸들{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.카드 .칸{border-bottom:1px solid var(--line);padding:8px 6px}.카드 .칸들 .칸:nth-child(4n+3),.카드 .칸들 .칸:nth-child(4n+4){background:var(--sand)}.카드 .지난칸{margin-top:10px;padding:8px 6px}.카드 .칸 .제목{font-size:12px;color:var(--faint)}
.기본격자{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.전적들{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.전적상자{background:var(--sand);border-radius:10px;padding:10px 12px}.전적머리{font-size:13.5px;color:var(--faint);margin-bottom:6px}.전적머리 b{color:var(--ink);font-size:15px}.비율줄{display:flex;gap:6px}.비율칸{flex:1;background:#fff;border-radius:8px;padding:6px 4px;text-align:center}.비율제목{font-size:12px;color:var(--faint);font-weight:600}.비율값{font-size:20px;font-weight:900}.조교표{width:auto;max-width:100%}.기본둘{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 28px;align-items:start}.그래프열{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}.구보{color:var(--blue);font-weight:800}.습보{color:var(--red);font-weight:800}tr.나 td{background:#fff3bf!important}
.소속표들{display:grid;grid-template-columns:repeat(4,1fr);gap:0 20px}.소속표 tr{cursor:pointer}.소속표 tr:hover td{outline:1.5px solid var(--ink)}.소속말{display:flex;flex-wrap:wrap;gap:6px}.소속칩{border:1px solid var(--line);border-radius:8px;padding:3px 10px;cursor:pointer;font-weight:700}.소속칩:hover{background:var(--sand)}.소속칩 small{color:var(--faint);font-weight:400}
.카드제목{margin:4px 0 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.큰이름{font-size:30px;font-weight:900}.부제{font-size:16px;color:var(--faint);font-weight:600}.큰네모{width:46px!important;height:46px!important;line-height:42px!important;font-size:21px!important}
.절{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 12px}.절머리{font-weight:900;font-size:15px;margin-bottom:8px;display:flex;align-items:baseline;gap:10px;border-bottom:2px solid var(--ink);padding-bottom:4px}
.그래프둘{display:flex;flex-direction:column;gap:4px}
.그래프{display:inline-block;vertical-align:top;margin:8px 18px 4px 0}.그래프 .제목{font-size:12px;color:var(--faint);margin-bottom:2px}.그래프행{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.조교표{max-width:50%}
.안내{background:var(--sand2);border:1px solid var(--line);border-radius:10px;padding:18px;font-size:16px;line-height:1.6}
.마방판{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin-top:10px}.마방카드{border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;background:#fff}.마방카드:hover{outline:1.5px solid var(--ink)}.마방머리{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:6px}.마방머리 .빼기{margin-left:auto;font-size:12px;border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--faint)}.마방줄{font-size:13.5px;color:var(--faint);padding:2px 0}.마방줄 .곳{color:#fff;padding:1px 6px;border-radius:5px;font-weight:700}
.계산기 .승식,.계산기 .법{display:flex;flex-wrap:wrap;gap:6px}.계산기 .승식 span,.계산기 .법 span{border:1px solid var(--line);border-radius:8px;padding:4px 10px;cursor:pointer}.계산기 .승식 span.지금,.계산기 .법 span.지금{border:2px solid var(--ink);font-weight:900;background:var(--sand)}
.계산기 .마번들{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0}.계산기 .마번들 .네모{cursor:pointer;background:#fff!important;color:#9aa4ad!important;border:1.5px solid #cfd6dc!important;text-shadow:none!important;font-weight:700}.계산기 .마번들 .네모.고름{color:var(--고름색,#111)!important;background:var(--고름배경,#fff)!important;border:3px solid #111!important;transform:scale(1.12);font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.25)}.계산기 .물림{font-weight:400;color:var(--faint)}
.계산기 .결과칸{font-size:22px;font-weight:900}.계산기 .셈줄{margin-top:8px}.계산기 .줄이름{font-size:13px;font-weight:900;color:var(--faint);margin-bottom:2px}.계산기 .금액들{display:flex;flex-wrap:wrap;gap:6px}.계산기 .금액{border:1px solid var(--line);border-radius:8px;padding:4px 10px;cursor:pointer}.계산기 .금액.지금{border:2px solid var(--ink);font-weight:900;background:var(--sand)}.계산기 .둘셈{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.계산기 .조합목록{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.계산기 .조합목록 span{border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-weight:700;font-size:14px}.계산기 .배당입력{font-size:20px;font-weight:900;width:120px;padding:4px 8px;border:1.5px solid var(--ink);border-radius:8px}.계산기 .배당단추{border:1px solid var(--line);border-radius:6px;padding:2px 8px;cursor:pointer;display:inline-block;margin:2px 0}.단추{border:1.5px solid var(--ink);border-radius:8px;background:#fff;padding:4px 12px;font-size:16px;cursor:pointer}
.줄{display:none}
@media(max-width:800px){.소속표들{grid-template-columns:1fr 1fr}.큰이름{font-size:24px}.탭들{overflow-x:auto}.머리{grid-template-columns:1fr;justify-items:center}.기본둘{grid-template-columns:1fr}.기본격자{grid-template-columns:1fr}.조교표{max-width:100%}.전적표{min-width:0}.카드 .칸들{grid-template-columns:1fr}.판{grid-template-columns:1fr!important}.경주목록{display:flex;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 12px}.경주칸{flex:none;margin:0;padding:5px 10px;border:1.5px solid var(--line)}.경주칸 .띠{height:22px}.경주칸 .때{margin-left:4px}.둘,.셋{grid-template-columns:1fr}.상자{overflow-x:auto}table.표{display:none}.줄{display:block}.줄 .한줄{border-bottom:1px solid var(--line);padding:8px 6px}.줄 .한줄:nth-child(even){background:var(--sand)}.줄 .첫{display:flex;align-items:center;gap:8px}.줄 .첫 .최근{margin-left:auto;font-size:14px}.줄 .아래{font-size:13px;color:var(--faint);padding-left:40px}.줄 .아래 .단추줄{margin-top:4px}.마크{font-size:20px}.탭{font-size:15px;padding:6px 12px}.탭들{justify-content:flex-start;padding:8px 10px}.본문{padding:10px 12px 40px}.출발 span{font-size:18px}.머리{padding:8px 12px;gap:8px}.탭들{padding:0 6px}}

.굵게{font-weight:900}.배당{font-weight:900;font-size:15px}.배당.빨강{color:var(--red,#c62828)}.배당.파랑{color:var(--blue,#1f5fbf)}.배당.검정{color:#111}@media(max-width:1300px){.기본둘{grid-template-columns:1fr}.그래프열{max-width:100%}}

.편성별{color:#1f5fbf;font-size:13px;letter-spacing:-1px;white-space:nowrap}.편성별 .빈별{color:#ddd}.목록별{display:block;font-size:11px;line-height:1;margin-top:2px}.경주칸.지금 .편성별 .빈별{color:rgba(255,255,255,.45)}.경주칸.지금 .편성별{color:#fff}.전문{max-width:760px}.전문제목{font-size:20px;margin:0 0 8px}.전문카드{display:flex;gap:12px;align-items:center;background:var(--sand2,#f6f4ee);border-radius:8px;padding:10px;margin-bottom:8px}.전문사진{width:52px;height:52px;border-radius:50%;background:#e4e0d6;color:#888;font-weight:900;display:flex;align-items:center;justify-content:center;flex:none}.전문상자{border:1px solid #999;border-radius:8px;padding:10px;margin-top:8px}.꼬리{border-top:1px solid var(--ink);margin-top:16px;padding-top:8px;font-size:13px;color:var(--faint)}

.하루총평{margin:6px 0;line-height:1.6}.예상머리{display:flex;justify-content:space-between;align-items:center}.스피커{font-weight:900}.총평{line-height:1.7;margin-top:6px}.예상줄{display:flex;align-items:center;gap:10px;margin-top:10px}.차례{font-weight:900;color:var(--faint);width:18px}.예상마명{font-size:18px}.까닭{line-height:1.7;margin:4px 0 0 28px;color:#222}.별{color:#d0021b;font-weight:900}

.경주칸{flex-wrap:wrap}.목록별{flex-basis:100%;margin-left:14px;display:block;font-size:11px;line-height:1}

@media(min-width:801px){.경주목록{position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto}}.목록별{order:9}

.자료알림{padding:40px 16px;text-align:center;font-size:18px;color:var(--faint)}
@media(max-width:800px){.판{grid-template-columns:minmax(0,1fr)!important}.셋{grid-template-columns:minmax(0,1fr)}.목록줄{flex-wrap:wrap}.전적들{grid-template-columns:minmax(0,1fr)}.카드 .칸들{grid-template-columns:minmax(0,1fr)}.절{overflow-x:auto}}
.영상창{display:block;margin:10px 0;padding:10px 12px;border:2px solid var(--red);border-radius:10px;color:var(--red);background:#fff;text-align:center;font-size:18px;font-weight:900;text-decoration:none}.영상창 small{display:block;font-size:13px;color:var(--faint);font-weight:700;margin-top:2px}
@media(max-width:800px){.기본둘{grid-template-columns:minmax(0,1fr)!important}.기본둘>*{min-width:0}.그래프{display:block;margin:8px 0 4px;max-width:100%}.그래프 svg{max-width:100%;height:auto}}
@media(max-width:800px){.날펼침{position:fixed;top:72px;left:12px;right:12px;min-width:0;max-height:70vh;overflow-y:auto;z-index:1000}}

html,body{height:auto!important}
body{min-height:100vh}
/* 미리보기 21 : 위 고정 줄 · 뒤로 · 날짜 칸 시안 · 빈 칸 채움 */
.윗줄{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.윗속{display:flex;align-items:center;gap:16px;padding:8px 20px}
.윗마크 .마크{font-size:24px;margin:0;gap:8px}
.윗마크 .마크 img{width:40px;height:40px}
.윗줄 .탭들{border-bottom:0;padding:0;flex:1;justify-content:center}
.경주목록{top:var(--윗높이,62px)!important;max-height:calc(100vh - var(--윗높이,62px))!important}
.왼위{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.뒤로{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 14px 6px 10px;border:1.5px solid var(--line);border-radius:999px;font-weight:800;font-size:15px;cursor:pointer;background:#fff;color:var(--ink)}
.뒤로 .뒤화살{font-size:22px;line-height:1;margin-top:-2px}
.뒤로:hover{border-color:var(--ink)}
.뒤로.없음{opacity:.35;cursor:default}
.왼머리{gap:14px;flex-wrap:wrap}
/* 시안 A : 앞뒤 단추 + 달력 */
.날A{position:relative}
.날A줄{display:flex;align-items:stretch;border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;background:#fff}
.날A단추{display:flex;align-items:center;justify-content:center;width:38px;font-size:28px;font-weight:700;cursor:pointer;background:var(--sand2);color:var(--ink);user-select:none}
.날A단추:hover{background:var(--sand)}
.날A단추.끝{color:#ccc;cursor:default;background:#fafafa}
.날A가운데{flex:1;text-align:center;padding:8px 4px;cursor:pointer;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.날A날{font-size:19px;font-weight:900;white-space:nowrap}
.날A날.토{color:var(--blue)}.날A날.일{color:var(--red)}
.날A요{display:inline-block;font-size:13px;padding:1px 7px;border-radius:999px;background:currentColor;vertical-align:2px}
.날A요{color:inherit}
.날A날 .날A요{background:none;border:1.5px solid currentColor}
.날A곳{font-size:12px;color:var(--faint);font-weight:700;margin-top:2px;white-space:nowrap}
.날A곳:after{content:' · 달력 ▾';color:#aaa}
.달력{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.14);padding:8px 6px}
.달력.열림{display:block}
.달머리{font-weight:900;text-align:center;margin-bottom:6px;position:relative}
.달닫기{position:absolute;right:2px;top:0;font-size:12px;color:var(--faint);cursor:pointer;padding:0 4px}
.달판{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center;font-size:13px}
.달판 b{font-size:11px;color:var(--faint)}
.달판 b.일,.달날.일{color:var(--red)}.달판 b.토,.달날.토{color:var(--blue)}
.달날{padding:5px 0;border-radius:8px;color:#bbb;position:relative}
.달날.있음{color:var(--ink);font-weight:900;cursor:pointer;background:var(--sand2)}
.달날.있음.일{color:var(--red)}.달날.있음.토{color:var(--blue)}
.달날.있음 i{position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#ef6c00}
.달날.지금{background:var(--ink)!important;color:#fff!important}
/* 시안 B : 날짜 띠 */
.날B머리{font-size:12px;font-weight:800;color:var(--faint);margin:0 2px 4px}
.날B띠{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}
.날B칸{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;width:52px;padding:6px 0 5px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:#fff;scroll-snap-align:center}
.날B칸 small{font-size:11px;font-weight:800;color:var(--faint)}
.날B칸 b{font-size:20px;line-height:1.1}
.날B칸 i{font-style:normal;font-size:10px;color:var(--faint);white-space:nowrap}
.날B칸.토 b,.날B칸.토 small{color:var(--blue)}.날B칸.일 b,.날B칸.일 small{color:var(--red)}
.날B칸.지금{background:var(--ink);border-color:var(--ink)}
.날B칸.지금 b,.날B칸.지금 small,.날B칸.지금 i{color:#fff!important}
.구간줄{white-space:nowrap;font-size:13px}
.찾기상자{margin-bottom:10px}
.찾기칸{width:100%;font:inherit;font-size:16px;padding:9px 12px;border:1.5px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink)}
.찾기칸:focus{outline:3px solid #f0d58a;outline-offset:1px}
.찾은판{margin-top:6px;border:1px solid var(--line);border-radius:10px;max-height:320px;overflow-y:auto;background:#fff}
.찾은줄{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);cursor:pointer}
.찾은줄:hover{background:var(--sand)}
.구간판 a.영상{white-space:nowrap}
.절둘 table{width:100%!important;max-width:none!important}
.절둘 td:first-child{white-space:nowrap!important}
.조글{font-size:.82em;color:var(--faint);font-weight:400;margin-left:1px;white-space:nowrap}
.마방줄 b{font-weight:800}
.마방출전{font-weight:700}
.마방없음{color:var(--faint)}
.지난갈림{font-size:12px;color:var(--faint);font-weight:800;margin:10px 4px 4px;padding-top:6px;border-top:1px dashed var(--line)}
.경주칸 .때.진행{color:#d0021b;font-weight:900}
.경주칸.지금 .때.진행{color:#fff}
@media(max-width:800px){.지난갈림{margin:0 2px;padding:0 6px;border-top:0;border-left:1px dashed var(--line);display:flex;align-items:center;white-space:nowrap}}
.배지칸{display:inline-block;width:34px;text-align:left;padding-left:4px}
.구간판 th.왼,.구간판 td.왼{text-align:left}
table.구간판 th.숫{padding-right:40px}
.구간판 .값{min-width:48px}
.절말{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:4px}
.절말 b{font-size:17px}
.탭.알림{animation:none!important;box-shadow:none!important;transform:none!important;background:#fff3e0}
.절둘{grid-template-columns:minmax(0,0.72fr) minmax(0,1.28fr)!important}
@media(max-width:1799px){.절둘{grid-template-columns:minmax(0,1fr)!important}}
.절둘 .조교표 td{white-space:normal;word-break:keep-all}
.절둘 .조교표 th,.절둘 .조교표 td{padding-left:6px;padding-right:6px}
.기본둘{grid-template-columns:minmax(0,1fr)!important}
.그래프열{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;border-top:1px solid var(--line);padding-top:12px;margin-top:6px}
.그래프열 .그래프둘{display:contents}
.그래프열{align-items:stretch!important}
.그래프열 .그래프{display:flex;flex-direction:column}
.그래프열 .그래프 svg{margin:auto 0}
.절둘 .조교표{width:100%}
.그래프열 .그래프{margin:0;min-width:0;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.그래프열 .그래프 svg{width:100%;height:auto;max-height:260px}
.공지판{max-width:960px;margin:0 auto}
.공지판 h2{text-align:center;margin:10px 0 14px}
.공지갈래줄{display:flex;justify-content:center;gap:8px;margin-bottom:14px}
.공지갈래줄 span{padding:8px 20px;border:1.5px solid var(--line);border-radius:999px;font-weight:800;cursor:pointer}
.공지갈래줄 span.지금{background:var(--ink);color:#fff;border-color:var(--ink)}
table.공지표{width:100%;border-collapse:collapse;border-top:2px solid var(--ink)}
.공지표 .제목{width:auto}
.공지표 td,.공지표 th{white-space:normal!important;word-break:keep-all}
.공지표 th{font-size:13px;color:var(--faint);padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}
.공지표 td{padding:13px 8px;border-bottom:1px solid var(--line)}
.공지표 .공번,.공지표 .공날{width:70px;text-align:center;color:var(--faint);font-variant-numeric:tabular-nums}
.공지표 .공갈{width:110px}
.공지줄{cursor:pointer}
.공지줄:hover td,.공지줄.열림 td{background:var(--sand2)}
.공지줄 .제목{font-weight:800}
.공지속 td{background:var(--sand2);line-height:1.8;padding:14px 20px 18px}
.묻판{border-top:2px solid var(--ink)}
.묻글{border-bottom:1px solid var(--line)}
.묻글 summary{padding:14px 8px;font-weight:800;cursor:pointer;display:flex;gap:10px;align-items:center}
.묻Q{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;flex:none}
.묻Q.답{background:#8d6e00}
.묻A{display:flex;gap:10px;padding:0 8px 16px;line-height:1.8}
.공지끝{text-align:center;margin-top:18px;font-size:13px;color:var(--faint)}
.가로띠{display:none}
@media(max-width:800px) and (orientation:portrait){.가로띠{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;background:#e8f1fb;border-bottom:1px solid #b9d3f0;font-size:13px}.가로단추{margin-left:auto;padding:4px 12px;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.가로닫기{color:var(--faint);cursor:pointer}}
.착1{color:#d0021b!important}.착2{color:#1565c0!important}.착3{color:#c98a00!important}
.붙는제목{position:sticky;top:var(--윗높이,62px);z-index:20;background:#fff;padding:10px 4px 8px;margin:0 0 6px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:10px}
.붙는제목 .큰이름{font-size:22px}
.절둘{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
.절둘>.절{min-width:0}
.첫기승{display:inline-block;font-size:12px;font-weight:800;color:#fff;background:#2e7d32;border-radius:6px;padding:1px 7px}
.탭.금빛{border:2px solid #d4a017;box-shadow:0 0 0 2px #f7e39c inset}
.탭.금빛.지금{background:#8d6e00;border-color:#d4a017;color:#fff}
.윗줄 .탭들{min-width:0;overflow-x:auto;scrollbar-width:thin}
@media(max-width:1599px){.윗줄 .탭{padding:7px 12px;font-size:16px}.윗줄 .탭들{gap:6px}}
.로그인{flex:none;padding:7px 14px;border:1.5px solid var(--ink);border-radius:999px;font-weight:800;cursor:pointer;white-space:nowrap;background:#fff}
.로그인.됨{display:flex;align-items:center;gap:6px;border-color:var(--line)}
.로그인 .아이디{font-weight:800}
.프리미엄표{font-size:12px;font-weight:900;color:#5b4300;background:linear-gradient(#ffe58a,#f2c200);border:1px solid #d4a017;border-radius:999px;padding:2px 8px}
.베타띠{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:#fff8e1;border:1px solid #f0d58a;border-radius:10px;padding:8px 12px;margin:8px 0 12px;font-size:14px}
.미리보기단추{margin-left:auto;font-size:12px;font-weight:800;color:#8d6e00;border:1px solid #d9b85c;border-radius:999px;padding:3px 10px;cursor:pointer;background:#fff}
.프리미엄판{text-align:center;border:2px solid #d4a017;border-radius:16px;padding:28px 18px;background:#fffdf3;max-width:560px;margin:10px auto}
.프리미엄관{font-size:34px;color:#d4a017}
.프리미엄판 h3{margin:6px 0 10px}
.프리미엄단추{display:inline-block;margin-top:10px;padding:10px 22px;border-radius:999px;background:#8d6e00;color:#fff;font-weight:800;cursor:pointer}
.공지판{max-width:860px}
.공지판 h2{margin:6px 0 12px}
.공지글{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff}
.공지글 summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;flex-wrap:wrap}
.공지글 summary .작게{margin-left:auto}
.공지글 p{margin:0;padding:0 16px 14px;line-height:1.7}
.공지갈래{font-size:12px;font-weight:800;border:1px solid var(--ink);border-radius:999px;padding:1px 8px}
.두줄{white-space:nowrap;line-height:1.35}
.두줄 b{font-variant-numeric:tabular-nums}
.심사표{display:inline-block;font-size:11px;font-weight:800;color:#8d6e00;background:#fff3cd;border:1px solid #f0d58a;border-radius:6px;padding:0 5px;vertical-align:1px}
table.구간판{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
table.구간판 th{font-size:14px;color:var(--ink);font-weight:900;text-align:center;padding:8px 6px;border-bottom:2px solid var(--ink);white-space:nowrap}
table.구간판 td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;cursor:pointer}
table.구간판 td.마명{text-align:left;font-weight:800}
table.구간판 td.기준{text-align:left;font-size:13px}
table.구간판 tr:nth-child(even) td{background:var(--sand2)}
table.구간판 tr:hover td{background:var(--sand)}
.구간판 .값{display:inline-block;min-width:44px;text-align:right;font-weight:700}
.구간판 .값.빈{color:#bbb;font-weight:400}
.구간판 .순{display:inline-block;min-width:34px;text-align:left;font-size:12px;color:var(--faint);padding-left:4px}
.딴거리{font-size:11px;color:#b84d00;border:1px solid #f3c49b;border-radius:6px;padding:0 4px}
.소속머리{display:flex;justify-content:space-between;font-size:12px;color:var(--faint);font-weight:700;padding:0 8px 6px;border-bottom:2px solid var(--ink);margin-bottom:2px;max-width:25%}
.소속판{display:grid;grid-auto-flow:column;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px}
.소속칸{display:flex;justify-content:space-between;align-items:center;padding:7px 8px;border-bottom:1px solid var(--line);cursor:pointer;min-height:22px}
.소속칸:hover{background:var(--sand)}
.소속칸 .마명{font-weight:800}
.소속회{font-size:13px;color:var(--faint);white-space:nowrap}
.본문{min-width:0}
@media(min-width:801px) and (max-width:1599px){table.표{display:block;overflow-x:auto;max-width:100%}}
/* 자료실 카드 기본 절 : 1600 아래에서는 한 줄씩(1440 에서 겹침 고침) */
@media(max-width:1599px){.기본둘{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:1199px){.윗줄 .탭들{min-width:0;overflow-x:auto;justify-content:flex-start}.윗속{gap:10px}}
/* 미리보기 시안 고르기 띠 (미리보기에만) */
.미리줄{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;padding:6px 10px;background:#fff8e1;border-bottom:1px solid #f0d58a;font-size:13px;font-weight:700}
.미리줄 span{padding:3px 10px;border:1px solid #d9b85c;border-radius:999px;cursor:pointer;background:#fff}
.미리줄 span.지금{background:#8d6e00;color:#fff;border-color:#8d6e00}
@media(max-width:800px){
 .윗속{gap:8px;padding:6px 8px}
 .윗마크 .마크{font-size:0;gap:0}
 .윗마크 .마크 img{width:34px;height:34px}
 .윗줄 .탭들{justify-content:flex-start;overflow-x:auto}
 .경주목록{position:static!important;max-height:none!important;display:block!important;overflow:visible!important;padding:8px 10px!important}
 .경주띠{display:flex;gap:6px;overflow-x:auto}
 .왼위{flex-direction:row;align-items:center;gap:8px;margin:0 0 8px}
 .왼위>.날A,.왼위>.날B{flex:1;min-width:0;max-width:none}
 .왼위 .뒤로{padding:6px 10px 6px 8px;font-size:14px}
 .날A날{font-size:16px}
 .절둘{grid-template-columns:minmax(0,1fr)}
 .로그인{padding:5px 10px;font-size:13px}
 .로그인 .아이디{display:none}
 .그래프열{grid-template-columns:minmax(0,1fr)!important}
 .심사판 th:nth-child(2),.심사판 td:nth-child(2),.심사판 th:nth-child(7),.심사판 td:nth-child(7),.심사판 th:nth-child(10),.심사판 td:nth-child(10){display:none}
 .심사판 th,.심사판 td{padding:6px 4px!important;font-size:13px}
 .공지표 .공번,.공지표 .공갈{display:none}
 .소속판{grid-auto-flow:row!important;grid-template-rows:none!important;grid-template-columns:repeat(2,minmax(0,1fr))}
 .소속머리{max-width:50%}
 table.구간판 th,table.구간판 td{padding:7px 4px}
 .달력{position:fixed;left:12px;right:12px;top:calc(var(--윗높이,56px) + 70px);padding:12px}
 .달판{font-size:15px;gap:4px}
 .달날{padding:8px 0}
}

/* 미리보기 22 (세션246) : 1024 폭 기수 카드 ② 이날 타는 말 여섯 칸 표 넘침 고침 - 801 ~ 1279px 폭에서만 그 표(.절둘 밖 .조교표)의 칸 글을 줄바꿈 */
@media(min-width:801px) and (max-width:1279px){table.조교표:not(.절둘 table) td{white-space:normal;word-break:keep-all}}

/* ---- 웹 손질 셋 (설계 v1R2) */
.이전탭{flex:none;display:flex;align-items:center;box-sizing:border-box}.이전탭.없음{opacity:.35;cursor:default}
.카드당근{display:inline-flex;align-items:center;justify-content:center;font-size:30px;width:1.3em;height:1.3em;margin-left:-4px;border-radius:8px;cursor:pointer;flex:none}
.카드당근 .당근{width:1em;height:1em;opacity:.4}
.카드당근.켬 .당근{opacity:1}
.카드당근:hover .당근{opacity:.55}.카드당근.켬:hover .당근{opacity:1}
.카드당근:focus-visible{outline:3px solid #ef6c00;outline-offset:2px}
.붙는제목 .카드당근{font-size:22px}
@media(max-width:800px){.카드당근{font-size:24px}.붙는제목 .카드당근{font-size:22px}}
.사용법판{padding:16px 4px}.사용법판 p{margin:0 0 12px;font-size:16px}
.사용법열기{display:inline-block;padding:12px 20px;border:2px solid var(--ink);border-radius:12px;font-weight:900;font-size:17px;cursor:pointer;background:#fff}
.튜덮{--hi:#ef6c00;--go:#1b4f9c;position:fixed;inset:0;background:rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center;padding:52px 14px 14px;z-index:200}
.튜창{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:1320px;height:calc(100vh - 126px);max-height:calc(100vh - 66px);overflow:hidden;position:relative;display:flex;flex-direction:column}
.튜닫{position:absolute;right:8px;top:6px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);border-radius:50%;font-size:26px;cursor:pointer;z-index:3}
.튜몸{flex:1;min-height:0;display:grid;grid-template-columns:68% 32%;grid-template-rows:minmax(0,1fr)}
.튜사진칸{background:var(--sand);padding:22px 16px 22px 22px;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;container-type:size}
.튜틀{position:relative;margin:0 auto;border:2px solid #cfc7b0;border-radius:10px;overflow:hidden;background:#fff;container-type:inline-size}
.튜틀 img{display:block;position:absolute;max-width:none}
.튜짚{position:absolute;z-index:2;border:3px solid var(--hi);border-radius:8px;box-shadow:0 0 0 3000px rgba(0,0,0,.05);animation:튜빛 1.4s ease-in-out infinite}
.튜짚 i{position:absolute;top:-12px;left:-12px;width:24px;height:24px;border-radius:50%;background:var(--hi);color:#fff;font-style:normal;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center}
.튜짚.둘{box-shadow:none}
.튜가짜{position:absolute;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--hi);border-radius:999px;font-weight:900;white-space:nowrap;z-index:1}
.튜가짜.탭{border:1.5px solid #d6d0c2;border-radius:9px;color:var(--ink);font-weight:800}
@keyframes 튜빛{0%,100%{border-color:var(--hi)}50%{border-color:#ffb74d}}
.튜큰{text-align:center;width:100%}.튜큰 img{width:150px;height:150px;border-radius:50%}.튜큰 div{font-size:32px;font-weight:900;margin-top:10px}.튜큰 .튜선물{font-size:90px;margin:0}
.튜글{padding:30px 26px 18px;display:flex;flex-direction:column;min-height:0}
.튜몇{font-size:14px;font-weight:800;color:#8a7a4a}
.튜글 h2{font-size:25px;margin:6px 0 12px;font-weight:900;word-break:keep-all}
.튜말{margin:0;padding:0 2px 0 0;list-style:none;display:flex;flex-direction:column;gap:9px;flex:0 1 auto;min-height:0;overflow-y:auto}
.튜말 li{display:flex;gap:9px;font-size:16.5px;word-break:keep-all;align-items:flex-start}
.튜말 li b.번{flex:none;width:24px;height:24px;border-radius:50%;background:var(--hi);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.튜말 .표시{display:inline-block;border:1.5px solid #333;border-radius:6px;padding:0 6px;font-weight:800;font-size:14px;background:#fff}
.튜아래{margin-top:auto;padding-top:16px;flex:none}
.튜점들{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.튜점들 i{width:8px;height:8px;border-radius:50%;background:#cfc7b0}.튜점들 i.지금{background:var(--go);width:22px;border-radius:6px}
.튜줄{display:flex;gap:8px}
.튜단{flex:1;min-height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:17px;font-weight:900;cursor:pointer;border:2px solid #c9b98f;background:#fff;color:var(--ink)}
.튜단.다음{background:#fff;border-color:#c9b98f;color:var(--ink)}
.튜단:focus{outline:none}.튜단:focus-visible{outline:3px solid #8a7a4a;outline-offset:2px}
.튜안봄{display:flex;align-items:center;gap:8px;font-size:16px;cursor:pointer;user-select:none;margin-top:12px}.튜안봄 input{width:22px;height:22px;accent-color:var(--ink)}
@media(max-width:820px){.튜창{height:calc(100vh - 66px)}.튜몸{grid-template-columns:1fr;grid-template-rows:minmax(0,46fr) minmax(0,54fr)}.튜사진칸{padding:50px 10px 10px}.튜글{padding:16px 16px 14px}.튜글 h2{font-size:22px}.튜말 li{font-size:16px}}
@media(max-width:800px){.절머리{flex-wrap:wrap;row-gap:4px}.절머리>.작게{flex-basis:100%}.절말{white-space:nowrap}}

.카드 .절 table th,.카드 .절 table td{text-align:center}
.튜빨{color:#d0021b;font-weight:900}.튜파{color:#1565c0;font-weight:900}
@media(min-width:801px) and (max-width:1199px) and (orientation:landscape) and (max-height:560px){.판{grid-template-columns:150px minmax(0,1fr)!important}.경주목록{padding:6px 4px!important}.경주칸{padding:5px 6px;gap:5px}.경주칸 b{font-size:17px;font-weight:900;color:var(--ink)}.경주칸.끝 b{color:#4a4a4a}.경주칸.지금 b{color:#fff}.경주칸 .때{font-size:12px}.목록별{margin-left:9px}.날A단추{width:22px;font-size:20px}.날A가운데{padding:5px 2px}.날A날{font-size:14px}.날A요{font-size:11px;padding:0 5px}.날A곳{font-size:10px;white-space:normal}.날A곳:after{content:' · 달력▾'}}