/* entry — Figma 서폿_홈_출입기록 40011424:18997 */
.f-entry .nav { position:absolute; left:0; top:83px; width:430px; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.f-entry .nav-back { position:relative; width:48px; height:48px; flex-shrink:0; }
.f-entry .nav-back img { width:48px; height:48px; rotate:90deg; }
.f-entry .nav-title { font-weight:900; font-size:33px; line-height:normal; color:#0073cf; text-align:center; white-space:nowrap; }
.f-entry .nav-r { width:48px; height:48px; flex-shrink:0; }
.f-entry .e-wrap { position:absolute; left:24px; top:143px; width:382px; display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.f-entry .e-bar { position:relative; width:382px; height:28px; flex-shrink:0; }
.f-entry .e-bar-line { position:absolute; left:-1.5px; top:26.5px; width:385px; height:3px; }
.f-entry .e-bar p { position:absolute; left:0; top:4px; width:381px; height:20px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:17px; line-height:normal; color:#0073cf; white-space:nowrap; }
.f-entry .e-dp { width:382px; height:48px; flex-shrink:0; background:#f4f5f7; border-radius:20px; display:flex; gap:40px; align-items:center; justify-content:center; padding:12px 20px; }
.f-entry .e-dp-ic { display:flex; gap:8px; align-items:center; }
.f-entry .e-dp-ic img { width:36px; height:36px; }
.f-entry .e-arr { width:24px; height:24px; }
.f-entry .e-date { font-weight:700; font-size:15px; line-height:18px; color:#030303; white-space:nowrap; }
.f-entry .e-rec { width:100%; background:#f4f5f7; border-radius:20px; display:flex; gap:8px; align-items:center; padding:12px 16px; flex-shrink:0; }
.f-entry .e-rec p { font-weight:400; font-size:13px; line-height:16px; color:#030303; text-align:center; white-space:nowrap; }
.f-entry .e-dv { position:relative; width:0; height:16px; flex-shrink:0; }
.f-entry .e-dv img { position:absolute; left:-1px; top:-1px; width:2px; height:18px; }

.f-entry .sb { position:absolute; left:0; top:0; width:430px; height:59px; }
.f-entry .sb-in { 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-entry .sb-time { font-weight:700; font-size:17px; line-height:22px; color:#030303; text-align:center; white-space:nowrap; }
.f-entry .sb-w { width:79.67px; height:13px; }
.f-entry .sb-cam { position:absolute; left:153px; top:10px; width:124px; height:36px; background:#030303; border-radius:33px; overflow:hidden; }
.f-entry .sb-cam img { position:absolute; }
.f-entry .sb-cam .c1 { left:92.127px; top:12.127px; width:6.746px; height:11.746px; }
.f-entry .sb-cam .c2 { left:92.877px; top:13.977px; width:5.246px; height:8.054px; }
.f-entry .sb-cam .c3 { left:94.077px; top:13.809px; width:3.770px; height:7.302px; rotate:5.81deg; transform:skewX(-2.78deg); }
.f-entry .sb-cam .c4 { left:98.127px; top:12.127px; width:6.746px; height:11.746px; transform:scaleX(-1); }
.f-entry .sb-cam .c5 { left:98.877px; top:13.977px; width:5.246px; height:8.054px; transform:scaleX(-1); }
.f-entry .sb-cam .c6 { left:99.157px; top:13.809px; width:3.770px; height:7.302px; rotate:174.19deg; scale:1 -1; transform:skewX(2.78deg); }