/* 짐구독_가입 및 결제06 (40011391:331049) */
.f-pay06 { color: #030303; }
.f-pay06 .sb { position: absolute; left: 0; top: 0; width: 430px; height: 59px; }
.f-pay06 .sb-in { position: absolute; left: 0; top: 0; right: 0; height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 16px 32px 16px 52px; }
.f-pay06 .sb-time { font-weight: 700; font-size: 17px; line-height: 22px; text-align: center; white-space: nowrap; }
.f-pay06 .sb-wrap { width: 79.67px; height: 13px; }

.f-pay06 .col { position: absolute; left: 24px; top: 143px; width: 382px; display: flex; flex-direction: column; align-items: center; gap: 48px; }
.f-pay06 .sp1 { width: 100px; height: 51px; }
.f-pay06 .sp2 { width: 100px; height: 30px; }
.f-pay06 .done { width: 100%; font-weight: 700; font-size: 23px; line-height: 28px; color: #000; text-align: center; }
.f-pay06 .hist { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.f-pay06 .sh { position: relative; width: 382px; height: 20px; }
.f-pay06 .sh-t { position: absolute; left: 0; top: 0; font-weight: 700; font-size: 17px; line-height: 20px; white-space: nowrap; }
.f-pay06 .sh-line { position: absolute; left: 130.18px; top: 15px; width: 251.818px; height: 1px; }
.f-pay06 .lines { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.f-pay06 .ln { position: relative; width: 370px; height: 21px; font-weight: 400; font-size: 15px; line-height: 21px; white-space: nowrap; }
.f-pay06 .ln span { position: absolute; top: 0; }
.f-pay06 .ln span:first-child { left: 0; }
.f-pay06 .ln span:last-child { right: 0; text-align: right; }
.f-pay06 .ln.tot { height: 18px; font-weight: 700; line-height: 18px; }
.f-pay06 .info { width: 100%; font-weight: 700; font-size: 13px; line-height: 16px; text-align: center; }
.f-pay06 .info em { font-style: normal; color: #f37021; }

.f-pay06 .btn { position: absolute; left: 24px; width: 382px; height: 52px; border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 8px 24px; font-weight: 400; font-size: 13px; line-height: 16px; white-space: nowrap; text-align: center; }
.f-pay06 .btn.ok { top: 844px; background: #f37021; color: #fff; }
.f-pay06 .btn.rc { top: 780px; background: #fff; border: 1px solid #b5bcc6; color: #030303; }
/* Dynamic island (camera) */
.f-pay06 .cam { position: absolute; left: 153px; top: 10px; width: 123px; height: 36px; background: #030303; border-radius: 33px; overflow: hidden; }
.f-pay06 .cv { position: absolute; }
.f-pay06 .cv > img, .f-pay06 .cv .ci > img { position: absolute; display: block; max-width: none; }
.f-pay06 .cv.a { left: 92.127px; top: 12.127px; width: 6.746px; height: 11.746px; }
.f-pay06 .cv.b { left: 92.877px; top: 13.977px; width: 5.246px; height: 8.054px; }
.f-pay06 .cv.a img, .f-pay06 .cv.b img { inset: 0; width: 100%; height: 100%; }
.f-pay06 .cv.c { left: 94.97px; top: 15.02px; width: 1.984px; height: 4.879px; display: flex; align-items: center; justify-content: center; }
.f-pay06 .cv.c .ci { position: relative; flex: none; width: 1.273px; height: 4.804px; transform: rotate(5.81deg) skewX(-2.78deg); }
.f-pay06 .cv.c .ci img { left: -1.2484px; top: -1.2486px; width: 3.7698px; height: 7.3012px; }
.f-pay06 .cv.d { left: 100px; top: 14px; width: 3px; height: 8px; display: flex; align-items: center; justify-content: center; }
.f-pay06 .cv.d .ci { position: relative; flex: none; width: 3px; height: 8px; transform: rotate(180deg) scaleY(-1); }
.f-pay06 .cv.d .ci img { left: -1.873px; top: -1.873px; width: 6.746px; height: 11.746px; }
.f-pay06 .cv.e { left: 100.75px; top: 15.85px; width: 1.5px; height: 4.308px; display: flex; align-items: center; justify-content: center; }
.f-pay06 .cv.e .ci { position: relative; flex: none; width: 1.5px; height: 4.308px; transform: rotate(180deg) scaleY(-1); }
.f-pay06 .cv.e .ci img { left: -1.873px; top: -1.873px; width: 5.246px; height: 8.054px; }
.f-pay06 .cv.f { left: 100.05px; top: 15.02px; width: 1.984px; height: 4.879px; display: flex; align-items: center; justify-content: center; }
.f-pay06 .cv.f .ci { position: relative; flex: none; width: 1.273px; height: 4.804px; transform: rotate(174.19deg) skewX(2.78deg) scaleY(-1); }
.f-pay06 .cv.f .ci img { left: -1.2484px; top: -1.2486px; width: 3.7698px; height: 7.3012px; }