@media(max-width:760px){
    .account-wrap,.account-content,.mypage,.mypage-top,.my-summary,.my-info,.my-security,.my-ledger,
    .my-summary>*,.my-info>*,.my-security>*,.my-ledger>*{width:100%;min-width:0;max-width:100%}
    .account-wrap{overflow:hidden}
    .mypage{gap:12px;margin-top:12px}
    .mypage-top{display:grid;grid-template-columns:minmax(0,1fr)}
    .my-summary,.my-info,.my-security,.my-ledger{overflow:hidden;padding:12px;border-radius:11px}
    .my-id{align-items:center;gap:8px}
    .my-id strong{min-width:0;font-size:16px;overflow-wrap:anywhere}
    .my-summary dl,.my-points{min-width:0;padding:11px}
    .my-points>div{gap:7px;flex-wrap:wrap}
    .my-points>div strong{min-width:0;overflow-wrap:anywhere}
    .my-points p,.my-points p span{width:100%;min-width:0}
    .my-info>div{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
    .my-info dl,.my-info dl:nth-child(6),.my-info dl:nth-child(8){grid-column:auto;width:100%;min-width:0;max-width:100%;order:initial}
    .my-info dt{flex:0 0 78px}
    .my-info dd,.my-info dl:nth-child(6) dd,.my-info dl:nth-child(8) dd{min-width:0;max-width:calc(100% - 86px);overflow-wrap:anywhere;word-break:break-all}
    .my-security>div{display:grid;grid-template-columns:minmax(0,1fr)}
    .my-security article{width:100%;min-width:0}
    .my-ledger header{align-items:flex-start;flex-direction:column;gap:10px}
    .my-ledger header>div{display:grid;width:100%;grid-template-columns:1fr 1fr}
    .my-ledger header button{width:100%}
    .my-ledger-scroll{width:100%;min-width:0;overflow:visible}
    .my-ledger table,.my-ledger tbody,.my-ledger tr,.my-ledger td{display:block;width:100%;min-width:0}
    .my-ledger table{min-width:0;background:transparent}
    .my-ledger thead{display:none}
    .my-ledger tbody{display:grid;gap:8px}
    .my-ledger tr{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}
    .my-ledger td{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0;border:0;text-align:right;font-size:10px;overflow-wrap:anywhere}
    .my-ledger td:before{color:#7890a5;font-weight:500}
    .my-ledger td:nth-child(1):before{content:"유형"}
    .my-ledger td:nth-child(2):before{content:"변동 금액"}
    .my-ledger td:nth-child(3):before{content:"변동 후"}
    .my-ledger td:nth-child(4):before{content:"일자"}
    .my-ledger td:nth-child(4){grid-column:1/-1;padding-top:7px;border-top:1px solid var(--line)}
    .pw-modal-backdrop{max-width:100vw;overflow:hidden;padding:10px}
    .pw-modal{width:100%;min-width:0;max-width:100%;padding:14px}
    .pw-modal>header>div{min-width:0}
    .phone-auth,.pw-input{width:100%;min-width:0}
}
@media(max-width:390px){
    .my-ledger tr{grid-template-columns:1fr}
    .my-ledger td:nth-child(4){grid-column:auto}
    .my-info dt{flex-basis:70px}
    .my-info dd,.my-info dl:nth-child(6) dd,.my-info dl:nth-child(8) dd{max-width:calc(100% - 78px)}
}