<div style="min-height:100vh; display:flex; align-items:center; justify-content:center; padding:28px;">
    <div style="width:720px; max-width:92vw;">
        <div style="background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.10); border-radius:22px; padding:18px 18px 16px; text-align:center;">
            <div style="display:flex; flex-direction:column; align-items:center; gap:14px;">
                =
            </div>
        </div>
        <div style="height:18px;">
            <br>
        </div>
        <div style="background:#ffffff; color:#111; border-radius:22px; padding:18px 22px; box-shadow:0 10px 30px rgba(0,0,0,0.25);">
            <div style="text-align: center; font-weight: 900; letter-spacing: -0.2px; cursor: pointer; user-select: none; font-size: 14px;" title="펼치기/접기">
                <span id="detailsCaret" style="margin-left:4px; color:#111;">
                    ▲
                </span>
            </div>
            <div style="height:16px;">
                <br>
            </div>
            <div id="detailsBody" style="display: block;">
                <div style="border:1px solid #e6e9ee; border-radius:14px; overflow:hidden; background:#ffffff;">
                    <br>
                </div>
                <br>
            </div>
        </div>
    </div>
</div>