/* BCM 서브페이지 공통 라인형 스킨 (86차) — 흰 바탕 · 좌우 여백 세로선 · 네모 심볼 로고 · 좁은 뒤로 버튼 */
:root{--l85-ink:#2c3038;--l85-sub:#80858f;--l85-ln:#dfe2e7;--l85-b:#0480d2;--l85-y:#f2a81d;--l85-pk:#ec4f86;--l85-soft:#eef0f3}
html[data-l85]:not(:has(body.board)){background:#fff !important}
body.l85{background:#fff !important;color:var(--l85-ink)}
/* 공통: 좁은 뒤로 버튼 · 심볼 로고 */
.l85-bk{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;align-self:stretch;color:var(--l85-sub) !important;font-size:24px;font-weight:300;text-decoration:none !important;border-right:1px solid var(--l85-ln);margin-right:12px;line-height:1}
.l85-ico{display:inline-block !important;width:26px !important;height:26px !important;min-width:26px;border-radius:7px !important;background:url(/icons/favicon-48.png?v=bcm4) center/100% 100% no-repeat !important;font-size:0 !important;color:transparent !important;box-shadow:none !important;flex:none;padding:0 !important;margin:0 10px 0 0 !important}
.l85-ico::before,.l85-ico::after{display:none !important}

/* ===== 문서형 페이지: 내 정보 · 앱 만들기 · 이용약관 · 개인정보 · 계정 삭제 ===== */
body.l85-doc .wrap{max-width:620px !important;padding:0 0 calc(30px + env(safe-area-inset-bottom)) !important;min-height:100vh;
  background:linear-gradient(var(--l85-ln),var(--l85-ln)) 19px 0/1px 100% no-repeat,linear-gradient(var(--l85-ln),var(--l85-ln)) calc(100% - 20px) 0/1px 100% no-repeat,#fff !important}
@media(min-width:660px){body.l85-doc .wrap{border-left:1px solid var(--l85-ln);border-right:1px solid var(--l85-ln)}}
body.l85-doc .wrap>header{display:flex !important;align-items:center !important;gap:0 !important;min-height:60px;padding:0 20px !important;margin:0 !important;border-bottom:1px solid var(--l85-ln);background:none !important}
body.l85-doc .wrap>header b{font-size:16px !important;letter-spacing:-.02em;line-height:1.25}
body.l85-doc .wrap>header small{display:block;font-size:11.5px !important;color:var(--l85-sub) !important;font-weight:500}
body.l85-doc .wrap>header>div,body.l85-doc .wrap>header .t{flex:1;min-width:0}
body.l85-doc .wrap>header>b{flex:1}
body.l85-doc .wrap>header button,body.l85-doc .wrap>header a.h,body.l85-doc .wrap>header .who{align-self:stretch;height:auto !important;border:0 !important;border-left:1px solid var(--l85-ln) !important;border-radius:0 !important;background:none !important;padding:0 14px !important;margin-right:0;font-size:13px !important;font-weight:700;color:var(--l85-b) !important;display:inline-flex;align-items:center}
body.l85-doc .card{background:none !important;border:0 !important;border-bottom:1px solid var(--l85-ln) !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:18px 36px !important}
body.l85-doc .wrap>:not(header):not(.card):not(form):not(script):not(style){margin-left:36px;margin-right:36px}
body.l85-doc .wrap>form:not(.card){padding:0 36px}
body.l85-doc .wrap>h2{margin-top:26px;padding-top:0}
body.l85-doc h2{font-size:16px}
body.l85-doc input,body.l85-doc select,body.l85-doc textarea{border:1px solid var(--l85-ln) !important;border-radius:10px !important}
body.l85-doc input:focus,body.l85-doc select:focus,body.l85-doc textarea:focus{outline:0;border-color:var(--l85-b) !important}
body.l85-doc .btn{background:var(--l85-b) !important;border-radius:11px !important;color:#fff !important}
body.l85-doc .btn.line,body.l85-doc .btn.ghost,body.l85-doc .btn.sub{background:var(--l85-soft) !important;color:var(--l85-ink) !important;border:0 !important}
body.l85-doc .club{border:0 !important;border-top:1px dotted var(--l85-ln) !important;border-radius:0 !important;background:none !important;margin:0 !important;padding:12px 0 !important}
body.l85-doc table{border-collapse:collapse}
body.l85-doc table th,body.l85-doc table td{border-color:var(--l85-ln) !important}
body.l85-doc table th{background:#f7f8fa !important}
body.l85-doc a{color:var(--l85-b)}
body.l85-doc .legal1{max-width:620px;margin:0 auto !important;padding:14px 16px !important;text-align:center;font-size:12px;color:var(--l85-sub)}
body.l85-doc .legal1 a{color:var(--l85-sub)}
body.l85-doc .seg{border-radius:9px !important;background:var(--l85-soft) !important;border:0 !important;padding:3px !important}

body.l85-doc .wrap>table{width:calc(100% - 72px) !important;max-width:calc(100% - 72px)}
body.l85-doc .wrap>table td,body.l85-doc .wrap>table th{word-break:break-all}
body.l85-doc .seg .on,body.l85-doc .seg button.on,body.l85-doc .seg label.on{background:var(--l85-b) !important;color:#fff !important;border-color:var(--l85-b) !important}

/* ===== 단체 앱 ===== */
body.l85-org{background:#fff !important}
body.l85-org .oh{background:#fff !important;color:var(--l85-ink) !important;border-bottom:1px solid var(--l85-ln)}
body.l85-org .oh .in{padding:0 16px !important;gap:0 !important}
body.l85-org .oh .top{min-height:60px;border-bottom:1px solid var(--l85-ln)}
body.l85-org .oh .top small{opacity:1 !important;color:var(--l85-sub)}
body.l85-org .oh .who{background:var(--l85-soft) !important;color:var(--l85-ink) !important}
body.l85-org .otabs a{color:var(--l85-sub) !important;padding:12px 14px !important}
body.l85-org .otabs a.on{color:var(--l85-ink) !important;border-color:var(--l85-y) !important}
body.l85-org .wrap{background:#fff}
body.l85-org .card,body.l85-org .ev,body.l85-org .alist,body.l85-org .hero{border-radius:0 !important;box-shadow:none !important;border-color:var(--l85-ln) !important}
body.l85-org .hero .cv{background:#fff !important;color:var(--l85-ink) !important;border-bottom:1px solid var(--l85-ln);box-shadow:inset 4px 0 0 var(--l85-y)}
body.l85-org .hero .cv small{color:var(--l85-b);opacity:1 !important}
body.l85-org .hero .cv p{opacity:1 !important;color:#4a4f58}
body.l85-org .ev.next{border:1px solid var(--l85-ln) !important;box-shadow:inset 4px 0 0 var(--l85-y) !important}
body.l85-org .ev .dt{border-radius:9px !important}
body.l85-org .ev.next .dt{background:#fff3dc !important;color:#8a5a00 !important}
body.l85-org .sec h2{font-size:16px}
body.l85-org .btn{border-radius:10px !important}
body.l85-org .btn:not(.y):not(.ln):not(.bad){background:var(--l85-b) !important;color:#fff !important}
body.l85-org .btn.y{background:var(--l85-y) !important;color:#fff !important}
body.l85-org .btn.ln{background:#fff !important;border-color:var(--l85-ln) !important}
body.l85-org .oh .lg.l85-ico{margin-right:0 !important}

/* ===== 볼링장 앱 ===== */
html[data-l85]:not(:has(body.board)){background:#fff !important}
body.l85-cen:not(.board){background:#fff !important;--navy:#0480d2;--navy-d:#036bb0;--ink:#2c3038;--orange:#f2a81d;--orange-t:#fff3dc;--orange-d:#8a5a00;--tint:#eef6fd;--line:#dfe2e7;--line2:#f1f3f6;--ok:#1B7F4E;--ok-t:#E3F3EA}
body.l85-cen header.top{border-bottom:1px solid var(--l85-ln) !important;background:#fff !important}
body.l85-cen header.top .wrap{min-height:60px}
body.l85-cen .bcm-logo{display:inline-block !important;width:28px !important;height:28px !important;border-radius:7px !important;background:url(/icons/favicon-48.png?v=bcm4) center/100% 100% no-repeat !important;font-size:0 !important;color:transparent !important;margin-right:4px !important}
body.l85-cen .menu a{color:var(--l85-sub);font-weight:700}
body.l85-cen .menu a.on{background:none !important;color:var(--l85-ink) !important;box-shadow:inset 0 -3px 0 var(--l85-y) !important;border-radius:0 !important}
body.l85-cen .subnav button.on{background:var(--l85-b) !important;border-color:var(--l85-b) !important;color:#fff !important}
body.l85-cen .navyhead{background:#fff !important;color:var(--l85-ink) !important;border-bottom:1px solid var(--l85-ln);box-shadow:inset 4px 0 0 var(--l85-y)}
body.l85-cen .navyhead *{color:inherit}
body.l85-cen .box,body.l85-cen .slotbar,body.l85-cen .cal{border-radius:0 !important;border-color:var(--l85-ln) !important}
body.l85-cen .fold{border:1px solid var(--l85-ln) !important;border-radius:0 !important;box-shadow:inset 4px 0 0 var(--l85-y)}
body.l85-cen .cal .ev.L{background:#e8f4fc !important;color:#055f9c !important;border-radius:7px}
body.l85-cen .cal .ev:not(.L){border-radius:7px}
body.l85-cen .btn.pri{background:var(--l85-b) !important;border-color:var(--l85-b) !important;color:#fff !important}
body.l85-cen .btn{border-radius:9px !important}
body.l85-cen .vhead{background:#fff !important;color:var(--l85-ink) !important;border-bottom:1px solid var(--l85-ln)}
body.l85-cen .vhead span{color:var(--l85-sub) !important}
body.l85-cen .vhead .r80-ac{color:var(--l85-b) !important}
body.l85-cen .r80-bcm{width:26px !important;height:26px !important;border-radius:7px !important}
body.l85-cen #s-lg .lgp-tabs button.on{box-shadow:inset 0 -3px 0 var(--l85-y) !important}
body.l85-cen #s-lg .lgp-seg button.on{background:var(--l85-b) !important;border-color:var(--l85-b) !important}
body.l85-cen .lockpg .ic{background:#e8f4fc !important;color:var(--l85-b) !important}
/* 87차: 앱 만들기 상단 탭 · 머리줄 아이콘 버튼 */
body.l85-doc .wrap>.seg.seg3{display:grid !important;grid-template-columns:repeat(3,1fr);margin:0 !important;padding:0 20px !important;border:0 !important;border-bottom:1px solid var(--l85-ln) !important;border-radius:0 !important;background:none !important;overflow:visible}
body.l85-doc .wrap>.seg.seg3 button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:auto !important;padding:12px 0 11px !important;background:none !important;color:var(--l85-sub) !important;border:0 !important;border-radius:0 !important;font-size:13px;font-weight:700;position:relative}
body.l85-doc .wrap>.seg.seg3 button+button{border-left:1px solid var(--l85-ln) !important}
body.l85-doc .wrap>.seg.seg3 button svg{width:24px;height:24px;color:#a5aab3}
body.l85-doc .wrap>.seg.seg3 button.on{color:var(--l85-ink) !important;background:none !important}
body.l85-doc .wrap>.seg.seg3 button.on svg{color:var(--l85-b)}
body.l85-doc .wrap>.seg.seg3 button.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--l85-y)}
body.l85-doc .wrap>header .l85-ib{align-self:stretch;display:inline-flex !important;align-items:center;justify-content:center;width:54px;flex:none;margin-right:0;border:0 !important;border-left:1px solid var(--l85-ln) !important;border-radius:0 !important;background:none !important;color:var(--l85-ink) !important;padding:0 !important;cursor:pointer;font-size:0 !important}
body.l85-doc .wrap>header .l85-ib svg{width:26px;height:26px}
body.l85-doc .wrap>header .l85-ib.on{color:var(--l85-b) !important}
/* 93차: 내 정보 아래 계정 안내 · 맨 아래 이용약관 줄 — 라인형 */
body.l85-doc .wrap>.note,body.l85-doc .note{background:none !important;border:0 !important;border-bottom:1px solid var(--l85-ln) !important;border-radius:0 !important;margin:0 !important;padding:14px 36px !important;font-size:12.5px !important;color:var(--l85-sub) !important}
body.l85-doc .legal1{max-width:620px !important;margin:0 auto !important;padding:16px 36px calc(18px + env(safe-area-inset-bottom)) !important;border-top:0;justify-content:center;
  background:linear-gradient(var(--l85-ln),var(--l85-ln)) 19px 0/1px 100% no-repeat,linear-gradient(var(--l85-ln),var(--l85-ln)) calc(100% - 20px) 0/1px 100% no-repeat,#fff !important}
@media(min-width:660px){body.l85-doc .legal1{border-left:1px solid var(--l85-ln);border-right:1px solid var(--l85-ln)}}
body.l85-doc .wrap{padding-bottom:0 !important;min-height:auto !important}
body.l85-doc .legal1{align-content:flex-start}
body.l85-doc .legal1 a{text-decoration:none !important}

/* 100차: 볼링장 앱 새 배색 (파랑 = 주색 · 노랑 = 강조 · 연회색 칸) */
body.l85-cen .strip{background:#f6f7f9 !important;border-color:var(--l85-ln) !important}
body.l85-cen .pill.navy{background:var(--l85-b) !important;color:#fff !important;border-radius:5px}
body.l85-cen .chip-plan,body.l85-cen .chip-auth{border-color:var(--l85-ln) !important}
body.l85-cen .chip-plan i{background:var(--l85-b) !important;border-radius:2px}body.l85-cen .chip-plan.pro i{background:var(--l85-y) !important}
body.l85-cen .bar{background:#eef0f3 !important;border-radius:3px;overflow:hidden}body.l85-cen .bar i{background:var(--l85-b) !important}
body.l85-cen .legal1 a{text-decoration:none !important;color:var(--l85-sub) !important}
body.l85-cen h1,body.l85-cen h2{color:var(--l85-ink)}
body.l85-cen .btn:not(.pri):not(.danger){border-color:var(--l85-ln)}

/*103 로그아웃: 전원 아이콘 + 글자*/body.l85-doc .wrap>header .l85-ib.l85-out{width:auto;padding:0 14px !important;gap:6px;color:#2c3038 !important;font-size:12.5px !important;font-weight:700;white-space:nowrap}body.l85-doc .wrap>header .l85-ib.l85-out svg{width:19px;height:19px}

/*w139 BCM 홈 · 서브페이지: 클럽 앱과 같은 전체 폭 · 양쪽 세로선(--m)*/
:root{--l85-m:clamp(17px,calc(17px + (100vw - 412px) * .12),100px)}
body.h85 .wrap{max-width:none !important;border:0 !important;background:linear-gradient(#dfe2e7,#dfe2e7) var(--l85-m) 0/1px 100% no-repeat,linear-gradient(#dfe2e7,#dfe2e7) calc(100% - var(--l85-m) - 1px) 0/1px 100% no-repeat,#fff !important}
.h85 .sec>.in{margin:0 var(--l85-m) !important}
.h85 .orow127{margin:0 calc(-1 * var(--l85-m)) !important;padding:12px calc(var(--l85-m) + 16px) 6px !important}
body.l85-doc .wrap{max-width:none !important;border:0 !important;background:linear-gradient(var(--l85-ln),var(--l85-ln)) var(--l85-m) 0/1px 100% no-repeat,linear-gradient(var(--l85-ln),var(--l85-ln)) calc(100% - var(--l85-m) - 1px) 0/1px 100% no-repeat,#fff !important}
body.l85-doc .wrap>header{padding:0 var(--l85-m) !important}
body.l85-doc .card{padding:18px calc(var(--l85-m) + 16px) !important}
body.l85-doc .wrap>:not(header):not(.card):not(form):not(script):not(style){margin-left:calc(var(--l85-m) + 16px);margin-right:calc(var(--l85-m) + 16px)}
body.l85-doc .wrap>form:not(.card){padding:0 calc(var(--l85-m) + 16px)}
body.l85-doc .wrap>table{width:calc(100% - 2 * var(--l85-m) - 32px) !important;max-width:none}
body.l85-doc .wrap>.seg.seg3{padding:0 var(--l85-m) !important}
body.l85-doc .legal1{max-width:none !important;margin:0 !important;padding:16px calc(var(--l85-m) + 16px) calc(18px + env(safe-area-inset-bottom)) !important;border:0 !important;background:linear-gradient(var(--l85-ln),var(--l85-ln)) var(--l85-m) 0/1px 100% no-repeat,linear-gradient(var(--l85-ln),var(--l85-ln)) calc(100% - var(--l85-m) - 1px) 0/1px 100% no-repeat,#fff !important}

/*w142 PC: 단체 앱처럼 980px 까지만 (1000px 이상에서만)*/
@media(min-width:1000px){body.h85 .wrap,body.l85-doc .wrap,.pg{max-width:980px !important;margin-left:auto !important;margin-right:auto !important}}
/*n155 안내 글(.note)도 카드와 같은 좌우 여백 — 내정보 하단 계정 · 로그아웃 줄이 틀 밖으로 나가던 문제*/
body.l85-doc .wrap>.note,body.l85-doc .note{padding:14px calc(var(--l85-m) + 16px) !important}