.store_book_payment_area {
  position: relative;
  min-height: 100vh;
  overflow: visible;
}

.ebook_payment_area {
  display: flex;
  width: 240px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex-shrink: 0;
  position: sticky;
  top: 110px;
}

.payment_area {
  width: 240px;
  border-radius: 12px;
  border: 1px solid #DCDCDC;
  padding: 18px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 21px;
  align-self: stretch;
}

/* 토글 */
.book_type_toggle {
  display: flex;
  width: 220px;
  height: 46px;
  padding: 3px;
  align-items: center;
  border-radius: 10000px;
  background: #F5F5F5;
}

.book_type_toggle .toggle_btn {
  display: flex;
  padding: 9px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 10000px;
  border: none;
  background: #F5F5F5;
}

.book_type_toggle .toggle_btn.active {
  width: 107px;
  height: 40px;
  border-radius: 1000px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}

.book_type_toggle .toggle_btn.active .toggle_btn_text {
  color: #111 ;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 800;
  line-height: 130%;
}

.book_type_toggle .toggle_btn .toggle_btn_text {
  overflow: hidden;
  color: #A9A9A9;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
}
/* // 토글 */

/* 결제 정보 컨테이너 */
.payment_option {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 21px;
}

.payment_info_group {
  display: flex;
  width: 196px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.payment_divider {
  width: 220px;
  height: 1px;
  background: #DCDCDC;
}

.payment_total_group {
  display: flex;
  width: 196px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.payment_total_group.no_gap {
  gap: 0px;
}

.payment_total_row {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
}

.payment_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.payment_discount_group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.payment_row_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.payment_label {
  color: #8F8F8F;
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
}

.payment_total_label {
  color: #111;
  font-size: 12px;
  font-weight: 800;
  line-height: 130%;
}

.payment_value {
  color: #111;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
}

.payment_total {
  color: #01A28A;
  text-align: right;
  font-size: 16px;
  font-weight: 800;
  line-height: 130%;
}

.payment_discount {
  color: #01A28A;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
}

.payment_minus,
.payment_point,
.delivery_info_value {
  font-size: 11px;
}

.discount_compare {
  display: flex;
  padding: 3px 0px 6px 0px;
  justify-content: flex-end;
  align-items: center;
  gap: 88px;
}

.payment_discount_compare {
  color: #01A28A;
  text-align: right;
  font-size: 11px;
  font-weight: 400;
  line-height: 130%; /* 14.3px */
}
/* // 결제 정보 컨테이너 */

/* 대여 옵션과 구매하기 / 위시리스트 버튼 컨테이너 */
.rental_purchase_container,
.payment_button_container {
  display: flex;
  width: 220px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

/* 대여 옵션 드롭다운 */
.rental_period_dropdown {
  position: relative;
  border-radius: 12px;
  background: #F5F5F5;
  width: 220px;
  height: 40px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  color: #111;
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
}

.rental_period_dropdown:hover {
  background: #EBEBEC;
}

.rental_period_dropdown.open {
  border: 1px solid #000;
  background-color: #FFF;
}

.rental_period_dropdown.open:not(:has(.rental_dropdown_options:hover)):hover {
  background: #F5F5F6;
}
.rental_period_dropdown .rental_selected_option {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.rental_period_dropdown .rental_selected_option .selected_text {
  display: flex;
  align-items: center;
  flex: 1;
  color: #8F8F8F;
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
}

/* 선택된 옵션에서 할인 정보 숨기기 */
.rental_period_dropdown .rental_selected_option .selected_text .rental-discount-container {
  display: none;
}

.rental_period_dropdown .dropdown_arrow {
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rental_period_dropdown.open .dropdown_arrow {
  transform: rotate(180deg);
}

.rental_period_dropdown.open .rental_selected_option .selected_text,
.rental_period_dropdown .rental_selected_option .selected_text.selected {
  color: #111;
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
}

.rental_period_dropdown .rental_dropdown_options {
  margin-top: 9px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 250px;
  overflow-y: auto;
  border-radius: 12px;
  border: 1px solid #DCDCDC;
  background-color: #FFF;
  box-shadow: 0px 2px 4.9px 0px rgba(0, 0, 0, 0.10);
  display: none;
}

.rental_period_dropdown.open .rental_dropdown_options {
  display: block;
  z-index: 1;
}

.rental_period_dropdown .rental_dropdown_options li {
  height: 40px;
  padding: 13px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  cursor: pointer;
}

.rental_period_dropdown .rental_dropdown_options li:hover {
  background-color: #F5F5F5;
}


.rental_period_dropdown .rental_dropdown_options li .rental-discount-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}

.rental_period_dropdown .rental_dropdown_options li .rental-label {
  color: #111;
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
}

.rental_period_dropdown .rental_dropdown_options li .rental-discount,
.rental_period_dropdown .rental_dropdown_options li .rental-discount-text {
  color: #8F8F8F;
  font-size: 11px;
  font-weight: 700;
  line-height: 130%;
}
/* // 대여 옵션 드롭다운 */


/* 구매하기 버튼 */
.btn_buy_ebook {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  width: 220px;
  height: 40px;
  padding: 0px 12px;
  border-radius: 12px;
  border: none;
  background: #01A28A;
  font-size: 12px;
  font-weight: 800;
  line-height: 22px;
  color: #FFF;
}

.btn_buy_ebook:hover {
  background: #019C86;
}

.btn_disabled_book {
  display: flex;
  height: 40px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  background: #DCDCDC;
  color: #A9A9A9;
  font-size: 12px;
  font-weight: 800;
  line-height: 22px; 
}

/* // 구매하기 버튼 */

/* 위시리스트 버튼 */
.btn_wish_ebook {
  display: flex;
  width: 220px;
  height: 40px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #01A28A;
  color: #01A28A;
  font-size: 12px;
  font-weight: 800;
  line-height: 22px;
  background: #FFF;
}

.btn_wish_ebook:hover {
  border-color: #01A38B;
  color: #01A38B;
  background: #F5FCFB;
}
/* // 위시리스트 버튼 */

/* 배송비 안내 버튼 */
.delivery_info_wrapper {
  display: flex;
  width: 92.5px;
  align-items: center;
  gap: 4px;
}

.delivery_info_btn {
  position: relative;
  display: flex;
  width: 12px;
  height: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 1000px;
  background: #A9A9A9;
  border: none;
  cursor: pointer;
}

.delivery_info_btn_text {
  display: flex;
  height: 7px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  align-self: stretch;
  color: #FFF;
  text-align: center;
  font-size: 8px;
  font-weight: 900;
  line-height: 100%;
}

.delivery_info_popup {
  display: none; 
  position: absolute;
  top: 22px;
  left: -50px;
  width: 220px;
  padding: 16px 20px;
  border-radius: 12px;
  border: 1px solid #111;
  background: #FFF;
  box-shadow: 0px 2px 4.9px 0px rgba(0, 0, 0, 0.10);
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  z-index: 100;
}

.delivery_info_popup_title {
  color: #111;
  font-size: 11px;
  font-weight: 800;
  line-height: 15.6px;
}

.delivery_info_popup_content {
  color: #111;
  font-size: 11px;
  font-weight: 400;
  line-height: 160%; 
}

.delivery_info_btn:hover .delivery_info_popup {
  display: flex;
}
/* // 배송비 안내 버튼 */

/* 공지사항 관련 */
.ebook_notice_area {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #DCDCDC;
  background: #FFF;
}

.ebook_notice_header {
  display: flex;
  align-items: center;
}

.ebook_notice_header a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
}

.notice_arrow {
  width: 15px;
  height: 15px;
  transform: rotate(-90deg);
}

.ebook_notice_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.ebook_notice_title {
  color: #A9A9A9;
  font-size: 11px;
  font-weight: 800;
  line-height: 15.6px;
}

.ebook_notice_text {
  color: #8F8F8F;
  font-size: 11px;
  font-weight: 400;
  line-height: 180%;
}

.payment_divider_notice {
  width: 100%;
  height: 1px;
  background: #DCDCDC;
}
/* // 공지사항 관련 */