p {margin: 0px;}
h3 {    margin: 0px;}

.flex{display: flex; }
.tax {display: none;}
.p_form {display: flex; flex: 1;}
.point_form {position: relative;}
.point_form .s_form{display: flex;flex: 1;gap: 7px;}
.point_form .input{height: 38px; width: 100%;display: flex; position: relative; align-items: center; flex: 1; border: 1px solid #ddd; padding: 6.5px; border-radius: 5px;}
.point_form .price_btn {display: flex; justify-content: center; flex-direction: column; align-items: center; flex: 1; height: 38px;
    border: 1px solid #ddd; cursor: pointer; border-radius: 3px; font-size: 13px; color: #253858; font-weight: 600;}
.point_form .taxbox{display: flex; gap: 5px;}
.point_form .taxbtn {height: 38px; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center;
        border-radius: 3px; font-size: 13px; cursor: pointer; width: 100%; color: #5D5D5D; }
.point_form .title {font-size: 14px; font-weight: 600;}
.point_form .sub_title {color: #ADADAD; font-size: 11px; font-weight: 500; display: block; margin-top: 4px;}
.point_form .acount_info { width: 100%; justify-content: flex-end; gap: 12px;}

.flex p {font-size: 13px;}
.acount_info2 { border: 1px solid; padding: 16px;}
.total_info { display:flex; justify-content: space-between; margin-bottom: 20px;}
.paymentTotalMoney {font-size: 20px; font-weight: 700;}
.paymentTotalMoney2 {font-size: 20px; font-weight: 700;color: #608AFF;}
.paymentButton {display: flex; justify-content: center; align-items: center; width: 100%; height: 38px; border-radius: 5px; background: rgba(234, 89, 35, 1);
    color: #fff; cursor: pointer; font-size: 14px; font-weight: 500; }
.phoneNumber {width: 100%; font-size: 12px; height: 38px; border: 1px solid #ddd; border-radius: 5px; padding-left: 10px; margin-top: 8px;}
.cardNone {margin-top: 20px;}
.cardNoneFlexWrapper{width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.taxInvoiceRow {margin-top: 7px;}
.methodWrapper {display: flex;align-items: center;gap: 12px;}
.methodWrapper .methodBox{margin: 0px;}
.methodBox {display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; font-size: 20px;
    border-radius: 3px; cursor: pointer; height: 90px; max-height: 90px;    color: #666;
    font-weight: bold;}

.methodBox.active p .methodName {color: #fff !important; font-size: 20px; font-weight: 700; }

.methodBox.bank .methodName {color: #666 !important; background-color: #ccc;  text-decoration: none;  width: 100%; padding: 28px; border: 0px;}
.methodBox.card .methodName {color: #666 !important; background-color: #ccc; text-decoration: none;  width: 100%; padding: 28px; border: 0px;}
.methodBox.active .methodName {color: #fff !important; background-color: rgba(47, 46, 49, 1); }

.paymentDescription{display: flex;width: 100%;justify-content: flex-end;gap: 12px;margin-top: 20px;}
.paymentChargeContents {display: flex; justify-content: space-between; width: 100%; padding-bottom: 16px;}
.paymentChargeContents div{ font-size: 12px; font-weight: 600;}
.paymentVatContents {position: relative;display: flex;justify-content: space-between;width: 100%;margin-bottom: 12px;}
.paymentVatContents div{font-size: 12px; font-weight: 600;}
.autoDescriptionWrapper {position: relative; border-radius: 5px; flex: 1; width: 50%; max-width: 49%;}
.paymentFlexWrapper {width: 50%;max-width: 50%;display: flex;flex-direction: column;align-items: flex-start;flex: 1;}
.paymentChargeWrapper {display: flex; gap: 12px;}
.point_form small { font-size: 11px; font-weight: 500;}
p.title.smallTitle { font-size: 20px; font-weight: 600!important; margin-bottom: 20px;}

.tax_btn_active {    background: rgba(234, 89, 35, 1); color: #fff !important; border: 1px solid rgba(234, 89, 35, 1);}
.priceWrapper {display: flex; align-items: center; flex: 1;}
.priceWrapper .priceBox { background: #E6EFFC; display: flex; position: relative; align-items: center; flex: 1; padding: 6.5px; border: 1px solid #ddd; border-radius: 5px; }
.priceWrapper .deleteButton { flex: 0 0 auto; cursor: pointer; margin-left: auto; align-items: center;display:none; position: absolute;right: 8px;}
.priceWrapper .deleteButton .amount_reset{background-color: #fff; font-size: 20px; border: 0px; cursor: pointer; color: red;}
.xi-close-circle-o:before {content: "×";}
.biz_info {text-align: center;margin-bottom: 10px;}
.biz_info .company span:nth-child(2):before{content: "|"; margin: 0px 4px;}
.biz_info .company span:nth-child(3):before{content: "|"; margin: 0px 4px;}
.luckybank_form{    margin-top: 10px; }
.luckybank_info{font-size: 12px;color: #333;}
.taxsave {display: none;    text-align: right; width: 100%;}
@media (max-width: 399px) {
  .bank_amount_inner button {
    width: 100px !important;
    font-size: 14px !important;
    padding: 8px 0px !important;
    margin: 2px !important;
  }
}
@media (max-width: 600px) {
  .cardNoneFlexWrapper {display:block;    flex-direction: column;
    display: flex;}
  .paymentChargeWrapper {flex-wrap: wrap; flex-direction: column;}
  .methodWrapper {
      display: grid;
      align-items: center;
      grid-template-columns: repeat(2, 1fr);
      gap: 7px;
  }
  .methodBox {}
  .paymentDescription {flex-direction: column;}
  .autoDescriptionWrapper{width: 100%;max-width: 100%;}
  .paymentFlexWrapper {width: 100%;max-width: 100%;}
  .methodWrapper p.methodName { font-size: 14px !important;}
  .luckybank_form{ text-align: right;}
}
.popup_bank_address {margin-bottom: 20px;}
.popup_amount_info {margin-bottom: 20px;}
.popup_amount {font-size: 1.5rem;}
@media (max-width: 340px) {
  .methodWrapper { display: flex; flex-direction: column; width: 100%;  }
    .methodBox { width: 100%; min-height: 65px!important; margin: 0; }
    .methodBox:last-child { margin-bottom: 20px; }
   .point_form .price_btn { font-size: 11px; }
}

.popup_close {    position: absolute; top: 5px; right: 22px; font-size: 1.5rem;}
.popup_close a{ color:#333;}
.paymentButton{    border: 0px;}
.pinfo {}
.pinfo p:nth-child(1){font-size: 18px;}


/* 레이어 */
.button {
     background-color: #4CAF50;
     color: white;
     padding: 10px 20px;
     border: none;
     cursor: pointer;
     font-size: 16px;
 }
 .popup {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.5);
         z-index: 99999999;
 }
 .popup-inner {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: white;
     padding: 20px;
     border-radius: 5px;
     width: 90%;
     max-width: 400px;
 }
 .popup-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 20px;
 }
 .popup-header h3 {
     margin: 0;
 }
 .close-button {
     background: none;
     border: none;
     font-size: 20px;
     cursor: pointer;
 }
 .popup-content {
     text-align: center;
 }
 .amount {
     font-size: 24px;
     font-weight: bold;
     color: rgba(234, 89, 35, 1);
     margin: 20px 0;
 }
 .info-box {
     background-color: #f1f1f1;
     padding: 10px;
     border-radius: 5px;
     margin: 20px 0;
 }
 .submit-button {
     background-color: rgba(234, 89, 35, 1);
     color: white;
     padding: 10px 20px;
     border: none;
     cursor: pointer;
     font-size: 16px;
     width: 100%;
 }