.pm-mileage-page #sho_wrap{padding: 24px 0; background: #F6F8FB; min-height: calc(100dvh - 141px);}
.pm-mileage-page .sho_inner{max-width: 1520px; margin: 0 auto;}
.pm-mileage-page .sub_tabs{display: flex; justify-content: center; gap: 20px; border-bottom: 1px solid #F1F1F1; background-color: #fff;}
.pm-mileage-page .sub_tabs a{position: relative; padding: 20px 8px; font-size: 16px; font-weight: 600; color: #8EA0AC; transition: color 0.1s;}
.pm-mileage-page .sub_tabs a:hover{color: #070429;}
.pm-mileage-page .sub_tabs a.on{color: #070429; font-weight: 600;}
.pm-mileage-page .sub_tabs a.on::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #052236;}
.pm-mileage-page .sho_filter{display: flex; align-items: center; gap: 12px; margin-bottom: 24px;}
.pm-mileage-page .sho_count{font-size: 18px; font-weight: 700; color: #070429;}
.pm-mileage-page .sho_count b{color: #2663ED; margin-left: 8px;}
.pm-mileage-page .sho_filter_right{display: flex; align-items: center; gap: 12px;}
.pm-mileage-page .sho_reset{display: inline-flex; align-items: center; gap: 6px; padding: 0 8px; margin-left: auto; font-size: 14px; font-weight: 600; color: #2663ED;}
.pm-mileage-page .sho_reset .ico{width: 16px; height: 16px; background: url('../img/paymong/mileage-v2/reset_ico.svg') no-repeat center center / cover;}
.pm-mileage-page .sho_sel{position: relative;}
.pm-mileage-page .sho_sel .sho_sel_btn{display: inline-flex; align-items: center; gap: 12px; height: 44px; padding: 0 40px 0 20px; background: #fff; border: 1px solid rgba(0, 62, 129, 0.08); border-radius: 12px; cursor: pointer; transition: border-color 0.1s; font-family: inherit; position: relative;}
.pm-mileage-page .sho_sel .sho_sel_btn:hover{border-color: rgba(49, 130, 246, 0.4);}
.pm-mileage-page .sho_sel .sho_sel_btn::after{content: ''; position: absolute; top: 50%; right: 18px; width: 7px; height: 7px; border-right: 1.5px solid #3182F6; border-bottom: 1.5px solid #3182F6; transform: translateY(-70%) rotate(45deg); transition: transform 0.15s;}
.pm-mileage-page .sho_sel.open .sho_sel_btn{border-color: #2663ED;}
.pm-mileage-page .sho_sel.open .sho_sel_btn::after{transform: translateY(-20%) rotate(-135deg);}
.pm-mileage-page .sho_sel .sho_sel_tit{font-size: 14px; font-weight: 500; color: #8EA0AC; line-height: 1;}
.pm-mileage-page .sho_sel .sho_sel_val{font-size: 14px; font-weight: 600; color: #052236; line-height: 1;}
.pm-mileage-page .sho_sel .sho_sel_opts{position: absolute; top: calc(100% + 6px); right: 0; z-index: 20; min-width: 200px; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid rgba(0, 62, 129, 0.08); border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 0.15s, visibility 0.15s, transform 0.15s;}
.pm-mileage-page .sho_sel.open .sho_sel_opts{opacity: 1; visibility: visible; transform: translateY(0);}
.pm-mileage-page .sho_sel .sho_sel_opts > li{padding: 12px 14px; border-radius: 8px; font-size: 14px; font-weight: 500; color: #052236; cursor: pointer; transition: background 0.1s, color 0.1s; white-space: nowrap;}
.pm-mileage-page .sho_sel .sho_sel_opts > li:hover{background: rgba(0, 62, 129, 0.04);}
.pm-mileage-page .sho_sel .sho_sel_opts > li.on{background: rgba(38, 99, 237, 0.06); color: #2663ED; font-weight: 700; position: relative; padding-right: 34px;}
.pm-mileage-page .sho_sel .sho_sel_opts > li.on::after{content: ''; position: absolute; top: 50%; right: 14px; width: 10px; height: 6px; border-left: 2px solid #2663ED; border-bottom: 2px solid #2663ED; transform: translateY(-70%) rotate(-45deg);}
.pm-mileage-page .sho_list{list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;}
.pm-mileage-page .sho_item{background: #fff; border: 1px solid rgba(0, 62, 129, 0.08); border-radius: 24px; overflow: hidden; transition: border-color 0.1s, box-shadow 0.1s;}
.pm-mileage-page .sho_item:hover{border-color: rgba(49, 130, 246, 0.60); box-shadow: 0 8px 12px 2px rgba(0, 0, 0, 0.02);}
.pm-mileage-page .sho_item > a{display: block;}
.pm-mileage-page .sho_item_img{display: flex; align-items: center; justify-content: center; height: 272px;}
.pm-mileage-page .sho_item_img img{max-width: 100%; max-height: 100%; object-fit: contain;}
.pm-mileage-page .sho_item_info{padding: 20px 20px 24px;}
.pm-mileage-page .sho_item_brand{display: flex; align-items: center; gap: 4px; margin-bottom: 8px; font-size: 14px; color: #536B7C; font-weight: 600;}
.pm-mileage-page .sho_item_brand img{width: 28px; height: 28px; border-radius: 50%; object-fit: cover;}
.pm-mileage-page .sho_item_name{margin-bottom: 8px; font-size: 16px; font-weight: 600; color: #070429; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.pm-mileage-page .sho_item_price{font-size: 18px; color: #0095FF; font-weight: 700; line-height: 1.55;}
.pm-mileage-page #sho_view_wrap{padding: 24px 0 140px; background: #F6F8FB; min-height: calc(100dvh - 76px);}
.pm-mileage-page #sho_view_wrap.no_footer{padding-bottom: 60px;}
.pm-mileage-page .sho_view_inner{max-width: 1120px; margin: 0 auto; }
.pm-mileage-page .sho_view_side .sho_view_info > li .val.use_status{color: #2680FF; font-weight: 700;}
.pm-mileage-page .sho_view_barcode{display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 20px;}
.pm-mileage-page .sho_view_barcode img{display: block; max-width: 100%; height: 80px;}
.pm-mileage-page .sho_view_barcode_num{font-size: 13px; color: #052236; letter-spacing: 1.56px; font-weight: 500; line-height: 1.53;}
.pm-mileage-page .sho_view_btn_copy .ico{background: url('../img/paymong/mileage-v2/copy_ico.svg') no-repeat center center / contain !important;}
.pm-mileage-page #sho_view_wrap.used .sho_view_img img{filter: grayscale(100%); opacity: 0.6;}
.pm-mileage-page #sho_view_wrap.used .sho_view_barcode img{filter: grayscale(100%); opacity: 0.4;}
.pm-mileage-page #sho_view_wrap.used .sho_view_barcode_num{color: #C4CBD3;}
.pm-mileage-page #sho_view_wrap.used .use_status{color: #8EA0AC !important; font-weight: 500;}
.pm-mileage-page .sho_view_btn.sho_view_btn_done{background: #A8B3BC !important; color: #fff !important; cursor: not-allowed;}
.pm-mileage-page .sho_view_btn.sho_view_btn_done:hover{background: #A8B3BC !important;}
.pm-mileage-page .sho_view_content{display: grid; grid-template-columns: 1fr 357px; gap: 24px; align-items: start;}
.pm-mileage-page .sho_view_main{min-width: 0;}
.pm-mileage-page .sho_view_img{display: flex; overflow: hidden; align-items: center; justify-content: center; height: 554px; margin-bottom: 24px; background: #fff; border: 1px solid rgba(0, 62, 129, 0.08); border-radius: 16px; }
.pm-mileage-page .sho_view_img img{width: 100%; height: 100%; object-fit: cover;}
.pm-mileage-page .sho_view_side{position: sticky; top: 96px; padding: 24px; background: #fff; border: 1px solid rgba(0, 62, 129, 0.08); border-radius: 16px;}
.pm-mileage-page .sho_view_side .sho_view_brand{display: flex; align-items: center; gap: 4px; margin-bottom: 8px; font-size: 14px; font-weight: 600; color: #536B7C;}
.pm-mileage-page .sho_view_side .sho_view_brand img{width: 28px; height: 28px; border-radius: 50%; object-fit: cover;}
.pm-mileage-page .sho_view_side .sho_view_name{margin: 0 0 12px; font-size: 20px; font-weight: 700;  color: #070429; line-height: 1.6;}
.pm-mileage-page .sho_view_side .sho_view_price{font-size: 18px; font-weight: 700; color: #0095FF;}
.pm-mileage-page .sho_view_side .sho_view_info{margin: 16px 0 20px; padding: 0 0 16px; border-top: 1px solid rgba(0, 62, 129, 0.04);}
.pm-mileage-page .sho_view_side .sho_view_info > li{display: flex; align-items: center; justify-content: space-between; padding: 12px 0; font-size: 14px; border-bottom: 1px solid rgba(0, 62, 129, 0.04);}
.pm-mileage-page .sho_view_side .sho_view_info > li .tit{color: #536B7C; font-weight: 400;}
.pm-mileage-page .sho_view_side .sho_view_info > li .val{color: #070429; font-weight: 400;}
.pm-mileage-page .sho_view_side .sho_view_info > li .val b{font-weight: 600;}
.pm-mileage-page .sho_view_btn{display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 16px; background: #2663ED !important; border-radius: 12px; font-size: 16px; font-weight: 600; line-height: 1.5; color: #fff !important;}
.pm-mileage-page .sho_view_btn:hover{background: #1F55C4 !important;}
.pm-mileage-page .sho_view_btn .ico{width: 16px; height: 16px; background: url('../img/paymong/mileage-v2/exchange_ico.svg') no-repeat center center / contain;}
.pm-mileage-page .sho_view_bulletin{}
.pm-mileage-page .sho_view_notes{}
.pm-mileage-page .sho_view_notes > li{font-size: 14px; line-height: 1.42; color: #536B7C;}
.pm-mileage-page .sho_related{margin-top: 24px; padding: 24px; background: #fff; border: 1px solid rgba(0, 62, 129, 0.08); border-radius: 16px;}
.pm-mileage-page .sho_related_head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px;}
.pm-mileage-page .sho_related_tit{margin: 0; font-size: 18px; font-weight: 700; color: #052236; line-height: 1.55;}
.pm-mileage-page .sho_related_nav{display: flex; gap: 12px;}
.pm-mileage-page .sho_related_nav button{position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; background: transparent; border: 1px solid rgba(0, 62, 129, 0.04); border-radius: 999px; cursor: pointer; transition: background 0.1s;}
.pm-mileage-page .sho_related_nav button:hover{background: #F5F7FA;}
.pm-mileage-page .sho_related_nav button::before{content: ''; width: 8px; height: 8px; border-top: 1.5px solid #2663ED; border-right: 1.5px solid #2663ED;}
.pm-mileage-page .sho_related_nav .sho_related_prev::before{transform: rotate(-135deg); margin-left: 3px;}
.pm-mileage-page .sho_related_nav .sho_related_next::before{transform: rotate(45deg); margin-right: 3px;}
.pm-mileage-page .sho_related_swiper{overflow: hidden;}
.pm-mileage-page .sho_related_swiper .swiper-wrapper{list-style: none; margin: 0; padding: 0;}
.pm-mileage-page .sho_related_swiper .swiper-slide{height: auto;}
.pm-mileage-page .sho_related_swiper .sho_item{margin: 0; width: 100%;}
.pm-mileage-page .sho_related_swiper .sho_item_img{height: auto;}
.pm-mileage-page .sho_related_swiper .sho_item_img img{width: 100%; height: auto;}
.pm-mileage-page .sho_view_footer{position: fixed; bottom: 0; left: 0; right: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 24px; background: #fff; border-top: 1px solid #F1F1F1;}
.pm-mileage-page .sho_view_footer_left{display: flex; align-items: center; gap: 12px;}
.pm-mileage-page .sho_view_footer_left .item{display: inline-flex; align-items: baseline; gap: 16px; font-size: 16px;}
.pm-mileage-page .sho_view_footer_left .item em{color: #8EA0AC; font-style: normal; font-weight: 500; color: #536B7C;}
.pm-mileage-page .sho_view_footer_left .item b{color: #052236; font-weight: 700; font-size: 18px; color: #070429;}
.pm-mileage-page .sho_view_footer_left .vdiv{display: inline-block; width: 1px; height: 12px; background: rgba(0, 62, 129, 0.08);}
.pm-mileage-page .sho_view_footer_right{display: inline-flex; align-items: center; gap: 24px;}
.pm-mileage-page .sho_view_footer_total{display: inline-flex; align-items: baseline; gap: 20px;}
.pm-mileage-page .sho_view_footer_total em{color: #8EA0AC; font-style: normal; font-size: 16px; font-weight: 400; color: #536B7C;}
.pm-mileage-page .sho_view_footer_total b{font-size: 22px; color: #354977; font-weight: 700;}
.pm-mileage-page .sho_view_footer_btn{display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-width: 196px; padding: 16px 32px; background: #2663ED; border: none; border-radius: 10px; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; transition: background 0.1s;}
.pm-mileage-page .sho_view_footer_btn:hover{background: #1F55C4;}
.pm-mileage-page .sho_view_footer_btn .ico{width: 16px; height: 16px; background: url('../img/paymong/mileage-v2/exchange_ico.svg') no-repeat center center / contain;}
.pm-mileage-page .sho_page_head{padding: 48px 0; text-align: center;}
.pm-mileage-page .sho_page_head .sho_page_tag{display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: #0095FF; line-height: 1.42; margin-bottom: 12px;}
.pm-mileage-page .sho_page_head .sho_page_tag i{display: inline-block; width: 4px; height: 4px; background: #0095FF; border-radius: 50%; box-shadow: 0 0 24px 0 rgba(38, 99, 237, 0.40);}
.pm-mileage-page .sho_page_head .sho_page_title{margin: 0 0 12px; font-size: 32px; font-weight: 700; color: #070429; line-height: 1.25;}
.pm-mileage-page .sho_page_head .sho_page_desc{margin: 0; font-size: 16px; line-height: 1.5; color: #8EA0AC;}
.pm-mileage-page .sho_tab_switch{display: flex; width: 1120px; padding: 4px; margin: 0 auto 38px; background: rgba(0, 62, 129, 0.02); border: 1px solid rgba(0, 62, 129, 0.08); border-radius: 999px;}
.pm-mileage-page .sho_tab_switch a{flex: 1; display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 24px; border-radius: 999px; font-size: 16px; font-weight: 600; color: #536B7C; transition: background 0.1s, color 0.1s;}
.pm-mileage-page .sho_tab_switch a:hover{color: #052236;}
.pm-mileage-page .sho_tab_switch a.on{background: #fff; color: #070429; font-weight: 700; }
.pm-mileage-page .sho_item{position: relative;}
.pm-mileage-page .sho_item .sho_item_status{position: absolute; top: 16px; left: 16px; z-index: 2; padding: 4px 12px; background: #0095FF; border-radius: 8px; font-size: 13px; font-weight: 600; color: #fff; box-shadow: 4px 4px 14px 0 rgba(255, 255, 255, 0.20) inset;}
.pm-mileage-page .sho_item .sho_item_status.done{background: #8EA0AC;}
.pm-mileage-page .sho_item_price_row{display: flex; align-items: baseline; justify-content: space-between; gap: 8px;}
.pm-mileage-page .sho_item_price_row .sho_item_date{font-size: 13px; color: #8EA0AC;}
.pm-mileage-page .sho_empty{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; text-align: center;}
.pm-mileage-page .sho_empty .sho_empty_ico{width: 220px; height: auto; margin-bottom: 20px;}
.pm-mileage-page .sho_empty .sho_empty_tit{font-size: 24px; font-weight: 700; color: #052236; margin-bottom: 8px; line-height: 1.5;}
.pm-mileage-page .sho_empty .sho_empty_desc{font-size: 16px; line-height: 1.5; color: #8EA0AC; margin-bottom: 16px;}
.pm-mileage-page .sho_empty .sho_empty_btn{display: inline-flex; align-items: center; justify-content: center; padding: 16px 24px; background: #2663ED; border-radius: 12px; font-size: 16px; font-weight: 600; color: #fff; transition: background 0.1s;}
.pm-mileage-page .sho_empty .sho_empty_btn:hover{background: #1F55C4; color: #fff;}
.pm-mileage-page .sho_inner.narrow{max-width: 1120px; padding: 0;}
.pm-mileage-page .sho_ml_tabs{display: flex; align-items: center; justify-content: space-between; padding: 10px 0 0; border-bottom: 1px solid #F1F1F1; margin-bottom: 24px;}
.pm-mileage-page .sho_ml_tabs a{flex:1; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 20px; font-size: 16px; font-weight: 600; color: #8EA0AC; transition: color 0.1s;}
.pm-mileage-page .sho_ml_tabs a:hover{color: #070429;}
.pm-mileage-page .sho_ml_tabs a em{display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border-radius: 50%; background: #C8C8C8; font-size: 13px; font-weight: 600; line-height: 1; color: #FFF; font-style: normal; text-align: center;}
.pm-mileage-page .sho_ml_tabs a.on{color: #070429; font-weight: 700;}
.pm-mileage-page .sho_ml_tabs a.on em{background: #3A72EF;}
.pm-mileage-page .sho_ml_tabs a.on::after{content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #052236;}
.pm-mileage-page .sho_ml_list{display: flex; flex-direction: column;}
.pm-mileage-page .sho_ml_date{padding: 24px 0 8px; font-size: 16px; font-weight: 600; color: #070429; border-bottom: 1px solid rgba(0, 62, 129, 0.06);}
.pm-mileage-page .sho_ml_group ul{list-style: none; margin: 0; padding: 0;}
.pm-mileage-page .sho_ml_item{display: flex; align-items: flex-start; justify-content: space-between; padding: 12px 0 20px; border-bottom: 1px solid rgba(0, 62, 129, 0.06);}
.pm-mileage-page .sho_ml_item .sho_ml_left{display: flex; flex-direction: column;  flex: 1; min-width: 0;}
.pm-mileage-page .sho_ml_item .sho_ml_txt .tit{font-size: 18px; font-weight: 700; color: #052236; line-height: 1.55; margin-bottom: 4px;}
.pm-mileage-page .sho_ml_item .sho_ml_txt .desc{font-size: 14px; color: #536B7C; line-height: 1.42;}
.pm-mileage-page .sho_ml_badge{display: inline-flex; align-items: center; padding: 4px 12px; margin-bottom: 12px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #fff; align-self: flex-start;}
.pm-mileage-page .sho_ml_badge.earn{background: #2663ED;}
.pm-mileage-page .sho_ml_badge.use{background: #19B989;}
.pm-mileage-page .sho_ml_badge.cancel{background: #F75B2B;}
.pm-mileage-page .sho_ml_badge.expire{background: #9A1E1E;}
.pm-mileage-page .sho_ml_item .sho_ml_right{text-align: right; flex-shrink: 0;}
.pm-mileage-page .sho_ml_item .sho_ml_dt{font-size: 14px; color: #536B7C; margin-bottom: 20px;}
.pm-mileage-page .sho_ml_item .sho_ml_amt{font-size: 20px; font-weight: 700; color: #070429;}
.pm-mileage-page .sho_ml_item .sho_ml_amt.plus{color: #0095FF;}
.pm-mileage-page .sho_ml_item .sho_ml_balance{font-size: 13px; color: #8EA0AC;}
.pm-mileage-page .sho_empty .sho_empty_btn:hover{background: #1F55C4; color: #fff;}
@media (max-width: 1520px){.pm-mileage-page .sho_inner,.pm-mileage-page .sho_inner.narrow{padding: 0 24px;}
.pm-mileage-page .sho_list{gap: 20px;}
.pm-mileage-page .sho_item_img{height: 0; padding-bottom: 100%; position: relative;}
.pm-mileage-page .sho_item_img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 16px; box-sizing: border-box;}
.pm-mileage-page .sho_item_info{padding: 16px 16px 20px;}
}
@media (max-width: 1200px){.pm-mileage-page .sho_list{grid-template-columns: repeat(3, 1fr);}
.pm-mileage-page .sho_item_name{font-size: 15px;}
.pm-mileage-page .sho_item_price{font-size: 17px;}
}
@media (max-width: 900px){.pm-mileage-page .sho_inner,.pm-mileage-page .sho_inner.narrow{padding: 0 24px;}
.pm-mileage-page .sho_list{grid-template-columns: repeat(2, 1fr); gap: 20px;}
.pm-mileage-page .sub_tabs{justify-content: flex-start; gap: 28px; padding: 0 24px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; flex-wrap: nowrap;}
.pm-mileage-page .sub_tabs::-webkit-scrollbar{display: none;}
.pm-mileage-page .sub_tabs a{padding: 16px 0; white-space: nowrap; flex-shrink: 0;}
}
@media (max-width: 769px){.pm-mileage-page #header.is_sho_list .logo{display: none;}
.pm-mileage-page #header.is_sho_list .hd_page_tit{display: block; flex: 1; font-size: 17px; font-weight: 700; color: #052236; text-align: center; margin: 0 4px;}
.pm-mileage-page #header.is_sho_list .hd_center{margin: 0; gap: 0; flex: 0 0 auto;}
.pm-mileage-page #header.is_sho_list .hd_point{gap: 6px; padding: 3px 12px 3px 3px; font-size: 13px; margin-left: 0;}
.pm-mileage-page #header.is_sho_list .hd_point .hd_point_ico{width: 26px; height: 26px; font-size: 13px;}
.pm-mileage-page #header.is_sho_list .hd_point .hd_point_amt{font-size: 13px;}
.pm-mileage-page #header.is_sho_list .hd_point .hd_point_arr{display: none;}
.pm-mileage-page #header.is_sho_list .right_nav{display: none;}
.pm-mileage-page .sub_tabs{justify-content: flex-start; gap: 24px; padding: 0 16px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; flex-wrap: nowrap;}
.pm-mileage-page .sub_tabs::-webkit-scrollbar{display: none;}
.pm-mileage-page .sub_tabs a{padding: 14px 0; font-size: 14px; white-space: nowrap; flex-shrink: 0;}
.pm-mileage-page .sub_tabs a.on::after{height: 2px;}
.pm-mileage-page #sho_wrap{padding: 0; min-height: calc(100dvh - 56px);}
.pm-mileage-page .sho_inner{padding: 16px 16px 40px;}
.pm-mileage-page .sho_filter{flex-wrap: wrap; gap: 12px 8px; margin-bottom: 16px;}
.pm-mileage-page .sho_count{font-size: 14px; font-weight: 700;}
.pm-mileage-page .sho_count b{margin-left: 4px; font-size: 14px;}
.pm-mileage-page .sho_reset{margin-left: auto; padding: 0; font-size: 12px; color: #8EA0AC;}
.pm-mileage-page .sho_reset .ico{width: 14px; height: 14px;}
.pm-mileage-page .sho_filter_right{flex-basis: 100%; width: 100%; justify-content: flex-start; gap: 6px;}
.pm-mileage-page .sho_sel .sho_sel_btn{height: 36px; padding: 0 32px 0 14px; gap: 6px; border-radius: 999px; background: #fff; border: 1px solid rgba(0, 62, 129, 0.10);}
.pm-mileage-page .sho_sel .sho_sel_btn::after{right: 14px; width: 6px; height: 6px; border-right-color: #536B7C; border-bottom-color: #536B7C;}
.pm-mileage-page .sho_sel .sho_sel_tit{font-size: 13px; color: #536B7C;}
.pm-mileage-page .sho_sel .sho_sel_val{font-size: 13px; color: #052236;}
.pm-mileage-page .sho_filter_right .sho_sel:last-child{margin-left: auto;}
.pm-mileage-page .sho_sel .sho_sel_opts{min-width: 160px; border-radius: 12px;}
.pm-mileage-page .sho_sel .sho_sel_opts > li{padding: 10px 12px; font-size: 13px;}
.pm-mileage-page .sho_list{grid-template-columns: repeat(2, 1fr); gap: 16px 12px; margin-bottom: 24px;}
.pm-mileage-page .sho_item{border-radius: 14px;}
.pm-mileage-page .sho_item_img{height: 0; padding-bottom: 100%; position: relative; background: #fff;}
.pm-mileage-page .sho_item_img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 12px; box-sizing: border-box;}
.pm-mileage-page .sho_item_info{padding: 10px 12px 14px;}
.pm-mileage-page .sho_item_brand{gap: 3px; margin-bottom: 4px; font-size: 11px;}
.pm-mileage-page .sho_item_brand img{width: 16px; height: 16px;}
.pm-mileage-page .sho_item_name{margin-bottom: 4px; font-size: 13px; font-weight: 500; line-height: 1.4;}
.pm-mileage-page .sho_item_price{font-size: 14px;}
.pm-mileage-page .sho_item_price b{font-weight: 700;}
}
@media (max-width: 1120px){.pm-mileage-page .sho_view_inner{padding: 0 24px;}
}
@media (max-width: 1000px){.pm-mileage-page #sho_view_wrap,.pm-mileage-page #sho_view_wrap.no_footer{padding: 0 0 100px; min-height: calc(100dvh - 56px);}
.pm-mileage-page .sho_view_inner{max-width: 470px; width: 100%; padding: 0; margin: 0 auto;}
.pm-mileage-page .sho_view_content{display: flex; flex-direction: column; align-items: stretch; gap: 0;}
.pm-mileage-page .sho_view_main{display: contents;}
.pm-mileage-page .sho_view_img{order: 1;}
.pm-mileage-page .sho_view_side{order: 2;}
.pm-mileage-page .sho_view_bulletin{order: 3;}
.pm-mileage-page .sho_view_img{display: flex; align-items: center; justify-content: center; height: 320px; margin: 0 16px 16px; padding: 0; background: transparent; border: 0; border-radius: 0; overflow: hidden; box-sizing: border-box;}
.pm-mileage-page .sho_view_img img{width: 100%; height: 100%; object-fit: contain; background-color: #fff;}
.pm-mileage-page .sho_view_side{position: static; padding: 20px 16px; margin: 0 16px 12px; border-radius: 14px;}
.pm-mileage-page .sho_view_side .sho_view_brand{margin-bottom: 8px; font-size: 13px;}
.pm-mileage-page .sho_view_side .sho_view_brand img{width: 20px; height: 20px;}
.pm-mileage-page .sho_view_side .sho_view_name{margin: 0 0 16px; font-size: 18px; line-height: 1.4; font-weight: 700;}
.pm-mileage-page .sho_view_side > .sho_view_price{display: none;}
.pm-mileage-page .sho_view_side .sho_view_info{margin: 0; padding: 0; border-top: 0;}
.pm-mileage-page .sho_view_side .sho_view_info > li{padding: 12px 0; font-size: 13px; border-bottom: 1px solid rgba(0, 62, 129, 0.04);}
.pm-mileage-page .sho_view_side .sho_view_info > li:last-child{border-bottom: 0;}
.pm-mileage-page .sho_view_side .sho_view_info > li .tit{font-size: 13px; color: #536B7C; font-weight: 500;}
.pm-mileage-page .sho_view_side .sho_view_info > li .val{font-size: 14px; color: #070429; font-weight: 500;}
.pm-mileage-page .sho_view_side .sho_view_info > li .val b{color: #2663ED; font-weight: 700; font-size: 16px;}
.pm-mileage-page #sho_view_wrap:not(.no_footer) .sho_view_side .bbtn{display: none;}
.pm-mileage-page #sho_view_wrap.no_footer .sho_view_side .bbtn{position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 50; margin: 0; padding: 12px max(16px, calc((100% - 470px) / 2)) calc(env(safe-area-inset-bottom) + 12px); background: #fff; border-top: 1px solid rgba(0, 62, 129, 0.06); box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.04);}
.pm-mileage-page #sho_view_wrap.no_footer .sho_view_side .bbtn > .ab{display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 54px; padding: 0 16px; font-size: 15px; font-weight: 700; border-radius: 12px;}
.pm-mileage-page #sho_view_wrap.no_footer .sho_view_side .sho_view_barcode{margin: 16px 0 0; padding: 20px 12px 12px; background: #F6F8FB; border-radius: 12px; gap: 10px;}
.pm-mileage-page #sho_view_wrap.no_footer .sho_view_side .sho_view_barcode img{height: 64px; max-width: 100%;}
.pm-mileage-page #sho_view_wrap.no_footer .sho_view_side .sho_view_barcode_num{font-size: 13px; letter-spacing: 1.5px;}
.pm-mileage-page .sho_view_bulletin{margin: 0 16px; padding: 0;}
.pm-mileage-page .sho_view_bulletin.lis_info_list{gap: 12px;}
.pm-mileage-page .sho_view_bulletin .lis_info{border-radius: 14px;}
.pm-mileage-page .sho_view_bulletin .lis_info_head{padding: 14px 16px;}
.pm-mileage-page .sho_view_bulletin .lis_info_head .lis_info_tit{font-size: 14px;}
.pm-mileage-page .sho_view_bulletin .lis_info_head .lis_info_toggle{width: 28px; height: 28px;}
.pm-mileage-page .sho_view_bulletin .lis_info_head .lis_info_toggle::before{width: 6px; height: 6px;}
.pm-mileage-page .sho_view_bulletin .lis_info_body > ul.sho_view_notes{padding: 0 16px 12px;}
.pm-mileage-page .sho_view_bulletin .lis_info_body > ul.sho_view_notes > li{display: block; padding: 4px 0; border: 0; font-size: 12px; line-height: 1.55; color: #536B7C;}
.pm-mileage-page .sho_related{margin: 12px 0 16px; padding: 0; background: transparent; border: 0; border-radius: 0;}
.pm-mileage-page .sho_related_head{margin: 0 16px 12px; padding: 0;}
.pm-mileage-page .sho_related_tit{font-size: 14px;}
.pm-mileage-page .sho_related_nav{display: none;}
.pm-mileage-page .sho_related_swiper{overflow: visible; padding: 0;}
.pm-mileage-page .sho_related_swiper .swiper-slide{width: 140px !important;}
.pm-mileage-page .sho_related_swiper .sho_item{border-radius: 12px; border: 1px solid rgba(0, 62, 129, 0.08); background: #fff;}
.pm-mileage-page .sho_related_swiper .sho_item_img{height: 0; padding-bottom: 100%; position: relative; background: #fff;}
.pm-mileage-page .sho_related_swiper .sho_item_img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; object-fit: contain;}
.pm-mileage-page .sho_related_swiper .sho_item_info{padding: 8px 10px 12px;}
.pm-mileage-page .sho_related_swiper .sho_item_brand{gap: 3px; margin-bottom: 4px; font-size: 11px;}
.pm-mileage-page .sho_related_swiper .sho_item_brand img{width: 14px; height: 14px;}
.pm-mileage-page .sho_related_swiper .sho_item_name{margin-bottom: 4px; font-size: 12px; font-weight: 500; line-height: 1.4; -webkit-line-clamp: 1;}
.pm-mileage-page .sho_related_swiper .sho_item_price{font-size: 13px;}
.pm-mileage-page .sho_view_footer{left: 0; right: 0; width: 100%; margin: 0; padding: 12px max(16px, calc((100% - 470px) / 2)) calc(env(safe-area-inset-bottom) + 12px); flex-direction: column; gap: 0; box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.04);}
.pm-mileage-page .sho_view_footer_left{display: none;}
.pm-mileage-page .sho_view_footer_right{flex-direction: column; align-items: stretch; width: 100%; gap: 0;}
.pm-mileage-page .sho_view_footer_total{display: none;}
.pm-mileage-page .sho_view_footer_btn{width: 100%; min-width: 0; height: 54px; padding: 0 16px; font-size: 15px; font-weight: 700; border-radius: 12px;}
.pm-mileage-page .sho_view_footer_btn .ico{width: 18px; height: 18px;}
}
@media (max-width: 769px){.pm-mileage-page .sho_view_img{height: 280px;}
.pm-mileage-page #header.is_sho_view .logo{display: none;}
.pm-mileage-page #header.is_sho_view .hd_page_tit{display: block; flex: 1; font-size: 17px; font-weight: 700; color: #052236; text-align: center; margin: 0 4px;}
.pm-mileage-page #header.is_sho_view .hd_center{margin: 0; gap: 0; flex: 0 0 auto;}
.pm-mileage-page #header.is_sho_view .hd_point{gap: 6px; padding: 3px 12px 3px 3px; font-size: 13px; margin-left: 0;}
.pm-mileage-page #header.is_sho_view .hd_point .hd_point_ico{width: 26px; height: 26px; font-size: 13px;}
.pm-mileage-page #header.is_sho_view .hd_point .hd_point_amt{font-size: 13px;}
.pm-mileage-page #header.is_sho_view .hd_point .hd_point_arr{display: none;}
.pm-mileage-page #header.is_sho_view .right_nav{display: none;}
}
.pm-mileage-page .sho_mine_footer{display: none;}
@media (max-width: 1120px){.pm-mileage-page .sho_tab_switch{width: 100%; max-width: 1120px;}
}
@media (max-width: 1000px){.pm-mileage-page .sho_page_head{display: none;}
.pm-mileage-page #sho_wrap{padding: 0; min-height: calc(100dvh - 56px);}
.pm-mileage-page .sho_inner{max-width: 470px; width: 100%; padding: 16px 16px 100px; margin: 0 auto;}
.pm-mileage-page .sho_tab_switch{width: 100%; padding: 3px; margin: 0 0 16px;}
.pm-mileage-page .sho_tab_switch a{height: 40px; padding: 0 12px; font-size: 13px;}
.pm-mileage-page .sho_filter{flex-wrap: nowrap; margin-bottom: 12px;}
.pm-mileage-page .sho_filter_right{flex-basis: auto; width: auto; margin-left: auto;}
.pm-mileage-page .sho_list{grid-template-columns: repeat(2, 1fr); gap: 16px 12px; margin-bottom: 24px;}
.pm-mileage-page .sho_item .sho_item_status{top: 10px; left: 10px; padding: 3px 10px; font-size: 10px; border-radius: 6px;}
.pm-mileage-page .sho_item_price_row{flex-direction: column; align-items: flex-start; gap: 2px;}
.pm-mileage-page .sho_item_price_row .sho_item_date{font-size: 11px; color: #8EA0AC;}
.pm-mileage-page .sho_item.used .sho_item_img img{filter: grayscale(100%); opacity: 0.6;}
.pm-mileage-page .sho_item.used .sho_item_name,.pm-mileage-page .sho_item.used .sho_item_price,.pm-mileage-page .sho_item.used .sho_item_brand{color: #8EA0AC;}
.pm-mileage-page .sho_item.used .sho_item_price b{color: #8EA0AC;}
.pm-mileage-page .sho_mine_footer{display: block; position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; width: 100%; margin: 0; padding: 12px max(16px, calc((100% - 470px) / 2)) calc(env(safe-area-inset-bottom) + 12px); background: #fff; border-top: 1px solid rgba(0, 62, 129, 0.06); box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.04);}
.pm-mileage-page .sho_mine_footer .sho_mine_footer_btn{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 54px; background: #2663ED; border-radius: 12px; color: #fff; font-size: 15px; font-weight: 700; transition: background 0.1s;}
.pm-mileage-page .sho_mine_footer .sho_mine_footer_btn:hover{background: #1F55C4; color: #fff;}
.pm-mileage-page .sho_mine_footer .sho_mine_footer_btn .ico{width: 20px; height: 20px; background: url('../img/paymong/mileage-v2/tit_back.svg') no-repeat center center / contain; filter: brightness(0) invert(1);}
}
.pm-mileage-page .sho_ml_mo_filter{display: none;}
@media (max-width: 1000px){.pm-mileage-page .sho_ml_tabs{display: none;}
.pm-mileage-page .sho_ml_mo_filter{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 16px;}
.pm-mileage-page .sho_ml_mo_filter .sho_sel .sho_sel_btn{height: 36px; padding: 0 32px 0 14px; gap: 6px; border-radius: 999px; background: #fff; border: 1px solid rgba(0, 62, 129, 0.10);}
.pm-mileage-page .sho_ml_mo_filter .sho_sel .sho_sel_btn::after{right: 14px; width: 6px; height: 6px; border-right-color: #536B7C; border-bottom-color: #536B7C;}
.pm-mileage-page .sho_ml_mo_filter .sho_sel .sho_sel_val{font-size: 13px; color: #052236;}
.pm-mileage-page .sho_ml_mo_filter .sho_sel:first-child .sho_sel_opts{left: 0; right: auto;}
.pm-mileage-page .sho_ml_date{padding: 16px 0 6px; font-size: 13px; font-weight: 600;}
.pm-mileage-page .sho_ml_item{padding: 12px 0 16px; gap: 12px;}
.pm-mileage-page .sho_ml_item .sho_ml_left{min-width: 0; flex: 1;}
.pm-mileage-page .sho_ml_item .sho_ml_txt .tit{font-size: 15px; font-weight: 700; margin-bottom: 4px; line-height: 1.4;}
.pm-mileage-page .sho_ml_item .sho_ml_txt .desc{font-size: 12px; line-height: 1.4; color: #8EA0AC;}
.pm-mileage-page .sho_ml_badge{margin-bottom: 8px; padding: 3px 10px; font-size: 11px; border-radius: 6px;}
.pm-mileage-page .sho_ml_item .sho_ml_right{text-align: right; flex-shrink: 0;}
.pm-mileage-page .sho_ml_item .sho_ml_dt{font-size: 12px; margin-bottom: 12px; color: #8EA0AC;}
.pm-mileage-page .sho_ml_item .sho_ml_amt{font-size: 15px; font-weight: 700;}
.pm-mileage-page .sho_ml_item .sho_ml_balance{font-size: 11px; margin-top: 2px;}
.pm-mileage-page .sho_empty{min-height: calc(100dvh - 56px - 200px); padding: 32px 16px; gap: 8px;}
.pm-mileage-page .sho_empty .sho_empty_ico{width: 160px; margin-bottom: 12px;}
.pm-mileage-page .sho_empty .sho_empty_tit{font-size: 17px; margin-bottom: 6px; line-height: 1.4;}
.pm-mileage-page .sho_empty .sho_empty_desc{font-size: 13px; line-height: 1.5; margin-bottom: 0;}
.pm-mileage-page .sho_empty .sho_empty_btn{display: none;}
}
@media (max-width: 769px){.pm-mileage-page #header.is_sho_mine .logo{display: none;}
.pm-mileage-page #header.is_sho_mine .hd_inner{position: relative;}
.pm-mileage-page #header.is_sho_mine .hd_page_tit{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); flex: none; margin: 0; max-width: calc(100% - 200px); font-size: 17px; font-weight: 700; color: #052236; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pm-mileage-page #header.is_sho_mine .hd_center{margin: 0; gap: 0; flex: 0 0 auto;}
.pm-mileage-page #header.is_sho_mine .hd_point{gap: 6px; padding: 3px 12px 3px 3px; font-size: 13px; margin-left: 0;}
.pm-mileage-page #header.is_sho_mine .hd_point .hd_point_ico{width: 26px; height: 26px; font-size: 13px;}
.pm-mileage-page #header.is_sho_mine .hd_point .hd_point_amt{font-size: 13px;}
.pm-mileage-page #header.is_sho_mine .hd_point .hd_point_arr{display: none;}
.pm-mileage-page #header.is_sho_mine .right_nav{display: none;}
}
.pm-mileage-page .lis_info{background: #fff; border: 1px solid rgba(0, 62, 129, 0.08); border-radius: 16px; overflow: hidden;}
.pm-mileage-page .lis_info_head{display: flex; align-items: center; justify-content: space-between; padding: 24px; cursor: pointer;}
.pm-mileage-page .lis_info_head .lis_info_tit{margin: 0; font-size: 18px; font-weight: 700; color: #052236; line-height: 1.55;}
.pm-mileage-page .lis_info_head .lis_info_toggle{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; background: rgba(0, 62, 129, 0.02); border: 1px solid rgba(0, 62, 129, 0.04); border-radius: 999px; cursor: pointer;}
.pm-mileage-page .lis_info_head .lis_info_toggle::before{content: ''; width: 7px; height: 7px; border-top: 1.5px solid #052236; border-right: 1.5px solid #052236; transform: rotate(-45deg); margin-top: 3px; transition: transform 0.2s;}
.pm-mileage-page .lis_info.open .lis_info_head .lis_info_toggle::before{transform: rotate(135deg); margin-top: -3px;}
.pm-mileage-page .lis_info_body{overflow: hidden; transition: height 0.2s ease-out;}
.pm-mileage-page .lis_info:not(.open) .lis_info_body{height: 0;}
.pm-mileage-page .lis_info_body > ul{list-style: none; margin: 0; padding: 0 24px 12px;}
.pm-mileage-page .lis_info_body > ul > li{display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-top: 1px solid rgba(0, 62, 129, 0.04);}
.pm-mileage-page .lis_info_body > ul > li:last-child{border-bottom: none;}
.pm-mileage-page .lis_info_body > ul > li .tit{font-size: 14px; color: #536B7C; font-weight: 500; line-height: 1.42;}
.pm-mileage-page .lis_info_body > ul > li .val{font-size: 14px; color: #070429; font-weight: 400; text-align: right; line-height: 1.42;}
.pm-mileage-page .lis_info_body > ul > li .val.amount{font-size: 16px; color: #2663ED; font-weight: 700;}
.pm-mileage-page .bbtn > .ab{width: 100%; height: 56px; background-color: #2663ED; border-radius: 12px; color: #fff; font-size: 16px; font-weight: 600; transition: all 0.1s; text-align: center; }
.pm-mileage-page .bbtn > .ab:hover{background-color: #0a4de7;}
.pm-mileage-page .bbtn > .ab.gr{background-color: #09B17E;}
.pm-mileage-page .bbtn > .ab:disabled{background-color: #b7b7b7; color: #E1E1E1; cursor: default;}
.pm-mileage-page .bbtn.dis_blue > .ab:disabled{background-color: #CCD8E6; color: #fff; cursor: default;}

.pm-mileage-page{font-size:14px;line-height:1.5;color:#052236;background:#f6f8fb;}
.pm-mileage-page .sub_tabs{overflow-x:auto;justify-content:flex-start;white-space:nowrap;padding:0 max(24px,calc((100% - 1520px)/2));}
.pm-mileage-page .sub_tabs a{flex-shrink:0;}
.pm-mileage-page .pm-shop-search{display:flex;align-items:center;min-width:140px;flex:1;max-width:550px;height:44px;padding:0 12px;border:1px solid #e7edf5;background:#fff;border-radius:12px;}
.pm-mileage-page .pm-shop-search input[type=search]{flex:1;min-width:0;width:100%;background:transparent;border:0;font-size:13px;outline:0;}
.pm-mileage-page .pm-shop-search button{border:0;background:transparent;color:#8ea0ac;font-size:22px;}
.pm-mileage-page .sho_filter{flex-wrap:wrap;}
.pm-mileage-page .sho_filter_right{margin-left:auto;}
@media(max-width:1000px){.pm-mileage-page .pm-shop-search{max-width:none;flex:1;}.pm-mileage-page .sho_filter_right{flex-wrap:wrap;}.pm-mileage-page .sho_count{white-space:nowrap;}}
@media(max-width:769px){.pm-mileage-page .sho_filter{display:flex;gap:12px;}.pm-mileage-page .pm-shop-search{order:1;flex-basis:calc(100% - 90px);}.pm-mileage-page .sho_count{order:0;}.pm-mileage-page .sho_reset{order:2;}.pm-mileage-page .sho_filter_right{order:3;flex-basis:100%;margin-left:0;display:flex;}.pm-mileage-page .sho_sel{flex:1;min-width:0;}.pm-mileage-page .sho_sel .sho_sel_btn{width:100%;padding-left:10px;padding-right:24px;gap:6px;}.pm-mileage-page .sho_sel .sho_sel_btn::after{right:10px;}}

.pm-mileage-page .pm-shop-account{display:flex;justify-content:space-between;gap:16px;padding:20px max(24px,calc((100% - 1520px)/2));background:#fff;align-items:center;}.pm-mileage-page .pm-shop-account strong{font-size:20px;}.pm-mileage-page .pm-shop-account b,.pm-mileage-page .pm-shop-account a{color:#2663ed;}@media(max-width:769px){.pm-mileage-page .pm-shop-account{flex-direction:column;align-items:flex-start;font-size:12px;padding:16px 24px;gap:8px;}}

.pm-mileage-page .sub_tabs{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none!important;-ms-overflow-style:none;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y;background:#fff;border-bottom:1px solid #e8eef7;padding-top:16px;padding-bottom:16px;}
.pm-mileage-page .sub_tabs::-webkit-scrollbar{display:none!important;width:0;height:0}
.pm-mileage-page .sub_tabs a{padding:10px 18px;border:1px solid transparent;border-radius:12px;line-height:1.4;color:#78899f;font-weight:500;transition:background .2s,color .2s;}
.pm-mileage-page .sub_tabs a:hover{background:#f4f7fc;color:#244780}.pm-mileage-page .sub_tabs a.on{background:#edf3ff;border-color:#dce7ff;color:#245bee;font-weight:700}.pm-mileage-page .sub_tabs a.on::after{display:none}
.pm-mileage-page .sub_tabs.is-dragging,.pm-mileage-page .sub_tabs.is-dragging a{cursor:grabbing;user-select:none}
@media(max-width:700px){.pm-mileage-page .sub_tabs{gap:6px;padding-top:12px;padding-bottom:12px}.pm-mileage-page .sub_tabs a{padding:9px 14px;font-size:13px}}