.text_red {
  color: #F13E3E;
}
.text_blue {
  color: #3478FE;
}
.text_orange {
  color: #F13E3E;
}
.text_green {
  color: #5FA91E;
}
.text_flow {
  display: flex;
  align-items: #002C5F;
}

.button_approval_info {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_approval_info.svg") padding-box no-repeat;
  background-size: auto;
}
.button_auto_booking {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_auto_booking.svg") padding-box no-repeat;
  background-size: auto;
}
.button_billing_charges {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_billing_charges.svg") padding-box no-repeat;
  background-size: auto;
}
.button_car_specification_inquiry {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_car_specification_inquiry.svg") padding-box no-repeat;
  background-size: auto;
}
.button_digital_key {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_digital_key.svg") padding-box no-repeat;
  background-size: auto;
}
.button_emergency_dispatch_receipt {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_emergency_dispatch_receipt.svg") padding-box no-repeat;
  background-size: auto;
}
.button_emergency_dispatch {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_emergency_dispatch.svg") padding-box no-repeat;
  background-size: auto;
}
.button_etc {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_etc.svg") padding-box no-repeat;
  background-size: auto;
}
.button_events {
  display: inline-flex;
  width: 22px;
  height: 22px;
  background: transparent url("../../images/common/button/icon_events.svg") padding-box no-repeat;
  background-size: 22px;
}
.button_home_page {
  display: inline-flex;
  width: 22px;
  height: 22px;
  background: transparent url("../../images/common/button/icon_home_page.svg") padding-box no-repeat;
  background-size: 22px;
}
.button_kia_connect_black {
  display: inline-flex;
  width: 22px;
  height: 22px;
  background: transparent url("../../images/common/button/icon_kia_connect_black.svg") padding-box no-repeat;
  background-size: auto;
}
.button_kia_connect_white {
  display: inline-flex;
  width: 22px;
  height: 22px;
  background: transparent url("../../images/common/button/icon_kia_connect_white.svg") padding-box no-repeat;
  background-size: auto;
}
.button_kia_connect_cust {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_kia_connect_cust.svg") padding-box no-repeat;
  background-size: auto;
}
.button_kia_member {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_kia_member.svg") padding-box no-repeat;
  background-size: auto;
}
.button_kia_member_family {
  display: inline-flex;
  width: 22px;
  height: 22px;
  background: transparent url("../../images/common/button/icon_kia_member_family.svg") padding-box no-repeat;
  background-size: 22px;
}
.button_maintain_booking {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_maintain_booking.svg") padding-box no-repeat;
  background-size: auto;
}
.button_maintain_booking_request {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_maintain_booking_request.svg") padding-box no-repeat;
  background-size: auto;
}
.button_my_kia {
  display: inline-flex;
  width: 22px;
  height: 22px;
  background: transparent url("../../images/common/button/icon_my_kia.svg") padding-box no-repeat;
  background-size: 22px;
}
.button_paid_conversion {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_paid_conversion.svg") padding-box no-repeat;
  background-size: auto;
}
.button_pre_inspection {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_pre_inspection.svg") padding-box no-repeat;
  background-size: auto;
}
.button_purchase_test_drive {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_purchase_test_drive.svg") padding-box no-repeat;
  background-size: auto;
}
.button_signup {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_signup.svg") padding-box no-repeat;
  background-size: auto;
}
.button_test_drive {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_text_drive.svg") padding-box no-repeat;
  background-size: auto;
}
.button_vehicle_warranty {
  display: inline-flex;
  width: 34px;
  height: 34px;
  background: transparent url("../../images/common/button/icon_vehicle_warranty.svg") padding-box no-repeat;
  background-size: auto;
}
.button_cancel_white {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_cancel_white.svg") padding-box no-repeat;
  background-size: auto;
}
.button_arrow_up {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_arrow_up.svg") padding-box no-repeat;
  background-size: auto;
}
.button_arrow_down {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_arrow_down.svg") padding-box no-repeat;
  background-size: auto;
}
.button_arrow_right {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_arrow_right.svg") padding-box no-repeat;
  background-size: auto;
}
.button_arrow_left {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_arrow_left.svg") padding-box no-repeat;
  background-size: auto;
}
.button_lock {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_lock.svg") padding-box no-repeat;
  background-size: auto;
}
.button_valet {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_valet.svg") padding-box no-repeat;
  background-size: auto;
}
.button_reset {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_reset.svg") padding-box no-repeat;
  background-size: auto;
}
.button_magnifier {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_magnifier.svg") padding-box no-repeat;
  background-size: auto;
}
.button_location {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/button/icon_location.svg") padding-box no-repeat;
  background-size: auto;
}
.button_basic {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: fit-content;
}
.button_basic_icon {
  padding: 0px 10px;
  border: 1px solid #05141F;
  height: 32px;
}
.button_basic:hover {
  transition: all 100ms ease-in;
  opacity: 0.7;
}
.button_positive {
  color: #fff;
  height: 32px;
  background-color: #05141F;
}
.button_positive span {
  color: #fff;
}
.button_negative {
  height: 32px;
  background-color: #EAEAEA;
}
.button_negative span {
  color: #05141F;
}
.button_negative2 {
  height: 32px;
  background-color: #fff;
  border: 1px solid #05141F;
}
.button_negative2 span {
  color: #05141F;
}
.button_positive_modal, .button_negative_modal {
  width: 80px;
  height: 34px;
}
.button_single {
  display: flex;
}
.button_single:hover {
  transition: all 100ms ease-in;
  opacity: 0.7;
}
.button_widget {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  aspect-ratio: 1/1;
  border-radius: 4px;
  padding: 20px;
  min-width: 104px;
  max-width: 134px;
  box-sizing: border-box;
  align-items: center;
  width: 33%;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.0784313725);
}
.button_mobile {
  height: 50px;
}
.button_mobile_full {
  width: 100%;
}
.button_mobile_half {
  width: 50%;
}
.button_link2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #CCD0D3;
  border-radius: 100px;
  padding: 7px 8px 7px 16px;
}
.button_content {
  width: 100%;
  gap: 5px;
}

