/* s3x.css — 3 내 상황에 맞게 r9 「결과서 철 넘김」(갈래 s3 · lab-s3 · 통합 때 css/s3.css 를 대체). 선택자는 .s3x 아래만(랩 전용 .s3x-lab-* 끝).
   tines 색 탭 문법(탭 152 · 위 반경 14 · 겹침 16 · 판 0 0 48 48 · 닦아냄 1s (.22,1,.36,1) · 호버 1.08) 위에, 판 오른쪽 = 위가 묶인 종이 철:
     묶음 띠 64(#f6eee2 · 먹 1.5 · 마크 · 제목 · 칩) + 장(#fffdf9 · 위 테 없음 = 띠 아래 선이 경첩) + 장 밑 두께 가장자리 2장(4px씩).
   판 층: .bgx(바탕색 · 닦아냄 층 · 꽃밭 = overflow hidden · 같은 반경) 아래, .pinx(글·철 · overflow visible = 넘어가는 장이 판 밖으로 커져도 안 잘림) 위.
   글자 단 56 / 24 / 20 / 16 / 14(폰 36 / 20 / 18 / 16 / 15 / 14) · 굵기 400·600·720 · 모서리 띠 판 48(1280 미만 32 · 폰 24) / 종이 18 / 단추 12 / 칩 999 / 탭 위 14.
   @keyframes 는 panel-wipe 하나(s3.css 와 같은 이름·몸통). 나머지 움직임은 WAAPI(transform · clip-path 만) — js/s3x-ui.js · js/s3x-bed.js.
   줄 순서: 섹션 → 탭 → 판 층 → 철 → 넘김 덮개 → 꽃밭 → 실패 판 → 움직임 → 1024~1279 → 1024~1179 → 768~1023 → ≤767 → 랩 전용.
   통합 메모: s3.css 끝의 공용 .tel 규칙(s5 상담 머리가 씀)은 이 파일에 옮기지 않았음 — s5 갈래로 넘기거나 s3.css 를 지울 때 함께 옮김. */
.s3x { margin-top: 156px; --bedV: 224px; overflow-x: clip; }
.s3x #service-guide { max-width: 1440px; margin: 0 auto; }
.s3x .head { display: grid; grid-template-columns: 1fr 500px; align-items: end; column-gap: 40px; padding: 0 40px; }
.s3x .head .big { font-size: 56px; }
.s3x .story { margin: 0; font-size: 24px; line-height: 1.45; letter-spacing: -.02em; color: var(--ink); }
.s3x .tel3 { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; min-height: 48px; color: var(--ink); text-decoration: none; font-size: 16px; font-weight: 600; -webkit-tap-highlight-color: transparent; }
.s3x .tel3 span { text-decoration: underline; text-decoration-color: var(--line); text-decoration-thickness: 1.5px; text-underline-offset: 5px; }

