@charset "utf-8"; 
/* ? Common */
.cont_tit { font-size: 18px; font-weight: 700; line-height: 28px; } 

/** 결제정보 입력 **/
/* 배송지 정보 */
.address_info_area { position: relative; } 
.address_info_area .addr_title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } 
.address_info_area .btn_change { position: relative; font-size: var(--font-regular); font-weight: 700; color: var(--color-main); line-height: 22px; display: inline-block; } 
.address_info_area .btn_change::before { position: absolute; left: 0; bottom: 0; width: calc(100% - 16px); height: 2px; background: var(--color-main); content: ''; display: block; } 
.address_info_area .btn_change::after { width: 12px; height: 12px; background: url(../../image/btn/btn_arrow_purple.svg) no-repeat center center; content: ''; display: inline-block; vertical-align: -1px; margin-left: 4px; } 
.address_info_area .addr_detail { margin-bottom: 16px; } 
.address_info_area .addr_detail p { font-size: var(--font-regular); font-weight: 400; color: var(--color-black); line-height: 22px; word-break: keep-all; margin-bottom: 4px; } 
.address_info_area .addr_detail p:last-of-type { margin-bottom: 0; } 
.address_info_area .addr_detail p em { display: inline-block; margin-right: 8px; } 
.address_info_area .addr_detail .addr_empty { display: block; width: 100%; font-size: var(--font-small); color: var(--color-red); line-height: 20px; background: #F7F8FB; border-radius: var(--border-radius-s); padding: 12px; margin-top: 4px; } 

/* 내 선물함 */
.gift_box { margin-top: 16px; }
.gift_box .select_title { font-size: 16px; font-weight: 500; }
.gift_box .select_box { margin-top: 16px; }
.gift_box .select_box select { width: 100%; height: 56px; font-size: 15px; font-weight: 500; line-height: 56px; padding: 0 16px 0 24px; background: url(../../image/icon/icon_arrow_select_black.svg) no-repeat calc(100% - 24px) center, var(--color-white); border: var(--border); border-radius: var(--border-radius); }

/* 결제 방법 */
.payment_list { margin-top: 16px; }
.payment_list .payment_item { border-bottom: 1px solid #EFEFEF; }
.payment_list > div:last-of-type { border-bottom: none; }
.payment_list .radio_box { position: relative; padding: 18px 0; }
.payment_list .radio_box input[type='radio'] { display: none; }
.payment_list .radio_box input[type='radio'] + label { display: flex; align-items: center; }
.payment_list .radio_box input[type='radio'] + label::before { width: 20px; height: 20px; border: 2px solid var(--color-disabled); border-radius: 50%; box-sizing: border-box; content: ''; display: inline-block; margin-right: 12px; }
.payment_list .radio_box input[type='radio'] + label img { margin-right: 12px; }
.payment_list .radio_box input[type='radio'] + label span { flex: 1; display: block; font-size: var(--font-regular); font-weight: 500; color: var(--color-black-40); line-height: 20px; }
.payment_list .radio_box input[type='radio']:checked + label::before { border: 5px solid var(--color-main); }
.payment_list .radio_box input[type='radio']:checked + label span { font-weight: 700; color: var(--color-black); }
.payment_list .radio_box .btn_card_set { position: absolute; right: 0; top: 12px; display: none; font-size: 13px; font-weight: 500; color: var(--color-black-70); line-height: 30px; padding: 0 8px; background: var(--color-white); border-radius: var(--border-radius-s); border: var(--border); }
.payment_list .payment_detail { display: none; }
.payment_list .payment_detail li { margin-bottom: 12px; }
.payment_list .payment_detail li:last-of-type { margin-bottom: 0; }
.payment_list .payment_detail .select_box select { width: 100%; height: 56px; font-size: 15px; line-height: 56px; padding: 0 16px 0 24px; background: url(../../image/icon/icon_arrow_select_black.svg) no-repeat calc(100% - 24px) center, var(--color-white); border: var(--border); border-radius: var(--border-radius); }
.toggle_input_list { display: none; }

/* POPUP - 배송지 변경 */
#popup .delivery_area { flex: 1; min-height: 380px; }
#popup .delivery_area .input_list li { margin-bottom: 12px; }
#popup .delivery_area .input_list li:last-of-type { margin-bottom: 0; }
#popup .delivery_area .input_list .list_btn_area { display: flex; justify-content: space-between; }
#popup .delivery_area .input_list .list_btn_area .input_box { width: calc(100% - 148px); }
#popup .delivery_area .input_list .list_btn_area .btn { width: 140px; height: 56px; font-size: 15px; font-weight: 700; color: var(--color-white); letter-spacing: 0.75px; line-height: 56px; background: var(--color-main); border-radius: var(--border-radius); }
#popup .delivery_area + .pop_btn_box { padding: 24px; }