/* 라커 배정 팝업 (Figma 40011391:338036) — 하단 바텀시트, 상단 radius 20 */
.f-lk_state { border-radius: 20px 20px 0 0; }
.f-lk_state p { white-space: pre; }
.f-lk_state .ttl { position: absolute; left: 0; top: 20px; width: 430px; text-align: center; font-weight: 700; font-size: 17px; line-height: 20px; color: #030303; }
.f-lk_state .box { position: absolute; left: 24px; top: 60px; width: 382px; height: 194px; background: #f4f5f7; border-radius: 20px; }
.f-lk_state .msg { position: absolute; left: 149px; top: 89px; width: 149px; display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: center; }
.f-lk_state .t30 { font-size: 15px; line-height: 30px; color: #030303; text-align: center; }
.f-lk_state .chip { position: relative; width: 80px; height: 36px; background: #fff; border: 1px solid #b5bcc6; border-radius: 20px; flex: none; }
.f-lk_state .chip p { position: absolute; left: 0; top: 0; width: 78px; height: 34px; display: flex; align-items: center; justify-content: center; font-size: 13px; line-height: 16px; color: #030303; }
.f-lk_state .x { position: absolute; left: 382px; top: 0; width: 48px; height: 48px; }
.f-lk_state .btn { position: absolute; left: 24px; top: 269px; width: 382px; height: 52px; background: #0073cf; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
.f-lk_state .btn p { font-size: 13px; line-height: 16px; color: #fff; text-align: center; }