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

/* Status bar + camera */
.f-staff03 .sb { position: absolute; left: 0; top: 0; width: 430px; height: 59px; }
.f-staff03 .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-staff03 .sb-time { font-weight: 700; font-size: 17px; line-height: 22px; color: #030303; text-align: center; }
.f-staff03 .sb-wrap { width: 79.67px; height: 13px; }
.f-staff03 .cam { position: absolute; left: 153px; top: 10px; width: 124px; height: 36px; border-radius: 33px; background: #030303; overflow: hidden; }
.f-staff03 .cam img { position: absolute; }

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

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

/* Trainer photo */
.f-staff03 .photo { position: relative; width: 382px; height: 382px; flex: none; border-radius: 20px; overflow: hidden; }
.f-staff03 .photo .pic { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.f-staff03 .tag { position: absolute; left: 141px; top: 0; width: 100px; height: 20px; border-radius: 0 0 10px 10px; overflow: hidden; background: rgba(3,3,3,.6); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.f-staff03 .tag p { position: absolute; transform: translateX(-50%); font-weight: 700; color: #fff; text-align: center; }
.f-staff03 .tag .t1 { left: calc(50% - 18px); top: 2px; font-size: 13px; line-height: 16px; }
.f-staff03 .tag .t2 { left: calc(50% + 18.5px); top: 5px; font-size: 10px; line-height: 12px; }
.f-staff03 .photo .ig { position: absolute; left: 334px; top: 321.5px; width: 36px; height: 36px; }
.f-staff03 .roll { position: absolute; left: 50%; top: 358px; transform: translateX(-50%); display: flex; gap: 4px; align-items: center; justify-content: center; padding: 2px 8px; border-radius: 8px; background: rgba(181,188,198,.8); }
.f-staff03 .roll .on { display: block; width: 24px; height: 8px; border-radius: 20px; background: #f37021; flex: none; }
.f-staff03 .roll img { width: 8px; height: 8px; flex: none; }

/* Tabs */
.f-staff03 .tabs { width: 382px; height: 28px; flex: none; display: flex; gap: 4px; }
.f-staff03 .tab { position: relative; height: 28px; flex: none; }
.f-staff03 .tab-on { width: 192px; }
.f-staff03 .tab-off { width: 186px; }
.f-staff03 .tab-on img { position: absolute; left: -1.5px; top: 26.5px; width: 195px; height: 3px; }
.f-staff03 .tab-off img { position: absolute; left: -1px; top: 27px; width: 188px; height: 2px; }
.f-staff03 .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-staff03 .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; }

/* 정보 */
.f-staff03 .info { width: 382px; flex: none; display: flex; gap: 40px; align-items: flex-start; padding: 24px; border-radius: 20px; background: #f4f5f7; overflow: hidden; font-weight: 700; color: #000; }
.f-staff03 .info .k { flex: none; width: 55.73px; font-size: 15px; line-height: 18px; }
.f-staff03 .info .v { flex: none; width: 234.269px; font-size: 13px; line-height: 16px; white-space: normal; }