.mypage .my_info{display: flex; gap: 10px; align-items: center;}
.mypage .my_info img{display: flex; gap: 10px; width: 56px; height: 56px; padding: 3.5px; border-radius: 100%;}
.mypage .my_info .info{display: flex; flex-direction: column; gap: 6; flex-grow: 1;}
.mypage .my_info .info .name{font: var(--label-label2-b); letter-spacing: var(--ls-label-label2-b);}
.mypage .my_info .info .email{color: var(--neutral-600, #555F6F); font: var(--label-label3-r); letter-spacing: var(--ls-label-label3-r);}

.mypage .held{display: flex; padding: 16px 24px; border-radius: 12px; border: 1px solid var(--brand-400, #9281F1); background: var(--neutral-00, #FFF);}
.mypage .held dl{flex: 1 0 0; display: flex; flex-direction: column; gap: 6px;}
.mypage .held dt{color: var(--neutral-600, #555F6F); font: var(--label-label3-r); letter-spacing: var(--ls-label-label3-r);}
.mypage .held dd{display: flex; align-items: center; gap: 2px; font: var(--title-title7-sb); letter-spacing: var(--ls-title-title7-sb);}
.mypage .held dd strong{font: var(--title-title4-b); letter-spacing: var(--ls-title-title4-b);}

.mypage .menu{display: flex; padding: 24px 8px; border-radius: 12px; background: var(--neutral-00, #FFF);}
.mypage .menu li{flex: 1 0 0; }
.mypage .menu li a{width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; line-height: 115%;}
.mypage .menu li .img{width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; position: relative;}
.mypage .menu li .img img{width: 32px; height: 32px;}
.mypage .menu li .img ._badge{position: absolute; right: 0; top: 0;}

.mypage .order_info{display: flex; border-radius: 12px; background: #FFF; flex-direction: column;}
.mypage .order_info .category{display: flex; padding: 24px 16px; flex-direction: column; gap: 16px;}
.mypage .order_info .category:not(:last-child){border-bottom: 1px solid var(--neutral-40, #F0F4F8); }
.mypage .order_info .title_wrap{display: flex; align-items: center; justify-content: space-between;}
.mypage .order_info .title{display: flex; gap: 4px; align-items: center;}
.mypage .order_info .title img{width: 20px; height: 20px;}
.mypage .order_info .title strong{font: var(--title-title7-b); letter-spacing: var(--ls-title-title7-b);}
.mypage .order_info .title p{color: var(--neutral-500, #6C7888); font: var(--label-label3-r); letter-spacing: var(--ls-label-label3-r);}
.mypage .order_info ul{padding: 0 12px; display: flex; gap: 12px;}
.mypage .order_info li{display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 1 0 0;}
.mypage .order_info li a{display: flex; align-items: center; justify-content: center; padding: 8px 0; border-radius: 99px; border: 1px solid var(--neutral-80, #E2E8EF); background: var(--neutral-20, #F8FAFC); align-self: stretch; font: var(--title-title6-b); letter-spacing: var(--ls-title-title6-b);}
.mypage .order_info li span{font: var(--label-label4-r); letter-spacing: var(--ls-label-label4-r);}
.mypage .order_info li.disabled a{border: 1px solid var(--neutral-80, #E2E8EF); background-color: transparent; pointer-events: none; color: var(--neutral-400, #8692A3);}
.mypage .order_info li.disabled span{color: var(--neutral-400, #8692A3);}