/* 현재 요금제 > 만료일 정보 */
.expire-info { font-size: 13px; color: #888; margin-right: -25px; }
.remain-badge { display: inline-block; background: #e8f0ff; color: #2174ff; font-size: 12px; font-weight: 700; padding: 3px 12px; border-radius: 20px; margin-left: 6px; }


/* 업그레이드 및 연장 */
.payment_period .payment_title { display: flex; align-items: baseline; justify-content: space-between; }
.payment_period .section-desc { color: #999; font-size: 13px; font-weight: 500; }

.box_label .term_text_list { display: flex; align-items: center; justify-content: space-between; max-width: 100%; }
.term_text_list .term_percent { margin: 1px 14px 0 0 }


/* 정기구독 등록 */
#subscribeWrap .summary_help_con { position: relative; display: flex; align-items: center;}
#subscribeWrap .summary_help_con .help_img { position: static; }
#subscribeWrap .summary_help_con .help_text { left: 50%; transform: translateX(-50%); }
#subscribeWrap .summary_help_con .help_text::before {content: ''; top: -2px; left: 50%; right: unset; transform: rotate(225deg);}
#subscribeWrap .summary_help_con .help_text::after {content: ''; top: -4px; left: 50%; right: unset; transform: rotate(225deg);}


.payment_list  {display: flex; align-items: center; justify-content: space-between;}
.payment_list_right_wrap {display: flex; align-items: center; white-space: nowrap;}

/* 기간연장 항목 색상 */
[data-wv-product_feature="extension"] .payment_list_left,
[data-wv-product_feature="extension"] .payment_list_right { color: var(--point_wv_01); }
.upgrade_desc {color: #999; font-size: 13px; font-weight: 500;}

/* Summary */
#summaryList { background: #f8fafc; border-radius: 8px; padding: 0 18px 19px; }

#summaryList .payment_summary_list { display: flex; justify-content: space-between; padding: 12px 0 6px; }
#summaryList .payment_summary_list:first-child { padding: 6px 0; border-top: none; }
#summaryList .payment_summary_left { color: #888; display: flex; align-items: center; gap: 4px; }
#summaryList .payment_summary_right {display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-end;}
[lang="ko"] #summaryList .payment_summary_right {flex-wrap: nowrap; flex-direction: row; gap: 4px;}
#summaryList .payment_summary_right span.summary_paymentId { font-weight: bold; }
#summaryList .payment_summary_right span.summary_credit { font-weight: bold; color: var(--point_wv_01); }
#summaryList .payment_summary_right span.summary_expire_date { font-weight: bold; }
#summaryList .summary_help_con { position: relative; display: flex; align-items: center; }
#summaryList .summary_help_con .help_img { position: static; }
#summaryList .summary_help_con .help_text { left: 0; /* top: 100%; */}
#summaryList .summary_help_con .help_text:before {content: ''; left: 5px;}
#summaryList .summary_help_con .help_text:after {content: ''; left: 6px;}

#subscribeWrap .summary_help_con .help_text {width: auto !important; min-width: 200px; left: 50%; transform: translateX(-25%); white-space: wrap;}
#subscribeWrap .summary_help_con .help_text:before {content: ''; left: 25%;}
#subscribeWrap .summary_help_con .help_text:after {content: ''; left: 25%;}
#subscribeWrap .box_label {position: relative; display: flex; align-items: flex-start !important;}

#subscribeWrap div.register_check_box_wrap + div.register_check_desc_wrap {max-width: 100% !important; padding-left: 38px !important; display: flex; align-items: flex-start; gap: 0; flex-direction: column;}
#subscribeWrap input.position_ab {transform: none; top: 0;}

/* #subscribeWrap input.position_ab + div.register_check_desc_wrap {max-width: 100% !important;}
input.position_ab + div.register_check_desc_wrap { padding-left: 38px !important; display: flex; gap: 5px; align-items: center;} */
.register_check_desc_wrap > div:first-child { display: flex; align-items: center;}
.register_check_desc {white-space: normal; word-break: keep-all; word-wrap: break-word; overflow: visible; width: 100%;}

/* 비활성화 요금제 박스 (FREE 전환 / 다운그레이드) */
.upgrade_type .upgrade_box.box_disabled .btn_style_1 { color: #97b5c2 !important; background-color: transparent !important;}
.upgrade_type .upgrade_box.box_disabled:hover:after { opacity: 0; }
/* .upgrade_type .upgrade_box.box_disabled:hover .btn_style_1 { color: #97b5c2 !important; background-color: transparent !important; } */

/* 비활성화 버튼 */
.upgrade_type .upgrade_box .go_to_order_btn.btn_disabled { color: #97b5c2; background-color: transparent; }


[lang="jp"] #subscribeWrap .help_text{ width: 430px; font-size: 16px; font-size: 1.6rem; line-height: 23px; line-height: 2.3rem; }
[lang="en"] #subscribeWrap .help_text{ width: 610px; font-size: 16px; font-size: 1.6rem; line-height: 23px; line-height: 2.3rem; }

@media all and (min-width: 768px) {
    #subscribeWrap input.position_ab {position: absolute; top: 50% !important; transform: translateY(-50%) !important;}
    #subscribeWrap div.register_check_box_wrap + div.register_check_desc_wrap { display: flex; flex-direction: row; gap: 5px; align-items: center;}
}

@media all and (min-width: 1200px) {
    #summaryList .summary_help_con .help_text { left: 50%; /* top: 100%; */ transform: translateX(-50%); }
    #summaryList .summary_help_con .help_text:before {content: ''; left: 49%; transform: rotate(225deg);}
    #summaryList .summary_help_con .help_text:after {content: ''; left: 49.2%; transform: rotate(225deg);}

    #formUpgradeBuyDesign .contents_list_wrapper_left { width: 69%;}
    #formUpgradeBuyDesign .contents_list_wrapper_right { width: 31%; }

    #payInfoCon {padding-left: 25px;}
}