@charset "utf-8";
/** 적립금 **/
.mypage_point { padding-bottom: 50px; } 
.point_view_box { width: 100%; padding: 24px; background: var(--color-white); border: var(--border); border-radius: var(--border-radius-s); } 
.point_view_box .title { font-size: 20px; font-weight: 700; line-height: 28px; } 
.point_view_box .point { font-size: 36px; font-weight: 700; color: var(--color-main); line-height: 46px; display: block; margin-bottom: 8px; } 
.point_view_box .sub_text { font-size: 15px; font-weight: 400; color: var(--color-gray); line-height: 22px; } 
.point_view_box .sub_text strong { display: inline-block; margin-left: 4px; } 
/* LIST */
.point_list_box { margin-top: 36px; } 
.point_list_box .list_title { font-size: var(--font-regular); font-weight: 700; margin-bottom: 8px; } 
.point_list_box ul { border-top: var(--border); } 
.point_list_box ul li { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; padding: 16px 0; border-bottom: var(--border); } 
.list .list_info { width: calc(100% - 100px); } 
.list .label { display: inline-block; min-width: 58px; height: 24px; font-size: 13px; font-weight: 500; color: var(--color-main); line-height: 24px; text-align: center; padding: 0 8px; background: rgba(138,82,220,0.1); border-radius: 4px; } 
.list.type_p .label { background: #F1FBF5; color: var(--color-main); } 
.list.type_r .label { background: rgba(251, 80, 88, 0.1); color: var(--color-red); } 
.list.type_g .label { background: rgba(110, 113, 145, 0.1); color: #6E7191; } 
.list .date { display: inline-block; font-size: 13px; color: var(--color-gray); line-height: 24px; white-space: nowrap; margin-left: 8px; } 
.list .title { font-size: 15px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px; } 
.list .point { font-size: 15px; font-weight: 700; line-height: 22px; white-space: nowrap; } 
.list.type_p .point { color: var(--color-main); } 
.list.type_r .point { color: var(--color-red); } 
.list.type_g .point { color: #6E7191; } 
.btn_box { text-align: center; margin-top: 36px; } 
.btn_box .btn_more { display: inline-block; width: 280px; font-size: var(--font-small); font-weight: 700; color: var(--color-main); line-height: 50px; border: var(--border-main); border-radius: var(--border-radius-s); } 

.auto_use_chk { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 16px 0; z-index: 1; }
.auto_use_chk::before { position: absolute; left: -24px; top: 0; width: calc(100% + 48px); height: 100%; background: #F8F9FA; content: ''; display: block; z-index: -1; }
.auto_use_chk .toggle_tab { width: 24px; height: 24px; background: url(../../image/icon/icon_arrow_down_black.svg) no-repeat center center; background-size: contain; display: block; cursor: pointer; transition: all 0.2s ease-in-out; }
.auto_use_chk .toggle_tab.on { transform: rotate(-180deg); }
.auto_use_chk .toggle_cont { width: 100%; }
.auto_use_chk .text { width: calc(100% - 52px); }
.auto_use_chk .text dt { font-size: 16px; font-weight: 700; color: #222222; }
.auto_use_chk .text dd { font-size: 14px; font-weight: 400; color: #757575; margin-top: 4px; }
.auto_use_chk .switch_box { display: block; overflow: hidden; }
.auto_use_chk .switch_box input[type="checkbox"] { display: none; }
.auto_use_chk .switch_box input[type="checkbox"] + label { position: relative; width: 44px; height: 24px; display: block; background: #D2D5DA; border-radius: 12px; cursor: pointer; transition: all 0.2s ease-in-out; }
.auto_use_chk .switch_box input[type="checkbox"] + label span { position: absolute; left: 2px; top: 2px; display: inline-block; width: 20px; height: 20px; background: #ffffff; border-radius: 50%; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1); transition: all 0.2s ease-in-out; }
.auto_use_chk .switch_box input[type="checkbox"]:checked + label { background: #2AAD5C; }
.auto_use_chk .switch_box input[type="checkbox"]:checked + label span { left: calc(100% - 22px); }
.auto_use_chk .switch_list_wrap { width: 100%; padding-top: 20px; }
.auto_use_chk .switch_list_wrap li { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 2px 0; margin-bottom: 8px; }
.auto_use_chk .switch_list_wrap li .member { width: calc(100% - 52px); }
.auto_use_chk .switch_list_wrap li .member strong { font-size: 16px; font-weight: 500; color: #222; line-height: 22px; display: block; }
.auto_use_chk .switch_list_wrap li .member span { font-size: 14px; font-weight: 400; color: #aaa; line-height: 18px; display: block; margin-top: 4px; }

/* 적립금 없을 때 */
.none_post_area { width: 100%; text-align: center; background: var(--bg-gray); padding: 40px 0; margin-top: 36px; } 
.none_post_area i { display: block; width: 26px; height: 24px; background: url(../../image/icon/icon_none_post.svg) no-repeat center center; background-size: contain; margin: 0 auto 12px; } 
.none_post_area p { font-size: var(--font-regular); font-weight: 500; color: var(--color-gray); line-height: 22px; }