@charset "utf-8"; 
/** 결제 금액 **/
.calc_price_box ul:not(:first-of-type) { border-top: var(--border-light); margin-top: 16px; } 
.detail_price_box { padding: 16px 0; } 
.detail_price_box > li { margin-bottom: 8px; } 
.detail_price_box > li:last-of-type { margin-bottom: 0; } 

/* 결제 금액 */
.price_item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 8px; } 
.price_item .price_tit { display: inline-block; font-size: var(--font-regular); font-weight: 400; line-height: 22px; } 
.price_item .price_txt { display: inline-block; font-size: var(--font-regular); font-weight: 500; line-height: 22px; } 
.price_item .price_txt.discount { color: var(--color-main); } 
.price_item .price_detail_list { width: 100%; padding: 8px 16px 0; } 
.price_item .price_detail_list dl { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; } 
.price_item .price_detail_list dl:last-of-type { margin-bottom: 0; } 
.price_item .price_detail_list dl * { font-size: var(--font-small); font-weight: 400; line-height: 24px; color: var(--color-black-40); } 

/* 적립금 */
.radio_group { border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; }
.radio_group .radio_item { position: relative; width: 100%; padding: 12px 0 12px 30px; }
.radio_group .radio_item input { display: none; }
.radio_group .radio_item input[type=radio] + label::before { position: absolute; left: 0; top: 11px; width: 20px; height: 20px; border: 2px solid var(--color-disabled); border-radius: 50%; box-sizing: border-box; content: ''; display: block; z-index: 2; }
.radio_group .radio_item input[type=checkbox] + label::before { position: absolute; left: 0; top: 10px; width: 22px; height: 22px; background: url(../image/icon/agree_chk.svg) no-repeat center center; background-size: contain; content: ''; display: block; z-index: 2; }
.radio_group .radio_item .radio_title { display: block; font-size: var(--font-regular); font-weight: 400; color: var(--color-black-70); line-height: 20px; }
.radio_group .radio_item .radio_title .point_val { float: right; display: inline-block; font-size: 14px; color: var(--color-black); opacity: 0; transition: all 0.4s ease-in-out; }
.radio_group .radio_item .point_state { display: flex; justify-content: space-between; width: 100%; font-size: 13px; font-weight: 400; color: var(--color-gray); line-height: 22px; }
.radio_group .radio_item .point_state em { display: block; font-size: 13px; font-weight: 400; color: var(--color-gray); line-height: 22px; }
.radio_group .radio_item .point_desc { display: block; width: 100%; font-size: 13px; font-weight: 400; color: var(--color-main); line-height: 22px; }
.radio_group .radio_item .hold { height: 0; overflow: hidden; transition: all 0.4s ease-in-out; }
.radio_group .radio_item .point_use_input { width: 100%; min-width: 100%; height: 0; overflow: hidden; transition: all 0.4s ease-in-out; }
.radio_group .radio_item .point_use_input .input_box { margin: 8px 0; }
/* ? check */
.radio_group .radio_item input[type="radio"]:checked + label::before { border: 5px solid var(--color-main); }
.radio_group .radio_item input[type="radio"]:checked + label .radio_title { font-weight: 500; color: var(--color-black); }
.radio_group .radio_item input[type="radio"]:checked + label .radio_title .point_val { opacity: 1; }
.radio_group .radio_item input[type="radio"]:checked + label ~ .point_use_input { height: 72px; }
.radio_group .radio_item input[type="radio"]:checked + label ~ .hold { height: 22px; }
.radio_group .radio_item input[type="checkbox"]:checked + label::before { background: url(../image/icon/agree_chk_on.svg) no-repeat center center; background-size: contain; }
.radio_group .radio_item input[type="checkbox"]:checked + label .radio_title { font-weight: 500; color: var(--color-black); }
.radio_group .radio_item input[type="checkbox"]:checked + label ~ .point_use_input { height: 72px; }
.radio_group .radio_item input[type="checkbox"] + label .radio_title .point_val { opacity: 1; font-weight: 400; color: #757575; }
.radio_group .radio_item input[type="checkbox"]:checked + label ~ .hold { height: 22px; }

/* 총 금액 */
.total_price_box { display: flex; justify-content: space-between; align-items: center; } 
.total_price_box .price_title { font-size: var(--font-medium); font-weight: 500; line-height: 26px; } 
.total_price_box .total_sale { font-size: var(--font-large); font-weight: 700; line-height: 34px; } 

/* toggle */
.detail_price_box .toggle_tab { cursor: pointer; } 
.detail_price_box .toggle_tab::after { width: 12px; height: 7px; background: url(../image/icon/icon_arrow_gray.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: 3px; margin-left: 8px; } 
.detail_price_box .toggle_tab.on::after { transform: rotate(180deg); } 
.detail_price_box .toggle_cont { display: none; }