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 @@

충전수단 선택

-
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 @@