.label_check_off {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: transparent url("../../images/common/label/icon_check_off.svg") padding-box no-repeat;
  background-size: auto;
}
.label_check_on {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: transparent url("../../images/common/label/icon_check_on.svg") padding-box no-repeat;
  background-size: auto;
}
.label_check_off2 {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: transparent url("../../images/common/label/icon_check_off2.svg") padding-box no-repeat;
  background-size: auto;
}
.label_check_on2 {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: transparent url("../../images/common/label/icon_check_on2.svg") padding-box no-repeat;
  background-size: auto;
}
.label_point_active {
  display: inline-flex;
  width: 32px;
  height: 32px;
  background: transparent url("../../images/common/label/icon_point_active.svg") padding-box no-repeat;
  background-size: auto;
}
.label_point_release {
  display: inline-flex;
  width: 32px;
  height: 32px;
  background: transparent url("../../images/common/label/icon_point_release.svg") padding-box no-repeat;
  background-size: auto;
}
.label_agent {
  display: inline-flex;
  width: 64px;
  height: 64px;
  background: transparent url("../../images/common/label/icon_agent.svg") padding-box no-repeat;
  background-size: auto;
}
.label_click_mouse {
  display: inline-flex;
  width: 64px;
  height: 64px;
  background: transparent url("../../images/common/label/icon_click_mouse.svg") padding-box no-repeat;
  background-size: auto;
}
.label_lock {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: transparent url("../../images/common/label/icon_lock.svg") padding-box no-repeat;
  background-size: auto;
}
.label_unlock {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: transparent url("../../images/common/label/icon_unlock.svg") padding-box no-repeat;
  background-size: auto;
}
.label_member_trance {
  display: inline-flex;
  width: 64px;
  height: 64px;
  background: transparent url("../../images/common/label/icon_member_trance.svg") padding-box no-repeat;
  background-size: auto;
}

.label_no_recall {
    display: inline-flex;
    width: 64px;
    height: 64px;
    background: transparent url("../../images/common/label/icon_noRecall.svg") padding-box no-repeat;
    background-size: auto;
}