즉 배팅판·시계·카트가 전부 320px 안에 들어간다. 앞 절들은 본문 폭(1000px+)을 가정해
4~5칸 가로배치를 걸어서 "홀+언/더" 처럼 글자가 쪼개지고 카트가 밖으로 잘렸다.
→ 슬립 폭 기준으로 2열(3칸 묶음은 3열)로 다시 세운다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
/* 슬립 기둥 안에서는 넘치지 않게 */
#bet_slip_space { box-sizing:border-box; }
#bet_slip_space * { max-width:100%; }
#mini_bet_board .ladder_wrap1,
#mini_bet_board .ladder_cnt1,
#mini_bet_board .v-box1,
#mini_bet_board .v-box2 {
width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; float:none !important;
}
/* 시계 줄 — 슬립 폭에서는 세로로 쌓는다 */
#mini_bet_board .list-box-g.clockbox {
display:flex !important; flex-direction:column; align-items:flex-start; gap:6px;
width:100% !important; margin:0 0 8px !important; padding:9px 11px !important;
box-sizing:border-box;
}
#mini_bet_board .clockbox .f-s-18 { font-size:13.5px !important; white-space:normal !important; }
#mini_bet_board .clockbox .f-s-12 { font-size:10.5px !important; }
#mini_bet_board .game_time, #mini_bet_board .game_time2 { width:100% !important; justify-content:space-between; }
/* 배팅 버튼 — 2열 고정, 3칸 묶음만 3열 */
#mini_bet_board .list-box-g:not(.clockbox) {
display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px;
width:100% !important; margin:0 0 8px !important; padding:0 !important; box-sizing:border-box;
}
#mini_bet_board .list-box-g:not(.clockbox):has(> li:nth-child(3):last-child) {
grid-template-columns:repeat(3,minmax(0,1fr));
}
#mini_bet_board .list-box-g:not(.clockbox) > li { width:auto !important; min-width:0 !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 {
width:100% !important; min-width:0 !important; min-height:50px !important;
padding:7px 3px !important; box-sizing:border-box;
}
/* 글자가 쪼개지지 않게 — 줄바꿈 금지 + 넘치면 줄인다 */
#mini_bet_board .list-box-g .btn.btnstyle1 .hva-txt,
#mini_bet_board .list-box-g .btn.btnstyle1 strong,
#mini_bet_board .list-box-g .btn.btnstyle1 span {
white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}
#mini_bet_board .list-box-g .btn.btnstyle1 .f-s-18,
#mini_bet_board .list-box-g .btn.btnstyle1 .f-s-16 { font-size:11.5px !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 .f-s-15 { font-size:13.5px !important; }
/* 묶음 제목 — 슬립 폭에 맞춰 */
#mini_bet_board .sub-title {
margin:9px 0 5px !important; padding:0 !important;
font-size:10.5px !important; line-height:1.35 !important; white-space:normal !important;
}
/* 카트 — 슬립 안에서 잘리지 않게 */
#bet_slip_space .bettingslip,
#bet_slip_space .cart_pay,
#bet_slip_space table { width:100% !important; box-sizing:border-box; }
#bet_slip_space table td { word-break:break-all; }
/* ---------- 8-14-12. 슬립 기둥 폭 초과 마무리 · 시계 숫자 (2026-09-16 캡처 확인)
① 카트(보유머니·금액버튼)가 오른쪽으로 잘린다 — 옛 표가 320px 보다 넓은 고정폭을 쓴다.
#bet_slip_space 안의 표·칸을 전부 폭에 가둔다.
② 시계 숫자가 비어 보인다 — .flip 칸의 배경만 보이고 .inn 이 안 보였다.
원본은 .up/.down 이 각각 height:50% 이고 .inn 이 height:200% 로 걸쳐 그리는 구조다.
8-14-10 에서 .inn 을 height:100% 로 바꾼 것이 원인이므로 원본 방식으로 되돌리고
칸 크기에 맞춰 글자만 키운다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
/* ① 슬립 기둥 안의 모든 표를 폭에 가둔다 */
#bet_slip_space { width:320px !important; max-width:320px !important; overflow:hidden; }
#bet_slip_space table,
#bet_slip_space tbody,
#bet_slip_space tr {
width:100% !important; max-width:100% !important; table-layout:fixed !important; box-sizing:border-box;
}
#bet_slip_space td, #bet_slip_space th {
max-width:100% !important; white-space:normal !important; word-break:break-all;
box-sizing:border-box;
}
#bet_slip_space [style*="width:"] { max-width:100% !important; }
/* 금액 버튼 줄 — 3열 격자로 폭 안에 */
#bet_slip_space .cart_pay ul,
#bet_slip_space .bet_btn_inner ul {
display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px;
width:100% !important; margin:0 !important; padding:0 !important; box-sizing:border-box;
}
#bet_slip_space .cart_pay li,
#bet_slip_space .bet_btn_inner li { float:none !important; width:auto !important; min-width:0 !important; }
#bet_slip_space .cart_pay [type=button],
#bet_slip_space .bet_btn_inner [type=button] {
width:100% !important; min-width:0 !important; box-sizing:border-box; font-size:11.5px !important;
}
/* 보유머니·배당률 등 라벨/값 줄 */
#bet_slip_space .line_table,
#bet_slip_space .cart_pay { width:100% !important; box-sizing:border-box; }
/* ② 시계 숫자 — 원본 구조(.inn height:200%)로 되돌리고 칸만 줄인다 */
.flip-clock-wrapper ul.flip {
width:26px !important; height:34px !important; margin:0 1px !important;
font-size:22px !important; line-height:34px !important;
background:#10182A !important; border:1px solid var(--v-ln2) !important; border-radius:5px !important;
overflow:hidden !important;
}
.flip-clock-wrapper ul li { line-height:34px !important; }
.flip-clock-wrapper ul li a div { height:50% !important; overflow:hidden !important; }
.flip-clock-wrapper ul li a div div.inn {
height:200% !important; line-height:34px !important;
font-size:22px !important; font-weight:700 !important;
color:var(--v-gh) !important; background-color:transparent !important;
text-shadow:none !important; border-radius:0 !important;
}
.flip-clock-wrapper ul li a div.up div.inn { top:0 !important; }
.flip-clock-wrapper ul li a div.down div.inn { bottom:0 !important; }
/* ---------- 8-14-13. 슬립 카트 마무리 (2026-09-16 캡처 확인)
① 금액 버튼 3열은 나왔으나 "베팅금액"·"적중금액" 라벨이 두 글자씩 쪼개진다 — 라벨 칸이 좁다.
② 보유머니 값이 오른쪽으로 잘린다 — 값 칸이 표 밖으로 나간다.
→ 카트의 라벨/값 줄을 flex 로 세워 라벨은 줄바꿈 금지, 값은 남는 폭을 쓰게 한다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
/* 라벨·값 한 줄 배치 */
#bet_slip_space .line_table tr,
#bet_slip_space .cart_pay tr {
display:flex !important; align-items:center; justify-content:space-between; gap:8px;
width:100% !important; box-sizing:border-box;
}
#bet_slip_space .line_table td,
#bet_slip_space .cart_pay td {
display:block !important; width:auto !important; padding:6px 8px !important;
white-space:nowrap !important; word-break:keep-all !important; box-sizing:border-box;
}
/* 첫 칸(라벨)은 고정, 둘째 칸(값)은 남는 폭 전부 + 오른쪽 정렬 */
#bet_slip_space .line_table td:first-child,
#bet_slip_space .cart_pay td:first-child {
flex:0 0 auto; color:var(--v-mu) !important; font-size:11.5px !important;
}
#bet_slip_space .line_table td:last-child,
#bet_slip_space .cart_pay td:last-child {
flex:1 1 auto; min-width:0; text-align:right !important;
overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums;
}
/* 배팅금액·적중금액 입력 줄 */
#bet_slip_space input[type=text],
#bet_slip_space input[type=tel],
#bet_slip_space input[type=number] {
width:100% !important; min-width:0 !important; box-sizing:border-box; text-align:right !important;
}
/* ---------- 8-14-14. PC 시계 최종 — 앞의 세 겹(8-14-9 · 8-14-10 · 8-14-12)을 여기서 한 벌로 정리
원인 (2026-09-16 확인): 같은 선택자가 994 / 1046 / 1170 행에 세 번 쌓였고,
그중 8-14-10 이 남긴 `.shadow{display:none}` · `.up:after{display:none}` 때문에
뒤집히는 윗칸·아랫칸의 경계가 사라져, overflow:hidden 인 ul 안에서 위/아래 .inn 이
서로를 가려 숫자가 안 보였다. 모바일(15-11)은 이 잔재가 없어 정상으로 나왔다.
→ 모바일과 똑같은 한 벌만 남기고 잔재를 되살린다.
⛔ flipclock JS 가 쓰는 id(bc_min1_up 등)·class(inn·flip-clock-active)는 건드리지 않는다.
되돌리려면 이 절만 지운다. ---------- */
/* 칸 */
.flip-clock-wrapper { width:auto !important; height:auto !important; margin:0 !important;
float:none !important; display:inline-flex !important; align-items:center; }
.flip-clock-wrapper ul.flip {
position:relative !important; float:none !important; display:inline-block !important;
width:26px !important; height:34px !important; margin:0 1px !important;
font-size:22px !important; line-height:34px !important;
background:#10182A !important; border:1px solid var(--v-ln2) !important; border-radius:5px !important;
overflow:hidden !important;
}
.flip-clock-wrapper ul li { line-height:34px !important; }
/* 윗칸·아랫칸 — 원본 구조 그대로(각 50%, .inn 이 200% 로 걸쳐 그린다) */
.flip-clock-wrapper ul li a div { height:50% !important; overflow:hidden !important; }
.flip-clock-wrapper ul li a div.up { top:0 !important; }
.flip-clock-wrapper ul li a div.down { bottom:0 !important; }
.flip-clock-wrapper ul li a div div.inn {
position:absolute !important; left:0 !important; width:100% !important;
height:200% !important; line-height:34px !important;
font-size:22px !important; font-weight:700 !important;
color:var(--v-gh) !important; background-color:transparent !important;
text-shadow:none !important; border-radius:0 !important; text-align:center !important;
}
.flip-clock-wrapper ul li a div.up div.inn { top:0 !important; bottom:auto !important; }
.flip-clock-wrapper ul li a div.down div.inn { bottom:0 !important; top:auto !important; }
/* 8-14-10 이 숨겨둔 경계선을 되살린다 (없으면 위아래가 겹쳐 보인다) */
.flip-clock-wrapper ul li a div.up:after {
display:block !important; content:"" !important;
position:absolute !important; top:100% !important; left:0 !important;
width:100% !important; height:1px !important; z-index:5 !important;
background:rgba(0,0,0,.45) !important;
}
.flip-clock-wrapper ul li a div .shadow { display:none !important; }
/* 구분점 */
.flip-clock-divider { width:9px !important; height:34px !important; position:relative !important; float:none !important; display:inline-block !important; }
.flip-clock-divider .flip-clock-label { display:none !important; }
.flip-clock-divider .flip-clock-dot {
background:var(--v-gh) !important; width:3px !important; height:3px !important; left:3px !important;
}
.flip-clock-divider .flip-clock-dot.top { top:12px !important; }
.flip-clock-divider .flip-clock-dot.bottom { bottom:12px !important; }
/* ---------- 8-14-15. PC 슬립·시계 — 브라우저 실측으로 확정한 원인만 잡는다 (2026-09-16)
측정값:
#bet_slip_space w=320
DIV.cart_info w=346 ← 슬립보다 26px 넓다. 보유머니가 잘리던 직접 원인
금액버튼 b0=30 b1=30 b2=186 / b3=36 b4=36 b5=175 ← 3열 격자가 적용 안 됨(disp=block)
.flip ul w=10 (26px 규칙이 졌다), div.up h=16, div.inn h=32 ← 숫자가 칸 밖으로 밀려 안 보임
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
/* ① 슬립보다 넓은 상자를 폭 안으로 */
#bet_slip_space .cart_info,
#bet_slip_space > div,
#bet_slip_space > div > div {
width:100% !important; max-width:100% !important; box-sizing:border-box !important;
margin-left:0 !important; margin-right:0 !important;
}
/* ② 금액 버튼 — 부모가 무엇이든 3열로. 앞 절이 못 잡았으므로 버튼 자체에 폭을 준다 */
#bet_slip_space input[type=button] {
display:inline-block !important; box-sizing:border-box !important;
width:calc(33.333% - 6px) !important; min-width:0 !important; max-width:calc(33.333% - 6px) !important;
margin:3px !important; padding:0 2px !important;
height:32px !important; line-height:30px !important;
font-size:11.5px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
float:none !important; vertical-align:middle !important;
}
/* 그 버튼들을 담은 줄은 폭에 맞춰 흐르게 */
#bet_slip_space .cart_pay,
#bet_slip_space .bet_btn_inner {
display:block !important; width:100% !important; box-sizing:border-box !important;
text-align:left !important; font-size:0 !important; /* inline-block 사이 공백 제거 */
}
#bet_slip_space .cart_pay ul,
#bet_slip_space .bet_btn_inner ul {
display:block !important; grid-template-columns:none !important;
width:100% !important; margin:0 !important; padding:0 !important; font-size:0 !important;
}
#bet_slip_space .cart_pay li,
#bet_slip_space .bet_btn_inner li {
display:inline !important; float:none !important; width:auto !important; margin:0 !important; padding:0 !important;
}
/* ③ 시계 칸 — flex 안에서 수축하지 않게 못 박는다 */
.flip-clock-wrapper { display:inline-flex !important; align-items:center !important; flex-wrap:nowrap !important; }
.flip-clock-wrapper ul.flip {
flex:0 0 26px !important;
width:26px !important; min-width:26px !important; max-width:26px !important;
height:34px !important; min-height:34px !important;
margin:0 1px !important; padding:0 !important;
position:relative !important; display:inline-block !important; float:none !important;
overflow:hidden !important;
background:#10182A !important; border:1px solid var(--v-ln2) !important; border-radius:5px !important;
}
/* 윗칸·아랫칸이 각각 17px, 그 안에서 .inn 이 34px 로 걸쳐 그린다 */
.flip-clock-wrapper ul li { position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; }
.flip-clock-wrapper ul li a { display:block !important; height:100% !important; }
.flip-clock-wrapper ul li a div { position:absolute !important; left:0 !important; width:100% !important; height:17px !important; overflow:hidden !important; }
.flip-clock-wrapper ul li a div.up { top:0 !important; bottom:auto !important; }
.flip-clock-wrapper ul li a div.down { bottom:0 !important; top:auto !important; }
.flip-clock-wrapper ul li a div div.inn {
position:absolute !important; left:0 !important; width:100% !important;
height:34px !important; line-height:34px !important;
font-size:21px !important; font-weight:700 !important; text-align:center !important;
color:var(--v-gh) !important; background:transparent !important; text-shadow:none !important;
}
.flip-clock-wrapper ul li a div.up div.inn { top:0 !important; bottom:auto !important; }
.flip-clock-wrapper ul li a div.down div.inn { bottom:0 !important; top:auto !important; }
.flip-clock-divider { flex:0 0 9px !important; width:9px !important; height:34px !important; }
/* ---------- 8-14-16. 앞 절들이 카트 표를 깨뜨린 것을 되돌린다 (2026-09-16 마크업 실측)
실제 카트 구조 (pc/tail.php):
| … 배팅금액 · 적중금액 … |
| × 3
즉 금액 버튼은 33.3% 짜리 표 칸에 하나씩 들어 있고, 원래부터 3열이다.
그런데 8-14-13 이 tr{display:flex} 를 걸어 td 의 33.3% 계산을 깨뜨렸고,
8-14-15 가 버튼에 width:calc(33.333% - 6px) 를 또 얹어 7px 까지 줄었다.
→ 표는 표로 되돌리고, 버튼은 칸을 꽉 채우게만 한다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
/* ① 카트 표를 원래 표 배치로 되돌린다 (8-14-13 의 flex 해제) */
#bet_slip_space table { display:table !important; width:100% !important; table-layout:fixed !important; box-sizing:border-box; }
#bet_slip_space tbody { display:table-row-group !important; }
#bet_slip_space tr { display:table-row !important; }
#bet_slip_space td, #bet_slip_space th { display:table-cell !important; vertical-align:middle !important; box-sizing:border-box; }
#bet_slip_space .cart_pay,
#bet_slip_space .bet_btn_inner { display:block !important; width:100% !important; font-size:inherit !important; }
#bet_slip_space .cart_pay ul,
#bet_slip_space .bet_btn_inner ul { display:block !important; grid-template-columns:none !important; font-size:inherit !important; }
#bet_slip_space .cart_pay li,
#bet_slip_space .bet_btn_inner li { display:list-item !important; }
/* ② 금액 버튼 — 칸을 꽉 채우기만 한다 (8-14-15 의 calc 폭 해제) */
#bet_slip_space input[type=button] {
display:block !important;
width:100% !important; min-width:0 !important; max-width:100% !important;
margin:2px 0 !important; padding:0 2px !important;
height:32px !important; line-height:30px !important;
font-size:11.5px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
box-sizing:border-box !important; float:none !important;
}
#bet_slip_space td { padding:2px !important; }
/* ③ 보유머니 등 라벨·값 줄 (ul>li>span+strong 구조) — 한 줄로 */
#bet_slip_space .cart_info > ul,
#bet_slip_space > div > ul { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; }
#bet_slip_space li {
display:flex !important; align-items:center; justify-content:space-between; gap:8px;
width:100% !important; box-sizing:border-box; padding:5px 8px !important;
}
#bet_slip_space li > span { flex:0 0 auto; color:var(--v-mu) !important; font-size:11.5px !important; white-space:nowrap; }
#bet_slip_space li > strong,
#bet_slip_space li > em {
flex:1 1 auto; min-width:0; text-align:right !important;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
font-variant-numeric:tabular-nums;
}
/* ④ 시계 — .game_time2 를 flex 로 만든 것이 ul.flip 을 10px 로 수축시켰다. 블록 배치로 되돌린다 */
.game_time, .game_time2 {
display:block !important; width:100% !important; box-sizing:border-box;
background:transparent !important; border:0 !important; float:none !important;
margin:0 !important; padding:0 !important; text-align:left !important;
}
.game_time_tit, .game_time_tit2 {
display:block !important; width:auto !important; margin:0 0 4px !important; padding:0 !important;
background:transparent !important; color:var(--v-mu) !important; font-size:12px !important; white-space:nowrap;
}
.game_time_tit img, .game_time_tit2 img { display:none !important; }
.flip-clock-wrapper {
display:block !important; width:auto !important; height:auto !important;
margin:0 !important; float:none !important; font-size:0 !important; white-space:nowrap !important;
}
.flip-clock-wrapper ul.flip {
display:inline-block !important; float:none !important; vertical-align:middle !important;
width:26px !important; min-width:26px !important; max-width:26px !important;
height:34px !important; margin:0 1px !important; padding:0 !important;
position:relative !important; overflow:hidden !important;
background:#10182A !important; border:1px solid var(--v-ln2) !important; border-radius:5px !important;
}
.flip-clock-divider {
display:inline-block !important; float:none !important; vertical-align:middle !important;
width:9px !important; height:34px !important; position:relative !important;
}
/* ---------- 8-14-17. 특이도 정리 — 앞 절들이 더 구체적인 선택자로 걸려 있어 마지막 절이 졌다
(2026-09-16 브라우저 실측)
.game_time2 disp=flex ← 8-14-9 의 `.ladder_wrap1 .game_time2` / 8-14-11 의
`#mini_bet_board .game_time2` 가 특이도에서 이긴다.
그 flex 부모 안에서 ul.flip 이 w=10px 로 수축했다.
금액버튼 w=34/34/152 ← td width="33.3%" 인데 표가 fixed 가 아니라 내용 폭을 따라갔다.
→ 같은 한정을 그대로 얹어 같은 특이도로 이기고, 표에 table-layout:fixed 를 못 박는다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
/* ① 시계 상자 — 앞 절과 같은 한정으로 덮어 flex 를 푼다 */
.ladder_wrap1 .game_time, .ladder_wrap1 .game_time2,
#game_content .game_time, #game_content .game_time2,
#mini_bet_board .game_time, #mini_bet_board .game_time2,
#bet_slip_space .game_time, #bet_slip_space .game_time2 {
display:block !important; width:100% !important; box-sizing:border-box !important;
margin:0 !important; padding:0 !important;
background:transparent !important; border:0 !important; float:none !important;
text-align:left !important; justify-content:flex-start !important;
}
.ladder_wrap1 .game_time_tit, .ladder_wrap1 .game_time_tit2,
#game_content .game_time_tit, #game_content .game_time_tit2,
#mini_bet_board .game_time_tit, #mini_bet_board .game_time_tit2 {
display:block !important; width:auto !important; margin:0 0 4px !important; padding:0 !important;
color:var(--v-mu) !important; font-size:12px !important; white-space:nowrap !important;
}
/* ② 시계 칸 — 같은 한정을 얹어 26px 을 못 박는다 */
.ladder_wrap1 .flip-clock-wrapper,
#game_content .flip-clock-wrapper,
#mini_bet_board .flip-clock-wrapper,
#bet_slip_space .flip-clock-wrapper,
.flip-clock-wrapper {
display:block !important; width:auto !important; height:auto !important;
margin:0 !important; float:none !important; font-size:0 !important; white-space:nowrap !important;
}
.ladder_wrap1 .flip-clock-wrapper ul.flip,
#game_content .flip-clock-wrapper ul.flip,
#mini_bet_board .flip-clock-wrapper ul.flip,
#bet_slip_space .flip-clock-wrapper ul.flip,
.flip-clock-wrapper ul.flip {
display:inline-block !important; float:none !important; vertical-align:middle !important;
width:26px !important; min-width:26px !important; max-width:26px !important;
height:34px !important; min-height:34px !important; max-height:34px !important;
margin:0 1px !important; padding:0 !important;
position:relative !important; overflow:hidden !important; flex:none !important;
background:#10182A !important; border:1px solid var(--v-ln2) !important; border-radius:5px !important;
}
/* 윗칸·아랫칸 각 17px, .inn 은 34px 로 걸쳐 그린다 */
.ladder_wrap1 .flip-clock-wrapper ul li a div,
#game_content .flip-clock-wrapper ul li a div,
#mini_bet_board .flip-clock-wrapper ul li a div,
#bet_slip_space .flip-clock-wrapper ul li a div,
.flip-clock-wrapper ul li a div {
position:absolute !important; left:0 !important; width:100% !important;
height:17px !important; overflow:hidden !important;
}
.flip-clock-wrapper ul li a div.up { top:0 !important; bottom:auto !important; }
.flip-clock-wrapper ul li a div.down { bottom:0 !important; top:auto !important; }
.ladder_wrap1 .flip-clock-wrapper ul li a div div.inn,
#game_content .flip-clock-wrapper ul li a div div.inn,
#mini_bet_board .flip-clock-wrapper ul li a div div.inn,
#bet_slip_space .flip-clock-wrapper ul li a div div.inn,
.flip-clock-wrapper ul li a div div.inn {
position:absolute !important; left:0 !important; width:100% !important;
height:34px !important; line-height:34px !important;
font-size:21px !important; font-weight:700 !important; text-align:center !important;
color:var(--v-gh) !important; background:transparent !important; text-shadow:none !important;
}
.flip-clock-wrapper ul li a div.up div.inn { top:0 !important; bottom:auto !important; }
.flip-clock-wrapper ul li a div.down div.inn { bottom:0 !important; top:auto !important; }
.ladder_wrap1 .flip-clock-divider,
#game_content .flip-clock-divider,
#mini_bet_board .flip-clock-divider,
#bet_slip_space .flip-clock-divider,
.flip-clock-divider {
display:inline-block !important; float:none !important; vertical-align:middle !important;
width:9px !important; height:34px !important; position:relative !important; flex:none !important;
}
/* ③ 금액 버튼 — 표를 fixed 로 못 박아 td 의 33.3% 가 실제로 먹게 한다 */
#bet_slip_space .bet_btn_inner table,
#bet_slip_space .cart_pay table {
display:table !important; table-layout:fixed !important;
width:100% !important; max-width:100% !important; box-sizing:border-box !important;
}
#bet_slip_space .bet_btn_inner td,
#bet_slip_space .cart_pay td {
display:table-cell !important; width:33.33% !important; max-width:33.33% !important;
padding:2px !important; box-sizing:border-box !important; overflow:hidden !important;
}
#bet_slip_space .bet_btn_inner td[colspan="3"],
#bet_slip_space .cart_pay td[colspan="3"] { width:100% !important; max-width:100% !important; }
#bet_slip_space .bet_btn_inner input[type=button],
#bet_slip_space .cart_pay input[type=button] {
display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important;
margin:0 !important; padding:0 2px !important; box-sizing:border-box !important;
height:32px !important; line-height:30px !important; font-size:11.5px !important;
white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
}
/* ---------- 8-14-18. 시계가 작게 보인 진짜 원인 — transform:scale(.62) (2026-09-16 최종 확인)
브라우저 실측:
ul.flip computed w=26px h=34px ← 폭·높이는 이미 우리 값이 정확히 적용돼 있었다
ul.flip transform = matrix(0.62, 0, 0, 0.62, 0, 0)
.flip-clock-wrapper transform = matrix(0.62, ...)
8-14-8 이 넣은 `.ladder_wrap1 .clockbox [class*="flip"] { transform:scale(.62) }` 가
시계 전체를 62% 로 줄이고 있었다. 26px × 0.62 ≈ 16px, 중첩되어 화면에는 10px 로 보였다.
→ 폭·높이를 더 키울 일이 아니라 축소를 푸는 것이 전부다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
.ladder_wrap1 .clockbox .flip-clock-wrapper,
.ladder_wrap1 .clockbox [class*="flip"],
#mini_bet_board .flip-clock-wrapper,
#mini_bet_board [class*="flip"],
#bet_slip_space .flip-clock-wrapper,
#bet_slip_space [class*="flip"],
.flip-clock-wrapper,
.flip-clock-wrapper ul.flip,
.flip-clock-divider {
transform:none !important;
}
/* ---------- 8-14-19. 시계 숫자 폭 (2026-09-16 최종)
실측: ul.flip 은 26×34 로 정상, transform 도 none. 그런데 div.inn 이 w=0 이다.
.flip-clock-wrapper 에 font-size:0 을 준 것(8-14-16 ③)이 자식까지 내려가고,
.inn 이 position:absolute 인데 left/right 가 함께 잡히지 않아 폭이 0으로 접혔다.
→ .inn 에 left/right 를 모두 주고 글자 크기를 되살린다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
.ladder_wrap1 .flip-clock-wrapper ul li a div div.inn,
#game_content .flip-clock-wrapper ul li a div div.inn,
#mini_bet_board .flip-clock-wrapper ul li a div div.inn,
#bet_slip_space .flip-clock-wrapper ul li a div div.inn,
.flip-clock-wrapper ul li a div div.inn {
position:absolute !important;
left:0 !important; right:0 !important; width:auto !important; min-width:24px !important;
height:34px !important; line-height:34px !important;
font-size:21px !important; font-weight:700 !important; text-align:center !important;
color:var(--v-gh) !important; background:transparent !important; text-shadow:none !important;
}
/* li·a 도 칸을 꽉 채우게 */
.flip-clock-wrapper ul li { width:100% !important; height:100% !important; }
.flip-clock-wrapper ul li a { display:block !important; width:100% !important; height:100% !important; }
/* wrapper 의 font-size:0 이 숫자까지 지우지 않게 — 칸 자체에서 글자 크기를 되살린다 */
.flip-clock-wrapper ul.flip { font-size:21px !important; line-height:34px !important; }
/* ================================================================
8-15. 미니게임 화면 — 시안 "가 · 상태바" 를 그대로 맞춘다 (2026-09-16)
앞의 8-14-x 는 배팅판이 우측 320px 기둥에 있다는 전제로 폭을 줄이던 것들이다.
배팅판+카트를 본문으로 옮겼으므로(page_mini.php 의 .v-board-main),
이 절이 시안의 색·글꼴·배치를 다시 세운다. 겹치는 앞 절은 여기서 덮는다.
시안 원본: artifact a9bcfa36 (PC·모바일 비교) · d986b991 (모바일 전용)
시안 값 그대로 쓰는 것 —
배경 #0A0E19 / 칸 #141B2D / 테두리 rgba(170,190,230,.20)
금색 #D9C086, 밝은금 #F2E3B3 / 파랑 #6FA8FF · 빨강 #F0798F · 초록 #5BD2A0
배당 숫자 Barlow Condensed 17px 금색 · 버튼 최소높이 52px · 4열
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다.
================================================================ */
/* ---- 8-15-1. 본문 배팅판 자리 ---- */
#mini_bet_board.v-board-main {
display:block !important; width:100% !important; max-width:100% !important;
margin:12px 0 0 !important; padding:0 !important; box-sizing:border-box;
text-align:left !important;
}
#mini_bet_board.v-board-main .ladder_wrap1,
#mini_bet_board.v-board-main .ladder_cnt1,
#mini_bet_board.v-board-main .v-box1,
#mini_bet_board.v-board-main .v-box2 {
width:100% !important; max-width:100% !important; float:none !important;
margin:0 !important; padding:0 !important;
}
/* 게임화면에서 우측 기둥은 비므로 접는다 */
#bet_slip_space:empty, #floater:has(> #bet_slip_space:empty) { display:none !important; }
/* ---- 8-15-2. 상태바 — 시안의 .a-bar
회차·추첨안내 왼쪽, 오른쪽에 "배팅마감까지" 초록 배지 + 큰 카운트다운 ---- */
#mini_bet_board .list-box-g.clockbox {
display:flex !important; align-items:center !important; justify-content:flex-start !important;
gap:14px !important; grid-template-columns:none !important;
width:100% !important; height:auto !important; min-height:0 !important;
margin:0 0 12px !important; padding:11px 14px !important; box-sizing:border-box;
background:linear-gradient(90deg,rgba(217,192,134,.12),transparent 60%), var(--v-p2) !important;
border:1px solid var(--v-ln) !important; border-radius:10px !important;
box-shadow:none !important; overflow:visible !important;
}
#mini_bet_board .clockbox > div { float:none !important; margin:0 !important; padding:0 !important; }
#mini_bet_board .clockbox .f-s-18 {
display:flex !important; align-items:baseline; gap:6px;
padding:0 !important; font-size:14.5px !important; font-weight:700 !important; white-space:nowrap;
}
#mini_bet_board .clockbox .f-s-18 .fa-star { display:none !important; }
#mini_bet_board .clockbox .f-s-18 .text-black { color:var(--v-tx) !important; }
#mini_bet_board .clockbox .f-s-18 .text-orange {
color:var(--v-g) !important; font-family:"Barlow Condensed","Arial Narrow",sans-serif;
font-size:18px !important; font-variant-numeric:tabular-nums;
}
#mini_bet_board .clockbox .f-s-12 {
padding:0 !important; margin-top:2px !important;
color:var(--v-mu) !important; font-size:12px !important;
}
/* 시계를 오른쪽 끝으로 (시안의 margin-left:auto) */
#mini_bet_board .clockbox .game_time2,
#mini_bet_board .clockbox .game_time {
display:flex !important; align-items:center !important; gap:8px !important;
width:auto !important; margin-left:auto !important; padding:0 !important;
background:transparent !important; border:0 !important; float:none !important;
}
/* "배팅마감시간" 글자를 시안의 초록 배지로 */
#mini_bet_board .clockbox .game_time_tit2,
#mini_bet_board .clockbox .game_time_tit {
display:inline-block !important; width:auto !important;
margin:0 !important; padding:3px 9px !important;
background:rgba(91,210,160,.16) !important; color:#5BD2A0 !important;
border-radius:999px !important; font-size:11px !important; font-weight:700 !important;
white-space:nowrap !important;
}
#mini_bet_board .clockbox .game_time_tit img,
#mini_bet_board .clockbox .game_time_tit2 img { display:none !important; }
/* 카운트다운 — 시안은 28px 큰 숫자. flipclock 칸을 그 크기로 */
#mini_bet_board .flip-clock-wrapper {
display:inline-flex !important; align-items:center !important; gap:2px !important;
width:auto !important; height:auto !important; margin:0 !important;
float:none !important; font-size:0 !important; transform:none !important;
}
#mini_bet_board .flip-clock-wrapper ul.flip {
display:inline-block !important; position:relative !important; float:none !important;
vertical-align:middle !important; flex:none !important;
width:22px !important; min-width:22px !important; max-width:22px !important;
height:32px !important; min-height:32px !important;
margin:0 !important; padding:0 !important; overflow:hidden !important;
background:transparent !important; border:0 !important; border-radius:0 !important;
transform:none !important;
}
#mini_bet_board .flip-clock-wrapper ul li {
position:absolute !important; top:0 !important; left:0 !important;
width:100% !important; height:100% !important;
}
#mini_bet_board .flip-clock-wrapper ul li a { display:block !important; width:100% !important; height:100% !important; }
#mini_bet_board .flip-clock-wrapper ul li a div {
position:absolute !important; left:0 !important; width:100% !important;
height:16px !important; overflow:hidden !important; background:transparent !important;
}
#mini_bet_board .flip-clock-wrapper ul li a div.up { top:0 !important; bottom:auto !important; }
#mini_bet_board .flip-clock-wrapper ul li a div.down { bottom:0 !important; top:auto !important; }
#mini_bet_board .flip-clock-wrapper ul li a div.up:after { display:none !important; }
#mini_bet_board .flip-clock-wrapper ul li a div .shadow { display:none !important; }
#mini_bet_board .flip-clock-wrapper ul li a div div.inn {
position:absolute !important; left:0 !important; right:0 !important; width:auto !important;
height:32px !important; line-height:32px !important;
font-family:"Barlow Condensed","Arial Narrow",sans-serif !important;
font-size:28px !important; font-weight:700 !important; text-align:center !important;
color:var(--v-gh) !important; background:transparent !important;
text-shadow:none !important; border-radius:0 !important;
}
#mini_bet_board .flip-clock-wrapper ul li a div.up div.inn { top:0 !important; bottom:auto !important; }
#mini_bet_board .flip-clock-wrapper ul li a div.down div.inn { bottom:0 !important; top:auto !important; }
#mini_bet_board .flip-clock-divider {
display:inline-block !important; position:relative !important; float:none !important;
vertical-align:middle !important; flex:none !important;
width:7px !important; height:32px !important;
}
#mini_bet_board .flip-clock-divider .flip-clock-label { display:none !important; }
#mini_bet_board .flip-clock-divider .flip-clock-dot {
background:var(--v-gh) !important; width:3px !important; height:3px !important; left:2px !important;
}
#mini_bet_board .flip-clock-divider .flip-clock-dot.top { top:11px !important; }
#mini_bet_board .flip-clock-divider .flip-clock-dot.bottom { bottom:11px !important; }
/* ---- 8-15-3. 묶음 제목 — 시안의 .grp h4 (게임명 금색 · 기준값 파랑) ---- */
#mini_bet_board .sub-title {
display:flex !important; align-items:center; gap:5px;
width:100% !important; margin:14px 0 7px !important; padding:0 !important;
color:var(--v-tx) !important; font-size:12.5px !important; font-weight:600 !important;
white-space:normal !important;
}
#mini_bet_board .sub-title .fa { display:none !important; }
#mini_bet_board .sub-title font[color="#ffff66"] { color:var(--v-g) !important; }
#mini_bet_board .sub-title font[color="#0099ff"] { color:#6FA8FF !important; font-weight:700 !important; }
/* ---- 8-15-4. 배팅 버튼 — 시안의 .btns/.bt : 4열, 최소높이 52px, 남색 칸 ---- */
#mini_bet_board .list-box-g:not(.clockbox) {
display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:6px !important;
width:100% !important; height:auto !important; min-height:0 !important;
margin:0 0 4px !important; padding:0 !important; box-sizing:border-box;
overflow:visible !important;
}
/* 3칸 묶음(소·중·대)은 3열 */
#mini_bet_board .list-box-g:not(.clockbox):has(> li:nth-child(3):last-child) {
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
/* 2칸 묶음(쌍귀섯다·홀짝)은 2열 */
#mini_bet_board .list-box-g:not(.clockbox):has(> li:nth-child(2):last-child) {
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
#mini_bet_board .list-box-g > li {
display:block !important; float:none !important;
width:auto !important; min-width:0 !important; height:auto !important; min-height:0 !important;
margin:0 !important; padding:0 !important; overflow:visible !important;
}
#mini_bet_board .list-box-g .btn.btnstyle1 {
display:flex !important; flex-direction:column !important;
align-items:center !important; justify-content:center !important; gap:3px !important;
width:100% !important; min-width:0 !important;
min-height:52px !important; height:auto !important;
margin:0 !important; padding:8px 6px !important; box-sizing:border-box;
background:var(--v-p2) !important; background-image:none !important;
border:1px solid var(--v-ln2) !important; border-radius:9px !important;
box-shadow:none !important; overflow:visible !important; white-space:nowrap !important;
}
#mini_bet_board .list-box-g .btn.btnstyle1:hover {
border-color:rgba(217,192,134,.55) !important;
}
#mini_bet_board .list-box-g .btn.btnstyle1.active,
#mini_bet_board .list-box-g .btn.btnstyle1.on,
#mini_bet_board .list-box-g .btn.btnstyle1.miniOff_up {
background:linear-gradient(180deg,rgba(217,192,134,.2),rgba(217,192,134,.05)) !important;
border-color:var(--v-g) !important;
}
/* 옛 마크업의 고정 상자(width-60 height-50 rounded-corner) 풀기 */
#mini_bet_board .list-box-g .btn.btnstyle1 .list-box-mg { display:contents !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 center { display:block !important; width:100% !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 .hva-txt { display:block !important; width:100% !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 strong {
display:flex !important; flex-direction:column !important; align-items:center !important; gap:3px !important;
width:100% !important;
}
#mini_bet_board .list-box-g .btn.btnstyle1 .rounded-corner,
#mini_bet_board .list-box-g .btn.btnstyle1 [class*="width-"],
#mini_bet_board .list-box-g .btn.btnstyle1 [class*="height-"] {
width:auto !important; height:auto !important; min-height:0 !important;
margin:0 !important; padding:0 !important;
background:none !important; border-radius:0 !important; line-height:1.25 !important;
}
/* 칸 이름 — 시안 .bt b : 13px 굵게, 홀=파랑 짝=빨강 중=초록 (글자만) */
#mini_bet_board .list-box-g .btn.btnstyle1 .f-s-18,
#mini_bet_board .list-box-g .btn.btnstyle1 .f-s-16 {
font-size:13px !important; font-weight:700 !important; line-height:1.2 !important;
}
#mini_bet_board .list-box-g .btn.btnstyle1 .hva-txt.text-blue strong > span:first-child { color:#6FA8FF !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 .hva-txt.text-red strong > span:first-child { color:#F0798F !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 .hva-txt.text-green strong > span:first-child { color:#5BD2A0 !important; }
/* 배당 — 시안 .bt i : Barlow Condensed 17px 금색 */
#mini_bet_board .list-box-g .btn.btnstyle1 .f-s-15,
#mini_bet_board .list-box-g .btn.btnstyle1 .m-t-5 {
margin:0 !important;
font-family:"Barlow Condensed","Arial Narrow",sans-serif !important;
font-size:17px !important; font-weight:700 !important; line-height:1.1 !important;
color:var(--v-gh) !important; font-variant-numeric:tabular-nums;
}
#mini_bet_board .list-box-g .btn.btnstyle1 .text-white { color:var(--v-gh) !important; }
/* ---- 8-15-5. 카트 — 시안의 .a-cart
맨 위 "베팅금액 / 적중금액" 큰 숫자 한 상자, 그 아래 얇은 정보 줄 ---- */
#mini_bet_board .snail_cart,
#mini_bet_board .cart_info {
display:block !important; width:100% !important; max-width:100% !important;
height:auto !important; margin:14px 0 0 !important; padding:12px !important;
box-sizing:border-box;
background:var(--v-p1) !important; border:1px solid var(--v-ln2) !important; border-radius:12px !important;
}
/* 보유머니·게임분류·게임선택·배당률 — 시안 .kv : 12.5px 얇은 줄 */
#mini_bet_board .cart_info > ul { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; }
#mini_bet_board .cart_info > ul > li {
display:flex !important; align-items:center !important; justify-content:space-between !important;
gap:10px; width:100% !important; box-sizing:border-box;
padding:6px 0 !important; margin:0 !important;
border-bottom:1px solid var(--v-ln) !important; font-size:12.5px !important;
}
#mini_bet_board .cart_info > ul > li:last-child { border-bottom:0 !important; }
#mini_bet_board .cart_info > ul > li > span { flex:0 0 auto; color:var(--v-mu) !important; }
#mini_bet_board .cart_info > ul > li > strong,
#mini_bet_board .cart_info > ul > li > em {
flex:1 1 auto; min-width:0; text-align:right !important; font-style:normal !important;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
font-variant-numeric:tabular-nums;
}
#mini_bet_board .cart_info > ul > li > em { color:var(--v-gh) !important; font-weight:700; }
/* 베팅금액·적중금액 — 시안 .a-sum : 한 상자에 23px 큰 숫자 */
#mini_bet_board .cart_pay { display:block !important; width:100% !important; padding:0 !important; }
#mini_bet_board .cart_pay td[colspan="3"] {
display:flex !important; align-items:flex-end !important; justify-content:space-between !important;
gap:12px !important; width:100% !important; height:auto !important;
margin:0 0 8px !important; padding:10px 12px !important; box-sizing:border-box;
background:var(--v-p2) !important; border:1px solid var(--v-ln2) !important; border-radius:9px !important;
}
#mini_bet_board .bet_money,
#mini_bet_board .cart_pay .i_blue {
display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:2px !important;
width:auto !important; height:auto !important; margin:0 !important; padding:0 !important;
background:transparent !important; border:0 !important; float:none !important;
}
#mini_bet_board .cart_pay .i_blue { align-items:flex-end !important; }
#mini_bet_board .bet_money label,
#mini_bet_board .cart_pay .i_blue label {
float:none !important; width:auto !important; margin:0 !important; padding:0 !important;
color:var(--v-mu) !important; font-size:11.5px !important; line-height:1.2 !important;
}
#mini_bet_board .bet_money input,
#mini_bet_board .cart_pay .i_blue input {
width:auto !important; max-width:150px; margin:0 !important; padding:0 !important;
background:transparent !important; border:0 !important;
font-family:"Barlow Condensed","Arial Narrow",sans-serif !important;
font-size:23px !important; font-weight:700 !important; line-height:1.1 !important;
text-align:left !important; font-variant-numeric:tabular-nums;
}
#mini_bet_board .bet_money input { color:#fff !important; }
#mini_bet_board .cart_pay .i_blue input { color:var(--v-gh) !important; text-align:right !important; }
/* 금액 버튼 6개 — 시안 .amt : 3열 34px */
#mini_bet_board .bet_btn_inner table,
#mini_bet_board .cart_pay table {
display:table !important; table-layout:fixed !important;
width:100% !important; max-width:100% !important; box-sizing:border-box;
}
#mini_bet_board .bet_btn_inner td,
#mini_bet_board .cart_pay td {
display:table-cell !important; width:33.33% !important;
padding:3px !important; box-sizing:border-box;
}
#mini_bet_board input[type=button] {
display:block !important; width:100% !important; min-width:0 !important;
height:34px !important; line-height:32px !important;
margin:0 !important; padding:0 4px !important; box-sizing:border-box;
background:transparent !important; background-image:none !important;
border:1px solid var(--v-ln2) !important; border-radius:7px !important;
color:var(--v-tx) !important; font-size:12.5px !important; font-weight:500 !important;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;
}
#mini_bet_board input[type=button]:hover { border-color:rgba(217,192,134,.5) !important; color:var(--v-gh) !important; }
/* 잔돈·올인·초기화 — 시안 .act : 흐린 글자 32px */
#mini_bet_board input.i_blue2,
#mini_bet_board input.i_brw2,
#mini_bet_board input.i_gray2 {
height:32px !important; line-height:30px !important;
color:var(--v-mu) !important; font-size:12px !important;
}
/* 베팅하기 — 시안 .bet : 금속 그라데이션 46px */
#mini_bet_board .btn_bet,
#mini_bet_board .btn_bet02,
#mini_bet_board a.btn_bet,
#mini_bet_board button.btn_bet {
display:block !important; width:100% !important; height:46px !important; line-height:46px !important;
margin:8px 0 0 !important; padding:0 !important; box-sizing:border-box;
background:linear-gradient(180deg,#FAF0CC,#E6CF95 38%,#C9A65E 62%,#9C7736) !important;
border:0 !important; border-radius:9px !important;
color:#1A1407 !important; font-size:15px !important; font-weight:700 !important;
text-align:center !important; text-decoration:none !important;
}
/* ---------- 8-15-6. 시안 대조 후 남은 3건 (2026-09-16 캡처·실측 확인)
① 베팅하기가 안 보였다 — 마크업이 라서
8-15-5 의 금액버튼 공통값(34px · 투명배경)에 먹혔다. 실측 w=268 h=34 bg=none.
→ input.btn_bet 을 따로, 더 강하게 잡는다.
② 배팅판이 배팅내역표 아래로 내려갔다 — page_mini.php 순서가
#game_board(영상·통계·내역) → #mini_bet_board 이기 때문이다.
시안은 영상 바로 아래가 배팅판이므로 flex order 로 올린다.
③ 게임화면 우측 기둥이 "모바일 바로가기" 하나 때문에 h=52 로 남았다.
:empty 가 아니라서 안 접혔다 → 게임화면에서만 기둥을 접는다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
/* ① 베팅하기 — 시안 .bet (폭 100% · 46px · 금속 그라데이션) */
#mini_bet_board input.btn_bet,
#mini_bet_board input[type=button].btn_bet,
#mini_bet_board .bet_btn_inner input.btn_bet,
#mini_bet_board .cart_pay input.btn_bet {
display:block !important;
width:100% !important; min-width:0 !important; max-width:100% !important;
height:46px !important; line-height:46px !important;
margin:8px 0 0 !important; padding:0 !important; box-sizing:border-box !important;
background:linear-gradient(180deg,#FAF0CC,#E6CF95 38%,#C9A65E 62%,#9C7736) !important;
background-image:linear-gradient(180deg,#FAF0CC,#E6CF95 38%,#C9A65E 62%,#9C7736) !important;
border:0 !important; border-radius:9px !important;
color:#1A1407 !important; font-size:15px !important; font-weight:700 !important;
text-align:center !important; cursor:pointer !important;
}
#mini_bet_board input.btn_bet:hover { filter:brightness(1.05); }
/* 그 버튼이 든 칸은 폭을 다 쓴다 */
#mini_bet_board .bet_btn_inner td[colspan="3"]:last-child,
#mini_bet_board .cart_pay td[colspan="3"] { width:100% !important; max-width:100% !important; }
/* 높이 46 칸은 큰 금액 상자가 아니므로 위 8-15-5 의 flex 상자 모양을 되돌린다 */
#mini_bet_board .bet_btn_inner td[height="46"],
#mini_bet_board .cart_pay td[height="46"] {
display:table-cell !important; background:transparent !important;
border:0 !important; border-radius:0 !important; padding:0 !important; margin:0 !important;
}
/* 배팅 불가 안내 — 시안엔 없지만 원래 있던 것. 눈에 거슬리지 않게 */
#mini_bet_board .bet_disable {
margin-top:8px !important; padding:9px 12px !important;
background:rgba(240,121,143,.10) !important; border:1px solid rgba(240,121,143,.30) !important;
border-radius:8px !important; color:#F0798F !important;
font-size:12.5px !important; text-align:center !important;
}
/* "배팅금액선택" 제목 — 시안엔 없다. 카트 상자 제목으로 정리 */
#mini_bet_board .snail_cart_tit {
display:block !important; margin:0 0 10px !important; padding:0 !important;
color:var(--v-mu) !important; font-size:11.5px !important; font-weight:600 !important;
letter-spacing:.06em; background:none !important; border:0 !important; text-indent:0 !important;
}
/* ② 배팅판을 게임영상 바로 아래로 — 시안 순서 */
#game_content {
display:flex !important; flex-direction:column !important;
width:100% !important; box-sizing:border-box;
}
#game_content > table { order:0 !important; } /* 상단 게임 목록 */
#game_content > button { order:1 !important; } /* 게임 현황판 닫기 */
#game_content > #game_board { order:2 !important; } /* 게임 영상·통계·내역 */
#game_content > #mini_bet_board { order:3 !important; } /* 상태바·배팅판·카트 */
/* 영상 안의 배팅내역(#list)은 배팅판 뒤로 */
#game_board #list { order:9 !important; }
#game_board { display:flex !important; flex-direction:column !important; }
#game_board > .iframe_hidden { order:0 !important; }
#game_board > #stat { order:1 !important; }
#game_board > #list { order:2 !important; }
/* ③ 게임화면에서 우측 빈 기둥 접기 */
body:has(#mini_bet_board.v-board-main) #floater,
body:has(#mini_bet_board.v-board-main) #bet_slip_space {
display:none !important; width:0 !important; margin:0 !important; padding:0 !important;
}
/* 본문이 그만큼 넓어지게 */
body:has(#mini_bet_board.v-board-main) #content,
body:has(#mini_bet_board.v-board-main) #container { width:auto !important; }
/* ---------- 8-15-7. 순서·폭 마무리 (2026-09-16 실측)
① 순서 — order 는 정상 적용됐다(game_board=2, mini_bet_board=3).
시안은 "게임영상 → 상태바·배팅판·카트 → 배팅내역" 이므로 두 값을 바꾼다.
(8-15-6 ② 에서 준 order 를 여기서 덮는다)
② 폭 — 우측 기둥을 접으면서 본문이 1269px 이 되어 버튼 한 칸이 393px 까지 커졌다.
시안은 한 칸 234px 수준(배팅판 약 950px)이라 최대 폭을 주고 가운데로 둔다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
/* ① 배팅판을 게임영상 바로 아래로 */
#game_content > #mini_bet_board { order:2 !important; }
#game_content > #game_board { order:3 !important; }
/* 영상 묶음 안에서는 영상 → 통계 → 배팅내역 */
#game_board > .iframe_hidden { order:0 !important; }
#game_board > #stat { order:1 !important; }
#game_board > #list { order:2 !important; }
/* ② 폭 — 시안 비율로 */
#mini_bet_board.v-board-main {
max-width:980px !important;
margin-left:auto !important; margin-right:auto !important;
}
#mini_bet_board .snail_cart,
#mini_bet_board .cart_info { max-width:100% !important; }
/* 카트 버튼 줄이 지나치게 넓어지지 않게 */
#mini_bet_board .bet_btn_inner table,
#mini_bet_board .cart_pay table { max-width:560px !important; }
#mini_bet_board input.btn_bet { max-width:560px !important; }
#mini_bet_board .cart_pay td[colspan="3"] { max-width:560px !important; }
/* 게임영상·통계·배팅내역도 같은 폭으로 맞춰 화면이 한 덩어리로 보이게 */
#game_content > #game_board {
max-width:980px !important; margin-left:auto !important; margin-right:auto !important;
width:100% !important; box-sizing:border-box;
}
#game_content > table,
#game_content > button {
max-width:980px !important; margin-left:auto !important; margin-right:auto !important;
width:100% !important; box-sizing:border-box;
}
/* ================================================================
8-16. 미니게임 화면 — 구조는 원래대로(우측 기둥), 모양만 시안 "가" (2026-09-16)
사용자 지시 — "파워볼 돌아가는 화면이 나오고 오른쪽에 배팅판이랑 배팅카트가 있어야지.
구조는 처음이랑 동일하게 가야지. 그리고 홀 짝 이런거에 있는 초록색 테두리는 왜 자꾸
유지하는거야? 시안에는 초록색 테두리 없었잖아."
→ 배팅판+카트를 우측 슬립 기둥(320px)으로 되돌렸다(tail.php 원복).
그러므로 본문 폭을 전제한 8-15 · 8-15-6 · 8-15-7 은 여기서 전부 끈다.
기둥 폭에 맞는 2열로 두되 색·글꼴·상태바·카트는 시안 값 그대로 쓴다.
⛔ 초록 테두리의 정체 — style2.css 915행 `.rounded-corner { border:2px solid #229e65 }`.
배팅 버튼 **안쪽 상자**가 rounded-corner 라서 거기 붙어 있었다.
바깥 .btn 테두리만 덮어서는 안 없어진다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다.
================================================================ */
/* ---- 8-16-1. 본문 폭 전제 규칙 끄기 (8-15 계열 무력화) ---- */
#game_content { display:block !important; }
#game_content > table,
#game_content > button,
#game_content > #game_board {
order:0 !important; max-width:none !important;
margin-left:0 !important; margin-right:0 !important;
}
#game_board { display:block !important; }
/* 우측 기둥을 다시 보이게 */
#floater, #bet_slip_space { display:block !important; }
#floater { width:320px !important; flex:0 0 320px !important; }
#bet_slip_space { width:320px !important; max-width:320px !important; overflow:visible !important; }
/* ---- 8-16-2. 초록 테두리 제거 (진짜 원인) ---- */
#mini_bet_board .rounded-corner,
#bet_slip_space .rounded-corner,
.ladder_wrap1 .rounded-corner {
border:0 !important; border-radius:0 !important; background:none !important;
width:auto !important; height:auto !important; min-height:0 !important;
margin:0 !important; padding:0 !important; line-height:1.25 !important;
}
/* ---- 8-16-3. 배팅판 — 기둥 폭에 맞춘 2열 (시안 모바일과 같은 배치) ---- */
#mini_bet_board .ladder_wrap1,
#mini_bet_board .ladder_cnt1,
#mini_bet_board .v-box1,
#mini_bet_board .v-box2 {
width:100% !important; max-width:100% !important; float:none !important;
margin:0 !important; padding:0 !important;
}
#mini_bet_board .list-box-g:not(.clockbox) {
display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:5px !important;
width:100% !important; height:auto !important; min-height:0 !important;
margin:0 0 4px !important; padding:0 !important; box-sizing:border-box;
overflow:visible !important;
}
/* 3칸 묶음(소·중·대)은 3열 */
#mini_bet_board .list-box-g:not(.clockbox):has(> li:nth-child(3):last-child) {
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
#mini_bet_board .list-box-g > li {
display:block !important; float:none !important;
width:auto !important; min-width:0 !important; height:auto !important; min-height:0 !important;
margin:0 !important; padding:0 !important; overflow:visible !important;
}
/* 버튼 — 시안 .bt : 남색 칸 · 연한 테두리 · 라운드 9 (초록 아님) */
#mini_bet_board .list-box-g .btn.btnstyle1 {
display:flex !important; flex-direction:column !important;
align-items:center !important; justify-content:center !important; gap:2px !important;
width:100% !important; min-width:0 !important;
min-height:50px !important; height:auto !important;
margin:0 !important; padding:7px 4px !important; box-sizing:border-box;
background:var(--v-p2) !important; background-image:none !important;
border:1px solid var(--v-ln2) !important; border-radius:9px !important;
box-shadow:none !important; overflow:visible !important; white-space:nowrap !important;
text-shadow:none !important;
}
#mini_bet_board .list-box-g .btn.btnstyle1:hover {
border-color:rgba(217,192,134,.55) !important; background:var(--v-p3, #1A2238) !important;
}
#mini_bet_board .list-box-g .btn.btnstyle1.active,
#mini_bet_board .list-box-g .btn.btnstyle1.on,
#mini_bet_board .list-box-g .btn.btnstyle1.miniOff_up {
background:linear-gradient(180deg,rgba(217,192,134,.2),rgba(217,192,134,.05)) !important;
border-color:var(--v-g) !important;
}
#mini_bet_board .list-box-g .btn.btnstyle1 .list-box-mg { display:contents !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 center { display:block !important; width:100% !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 .hva-txt { display:block !important; width:100% !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 strong {
display:flex !important; flex-direction:column !important; align-items:center !important; gap:2px !important;
width:100% !important;
}
/* 칸 이름 — 시안 12.5px, 홀=파랑 짝=빨강 중=초록 (글자만) */
#mini_bet_board .list-box-g .btn.btnstyle1 .f-s-18,
#mini_bet_board .list-box-g .btn.btnstyle1 .f-s-16 {
font-size:12.5px !important; font-weight:700 !important; line-height:1.2 !important;
}
#mini_bet_board .list-box-g .btn.btnstyle1 .hva-txt.text-blue strong > span:first-child { color:#6FA8FF !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 .hva-txt.text-red strong > span:first-child { color:#F0798F !important; }
#mini_bet_board .list-box-g .btn.btnstyle1 .hva-txt.text-green strong > span:first-child { color:#5BD2A0 !important; }
/* 배당 — 시안 Barlow Condensed 금색 */
#mini_bet_board .list-box-g .btn.btnstyle1 .f-s-15,
#mini_bet_board .list-box-g .btn.btnstyle1 .m-t-5 {
margin:0 !important;
font-family:"Barlow Condensed","Arial Narrow",sans-serif !important;
font-size:16px !important; font-weight:700 !important; line-height:1.1 !important;
color:var(--v-gh) !important; font-variant-numeric:tabular-nums;
}
#mini_bet_board .list-box-g .btn.btnstyle1 .text-white { color:var(--v-gh) !important; }
/* ---- 8-16-4. 상태바 — 기둥 폭이라 세로로 쌓는다 ---- */
#mini_bet_board .list-box-g.clockbox {
display:flex !important; flex-direction:column !important;
align-items:flex-start !important; gap:7px !important;
grid-template-columns:none !important;
width:100% !important; height:auto !important; min-height:0 !important;
margin:0 0 10px !important; padding:10px 12px !important; box-sizing:border-box;
background:linear-gradient(90deg,rgba(217,192,134,.12),transparent 60%), var(--v-p2) !important;
border:1px solid var(--v-ln) !important; border-radius:10px !important;
box-shadow:none !important; overflow:visible !important;
}
#mini_bet_board .clockbox > div { float:none !important; margin:0 !important; padding:0 !important; width:100% !important; }
#mini_bet_board .clockbox .f-s-18 {
display:flex !important; align-items:baseline; gap:5px;
padding:0 !important; font-size:13.5px !important; font-weight:700 !important; white-space:nowrap;
}
#mini_bet_board .clockbox .f-s-18 .fa-star { display:none !important; }
#mini_bet_board .clockbox .f-s-18 .text-black { color:var(--v-tx) !important; }
#mini_bet_board .clockbox .f-s-18 .text-orange {
color:var(--v-g) !important; font-family:"Barlow Condensed","Arial Narrow",sans-serif;
font-size:17px !important; font-variant-numeric:tabular-nums;
}
#mini_bet_board .clockbox .f-s-12 {
padding:0 !important; margin-top:2px !important;
color:var(--v-mu) !important; font-size:11px !important;
}
/* 시계 줄 — 배지 + 큰 숫자를 한 줄로 */
#mini_bet_board .clockbox .game_time,
#mini_bet_board .clockbox .game_time2 {
display:flex !important; align-items:center !important; gap:8px !important;
width:100% !important; margin:0 !important; padding:0 !important;
background:transparent !important; border:0 !important; float:none !important;
}
#mini_bet_board .clockbox .game_time_tit,
#mini_bet_board .clockbox .game_time_tit2 {
display:inline-block !important; width:auto !important;
margin:0 !important; padding:3px 9px !important;
background:rgba(91,210,160,.16) !important; color:#5BD2A0 !important;
border-radius:999px !important; font-size:11px !important; font-weight:700 !important;
white-space:nowrap !important;
}
#mini_bet_board .clockbox .game_time_tit img,
#mini_bet_board .clockbox .game_time_tit2 img { display:none !important; }
/* 카운트다운 — 기둥 폭이라 24px */
#mini_bet_board .flip-clock-wrapper {
display:inline-flex !important; align-items:center !important; gap:1px !important;
width:auto !important; height:auto !important; margin:0 0 0 auto !important;
float:none !important; font-size:0 !important; transform:none !important;
}
#mini_bet_board .flip-clock-wrapper ul.flip {
display:inline-block !important; position:relative !important; float:none !important;
vertical-align:middle !important; flex:none !important;
width:19px !important; min-width:19px !important; max-width:19px !important;
height:28px !important; min-height:28px !important;
margin:0 !important; padding:0 !important; overflow:hidden !important;
background:transparent !important; border:0 !important; border-radius:0 !important;
transform:none !important;
}
#mini_bet_board .flip-clock-wrapper ul li {
position:absolute !important; top:0 !important; left:0 !important;
width:100% !important; height:100% !important;
}
#mini_bet_board .flip-clock-wrapper ul li a { display:block !important; width:100% !important; height:100% !important; }
#mini_bet_board .flip-clock-wrapper ul li a div {
position:absolute !important; left:0 !important; width:100% !important;
height:14px !important; overflow:hidden !important; background:transparent !important;
}
#mini_bet_board .flip-clock-wrapper ul li a div.up { top:0 !important; bottom:auto !important; }
#mini_bet_board .flip-clock-wrapper ul li a div.down { bottom:0 !important; top:auto !important; }
#mini_bet_board .flip-clock-wrapper ul li a div.up:after { display:none !important; }
#mini_bet_board .flip-clock-wrapper ul li a div .shadow { display:none !important; }
#mini_bet_board .flip-clock-wrapper ul li a div div.inn {
position:absolute !important; left:0 !important; right:0 !important; width:auto !important;
height:28px !important; line-height:28px !important;
font-family:"Barlow Condensed","Arial Narrow",sans-serif !important;
font-size:24px !important; font-weight:700 !important; text-align:center !important;
color:var(--v-gh) !important; background:transparent !important;
text-shadow:none !important; border-radius:0 !important;
}
#mini_bet_board .flip-clock-wrapper ul li a div.up div.inn { top:0 !important; bottom:auto !important; }
#mini_bet_board .flip-clock-wrapper ul li a div.down div.inn { bottom:0 !important; top:auto !important; }
#mini_bet_board .flip-clock-divider {
display:inline-block !important; position:relative !important; float:none !important;
vertical-align:middle !important; flex:none !important;
width:6px !important; height:28px !important;
}
#mini_bet_board .flip-clock-divider .flip-clock-label { display:none !important; }
#mini_bet_board .flip-clock-divider .flip-clock-dot {
background:var(--v-gh) !important; width:3px !important; height:3px !important; left:2px !important;
}
#mini_bet_board .flip-clock-divider .flip-clock-dot.top { top:9px !important; }
#mini_bet_board .flip-clock-divider .flip-clock-dot.bottom { bottom:9px !important; }
/* ---- 8-16-5. 묶음 제목 ---- */
#mini_bet_board .sub-title {
display:flex !important; align-items:center; gap:4px;
width:100% !important; margin:11px 0 6px !important; padding:0 !important;
color:var(--v-tx) !important; font-size:11.5px !important; font-weight:600 !important;
white-space:normal !important; line-height:1.4 !important;
}
#mini_bet_board .sub-title .fa { display:none !important; }
#mini_bet_board .sub-title font[color="#ffff66"] { color:var(--v-g) !important; }
#mini_bet_board .sub-title font[color="#0099ff"] { color:#6FA8FF !important; font-weight:700 !important; }
/* ---- 8-16-6. 카트 — 기둥 폭 안에서 시안 모양 ---- */
#mini_bet_board .snail_cart,
#mini_bet_board .cart_info {
display:block !important; width:100% !important; max-width:100% !important;
height:auto !important; margin:12px 0 0 !important; padding:11px !important;
box-sizing:border-box;
background:var(--v-p1) !important; border:1px solid var(--v-ln2) !important; border-radius:12px !important;
}
#mini_bet_board .snail_cart_tit {
display:block !important; margin:0 0 9px !important; padding:0 !important;
color:var(--v-mu) !important; font-size:11px !important; font-weight:600 !important;
letter-spacing:.06em; background:none !important; border:0 !important; text-indent:0 !important;
text-align:left !important;
}
#mini_bet_board .cart_info > ul { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; }
#mini_bet_board .cart_info > ul > li {
display:flex !important; align-items:center !important; justify-content:space-between !important;
gap:8px; width:100% !important; box-sizing:border-box;
padding:5px 0 !important; margin:0 !important;
border-bottom:1px solid var(--v-ln) !important; font-size:12px !important;
}
#mini_bet_board .cart_info > ul > li:last-child { border-bottom:0 !important; }
#mini_bet_board .cart_info > ul > li > span { flex:0 0 auto; color:var(--v-mu) !important; }
#mini_bet_board .cart_info > ul > li > strong,
#mini_bet_board .cart_info > ul > li > em {
flex:1 1 auto; min-width:0; text-align:right !important; font-style:normal !important;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
font-variant-numeric:tabular-nums;
}
#mini_bet_board .cart_info > ul > li > em { color:var(--v-gh) !important; font-weight:700; }
/* 베팅금액·적중금액 — 시안 .a-sum */
#mini_bet_board .cart_pay { display:block !important; width:100% !important; padding:0 !important; }
#mini_bet_board .bet_btn_inner table,
#mini_bet_board .cart_pay table {
display:table !important; table-layout:fixed !important;
width:100% !important; max-width:100% !important; box-sizing:border-box;
}
#mini_bet_board .bet_btn_inner td,
#mini_bet_board .cart_pay td {
display:table-cell !important; width:33.33% !important;
padding:2px !important; box-sizing:border-box;
}
#mini_bet_board .cart_pay td[colspan="3"] {
display:flex !important; align-items:flex-end !important; justify-content:space-between !important;
gap:10px !important; width:100% !important; max-width:100% !important; height:auto !important;
margin:0 0 7px !important; padding:9px 11px !important; box-sizing:border-box;
background:var(--v-p2) !important; border:1px solid var(--v-ln2) !important; border-radius:9px !important;
}
#mini_bet_board .cart_pay td[height="46"] {
display:table-cell !important; background:transparent !important;
border:0 !important; border-radius:0 !important; padding:2px !important;
}
#mini_bet_board .bet_money,
#mini_bet_board .cart_pay .i_blue {
display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:2px !important;
width:auto !important; height:auto !important; margin:0 !important; padding:0 !important;
background:transparent !important; border:0 !important; float:none !important;
}
#mini_bet_board .cart_pay .i_blue { align-items:flex-end !important; }
#mini_bet_board .bet_money label,
#mini_bet_board .cart_pay .i_blue label {
float:none !important; width:auto !important; margin:0 !important; padding:0 !important;
color:var(--v-mu) !important; font-size:11px !important; line-height:1.2 !important;
}
#mini_bet_board .bet_money input,
#mini_bet_board .cart_pay .i_blue input {
width:auto !important; max-width:120px; margin:0 !important; padding:0 !important;
background:transparent !important; border:0 !important;
font-family:"Barlow Condensed","Arial Narrow",sans-serif !important;
font-size:21px !important; font-weight:700 !important; line-height:1.1 !important;
text-align:left !important; font-variant-numeric:tabular-nums;
}
#mini_bet_board .bet_money input { color:#fff !important; }
#mini_bet_board .cart_pay .i_blue input { color:var(--v-gh) !important; text-align:right !important; }
/* 금액 버튼 3열 */
#mini_bet_board input[type=button] {
display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important;
height:32px !important; line-height:30px !important;
margin:0 !important; padding:0 2px !important; box-sizing:border-box;
background:transparent !important; background-image:none !important;
border:1px solid var(--v-ln2) !important; border-radius:7px !important;
color:var(--v-tx) !important; font-size:11.5px !important; font-weight:500 !important;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;
text-shadow:none !important;
}
#mini_bet_board input[type=button]:hover { border-color:rgba(217,192,134,.5) !important; color:var(--v-gh) !important; }
#mini_bet_board input.i_blue2,
#mini_bet_board input.i_brw2,
#mini_bet_board input.i_gray2 { color:var(--v-mu) !important; font-size:11.5px !important; }
/* 베팅하기 — 금속 */
#mini_bet_board input.btn_bet,
#mini_bet_board input[type=button].btn_bet {
display:block !important; width:100% !important; max-width:100% !important;
height:44px !important; line-height:44px !important;
margin:6px 0 0 !important; padding:0 !important; box-sizing:border-box !important;
background:linear-gradient(180deg,#FAF0CC,#E6CF95 38%,#C9A65E 62%,#9C7736) !important;
background-image:linear-gradient(180deg,#FAF0CC,#E6CF95 38%,#C9A65E 62%,#9C7736) !important;
border:0 !important; border-radius:9px !important;
color:#1A1407 !important; font-size:14.5px !important; font-weight:700 !important;
text-shadow:none !important; cursor:pointer !important;
}
#mini_bet_board .bet_disable {
margin-top:7px !important; padding:8px 10px !important;
background:rgba(240,121,143,.10) !important; border:1px solid rgba(240,121,143,.30) !important;
border-radius:8px !important; color:#F0798F !important;
font-size:11.5px !important; text-align:center !important;
}
/* ---------- 8-16-7. 배팅마감시간 숫자가 빈칸으로 보이던 것 (2026-09-16 실측)
측정값:
ul w=19 h=28 overflow:hidden
up h=14px overflow:hidden ← 숫자의 위 절반만 담긴다
inn w=24 h=28 fs=24 금색 visible ← 숫자 자체는 멀쩡하다
flipclock 원본은 up(위 절반) + down(아래 절반) 두 칸이 한 숫자를 나눠 그리고
JS 가 뒤집기 연출을 한다. 칸 크기를 줄이면서 두 칸의 이음매가 어긋나
화면에서는 숫자가 없는 것처럼 보였다.
→ 뒤집기 연출을 쓰지 않고 **아랫칸(down) 하나로 숫자 전체를 그린다.**
JS 는 up·down 양쪽에 같은 숫자를 넣으므로(mini.php 141~144행) 값은 항상 맞다.
⛔ id(bc_min1_up 등)·class(inn)는 그대로 둔다. 되돌리려면 이 절만 지운다. ---------- */
/* 칸 */
#mini_bet_board .flip-clock-wrapper ul.flip {
width:20px !important; min-width:20px !important; max-width:20px !important;
height:28px !important; overflow:hidden !important; position:relative !important;
}
/* 윗칸은 숨기고 아랫칸이 칸 전체를 쓴다 */
#mini_bet_board .flip-clock-wrapper ul li a div.up { display:none !important; }
#mini_bet_board .flip-clock-wrapper ul li a div.down {
display:block !important;
position:absolute !important; top:0 !important; bottom:auto !important; left:0 !important;
width:100% !important; height:100% !important; overflow:visible !important;
background:transparent !important;
}
#mini_bet_board .flip-clock-wrapper ul li a div.down div.inn {
position:absolute !important; top:0 !important; bottom:auto !important;
left:0 !important; right:0 !important; width:auto !important;
height:28px !important; line-height:28px !important;
font-family:"Barlow Condensed","Arial Narrow",sans-serif !important;
font-size:24px !important; font-weight:700 !important; text-align:center !important;
color:var(--v-gh) !important; background:transparent !important; text-shadow:none !important;
}
/* 뒤집기 연출이 만드는 그림자·경계는 쓰지 않는다 */
#mini_bet_board .flip-clock-wrapper ul li a div .shadow { display:none !important; }
#mini_bet_board .flip-clock-wrapper ul li a div.up:after { display:none !important; }
/* 연출 중에 li 가 겹쳐 보이지 않게 */
#mini_bet_board .flip-clock-wrapper ul li {
position:absolute !important; top:0 !important; left:0 !important;
width:100% !important; height:100% !important;
}
#mini_bet_board .flip-clock-wrapper ul li:first-child { z-index:2 !important; }
/* ---------- 8-16-8. 시계 숫자가 6px 아래로 밀려 위가 잘리던 것 (2026-09-16 실측)
측정값:
ul y=182~210 (h=28)
down h=18px ← 내가 준 height:100% 가 안 먹었다(원본 .down 이 더 구체적)
inn y=188~216 ← 칸보다 6px 아래. 위쪽 글자가 잘린다
→ down 을 칸 전체로 못 박고, inn 을 칸 기준으로 정렬한다.
flipclock.css 의 .down 은 bottom 기준이라 top 을 강제해야 한다.
⛔ id·class 무수정. 되돌리려면 이 절만 지운다. ---------- */
#mini_bet_board .flip-clock-wrapper ul.flip { height:28px !important; line-height:28px !important; }
#mini_bet_board .flip-clock-wrapper ul li { height:28px !important; line-height:28px !important; }
#mini_bet_board .flip-clock-wrapper ul li a { height:28px !important; line-height:28px !important; }
#mini_bet_board .flip-clock-wrapper ul li a div.down {
position:absolute !important;
top:0 !important; bottom:auto !important; left:0 !important; right:0 !important;
width:auto !important;
height:28px !important; min-height:28px !important; max-height:28px !important;
line-height:28px !important; overflow:visible !important;
margin:0 !important; padding:0 !important; background:transparent !important;
}
#mini_bet_board .flip-clock-wrapper ul li a div.down div.inn {
position:absolute !important;
top:0 !important; bottom:auto !important; left:0 !important; right:0 !important;
width:auto !important;
height:28px !important; min-height:28px !important; max-height:28px !important;
line-height:28px !important;
margin:0 !important; padding:0 !important;
font-size:23px !important; text-align:center !important;
color:var(--v-gh) !important; background:transparent !important;
}
/* ---------- 8-16-9. 시계 숫자 — 가려진 게 아니라 칸보다 커서 잘린 것 (2026-09-16 최종)
칸 안 전수 조사 결과:
li(flip-clock-active) 1개뿐 · 겹치는 요소 없음 · 칸 중앙 최상위가 바로 div.inn
inn y=183~211 (칸 182~210) · color 금색 · 가리는 배경 없음
→ 숨겨진 것도 겹친 것도 아니다. **칸 20x28 에 23px 글자를 넣어 위아래·좌우가 잘렸다.**
칸을 키우고 글자를 칸에 맞게 줄인다.
⛔ id·class·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
#mini_bet_board .flip-clock-wrapper { gap:2px !important; }
#mini_bet_board .flip-clock-wrapper ul.flip {
width:26px !important; min-width:26px !important; max-width:26px !important;
height:34px !important; min-height:34px !important; max-height:34px !important;
line-height:34px !important;
background:rgba(255,255,255,.04) !important;
border:1px solid var(--v-ln) !important; border-radius:6px !important;
overflow:hidden !important;
}
#mini_bet_board .flip-clock-wrapper ul li,
#mini_bet_board .flip-clock-wrapper ul li a {
height:34px !important; line-height:34px !important; display:block !important;
}
#mini_bet_board .flip-clock-wrapper ul li a div.down {
height:34px !important; min-height:34px !important; max-height:34px !important;
line-height:34px !important; top:0 !important; bottom:auto !important;
}
#mini_bet_board .flip-clock-wrapper ul li a div.down div.inn {
height:34px !important; min-height:34px !important; max-height:34px !important;
line-height:34px !important; top:0 !important; bottom:auto !important;
left:0 !important; right:0 !important; width:auto !important;
font-size:20px !important; font-weight:700 !important;
text-align:center !important; overflow:visible !important;
color:var(--v-gh) !important;
}
#mini_bet_board .flip-clock-divider { height:34px !important; width:8px !important; }
#mini_bet_board .flip-clock-divider .flip-clock-dot.top { top:12px !important; }
#mini_bet_board .flip-clock-divider .flip-clock-dot.bottom { bottom:12px !important; }
/* ---------- 8-16-10. 시계 숫자가 7px 아래로 밀리던 것 — 마지막 (2026-09-16 실측)
측정값:
칸 ul y=182~216 (h=34)
inn y=189~223 ← top:0 을 줬는데도 7px 아래
글자 y=194~218 ← 칸 바닥(216)을 2px 넘어 잘린다
원인: 칸 안 li 가 display:flex 라 그 정렬이 자식을 밀어내고 있었다
(앞선 전수조사에서 li disp=flex 확인). a 도 마찬가지.
→ li·a 의 flex 를 없애고 down·inn 을 inset:0 으로 칸에 못 박는다.
⛔ id(bc_min1_dn 등)·class(inn)·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
#mini_bet_board .flip-clock-wrapper ul.flip {
position:relative !important;
width:26px !important; height:34px !important;
overflow:hidden !important;
}
/* li·a 가 정렬을 만들지 않게 — 그냥 칸을 채우는 블록 */
#mini_bet_board .flip-clock-wrapper ul.flip > li {
display:block !important;
position:absolute !important; inset:0 !important;
top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;
width:auto !important; height:auto !important;
margin:0 !important; padding:0 !important;
align-items:normal !important; justify-content:normal !important;
line-height:normal !important;
}
#mini_bet_board .flip-clock-wrapper ul.flip > li > a {
display:block !important;
position:absolute !important; inset:0 !important;
top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;
width:auto !important; height:auto !important;
margin:0 !important; padding:0 !important; line-height:normal !important;
}
#mini_bet_board .flip-clock-wrapper ul.flip > li > a > div.down {
display:block !important;
position:absolute !important; inset:0 !important;
top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;
width:auto !important; height:auto !important; max-height:none !important;
margin:0 !important; padding:0 !important; overflow:hidden !important;
background:transparent !important;
}
#mini_bet_board .flip-clock-wrapper ul.flip > li > a > div.down > div.inn {
display:flex !important; align-items:center !important; justify-content:center !important;
position:absolute !important; inset:0 !important;
top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;
width:auto !important; height:auto !important; max-height:none !important;
margin:0 !important; padding:0 !important;
font-family:"Barlow Condensed","Arial Narrow",sans-serif !important;
font-size:21px !important; font-weight:700 !important; line-height:1 !important;
text-align:center !important; color:var(--v-gh) !important;
background:transparent !important; text-shadow:none !important; overflow:hidden !important;
}
/* ---------- 8-17. 오픈형 로그인 칸 — 아이디 입력칸이 오른쪽으로 쏠리던 것 (2026-09-16)
원인: `.v-login` 이 display:flex; flex-direction:column 인데 align-items 가 없다.
기본값이 stretch 지만, 안쪽 form 이 flex 자식이 되면서 폭을 다 쓰지 못하고
그 안의 input 들이 축소되어 한쪽으로 몰렸다.
→ 컨테이너와 form 을 모두 폭 100% 로 못 박고 자식을 stretch 시킨다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
.v-login {
display:flex !important; flex-direction:column !important;
align-items:stretch !important;
width:100% !important; box-sizing:border-box !important;
}
/* form 이 flex 자식이라 폭을 잃던 것 — 자기도 세로 flex 로 폭을 다 쓴다 */
.v-login form,
.v-login form[name="vlogin"] {
display:flex !important; flex-direction:column !important;
align-items:stretch !important; gap:9px !important;
width:100% !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important;
}
.v-login input[type=text],
.v-login input[type=password] {
display:block !important;
width:100% !important; max-width:100% !important; min-width:0 !important;
margin:0 !important; box-sizing:border-box !important;
text-align:left !important; float:none !important;
}
.v-login .v-lt { width:100% !important; text-align:left !important; }
.v-login .v-go { display:block !important; width:100% !important; box-sizing:border-box !important; margin:2px 0 0 !important; }
.v-login .v-sub { width:100% !important; box-sizing:border-box !important; }
.v-login #captcha_img { display:block !important; margin:0 auto !important; }
/* 추천코드 줄 */
.v-login #v_code_wrap { width:100% !important; box-sizing:border-box !important; }
.v-login .v-code { display:flex !important; width:100% !important; box-sizing:border-box !important; }
.v-login .v-code input { flex:1 1 auto !important; min-width:0 !important; width:auto !important; }
/* ---------- 8-17-2. 로그인 칸 글자가 오른쪽에 붙던 것 — 아이디 선택자로 못 박는다 (2026-09-16)
실측: #v_my_id(text) 와 #v_code(text) 만 text-align:right,
#v_my_pw(password) 는 left. 차이는 입력 타입뿐이다.
즉 input[type=text] 를 겨냥한 옛 규칙이 8-17 의 `.v-login input[type=text]` 를
이기고 있다(같은 특이도면 뒤가 이기지만, 옛 규칙이 더 구체적이거나 !important 다).
→ 더 강한 **아이디 선택자 + !important** 로 못 박는다. 이건 무엇이 있든 이긴다.
⛔ 마크업·아이디·함수 무수정. 되돌리려면 이 절만 지운다. ---------- */
#v_login #v_my_id,
#v_login #v_my_pw,
#v_login #v_captcha,
#v_login #v_code,
#v_my_id, #v_my_pw, #v_captcha, #v_code {
text-align:left !important;
direction:ltr !important;
text-indent:0 !important;
padding-left:12px !important; padding-right:12px !important;
box-sizing:border-box !important;
}
/* placeholder 도 같은 방향으로 */
#v_my_id::placeholder, #v_my_pw::placeholder,
#v_captcha::placeholder, #v_code::placeholder {
text-align:left !important; direction:ltr !important;
}
#v_my_id::-webkit-input-placeholder, #v_my_pw::-webkit-input-placeholder,
#v_captcha::-webkit-input-placeholder, #v_code::-webkit-input-placeholder {
text-align:left !important; direction:ltr !important;
}
/* 로그인 상자 안에서 가운데정렬을 상속받지 않게 (바깥 #bet_slip_space 가 text-align:center 다) */
#v_login, #v_login form, #v_login .v-code, #v_login .v-code-note, #v_login .v-sub {
text-align:left !important;
}
#v_login .v-go, #v_login .v-code button { text-align:center !important; }
/* ---------- 8-18. 회원가입·추천코드 입력 없애기 (2026-09-16 사용자 지시)
사용자 — "pc버전 회원가입, 추천인코드입력 없애"
있는 곳 (마크업은 그대로 두고 화면에서만 감춘다 — 되돌리기 쉽다)
① pc/head.php 93행 : 헤더 우측 회원가입
② pc/tail.php 218행 : 로그인 상자 안 회원가입
③ pc/tail.php 221~226: 추천코드 입력 폼 #v_code_wrap (원래 display:none 이고
v_join() 이 열어준다 — 위 둘을 감추면 열릴 일이 없다)
⛔ 마크업·함수 무수정. 되돌리려면 이 절만 지운다.
(다시 열려면 여기를 지우기만 하면 원래대로 나온다) ---------- */
/* ① 헤더 우측 회원가입 */
.v-join,
a.v-join { display:none !important; }
/* ② 로그인 상자 안 회원가입 — 고객센터 문의만 남는다 */
#v_login .v-sub a[onclick*="v_join"] { display:none !important; }
/* 고객센터 문의를 왼쪽으로 붙인다 (혼자 남으므로 space-between 이 어색해진다) */
#v_login .v-sub { justify-content:flex-start !important; }
/* ③ 추천코드 입력 — 어떤 경우에도 뜨지 않게 */
#v_login #v_code_wrap,
#v_code_wrap,
#v_login .v-code,
#v_login .v-code-note { display:none !important; }
/* ===== 6-1. 경기목록 종목·리그 줄 (2026-09-20 관리자 요청) =====
새 스킨에서는 리그 이름이 글자만 있어 바탕(#0A0E19)과 비슷해 잘 안 보였다.
기존 v 는 경기 묶음 위에 **초록 띠(#229e65)에 검은 글씨**로 리그를 적었다.
그 표기를 되살린다. 스포츠·실시간(라이브벳) 목록에 함께 적용된다. */
#game_board .v-gl-lg{
background:linear-gradient(90deg, #229e65, #1c8756);
border:1px solid #17663f;
border-radius:5px;
padding:6px 10px;
margin:14px 2px 8px;
color:#05261a;
font-weight:600;
}
#game_board .v-gl-lg b{ color:#04170f; }
#game_board .v-gl-jm{ background:rgba(0,0,0,.26); color:#eafff2; }
/* ===== 6-2. 리그 줄 아이콘 · 배당 가운데 정렬 · 언오버 화살표 (2026-09-20 관리자 요청) =====
① 기존 v 는 리그 앞에 종목 아이콘과 리그(국가) 이미지를 함께 보여줬다. 되살린다.
(신규 v 에 이미지가 없어서 빠져 있었다. 기존 v 에서 3,166장을 가져왔다)
② 배당을 가운데로 모은다 — 홈은 '팀명 … 배당', 원정은 '배당 … 팀명'.
③ 언더오버는 글자 대신 기존처럼 화살표로. 오버 ↑ 빨강 · 언더 ↓ 파랑
(기존 arrow_up.gif / arrow_down.gif 와 같은 색) */
#game_board .v-gl-jm img { width:14px; height:14px; margin-right:5px; vertical-align:-2px; }
#game_board .v-gl-fl { height:16px; width:auto; border-radius:2px; }
#game_board .v-odd.awayTeam, #lv_list .v-odd.awayTeam { flex-direction:row-reverse; }
#game_board .v-odd.awayTeam .bet1, #lv_list .v-odd.awayTeam .bet1 { text-align:right; }
#game_board .v-odd .bet_over::before, #lv_list .v-odd .bet_over::before,
.v-bt-cell .bet_over::before { content:"↑ "; color:#ff5b5b !important; font-weight:700; }
#game_board .v-odd .bet_under::before, #lv_list .v-odd .bet_under::before,
.v-bt-cell .bet_under::before { content:"↓ "; color:#58a6ff !important; font-weight:700; }
/* 배팅내역에는 기존 화살표 그림이 글자 뒤에 깔려 겹쳐 보였다. 그림을 끄고 위 화살표만 쓴다 */
.v-bt-cell .bet_over, .v-bt-cell .bet_under { background-image:none !important; padding-left:0 !important; }
/* 고른 칸은 금색 바탕이라 글자를 어둡게 쓴다. 화살표까지 같이 어두워지면
위·아래가 구분되지 않으므로, 금색 위에서도 읽히는 진한 빨강·파랑으로 따로 지정한다. */
#game_board .v-odd.menuOff_up .bet_over::before, #lv_list .v-odd.menuOff_up .bet_over::before,
.v-bt-cell.v-bt-pick .bet_over::before { color:#b3261e !important; }
#game_board .v-odd.menuOff_up .bet_under::before, #lv_list .v-odd.menuOff_up .bet_under::before,
.v-bt-cell.v-bt-pick .bet_under::before { color:#14508f !important; }
/* ===== 6-3. 언더오버 화살표 (2026-09-20 관리자 재요청) =====
① 글자(↑ ↓)는 너무 얇다 → **기존 그림 그대로** arrow_up.gif / arrow_down.gif 를 쓴다.
② 자리도 기존과 같게 — 이름 끝이 아니라 **배당 바로 옆**에 붙인다.
홈 : 팀명 …… [↑]배당
원정 : 배당[↓] …… 팀명
이름 칸에 붙던 화살표는 끈다. */
#game_board .v-odd .bet_over::before, #lv_list .v-odd .bet_over::before,
#game_board .v-odd .bet_under::before, #lv_list .v-odd .bet_under::before,
.v-bt-cell .bet_over::before, .v-bt-cell .bet_under::before { content:none !important; }
#game_board .v-odd .bet_over + .btext::before,
#lv_list .v-odd .bet_over + .btext::before,
.v-bt-cell .bet_over + b::before {
content:""; display:inline-block; width:11px; height:13px; margin-right:5px; vertical-align:-2px;
background:url(../images/arrow_up.gif) center center / contain no-repeat;
}
#game_board .v-odd .bet_under + .btext::after,
#lv_list .v-odd .bet_under + .btext::after,
.v-bt-cell:has(.bet_under) b::after {
content:""; display:inline-block; width:11px; height:13px; margin-left:5px; vertical-align:-2px;
background:url(../images/arrow_down.gif) center center / contain no-repeat;
}
/* ===== 6-4. 리그 띠 길이 (2026-09-20 관리자 요청) =====
초록 띠가 가로 전체를 채워 너무 길다. 기존 v 처럼 **글자 길이만큼만** 차지하는
왼쪽 붙은 알약 모양으로 되돌린다. (기존 .sports2boxtopin 이 pull-left 였다) */
#game_board .v-gl-lg{ display:inline-flex; width:auto; max-width:100%; }