refactor: 일반 결제수단 아이콘 제거와 간편결제 로고 크기 통일

무통장입금·가상계좌·계좌이체·휴대폰·신용카드는 텍스트로 표시하고 사용하지 않는 SVG를 제거한다. 간편결제 로고는 비율을 유지하면서 표시 크기와 모바일 영역을 맞춘다. 기본·테마 PC·모바일 브라우저에서 표시와 선택 동작을 확인했다.
This commit is contained in:
whitedot
2026-09-09 07:58:16 +00:00
parent 53b954b47f
commit 93b4352891
10 changed files with 217 additions and 98 deletions
+54 -23
View File
@@ -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 .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 .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} #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.bank_icon,
#sod_frm_paysel .lb_icon.vbank_icon, #sod_frm_paysel .lb_icon.vbank_icon,
#sod_frm_paysel .lb_icon.iche_icon, #sod_frm_paysel .lb_icon.iche_icon,
#sod_frm_paysel .lb_icon.hp_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} #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 .bank_icon{background-image:url('../img/payment-bank.svg')} #m_sod_frm_paysel .lb_icon.bank_icon,
#m_sod_frm_paysel .vbank_icon{background-image:url('../img/payment-virtual-account.svg')} #m_sod_frm_paysel .lb_icon.vbank_icon,
#m_sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')} #m_sod_frm_paysel .lb_icon.iche_icon,
#m_sod_frm_paysel .hp_icon{background-image:url('../img/payment-phone.svg')} #m_sod_frm_paysel .lb_icon.hp_icon,
#m_sod_frm_paysel .card_icon{background-image:url('../img/payment-card.svg')} #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}
#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}
#forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #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{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} #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%} .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 .lb_icon.PAYCO:not(.nhnkcp_icon),
#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 .lb_icon.paycopay_icon:not(.nhnkcp_icon),
#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 .lb_icon.PAYCO:not(.nhnkcp_icon),
#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 .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}
#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.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}
+54 -23
View File
@@ -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 .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 .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} #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.bank_icon,
#sod_frm_paysel .lb_icon.vbank_icon, #sod_frm_paysel .lb_icon.vbank_icon,
#sod_frm_paysel .lb_icon.iche_icon, #sod_frm_paysel .lb_icon.iche_icon,
#sod_frm_paysel .lb_icon.hp_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} #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 .bank_icon{background-image:url('../img/payment-bank.svg')} #m_sod_frm_paysel .lb_icon.bank_icon,
#m_sod_frm_paysel .vbank_icon{background-image:url('../img/payment-virtual-account.svg')} #m_sod_frm_paysel .lb_icon.vbank_icon,
#m_sod_frm_paysel .iche_icon{background-image:url('../img/payment-transfer.svg')} #m_sod_frm_paysel .lb_icon.iche_icon,
#m_sod_frm_paysel .hp_icon{background-image:url('../img/payment-phone.svg')} #m_sod_frm_paysel .lb_icon.hp_icon,
#m_sod_frm_paysel .card_icon{background-image:url('../img/payment-card.svg')} #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}
#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}
#forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #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{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} #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%} .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 .lb_icon.PAYCO:not(.nhnkcp_icon),
#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 .lb_icon.paycopay_icon:not(.nhnkcp_icon),
#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 .lb_icon.PAYCO:not(.nhnkcp_icon),
#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 .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}
#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.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}
+1 -1
View File
@@ -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/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/)에서 제공하는 핀페이 로고 원본. - `img/pinpay-logo.png`: [스마트로페이 간편결제 안내](https://pg.smartro.co.kr/service/pg-service/payment/easypayment/)에서 제공하는 핀페이 로고 원본.
로고의 비율과 색상을 유지하고 저장소의 로컬 파일을 사용한다. 무통장입금·가상계좌 등 일반 결제수단 아이콘은 자체 SVG이다. 로고의 비율과 색상을 유지하고 저장소의 로컬 파일을 사용한다. 무통장입금·가상계좌 등 일반 결제수단은 아이콘 없이 텍스트로 표시한다. 간편결제 로고는 원본의 여백과 종횡비를 고려해 폭 58~88px 중심으로 크기를 맞춘다.
-1
View File
@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#475569" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="2.5" width="18" height="10" rx="2"/><circle cx="12" cy="7.5" r="2.3"/><path d="M6.5 7.5h.01m11 0h.01M12 15v6m-3-3 3 3 3-3M4 18v3h3m10 0h3v-3"/></svg>

Before

Width:  |  Height:  |  Size: 344 B

-1
View File
@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#475569" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="5" width="19" height="14" rx="3"/><path d="M3 10h18M6.5 15h4"/></svg>

Before

Width:  |  Height:  |  Size: 266 B

-1
View File
@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#475569" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="2.5" width="12" height="19" rx="3"/><path d="M10 6h4M11 18h2"/></svg>

Before

Width:  |  Height:  |  Size: 264 B

-1
View File
@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#475569" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"><path d="M4 8h15m-4-4 4 4-4 4M20 16H5m4-4-4 4 4 4"/></svg>

Before

Width:  |  Height:  |  Size: 238 B

-1
View File
@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#475569" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5.5C9 3.5 5.5 3 2.5 4v15c3-1 6.5-.5 9.5 1.5 3-2 6.5-2.5 9.5-1.5V4c-3-1-6.5-.5-9.5 1.5Zm0 0v15M5.5 8h3M5.5 11h3M15 8h3.5M15 11h3.5M15 14h2"/></svg>

Before

Width:  |  Height:  |  Size: 339 B

+54 -23
View File
@@ -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 .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 .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} #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.bank_icon,
#sod_frm_paysel .lb_icon.vbank_icon, #sod_frm_paysel .lb_icon.vbank_icon,
#sod_frm_paysel .lb_icon.iche_icon, #sod_frm_paysel .lb_icon.iche_icon,
#sod_frm_paysel .lb_icon.hp_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} #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 .bank_icon{background-image:url('../../../img/payment-bank.svg')} #m_sod_frm_paysel .lb_icon.bank_icon,
#m_sod_frm_paysel .vbank_icon{background-image:url('../../../img/payment-virtual-account.svg')} #m_sod_frm_paysel .lb_icon.vbank_icon,
#m_sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')} #m_sod_frm_paysel .lb_icon.iche_icon,
#m_sod_frm_paysel .hp_icon{background-image:url('../../../img/payment-phone.svg')} #m_sod_frm_paysel .lb_icon.hp_icon,
#m_sod_frm_paysel .card_icon{background-image:url('../../../img/payment-card.svg')} #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}
#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}
#forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #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{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} #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%} .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 .lb_icon.PAYCO:not(.nhnkcp_icon),
#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 .lb_icon.paycopay_icon:not(.nhnkcp_icon),
#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 .lb_icon.PAYCO:not(.nhnkcp_icon),
#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 .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}
#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.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}
+54 -23
View File
@@ -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 .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 .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} #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.bank_icon,
#sod_frm_paysel .lb_icon.vbank_icon, #sod_frm_paysel .lb_icon.vbank_icon,
#sod_frm_paysel .lb_icon.iche_icon, #sod_frm_paysel .lb_icon.iche_icon,
#sod_frm_paysel .lb_icon.hp_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} #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 .bank_icon{background-image:url('../../../img/payment-bank.svg')} #m_sod_frm_paysel .lb_icon.bank_icon,
#m_sod_frm_paysel .vbank_icon{background-image:url('../../../img/payment-virtual-account.svg')} #m_sod_frm_paysel .lb_icon.vbank_icon,
#m_sod_frm_paysel .iche_icon{background-image:url('../../../img/payment-transfer.svg')} #m_sod_frm_paysel .lb_icon.iche_icon,
#m_sod_frm_paysel .hp_icon{background-image:url('../../../img/payment-phone.svg')} #m_sod_frm_paysel .lb_icon.hp_icon,
#m_sod_frm_paysel .card_icon{background-image:url('../../../img/payment-card.svg')} #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}
#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}
#forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #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{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} #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%} .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 .lb_icon.PAYCO:not(.nhnkcp_icon),
#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 .lb_icon.paycopay_icon:not(.nhnkcp_icon),
#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 .lb_icon.PAYCO:not(.nhnkcp_icon),
#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 .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}
#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.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}