:root{--brand:#DA350B;--line:#E5E8EB}
*{box-sizing:border-box}html,body{margin:0;background:#fff;overflow:hidden}
body{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}
/* 라디오는 화살표 근처에 숨긴다 — 문서 최상단에 두면 클릭 시 페이지가 위로 튄다 */
input{position:absolute;left:62%;top:82%;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}
.win{border:1px solid #E2DFDA;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(31,22,18,.10)}
.bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#F7F8FA;border-bottom:1px solid var(--line)}
.tl{display:flex;gap:5px}.tl i{width:10px;height:10px;border-radius:50%;display:block;background:#E2DFDA}
.tl i:nth-child(1){background:#FF5F57}.tl i:nth-child(2){background:#FEBC2E}.tl i:nth-child(3){background:#28C840}
.barlabel{flex:1;text-align:center;font-size:12.5px;font-weight:700;color:#6B625C;background:#fff;border-radius:8px;padding:6px 10px}
.stage{position:relative;width:100%;aspect-ratio:1440/900;overflow:hidden;background:#F7F8FA}
.scene{display:none}
.stage img{position:absolute;display:block;width:100%;left:0;top:0}
.dot{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 8px rgba(218,53,11,.22);z-index:3}
.dot:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(218,53,11,.55);animation:pulse 1.9s ease-out infinite}
@keyframes pulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.call{position:absolute;z-index:4;width:min(300px,42%);background:var(--brand);color:#fff;border-radius:14px;padding:13px 14px 11px;box-shadow:0 12px 32px rgba(122,30,8,.32)}
.call .step{font-size:11px;font-weight:800;opacity:.85;letter-spacing:.05em}
.call h3{margin:4px 0 5px;font-size:15.5px;font-weight:800;letter-spacing:-.02em;word-break:keep-all;line-height:1.35}
.call p{margin:0 0 10px;font-size:13px;line-height:1.5;opacity:.95;word-break:keep-all}
.call .row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.call .cnt{font-size:11.5px;font-weight:700;opacity:.85}
.arw{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;font-weight:800;color:#fff;user-select:none}
.arw.solid{background:#fff;color:var(--brand)}.arw:hover{opacity:.88}
.pager{position:absolute;right:12px;bottom:10px;display:flex;gap:6px;z-index:5;background:rgba(20,18,16,.55);padding:7px 10px;border-radius:999px}
.pager label{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.55);cursor:pointer;display:block}
#d1:checked~.win .sc1,#d2:checked~.win .sc2,#d3:checked~.win .sc3{display:block}
#d1:checked~.win .pager .pg1,#d2:checked~.win .pager .pg2,#d3:checked~.win .pager .pg3{background:#fff;width:20px}
.sc1 .call{right:3.5%;bottom:7%}.sc1 .dot{left:20.00%;top:42.00%}
.sc2 .call{right:3.5%;bottom:7%}.sc2 .dot{left:20.00%;top:52.00%}
.sc3 .call{right:3.5%;bottom:7%}.sc3 .dot{left:20.00%;top:55.00%}
@media (max-width:560px){
 .bar{display:none}
 .win{border-radius:10px;box-shadow:0 4px 16px rgba(31,22,18,.10);overflow:hidden}
 .stage{aspect-ratio:auto!important;height:auto!important}
 .scene{position:relative}
 .stage img{position:relative!important;width:100%;height:105vw!important;min-height:260px;object-fit:cover;display:block}
 /* 그룹 조건은 화면 왼쪽에 모여 있어 좌측 기준으로 확대해야 항목명이 잘리지 않는다. */
 .sc1 img{object-position:0% 42%}.sc2 img{object-position:0% 52%}.sc3 img{object-position:0% 55%}
 .dot{display:none}
 .call{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;border-radius:0!important;box-shadow:none!important;padding:12px 14px 13px!important;background:rgba(31,22,18,.92)}
 .call .step{display:block;font-size:10px;margin-bottom:3px;opacity:.8}
 .call h3{font-size:14.5px!important;margin:0 0 4px!important}
 .call p{font-size:12.5px;margin:0 0 9px}
 .arw{width:30px;height:30px;font-size:14px}
 .pager{top:8px;right:8px;bottom:auto;padding:5px 8px}
}