/* 살펴보기_직원정보01 (Figma 40011391:325652) */
.f-staff01 { line-height: 1.2; font-feature-settings: 'locl' 0; }
.f-staff01 p, .f-staff01 span { white-space: nowrap; }

/* Status bar + camera */
.f-staff01 .sb { position: absolute; left: 0; top: 0; width: 430px; height: 59px; }
.f-staff01 .sb-row { position: absolute; left: 0; top: 0; width: 430px; height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 16px 32px 16px 52px; }
.f-staff01 .sb-time { font-weight: 700; font-size: 17px; line-height: 22px; color: #030303; text-align: center; }
.f-staff01 .sb-wrap { width: 79.67px; height: 13px; }
.f-staff01 .cam { position: absolute; left: 153px; top: 10px; width: 124px; height: 36px; border-radius: 33px; background: #030303; overflow: hidden; }
.f-staff01 .cam img { position: absolute; }

/* Navigation */
.f-staff01 .nav { position: absolute; left: 0; top: 83px; width: 430px; height: 48px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }
.f-staff01 .nav-l, .f-staff01 .nav-r { position: relative; width: 48px; height: 48px; flex: none; }
.f-staff01 .nav-l img { position: absolute; inset: 0; width: 48px; height: 48px; transform: rotate(90deg); }
.f-staff01 .nav-title { font-weight: 900; font-size: 33px; line-height: 40px; color: #f37021; text-align: center; position: relative; top: -1px; }

.f-staff01 .col { position: absolute; left: 24px; top: 143px; width: 382px; display: flex; flex-direction: column; align-items: center; gap: 12px; }

/* Tabs */
.f-staff01 .tabs { width: 382px; height: 28px; flex: none; display: flex; gap: 4px; }
.f-staff01 .tab { position: relative; height: 28px; flex: none; }
.f-staff01 .tab-on { width: 192px; }
.f-staff01 .tab-off { width: 186px; }
.f-staff01 .tab-on img { position: absolute; left: -1.5px; top: 26.5px; width: 195px; height: 3px; }
.f-staff01 .tab-off img { position: absolute; left: -1px; top: 27px; width: 188px; height: 2px; }
.f-staff01 .tab-on p { position: absolute; left: calc(50% - .41px); top: 5px; transform: translateX(-50%); font-weight: 700; font-size: 15px; line-height: 18px; color: #f37021; text-align: center; }
.f-staff01 .tab-off p { position: absolute; left: calc(50% - .46px); top: 6px; transform: translateX(-50%); font-weight: 700; font-size: 13px; line-height: 16px; color: #030303; text-align: center; }

/* Trainer grid */
.f-staff01 .grid { width: 382px; flex: none; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; gap: 16px; overflow: hidden; }
.f-staff01 .tc { position: relative; width: 183px; height: 260px; flex: none; }
.f-staff01 .tc .ph { position: absolute; inset: 0; border-radius: 20px; overflow: hidden; }
.f-staff01 .tc .ph img { position: absolute; max-width: none; }
.f-staff01 .tc .ph img.cover { inset: 0; width: 100%; height: 100%; object-fit: cover; }
.f-staff01 .tc .ig { position: absolute; right: 12px; top: 11.98px; width: 24px; height: 24px; }
.f-staff01 .tc .shade { position: absolute; left: 0; top: 208px; width: 183px; height: 52px; }
.f-staff01 .tc .nm { position: absolute; left: 51px; top: 215.98px; width: 82px; height: 32.01px; }
.f-staff01 .tc .pill { position: absolute; left: 0; top: 0; width: 82px; height: 20px; display: flex; align-items: flex-end; padding: 4px 12px; border-radius: 20px; overflow: hidden; background: rgba(3,3,3,.6); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.f-staff01 .tc .pill p { flex: none; font-weight: 700; color: #fff; text-align: center; }
.f-staff01 .tc .n1 { font-size: 10px; line-height: 12px; }
.f-staff01 .tc .n2 { font-size: 8px; line-height: 10px; }