/* 탭 7 = 철의 색인 탭(하위 쪽 링크 · 서버 HTML). 고른 탭만 판에 닿고 나머지는 판 밑으로 14px */
.s3x .tabs { display: flex; margin: 48px 40px 0; }
.s3x .tab { position: relative; flex: 1 1 0; min-width: 0; height: 152px; margin-left: -16px; padding: 24px 18px 18px 30px; border-radius: 14px 14px 0 0; background: var(--c); color: #fdfbf7; text-decoration: none; transform: translateY(14px); -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; }
.s3x .tab:first-child { margin-left: 0; padding-left: 24px; }
.s3x .tab.is-sel { transform: none; }
.s3x .tab b { display: block; font-size: 20px; font-weight: 720; letter-spacing: -.02em; line-height: 1.25; word-break: keep-all; }   /* r10: 줄은 빈칸에서만('기사 삭제·정정' 이 1024 에서 '·' 뒤로 꺾이던 흠) */
.s3x .tab span { display: block; margin-top: 10px; font-size: 16px; line-height: 1.4; font-weight: 400; letter-spacing: -.01em; }
.s3x .tab.is-sel b { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.s3x .tab:not(.is-sel) span { visibility: hidden; }
.s3x .tab:focus-visible { outline: 2.5px solid #fdfbf7; outline-offset: -8px; z-index: 11; }

/* 판 = 그 상황 칸막이 색. .bgx = 바탕 + 닦아냄 층(.wipe · JS 가 .bedx 앞에 쌓음) + 꽃밭(.bedx) · 판 아래 --bedV = 꽃밭 띠 */
.s3x .panel3x { position: relative; z-index: 10; margin: 0 40px; padding: 40px 40px var(--bedV); border-radius: 0 0 48px 48px; color: #fdfbf7; }
.s3x .bgx { position: absolute; inset: 0; z-index: 0; border-radius: inherit; overflow: hidden; background: var(--c); pointer-events: none; }
.s3x .bgx > .wipe { position: absolute; inset: 0; background: var(--w); clip-path: inset(0 0 100% 0); }
.s3x .pinx { position: relative; z-index: 2; display: grid; grid-template-columns: 5fr 7fr; column-gap: 48px; align-items: start; }
.s3x .plx { display: flex; flex-direction: column; gap: 28px; min-width: 0; padding-top: 4px; }
.s3x .panel3x .eb { display: none; }   /* '선택한 상황' 눈썹 = DOM 만(고른 탭이 판과 이어져 이미 보임) */
.s3x .panel3x h3 { margin: 0 0 12px; font-size: 24px; font-weight: 720; letter-spacing: -.02em; line-height: 1.3; }
.s3x .pt-link { display: inline-flex; align-items: center; min-height: 48px; color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.s3x .pt-link > span[aria-hidden], .s3x .try > span[aria-hidden] { margin-left: .3em; }
.s3x .pt-link:hover .pt-t, .s3x .pt-link:focus-visible .pt-t { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.s3x .ps { margin: 0; font-size: 20px; line-height: 1.55; letter-spacing: -.015em; }
.s3x .pnote { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid #fdfbf7; font-size: 16px; line-height: 1.55; }
.s3x .pnote[hidden] { display: none; }
.s3x .pact { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.s3x .prow { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; }
.s3x .btn-kakao { min-height: 52px; padding: 0 26px; border-radius: 12px; background: var(--ink); color: #fdfbf7; -webkit-tap-highlight-color: transparent; }
.s3x .try { display: inline-flex; align-items: center; min-height: 48px; color: #fdfbf7; font-size: 16px; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.s3x .kstat { margin: 0; min-height: 21px; font-size: 14px; line-height: 1.5; color: #fdfbf7; }
.s3x .s3x-live { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* 결과서 철(가상 예시) — 묶음 띠는 그대로, 장만 넘어감 · 장 밑 두께 가장자리 2장(4px씩 보임 · 좌우 8/16 들여씀) */
.s3x .filex { position: relative; z-index: 3; min-width: 0; padding-bottom: 8px; color: var(--ink); }
.s3x .bindx { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 64px; padding: 0 28px; background: #f6eee2; border: 1.5px solid var(--ink); border-radius: 18px 18px 0 0; }
.s3x .pp-title { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 20px; font-weight: 720; letter-spacing: -.02em; white-space: nowrap; }
.s3x .pp-mark { flex: none; width: 22px; height: 22px; fill: var(--fl); }
.s3x .vchip { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border: 1px solid var(--ink); border-radius: 999px; background: #fdfbf7; font-size: 14px; font-weight: 600; white-space: nowrap; }
.s3x .sheetx { position: relative; z-index: 2; }
.s3x .pagex { position: relative; display: flex; flex-direction: column; min-width: 0; background: #fffdf9; border: 1.5px solid var(--ink); border-top: 0; border-radius: 0 0 18px 18px; padding: 20px 28px 16px; transform-origin: 50% 0; }
.s3x .edgex { position: absolute; z-index: 1; left: 8px; right: 8px; bottom: 4px; height: 48px; background: #f1e7d8; border: 1.5px solid var(--ink); border-top: 0; border-radius: 0 0 18px 18px; }
.s3x .edgex + .edgex { z-index: 0; left: 16px; right: 16px; bottom: 0; background: #e9dcc9; }
.s3x .k { flex: none; font-size: 14px; font-weight: 600; color: var(--muted); }
.s3x .pp-addr { margin: 0; font-size: 20px; line-height: 1.5; font-weight: 600; letter-spacing: -.01em; color: var(--ink2); overflow-wrap: anywhere; }
.s3x .cells { display: grid; grid-template-columns: 1fr 1fr; margin-top: 12px; border-top: 1px solid var(--line); }
.s3x .cell { min-height: 80px; padding: 12px 20px 12px 0; border-bottom: 1px solid var(--line); }
.s3x .cell:nth-child(2n) { padding-left: 20px; border-left: 1px solid var(--line); }
.s3x .cell h4 { margin: 0 0 6px; font-size: 14px; font-weight: 600; color: var(--muted); letter-spacing: 0; }
.s3x .cell p { margin: 0; font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: -.01em; }
.s3x .cell:last-child p { font-weight: 400; }
.s3x .pp-route { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; min-height: 30px; margin-top: 14px; }
.s3x .pp-route .k { display: none; }   /* '요청 경로' 이름표 = DOM 만(띠 칩 글이 곧 경로 이름) */
.s3x .ribs { display: contents; }
.s3x .rib { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 999px; background: var(--r); color: #fdfbf7; font-size: 14px; font-weight: 600; white-space: nowrap; transform-origin: 0 50%; }
.s3x .pp-rec { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 12px; margin: 10px 0 14px; }
.s3x .pp-rec .v { font-size: 16px; }
.s3x .pp-foot { margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.5; color: var(--muted); }
.s3x .pp-foot a { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: 3px; padding: 13px 0; margin: -13px 0; }
/* 첫 진입 무장(철이 화면 아래 밖에서 붙을 때만): 값 글 = clip 으로 숨김(DOM·접근성 트리 그대로) */
.s3x .pagex.is-armed [data-f]:not(.ribs), .s3x .pagex.is-armed .rib { clip-path: inset(0 100% 0 0); }

/* 넘김 덮개(JS 가 장 자리에 만들고 끝나면 걷음): 원근 = 장 높이 × K(인라인) · 위 끝 = 경첩선 · 끝각 80°
   r10 수리(반박 4 '납작한 띠가 판 오른쪽 끝 1400 을 넘어 1418 까지'): 옆으로 커지는 몫은 ±24(폰 ±12)에서 자름 → 1440 에서 덮개 오른쪽 끝 1384 < 판 1400 */
.s3x .turnx { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; perspective-origin: 50% 0; clip-path: inset(0 -24px -480px -24px); pointer-events: none; }
.s3x .turnx > .pagex { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0; backface-visibility: hidden; will-change: transform; }

/* 꽃밭(.bgx 안 · 판 좌표) — 줄기·잎 캔버스 1장(.stemx) + 상황별 머리 그릇(.bowlx > .bowlx-in > .hx). 그릇 = 닦아냄 층과 같은 상자 · 같은 곡선 */
.s3x .bedx { position: absolute; inset: 0; pointer-events: none; }
.s3x .bedx > .stemx, .s3x .bedx > .bowlx, .s3x .bowlx > .bowlx-in { position: absolute; }
.s3x .bedx > .bowlx, .s3x .bowlx > .bowlx-in { inset: 0; }
.s3x .stemx > canvas, .s3x .hx > canvas { display: block; }
.s3x .hx { position: absolute; }

/* 실패 판·자리 채움(정지 그림 한 장 · 차분한 색 끝 상태) — 데스크톱·쌓인 판 = 판 아래 끝 · 폰 = 결과서 아래(--s3xy · s3x-ui 가 잼) */
.s3x .bedx img.still, .s3x .bedx noscript img { position: absolute; left: 0; top: auto; bottom: 0; width: 100%; height: auto; }
.s3x .bedx.is-fallback img.pre { display: none; }
.s3x .filex .nsm { display: none; }

/* 판 아래: 회사 설명 L06 · 허브 4(동결 · DOM 그대로) = 접힘 한 줄 + 모르겠으면 카톡 */
.s3x .under { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px 48px; margin: 20px 80px 0; }
.s3x .cfold { flex: 1 1 auto; min-width: 0; max-width: 760px; }
.s3x .cfold > summary { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; color: var(--ink2); font-size: 16px; font-weight: 600; -webkit-tap-highlight-color: transparent; }
.s3x .cfold > summary i { font-size: 20px; line-height: 1; color: var(--ink2); }
.s3x .fbody { padding: 4px 0 8px; }
.s3x .company { margin: 0; font-size: 16px; line-height: 1.75; color: var(--ink2); letter-spacing: -.01em; }
.s3x .hubs { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; }
.s3x .hubs a { display: flex; align-items: center; min-height: 48px; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; font-size: 16px; font-weight: 600; -webkit-tap-highlight-color: transparent; }
.s3x .uside { flex: none; display: flex; flex-direction: column; align-items: flex-end; }
.s3x .unsure { display: inline-flex; align-items: center; min-height: 48px; color: var(--ink); font-size: 16px; line-height: 1.5; font-weight: 600; text-decoration: underline; text-decoration-color: var(--fl); text-decoration-thickness: 2px; text-underline-offset: 5px; -webkit-tap-highlight-color: transparent; }
.s3x .uside .kstat { color: var(--sub); }

@media (prefers-reduced-motion: no-preference) {
  .s3x .bgx > .wipe { animation: panel-wipe 1s var(--ease) forwards; }
  .s3x .tab { transition: flex-grow .3s var(--ease), transform .3s var(--ease); }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 767px) {
  .s3x .bgx > .wipe { animation-duration: .96s; }   /* 폰: scrollend 뒤 1.0s 안에 끝(반박 3 · js T.m.wipe 960 과 같음) */
}
html.is-still .s3x .tab { transition: none; }   /* ?still=1 = 움직임 0(탭 솟음·호버 늘어남도 즉시) */
@media (hover: hover) and (min-width: 1180px) {
  .s3x .tab:hover span { visibility: visible; }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .s3x .tab:hover { flex-grow: 1.08; }
}
@keyframes panel-wipe { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }

@media (min-width: 768px) and (max-width: 1279px) {
  .s3x .panel3x { border-radius: 0 0 32px 32px; }
}
@media (min-width: 1024px) and (max-width: 1179px) {
  .s3x { --bedV: 200px; }
  .s3x .head { grid-template-columns: 1fr 420px; }
  .s3x .pinx { grid-template-columns: 4fr 7fr; column-gap: 32px; }
  .s3x .tab { padding: 22px 12px 16px 22px; }
  .s3x .tab:first-child { padding-left: 18px; }
  .s3x .tab b { font-size: 18px; }   /* r10(반박 6): 탭 칸 108px 에 '기사 삭제·정정' 20px(≈123px)이 '·' 뒤로 꺾임 → 18px · 안쪽 여백 줄여 한 줄 */
  .s3x .pagex { padding: 18px 22px 14px; }
  .s3x .bindx { padding: 0 22px; }
}
/* 태블릿: 탭 4열 칸(크림 칸 · 제 색 테 1.5 · 고른 칸만 판 색으로 채움) · 판 = 글 → 철(폭 100% · 최대 680) → 꽃밭 168 */
@media (min-width: 768px) and (max-width: 1023px) {
  .s3x { --bedV: 168px; }
  .s3x .head { grid-template-columns: 1fr; row-gap: 16px; }
  .s3x .tabs { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; gap: 8px; }
  .s3x .tab, .s3x .tab:first-child { margin: 0; height: auto; min-height: 104px; padding: 16px 18px; border-radius: 14px; transform: none; background: #fdfbf7; color: var(--c); box-shadow: inset 0 0 0 1.5px var(--c); }
  .s3x .tab span, .s3x .tabs .tab:not(.is-sel) span { color: var(--ink2); visibility: visible; }
  .s3x .tab.is-sel { background: var(--c); color: #fdfbf7; box-shadow: none; }
  .s3x .tab.is-sel span { color: #fdfbf7; }
  .s3x .tab.is-sel b { text-decoration: none; }
  .s3x .tab:focus-visible { outline-color: var(--ink); outline-offset: 3px; }
  .s3x .tab:last-child { grid-column: span 2; }
  .s3x .panel3x { margin-top: 12px; border-radius: 32px; }
  .s3x .pinx { display: flex; flex-direction: column; gap: 24px; }
  .s3x .plx { gap: 20px; }
  .s3x .filex { width: 100%; max-width: 680px; }
}
@media (min-width: 768px) and (max-width: 1179px) { .s3x .under { margin: 28px 40px 0; } }
@media (max-width: 767px) {
  .s3x { margin-top: 96px; --bedV: 16px; --bedM: 100px; }
  .s3x .turnx { clip-path: inset(0 -12px -480px -12px); }
  .s3x .head { grid-template-columns: 1fr; padding: 0 16px; row-gap: 10px; }
  .s3x .head .big { font-size: 36px; line-height: 1.14; }
  .s3x .story { font-size: 18px; line-height: 1.5; letter-spacing: -.015em; }
  .s3x .story .dk { display: none; }
  .s3x .tel3 { display: none; }
  /* 칩 2열 44 — 크림 알약(제 색 테 1.5 · 제 색 글 16/600) 가운데 고른 하나만 판 색으로 채움(720) */
  .s3x .tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 14px 16px 0; }
  .s3x .tab, .s3x .tab:first-child { display: flex; align-items: center; margin: 0; height: 44px; padding: 0 16px; border-radius: 999px; transform: none; background: #fdfbf7; color: var(--c); box-shadow: inset 0 0 0 1.5px var(--c); }
  .s3x .tab b { font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .s3x .tab span { display: none; }
  .s3x .tab:last-child { grid-column: span 2; }
  .s3x .tab.is-sel { background: var(--c); color: #fdfbf7; box-shadow: none; }
  .s3x .tab.is-sel b { text-decoration: none; font-weight: 720; }
  .s3x .tab:focus-visible { outline-color: var(--ink); outline-offset: 3px; }
  /* 판(화면 폭 꽉 · 반경 24) — 순서는 CSS order 만(DOM 그대로): h3 → 철 → 꽃밭 100(.filex 아래 여백 · 꽃은 .bgx 에) → 카톡 단추 → 이야기·민감 줄
     r10 수리(반박 2): 카톡 단추를 꽃밭 바로 아래로 → 360×656 에서 고른 뒤 단추가 화면 안(아래 끝 584 · 머리줄 나온 경우 632)
     · 딥페이크 '사진이나 영상은 보내지 마세요' 첫 줄은 단추 바로 아래 화면 안(596~621) */
  .s3x .panel3x { margin: 12px 0 0; padding: 14px 16px 16px; border-radius: 24px; }
  .s3x .pinx { display: flex; flex-direction: column; align-items: stretch; }
  .s3x .plx, .s3x .phead { display: contents; }
  .s3x .phead h3 { order: 1; }
  .s3x .filex { order: 2; margin: 8px 0 var(--bedM); }
  .s3x .pact { order: 3; margin-top: 0; padding-top: 0; align-items: stretch; gap: 0; }
  .s3x .ps { order: 4; }
  .s3x .pnote { order: 5; }
  .s3x .prow { display: grid; grid-template-columns: 1fr; gap: 0; }
  .s3x .try { display: none; }   /* 폰: 주소 확인은 독 판 '주소 보내기'·상담 구간 폼에 — DOM 만 */
  .s3x .panel3x h3 { font-size: 20px; margin: 0; }
  .s3x .pt-link { min-height: 44px; }
  .s3x .ps { margin-top: 14px; font-size: 16px; line-height: 1.55; }
  .s3x .pnote { margin-top: 8px; padding-top: 8px; font-size: 15px; }
  .s3x .btn-kakao { width: 100%; }
  .s3x .kstat { min-height: 0; }
  .s3x .kstat:not(:empty) { margin-top: 6px; }
  .s3x .bindx { height: 46px; padding: 0 12px 0 14px; gap: 10px; border-radius: 18px 18px 0 0; }
  .s3x .pp-title { font-size: 18px; gap: 8px; }
  .s3x .pp-mark { width: 20px; height: 20px; }
  .s3x .vchip { height: 28px; padding: 0 10px; }
  .s3x .pagex { padding: 12px 10px 8px 12px; }
  .s3x .pp-addr { font-size: 16px; line-height: 1.4; }
  .s3x .cells { margin-top: 8px; }
  .s3x .cell { min-height: 0; padding: 8px 10px 8px 0; }
  .s3x .cell:nth-child(2n) { padding-left: 10px; }
  .s3x .cell h4 { margin-bottom: 2px; line-height: 1.4; }
  .s3x .cell p { font-size: 15px; line-height: 1.45; }
  .s3x .pp-route { margin: 8px 0; min-height: 28px; gap: 6px; }
  .s3x .rib { height: 28px; padding: 0 9px; letter-spacing: -.02em; }
  .s3x .pp-rec { display: none; }   /* 폰: '남기는 기록' 줄은 DOM 만 */
  .s3x .pp-foot { padding-top: 8px; line-height: 1.45; }
  .s3x .pp-foot a { padding: 11px 0; margin: -11px 0; }
  /* r10: 정지 그림 높이 = 꽃밭 띠(+16 철 뒤) 로 묶음 — 390 이상에서 그림이 늘어나 카톡 단추 위를 덮던 것(JS 꺼짐 390 · 철 z 3 위) 0 */
  .s3x .bedx img.still { top: var(--s3xy, 0); bottom: auto; left: -16px; width: calc(100% + 32px); height: calc(var(--bedM) + 16px); object-fit: cover; object-position: 50% 0; }
  .s3x .bedx noscript { display: none; }
  .s3x .filex .nsm { display: block; position: absolute; left: -16px; top: calc(100% - 16px); width: calc(100% + 32px); height: calc(var(--bedM) + 16px); object-fit: cover; object-position: 50% 0; z-index: -1; }
  .s3x .under { flex-direction: column; align-items: stretch; gap: 0; margin: 4px 16px 0; }
  .s3x .cfold { max-width: none; }
  .s3x .cfold > summary { display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); }
  .s3x .cfold[open] > summary { border-bottom: 0; }
  .s3x .company { font-size: 15px; line-height: 1.65; }
  .s3x .hubs { column-gap: 14px; }
  .s3x .hubs a { font-size: 15px; }
  .s3x .uside { display: none; }
}

/* ── 랩 전용(lab-s3 · 통합 때 지움): 뒤 이음새 = s4x 밤 무대 위 끝 자리 ── */
.s3x-lab-s4stub { height: 200px; margin: 120px 12px 0; border-radius: 48px 48px 0 0; background: #151414; }
@media (max-width: 767px) { .s3x-lab-s4stub { margin-top: 96px; border-radius: 24px 24px 0 0; } }
