.point .summary{display: flex; overflow: hidden; padding: 16px 24px; border-radius: 12px; border: 1px solid var(--brand-400, #9281F1); background: var(--neutral-00, #FFF); flex-direction: column; gap: 8px; align-items: flex-start;}
.point .summary dl{display: flex; flex-direction: column; gap: 6px;}
.point .summary dt{color: var(--neutral-600, #555F6F); font: var(--label-label3-r); letter-spacing: var(--ls-label-label3-r);}
.point .summary dd{display: flex; align-items: center; gap: 2px;}
.point .summary dd .point{font: var(--title-title4-b); letter-spacing: var(--ls-title-title4-b);}
.point .summary dd .unit{font: var(--title-title7-sb); letter-spacing: var(--ls-title-title7-sb);}
.point .summary .lapse{display: flex; padding: 4px 10px 4px 8px; border-radius: 100px; background: var(--brand-40, #F4F3FF); justify-content: center; align-items: center; gap: 4px;}
.point .summary .lapse img{width: 14px;}
.point .summary .lapse .title{color: var(--neutral-500, #6C7888); font: var(--label-label4-sb); letter-spacing: var(--ls-label-label4-sb);}
.point .summary .lapse .point_wrap{display: flex; align-items: center; gap: 2px;}
.point .summary .lapse .point{font: var(--body-body2-b); letter-spacing: var(--ls-body-body2-r); }
.point .summary .lapse .unit{font: var(--caption-caption2-sb); letter-spacing: var(--ls-caption-caption2-sb);}

.point_list_wrap{display: flex; flex-direction: column; background-color: #fff; border-radius: 8px;}
.point_list_wrap h2{padding: 16px 16px 0; font: var(--title-title6-b); letter-spacing: var(--ls-title-title6-b);}
.point_list_wrap .contents{padding: 12px 16px 16px; display: flex; flex-direction: column; gap: 6px;}
.point_list_wrap .tab{display: flex; gap: 12px;}
.point_list_wrap .tab ._button.active{background: var(--neutral-750, #333C4B);color: var(--neutral-00, #FFF);}

.point_list_wrap .list_wrap{padding: 6px 0 ;display: flex; flex-direction: column;}
.point_list_wrap .list{border-top: 1px solid var(--neutral-80, #E2E8EF); display: flex; padding: 10px 4px; align-items: center; gap: 12px; justify-content: space-between;}
.point_list_wrap .list .text{display: flex; flex-direction: column; align-items: flex-start;}
.point_list_wrap .list .title{display: flex; gap: 4px; align-items: center; font: var(--label-label4-sb); letter-spacing: var(--ls-label-label4-sb); color: var(--neutral-750, #333C4B);}
.point_list_wrap .list .date{margin-top: 6px; color: var(--neutral-500, #6C7888); font: var(--caption-caption2-r); letter-spacing: var(--ls-caption-caption2-r);}
.point_list_wrap .list .reason{margin-top: 4px; color: var(--neutral-750, #333C4B); font: var(--caption-caption2-r); letter-spacing: var(--caption-caption2-r);}
.point_list_wrap .list .expiration{color: var(--neutral-500, #6C7888); font: var(--caption-caption2-r); letter-spacing: var(--caption-caption2-r);}
.point_list_wrap .list .point{display: flex; align-items: center; gap: 1px;}
.point_list_wrap .list .point strong{font: var(--label-label2-b); letter-spacing: var(--ls-label-label2-b);}
.point_list_wrap .list .point .unit{font: var(--label-label3-b); letter-spacing: var(--ls-label-label3-b);}

.point_list_wrap .list .point.plus{color: var(--brand-500, #7A5AF8);}
.point_list_wrap .list .point.plus:before{content: '+'; color: var(--brand-400, #9281F1);font: var(--label-label3-b); letter-spacing: var(--ls-label-label3-b);}
.point_list_wrap .list .point.minus{color: var(--rose-500, #DF2E5C);}
.point_list_wrap .list .point.minus:before{content: '-'; color: var(--rose-400, #EA6382); font: var(--label-label3-b); letter-spacing: var(--ls-label-label3-b);}