diff --git a/css/default_shop.css b/css/default_shop.css index 1683d457f..e6808f709 100644 --- a/css/default_shop.css +++ b/css/default_shop.css @@ -816,27 +816,17 @@ box-shadow: 1px 2px 2px #eee;} #sod_frm_paysel .samsungpay_icon{background:url('../img/samsungpay.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .ssgpay_icon{background:url('../img/ssgpay_icon.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .skpay_icon{background:url('../img/skpay11_icon.png') no-repeat 50% 50% #fff; background-size: 70px;display:inline-block;overflow:hidden;text-indent:-999px} -/* 기본 결제수단: 같은 굵기의 SVG 라인 아이콘 */ -#sod_frm_paysel .bank_icon{background-image:url('../img/payment-bank.svg')} -#sod_frm_paysel .vbank_icon{background-image:url('../img/payment-virtual-account.svg')} -#sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')} -#sod_frm_paysel .hp_icon{background-image:url('../img/payment-phone.svg')} -#sod_frm_paysel .card_icon{background-image:url('../img/payment-card.svg')} +/* 일반 결제수단은 아이콘 없이 텍스트를 표시한다. */ #sod_frm_paysel .lb_icon.bank_icon, #sod_frm_paysel .lb_icon.vbank_icon, #sod_frm_paysel .lb_icon.iche_icon, #sod_frm_paysel .lb_icon.hp_icon, -#sod_frm_paysel .lb_icon.card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px} -#m_sod_frm_paysel .bank_icon{background-image:url('../img/payment-bank.svg')} -#m_sod_frm_paysel .vbank_icon{background-image:url('../img/payment-virtual-account.svg')} -#m_sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')} -#m_sod_frm_paysel .hp_icon{background-image:url('../img/payment-phone.svg')} -#m_sod_frm_paysel .card_icon{background-image:url('../img/payment-card.svg')} -#m_sod_frm_paysel .bank_icon, -#m_sod_frm_paysel .vbank_icon, -#m_sod_frm_paysel .iche_icon, -#m_sod_frm_paysel .hp_icon, -#m_sod_frm_paysel .card_icon{display:inline-block;min-height:24px;padding-left:30px;line-height:24px;vertical-align:middle;background-repeat:no-repeat;background-position:0 50%;background-size:24px 24px} +#sod_frm_paysel .lb_icon.card_icon{background-image:none;padding:0 12px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:18px} +#m_sod_frm_paysel .lb_icon.bank_icon, +#m_sod_frm_paysel .lb_icon.vbank_icon, +#m_sod_frm_paysel .lb_icon.iche_icon, +#m_sod_frm_paysel .lb_icon.hp_icon, +#m_sod_frm_paysel .lb_icon.card_icon{background-image:none;display:inline-block;padding:0;min-height:24px;line-height:24px;vertical-align:middle} #forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px} #forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px} @@ -1297,9 +1287,50 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f .chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%} -/* PG별 간편결제 공통 버튼 */ -#sod_frm_paysel .samsungpay_icon{background:url('../img/samsungpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} -#sod_frm_paysel .tosspay_icon{background:url('../img/tosspay-logo.svg') no-repeat 50% 50% #fff;background-size:90px auto;overflow:hidden;text-indent:-999px} -#sod_frm_paysel .pinpay_icon{background:url('../img/pinpay-logo.png') no-repeat 50% 50% #fff;background-size:90px 60px;overflow:hidden;text-indent:-999px} -#m_sod_frm_paysel .tosspay_icon{display:inline-block;width:72px;height:24px;vertical-align:middle;background:url('../img/tosspay-logo.svg') no-repeat 50% 50%;background-size:72px auto;overflow:hidden;text-indent:-999px} -#m_sod_frm_paysel .pinpay_icon{display:inline-block;width:68px;height:24px;vertical-align:middle;background:url('../img/pinpay-logo.png') no-repeat 50% 50%;background-size:68px auto;overflow:hidden;text-indent:-999px} +/* 간편결제 로고: 비율을 유지하고 표시 크기와 중심을 통일한다. */ +#sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon){background-image:url('../img/payco.png');background-size:76px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon){background-image:url('../img/paynow.png');background-size:76px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon){background-image:url('../img/lpay_logo.png');background-size:58px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon){background-image:url('../img/kakao.png');background-size:63px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon){background-image:url('../img/ico-default-naverpay.png');background-size:61px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon){background-image:url('../img/samsungpay.png');background-size:88px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon){background-image:url('../img/ssgpay_icon.png');background-size:80px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon){background-image:url('../img/skpay11_icon.png');background-size:68px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon){background-image:url('../img/ico-mobile-applepay.png');background-size:44px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon){background-image:url('../img/tosspay-logo.svg');background-size:88px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon){background-image:url('../img/pinpay-logo.png');background-size:80px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#m_sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon){width:96px;height:28px;min-height:28px;margin:0;padding:0;border-radius:0;display:inline-block;vertical-align:middle} +#sod_frm_paysel .lb_icon.inicis_kakaopay em{display:none} diff --git a/css/mobile_shop.css b/css/mobile_shop.css index 4add8a83e..6d046bb62 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -919,27 +919,17 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)} #sod_frm_paysel .samsungpay_icon{background:url('../img/samsungpay.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .ssgpay_icon{background:url('../img/ssgpay_icon.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .skpay_icon{background:url('../img/skpay11_icon.png') no-repeat 50% 50% #fff; background-size: 70px;display:inline-block;overflow:hidden;text-indent:-999px} -/* 기본 결제수단: 같은 굵기의 SVG 라인 아이콘 */ -#sod_frm_paysel .bank_icon{background-image:url('../img/payment-bank.svg')} -#sod_frm_paysel .vbank_icon{background-image:url('../img/payment-virtual-account.svg')} -#sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')} -#sod_frm_paysel .hp_icon{background-image:url('../img/payment-phone.svg')} -#sod_frm_paysel .card_icon{background-image:url('../img/payment-card.svg')} +/* 일반 결제수단은 아이콘 없이 텍스트를 표시한다. */ #sod_frm_paysel .lb_icon.bank_icon, #sod_frm_paysel .lb_icon.vbank_icon, #sod_frm_paysel .lb_icon.iche_icon, #sod_frm_paysel .lb_icon.hp_icon, -#sod_frm_paysel .lb_icon.card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px} -#m_sod_frm_paysel .bank_icon{background-image:url('../img/payment-bank.svg')} -#m_sod_frm_paysel .vbank_icon{background-image:url('../img/payment-virtual-account.svg')} -#m_sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')} -#m_sod_frm_paysel .hp_icon{background-image:url('../img/payment-phone.svg')} -#m_sod_frm_paysel .card_icon{background-image:url('../img/payment-card.svg')} -#m_sod_frm_paysel .bank_icon, -#m_sod_frm_paysel .vbank_icon, -#m_sod_frm_paysel .iche_icon, -#m_sod_frm_paysel .hp_icon, -#m_sod_frm_paysel .card_icon{display:inline-block;min-height:24px;padding-left:30px;line-height:24px;vertical-align:middle;background-repeat:no-repeat;background-position:0 50%;background-size:24px 24px} +#sod_frm_paysel .lb_icon.card_icon{background-image:none;padding:0 12px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:18px} +#m_sod_frm_paysel .lb_icon.bank_icon, +#m_sod_frm_paysel .lb_icon.vbank_icon, +#m_sod_frm_paysel .lb_icon.iche_icon, +#m_sod_frm_paysel .lb_icon.hp_icon, +#m_sod_frm_paysel .lb_icon.card_icon{background-image:none;display:inline-block;padding:0;min-height:24px;line-height:24px;vertical-align:middle} #forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px} #forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px} @@ -1055,9 +1045,50 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)} .chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%} -/* PG별 간편결제 공통 버튼 */ -#sod_frm_paysel .samsungpay_icon{background:url('../img/samsungpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} -#sod_frm_paysel .tosspay_icon{background:url('../img/tosspay-logo.svg') no-repeat 50% 50% #fff;background-size:90px auto;overflow:hidden;text-indent:-999px} -#sod_frm_paysel .pinpay_icon{background:url('../img/pinpay-logo.png') no-repeat 50% 50% #fff;background-size:90px 60px;overflow:hidden;text-indent:-999px} -#m_sod_frm_paysel .tosspay_icon{display:inline-block;width:72px;height:24px;vertical-align:middle;background:url('../img/tosspay-logo.svg') no-repeat 50% 50%;background-size:72px auto;overflow:hidden;text-indent:-999px} -#m_sod_frm_paysel .pinpay_icon{display:inline-block;width:68px;height:24px;vertical-align:middle;background:url('../img/pinpay-logo.png') no-repeat 50% 50%;background-size:68px auto;overflow:hidden;text-indent:-999px} +/* 간편결제 로고: 비율을 유지하고 표시 크기와 중심을 통일한다. */ +#sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon){background-image:url('../img/payco.png');background-size:76px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon){background-image:url('../img/paynow.png');background-size:76px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon){background-image:url('../img/lpay_logo.png');background-size:58px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon){background-image:url('../img/kakao.png');background-size:63px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon){background-image:url('../img/ico-default-naverpay.png');background-size:61px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon){background-image:url('../img/samsungpay.png');background-size:88px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon){background-image:url('../img/ssgpay_icon.png');background-size:80px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon){background-image:url('../img/skpay11_icon.png');background-size:68px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon){background-image:url('../img/ico-mobile-applepay.png');background-size:44px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon){background-image:url('../img/tosspay-logo.svg');background-size:88px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon){background-image:url('../img/pinpay-logo.png');background-size:80px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#m_sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon){width:96px;height:28px;min-height:28px;margin:0;padding:0;border-radius:0;display:inline-block;vertical-align:middle} +#sod_frm_paysel .lb_icon.inicis_kakaopay em{display:none} diff --git a/docs/pg-easypay.md b/docs/pg-easypay.md index c5a60f942..e454c7da0 100644 --- a/docs/pg-easypay.md +++ b/docs/pg-easypay.md @@ -47,4 +47,4 @@ node tests/pg_easypay.js - `img/tosspay-logo.svg`: [토스페이 공식 연동 가이드](https://docs-pay.toss.im/)에서 제공하는 로고 ZIP의 `logo-toss-pay-blue.svg` 원본. - `img/pinpay-logo.png`: [스마트로페이 간편결제 안내](https://pg.smartro.co.kr/service/pg-service/payment/easypayment/)에서 제공하는 핀페이 로고 원본. -로고의 비율과 색상을 유지하고 저장소의 로컬 파일을 사용한다. 무통장입금·가상계좌 등 일반 결제수단 아이콘은 자체 SVG이다. +로고의 비율과 색상을 유지하고 저장소의 로컬 파일을 사용한다. 무통장입금·가상계좌 등 일반 결제수단은 아이콘 없이 텍스트로 표시한다. 간편결제 로고는 원본의 여백과 종횡비를 고려해 폭 58~88px 중심으로 크기를 맞춘다. diff --git a/img/payment-bank.svg b/img/payment-bank.svg deleted file mode 100644 index e7f597dc6..000000000 --- a/img/payment-bank.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/img/payment-card.svg b/img/payment-card.svg deleted file mode 100644 index f72af6437..000000000 --- a/img/payment-card.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/img/payment-phone.svg b/img/payment-phone.svg deleted file mode 100644 index b6600119f..000000000 --- a/img/payment-phone.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/img/payment-transfer.svg b/img/payment-transfer.svg deleted file mode 100644 index d3b7507be..000000000 --- a/img/payment-transfer.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/img/payment-virtual-account.svg b/img/payment-virtual-account.svg deleted file mode 100644 index 842c55775..000000000 --- a/img/payment-virtual-account.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/theme/basic/css/default_shop.css b/theme/basic/css/default_shop.css index adcb5f05d..a991f2a4a 100644 --- a/theme/basic/css/default_shop.css +++ b/theme/basic/css/default_shop.css @@ -806,27 +806,17 @@ box-shadow: 1px 2px 2px #eee;} #sod_frm_paysel .samsungpay_icon{background:url('../../../img/samsungpay.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .ssgpay_icon{background:url('../../../img/ssgpay_icon.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .skpay_icon{background:url('../../../img/skpay11_icon.png') no-repeat 50% 50% #fff; background-size: 70px;display:inline-block;overflow:hidden;text-indent:-999px} -/* 기본 결제수단: 같은 굵기의 SVG 라인 아이콘 */ -#sod_frm_paysel .bank_icon{background-image:url('../../../img/payment-bank.svg')} -#sod_frm_paysel .vbank_icon{background-image:url('../../../img/payment-virtual-account.svg')} -#sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')} -#sod_frm_paysel .hp_icon{background-image:url('../../../img/payment-phone.svg')} -#sod_frm_paysel .card_icon{background-image:url('../../../img/payment-card.svg')} +/* 일반 결제수단은 아이콘 없이 텍스트를 표시한다. */ #sod_frm_paysel .lb_icon.bank_icon, #sod_frm_paysel .lb_icon.vbank_icon, #sod_frm_paysel .lb_icon.iche_icon, #sod_frm_paysel .lb_icon.hp_icon, -#sod_frm_paysel .lb_icon.card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px} -#m_sod_frm_paysel .bank_icon{background-image:url('../../../img/payment-bank.svg')} -#m_sod_frm_paysel .vbank_icon{background-image:url('../../../img/payment-virtual-account.svg')} -#m_sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')} -#m_sod_frm_paysel .hp_icon{background-image:url('../../../img/payment-phone.svg')} -#m_sod_frm_paysel .card_icon{background-image:url('../../../img/payment-card.svg')} -#m_sod_frm_paysel .bank_icon, -#m_sod_frm_paysel .vbank_icon, -#m_sod_frm_paysel .iche_icon, -#m_sod_frm_paysel .hp_icon, -#m_sod_frm_paysel .card_icon{display:inline-block;min-height:24px;padding-left:30px;line-height:24px;vertical-align:middle;background-repeat:no-repeat;background-position:0 50%;background-size:24px 24px} +#sod_frm_paysel .lb_icon.card_icon{background-image:none;padding:0 12px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:18px} +#m_sod_frm_paysel .lb_icon.bank_icon, +#m_sod_frm_paysel .lb_icon.vbank_icon, +#m_sod_frm_paysel .lb_icon.iche_icon, +#m_sod_frm_paysel .lb_icon.hp_icon, +#m_sod_frm_paysel .lb_icon.card_icon{background-image:none;display:inline-block;padding:0;min-height:24px;line-height:24px;vertical-align:middle} #forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px} #forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px} @@ -1314,9 +1304,50 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f .chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%} -/* PG별 간편결제 공통 버튼 */ -#sod_frm_paysel .samsungpay_icon{background:url('../../../img/samsungpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} -#sod_frm_paysel .tosspay_icon{background:url('../../../img/tosspay-logo.svg') no-repeat 50% 50% #fff;background-size:90px auto;overflow:hidden;text-indent:-999px} -#sod_frm_paysel .pinpay_icon{background:url('../../../img/pinpay-logo.png') no-repeat 50% 50% #fff;background-size:90px 60px;overflow:hidden;text-indent:-999px} -#m_sod_frm_paysel .tosspay_icon{display:inline-block;width:72px;height:24px;vertical-align:middle;background:url('../../../img/tosspay-logo.svg') no-repeat 50% 50%;background-size:72px auto;overflow:hidden;text-indent:-999px} -#m_sod_frm_paysel .pinpay_icon{display:inline-block;width:68px;height:24px;vertical-align:middle;background:url('../../../img/pinpay-logo.png') no-repeat 50% 50%;background-size:68px auto;overflow:hidden;text-indent:-999px} +/* 간편결제 로고: 비율을 유지하고 표시 크기와 중심을 통일한다. */ +#sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon){background-image:url('../../../img/payco.png');background-size:76px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon){background-image:url('../../../img/paynow.png');background-size:76px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon){background-image:url('../../../img/lpay_logo.png');background-size:58px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon){background-image:url('../../../img/kakao.png');background-size:63px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon){background-image:url('../../../img/ico-default-naverpay.png');background-size:61px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon){background-image:url('../../../img/samsungpay.png');background-size:88px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon){background-image:url('../../../img/ssgpay_icon.png');background-size:80px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon){background-image:url('../../../img/skpay11_icon.png');background-size:68px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon){background-image:url('../../../img/ico-mobile-applepay.png');background-size:44px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon){background-image:url('../../../img/tosspay-logo.svg');background-size:88px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon){background-image:url('../../../img/pinpay-logo.png');background-size:80px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#m_sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon){width:96px;height:28px;min-height:28px;margin:0;padding:0;border-radius:0;display:inline-block;vertical-align:middle} +#sod_frm_paysel .lb_icon.inicis_kakaopay em{display:none} diff --git a/theme/basic/css/mobile_shop.css b/theme/basic/css/mobile_shop.css index 549d7340d..e6201087f 100644 --- a/theme/basic/css/mobile_shop.css +++ b/theme/basic/css/mobile_shop.css @@ -918,27 +918,17 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)} #sod_frm_paysel .samsungpay_icon{background:url('../../../img/samsungpay.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .ssgpay_icon{background:url('../../../img/ssgpay_icon.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .skpay_icon{background:url('../../../img/skpay11_icon.png') no-repeat 50% 50% #fff; background-size: 70px;display:inline-block;overflow:hidden;text-indent:-999px} -/* 기본 결제수단: 같은 굵기의 SVG 라인 아이콘 */ -#sod_frm_paysel .bank_icon{background-image:url('../../../img/payment-bank.svg')} -#sod_frm_paysel .vbank_icon{background-image:url('../../../img/payment-virtual-account.svg')} -#sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')} -#sod_frm_paysel .hp_icon{background-image:url('../../../img/payment-phone.svg')} -#sod_frm_paysel .card_icon{background-image:url('../../../img/payment-card.svg')} +/* 일반 결제수단은 아이콘 없이 텍스트를 표시한다. */ #sod_frm_paysel .lb_icon.bank_icon, #sod_frm_paysel .lb_icon.vbank_icon, #sod_frm_paysel .lb_icon.iche_icon, #sod_frm_paysel .lb_icon.hp_icon, -#sod_frm_paysel .lb_icon.card_icon{background-repeat:no-repeat;background-position:18px 50%;background-size:28px 28px;padding:0 12px 0 58px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:18px} -#m_sod_frm_paysel .bank_icon{background-image:url('../../../img/payment-bank.svg')} -#m_sod_frm_paysel .vbank_icon{background-image:url('../../../img/payment-virtual-account.svg')} -#m_sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')} -#m_sod_frm_paysel .hp_icon{background-image:url('../../../img/payment-phone.svg')} -#m_sod_frm_paysel .card_icon{background-image:url('../../../img/payment-card.svg')} -#m_sod_frm_paysel .bank_icon, -#m_sod_frm_paysel .vbank_icon, -#m_sod_frm_paysel .iche_icon, -#m_sod_frm_paysel .hp_icon, -#m_sod_frm_paysel .card_icon{display:inline-block;min-height:24px;padding-left:30px;line-height:24px;vertical-align:middle;background-repeat:no-repeat;background-position:0 50%;background-size:24px 24px} +#sod_frm_paysel .lb_icon.card_icon{background-image:none;padding:0 12px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:18px} +#m_sod_frm_paysel .lb_icon.bank_icon, +#m_sod_frm_paysel .lb_icon.vbank_icon, +#m_sod_frm_paysel .lb_icon.iche_icon, +#m_sod_frm_paysel .lb_icon.hp_icon, +#m_sod_frm_paysel .lb_icon.card_icon{background-image:none;display:inline-block;padding:0;min-height:24px;line-height:24px;vertical-align:middle} #forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px} #forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px} @@ -1054,9 +1044,50 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)} .chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%} -/* PG별 간편결제 공통 버튼 */ -#sod_frm_paysel .samsungpay_icon{background:url('../../../img/samsungpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} -#sod_frm_paysel .tosspay_icon{background:url('../../../img/tosspay-logo.svg') no-repeat 50% 50% #fff;background-size:90px auto;overflow:hidden;text-indent:-999px} -#sod_frm_paysel .pinpay_icon{background:url('../../../img/pinpay-logo.png') no-repeat 50% 50% #fff;background-size:90px 60px;overflow:hidden;text-indent:-999px} -#m_sod_frm_paysel .tosspay_icon{display:inline-block;width:72px;height:24px;vertical-align:middle;background:url('../../../img/tosspay-logo.svg') no-repeat 50% 50%;background-size:72px auto;overflow:hidden;text-indent:-999px} -#m_sod_frm_paysel .pinpay_icon{display:inline-block;width:68px;height:24px;vertical-align:middle;background:url('../../../img/pinpay-logo.png') no-repeat 50% 50%;background-size:68px auto;overflow:hidden;text-indent:-999px} +/* 간편결제 로고: 비율을 유지하고 표시 크기와 중심을 통일한다. */ +#sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon){background-image:url('../../../img/payco.png');background-size:76px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon){background-image:url('../../../img/paynow.png');background-size:76px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon){background-image:url('../../../img/lpay_logo.png');background-size:58px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon){background-image:url('../../../img/kakao.png');background-size:63px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon){background-image:url('../../../img/ico-default-naverpay.png');background-size:61px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon){background-image:url('../../../img/samsungpay.png');background-size:88px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon){background-image:url('../../../img/ssgpay_icon.png');background-size:80px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon){background-image:url('../../../img/skpay11_icon.png');background-size:68px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon){background-image:url('../../../img/ico-mobile-applepay.png');background-size:44px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon){background-image:url('../../../img/tosspay-logo.svg');background-size:88px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon){background-image:url('../../../img/pinpay-logo.png');background-size:80px auto;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;overflow:hidden;text-indent:-999px} +#m_sod_frm_paysel .lb_icon.PAYCO:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.paycopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.PAYNOW:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.lpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_lpay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.kakaopay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.inicis_kakaopay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.naverpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsungpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.samsung_pay:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.ssgpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.skpay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.applepay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.tosspay_icon:not(.nhnkcp_icon), +#m_sod_frm_paysel .lb_icon.pinpay_icon:not(.nhnkcp_icon){width:96px;height:28px;min-height:28px;margin:0;padding:0;border-radius:0;display:inline-block;vertical-align:middle} +#sod_frm_paysel .lb_icon.inicis_kakaopay em{display:none}