From ad87630390047b7c6d7a29ebe1727229eaa09f4b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?ITN=5F=EB=94=94=EC=9E=90=EC=9D=B8=ED=8C=80?= Date: Thu, 27 Jul 2023 14:15:34 +0900 Subject: [PATCH] =?UTF-8?q?2023/07/27=20=EA=B2=B0=EC=A0=9C=ED=95=98?= =?UTF-8?q?=EA=B8=B0=ED=8E=98=EC=9D=B4=EC=A7=80,=20=EC=9D=B4=EB=B2=A4?= =?UTF-8?q?=ED=8A=B82=ED=8E=98=EC=9D=B4=EC=A7=80=20>=20=EA=B0=84=ED=8E=B8?= =?UTF-8?q?=EA=B2=B0=EC=A0=9C=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/publish/css/content.css | 26 +- src/main/webapp/publish/firstpay_event2.html | 458 +++++++++++++++---- src/main/webapp/publish/guide_2022.html | 2 + src/main/webapp/publish/images/kakao_pay.png | Bin 0 -> 1680 bytes src/main/webapp/publish/images/never_pay.png | Bin 0 -> 1244 bytes src/main/webapp/publish/images/payco.png | Bin 0 -> 1608 bytes src/main/webapp/publish/images/toss_pay.png | Bin 0 -> 5294 bytes src/main/webapp/publish/payment2.html | 448 +++++++++++++++--- 8 files changed, 773 insertions(+), 161 deletions(-) create mode 100644 src/main/webapp/publish/images/kakao_pay.png create mode 100644 src/main/webapp/publish/images/never_pay.png create mode 100644 src/main/webapp/publish/images/payco.png create mode 100644 src/main/webapp/publish/images/toss_pay.png diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css index e6aef300..7295370a 100644 --- a/src/main/webapp/publish/css/content.css +++ b/src/main/webapp/publish/css/content.css @@ -1075,24 +1075,38 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .charg_cont {background-color: #fff;padding: 40px;border-radius: 10px; min-height: 589px; display: none;} .charg_cont.current {display: block;} .charg_cont .tab_tit{font-size: 24px; font-weight: bold; color: #222; margin-bottom: 20px; margin-top: 40px;} -.charg_cont .area_tab{display: flex; width: 100%; justify-content: space-between;} +.charg_cont .area_tab{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;} /* 간편결제 오픈 시 .charg_cont .area_tab li{ width: calc((100% - 80px)/5); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;} */ .charg_cont .area_tab li{ width: calc((100% - 80px)/4); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;} .charg_cont .area_tab li button {font-size: 22px; font-weight: 400; width: 100%; height: 100%; padding: 60px 20px 40px 20px;position:relative;z-index:1;} -.charg_cont .area_tab li.active {border: 3px solid #fbc72b;} +/* .charg_cont .area_tab li.active {border: 3px solid #fbc72b;} */ +.charg_cont .area_tab li.active::after{position: absolute; content: " "; width: 100%; height: 100%; border: 3px solid #fbc72b; left: -3px; top: -3px; border-radius: 5px;} .charg_cont .area_tab li.active::before{background-image: url(/publish/images/content/icon_chargeCheck2.png); background-color: #fbc72b; border: 2px solid #fbc72b;} .charg_cont .area_tab li::before{position: absolute; content: " "; width: 31px; height: 31px; border: 3px solid #ccc; right: 15px; top: 15px; border-radius: 100%; background-image: url(/publish/images/content/icon_chargeCheck1.png); background-repeat: no-repeat; background-position: center 58%;} .charg_cont .area_tab button i{width: 65px; height: 55px; display: block; margin: 0 auto 15px auto; background-position: center;} -.charg_cont .area_tab .btn_charge_simple i{background-image: url(/publish/images/simple.png);} +/*.charg_cont .area_tab .btn_charge_simple i{background-image: url(/publish/images/simple.png);}*/ .charg_cont .area_tab .btn_charge1 i{background-image: url(/publish/images/content/icon_charging2.png);} .charg_cont .area_tab .btn_charge2 i{background-image: url(/publish/images/content/icon_charging3.png);} -.charg_cont .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging4.png);} -.charg_cont .area_tab .btn_charge5 i{background-image: url(/publish/images/content/icon_charging5.png);} +.charg_cont .area_tab .btn_charge3 i{background-image: url(/publish/images/content/icon_charging4.png);} +.charg_cont .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging5.png);} + +/*간편결제_오픈시_수정한부분*/ +.charg_cont .area_tab .simple_pay{margin-top: 25px;} +.charg_cont .area_tab .simple_pay button{padding: 24px 20px 8px 20px;} +.charg_cont .area_tab .simple_pay button i{width: 150px; height: 33px; display: block; margin: 0 auto 15px auto; background-position: center;} +.charg_cont .area_tab .btn_charge5 i{background-image: url(/publish/images/never_pay.png);} +.charg_cont .area_tab .btn_charge6 i{background-image: url(/publish/images/kakao_pay.png);} +.charg_cont .area_tab .btn_charge7 i{background-image: url(/publish/images/toss_pay.png);} +.charg_cont .area_tab .btn_charge8 i{background-image: url(/publish/images/payco.png);} .charg_cont .area_tab+.checkbox_wrap{margin-top: 18px; color: #666; font-weight: 300; font-size: 18px; text-align: right; width: 100%;} -/* 간편결제 오픈 시 + +/* 간편결제_오픈시_이벤트페이지 .charg_cont .area_tab.type03 li {width:calc(100%/4 - 15px);} */ .charg_cont .area_tab.type03 li {width:calc(100%/3 - 15px);} +/*간편결제_오픈시_이벤트페이지_수정한부분은 이거 하나*/ +.charg_cont .area_tab.type03 li.event_simple{width:calc(100%/4 - 15px);} +/*//간편결제_오픈시_이벤트페이지_수정한부분은 이거 하나*/ .charg_cont .checkbox_wrap input[type="checkbox"], .charg_cont .checkbox_wrap input[type="radio"]{display: none;} .charg_cont .checkbox_wrap input[type="checkbox"]+label, diff --git a/src/main/webapp/publish/firstpay_event2.html b/src/main/webapp/publish/firstpay_event2.html index 0901ce41..1f4b47db 100644 --- a/src/main/webapp/publish/firstpay_event2.html +++ b/src/main/webapp/publish/firstpay_event2.html @@ -283,103 +283,23 @@

충전수단 선택

-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • +
      +
      • +
      • -
      • +
      • + +
      • +
      • +
      • +
      • +
    - - -
    -

    간편결제 간편결제

    - - - - - - - - - - - - - - - - - - -
    충전금액 - -

    원

    - - -
    -
    -
    -
    최종 결제금액 :
    -
    -
      -
    • 50,000원(공급가액) -
      • -
    • 5,000원(부가세) -
      • -
    • 55,000원(최종금액) -
      • -
    -
    -
    - -
    -
    -
    - -

    - 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.

    -

    - 결제사별 정책상 충전금액 제한이 있을 수 있습니다.

    -
    -
    -
    - - + -
    +

    신용카드 신용카드

    @@ -460,7 +380,7 @@ -
    +

    계좌 이미 전용계좌

    @@ -517,9 +437,7 @@ @@ -698,6 +616,354 @@
    -
    - 보유한 전용 계좌가 없습니다. -
    +
    보유한 전용 계좌가 없습니다.
    + +
    +

    간편결제 네이버페이

    + + + + + + + + + + + + + + + + + +
    충전금액 + + +

    원

    + +
    +
    +
    +
    최종 결제금액 :
    +
    +
      +
    • 50,000원(공급가액)
      • +
    • 5,000원(부가세)
      • +
    • 55,000원(최종금액)
      • +
    +
    +
    + +
    +
    +
    +

    - 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.

    +

    - 결제사별 정책상 충전금액 제한이 있을 수 있습니다.

    +

    - 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.

    +

    - 네이버페이 카드 결제 영수증은 네이버페이를 통해서 발급받으실 수 있습니다.

    +

    - 네이버페이 포인트 사용에 따른 현금영수증 발행은 문자온 캐시 결제과정에서 결제자가 직접 선택하여야만 요청할 수 있습니다.(결제 완료 이후 문자온에서 현금영수증 처리 불가)

    +
    +
    +
    + + + +
    + +

    간편결제 카카오페이

    + + + + + + + + + + + + + + + + + +
    충전금액 + + +

    원

    + +
    +
    +
    +
    최종 결제금액 :
    +
    +
      +
    • 50,000원(공급가액)
      • +
    • 5,000원(부가세)
      • +
    • 55,000원(최종금액)
      • +
    +
    +
    + +
    +
    +
    +

    - 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.

    +

    - 결제사별 정책상 충전금액 제한이 있을 수 있습니다.

    +

    - 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.

    +

    - 카카오페이 결제에 따른 카드영수증 및 현금영수증은 카카오페이 앱을 통해서만 확인 가능합니다.

    +
    +
    +
    + + + + + + + +
    +

    간편결제 토스페이

    + + + + + + + + + + + + + + + + + + +
    충전금액 + + +

    원

    + +
    +
    +
    +
    최종 결제금액 :
    +
    +
      +
    • 50,000원(공급가액)
      • +
    • 5,000원(부가세)
      • +
    • 55,000원(최종금액)
      • +
    +
    +
    + +
    +
    +
    +

    - 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.

    +

    - 결제사별 정책상 충전금액 제한이 있을 수 있습니다.

    +

    - 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.

    +

    - 토스페이 결제에 따른 카드영수증 및 현금영수증은 토스페이 앱을 통해서만 확인 가능합니다.

    +
    +
    +
    + + +
    +

    간편결제 PAYCO

    + + + + + + + + + + + + + + + + + + +
    충전금액 + + +

    원

    + +
    +
    +
    +
    최종 결제금액 :
    +
    +
      +
    • 50,000원(공급가액)
      • +
    • 5,000원(부가세)
      • +
    • 55,000원(최종금액)
      • +
    +
    +
    + +
    +
    +
    +

    - 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.

    +

    - 결제사별 정책상 충전금액 제한이 있을 수 있습니다.

    +

    - 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.

    +
    +
    +
    +
diff --git a/src/main/webapp/publish/guide_2022.html b/src/main/webapp/publish/guide_2022.html index 37aea050..aaa36163 100644 --- a/src/main/webapp/publish/guide_2022.html +++ b/src/main/webapp/publish/guide_2022.html @@ -18,6 +18,8 @@