fix: 결제수단 공통 CSS 충돌로 어긋난 아이콘과 텍스트 정렬 복구

기존 주문서의 label 표시 규칙이 아이콘 정렬을 덮어쓰지 않도록 선택자 우선순위를 보강한다. 실제 주문서와 동일한 상위 요소를 포함한 브라우저 화면에서 기본·테마 PC·모바일 표시와 선택 동작을 확인했다.
This commit is contained in:
whitedot
2026-09-09 07:58:16 +00:00
parent 83e3c00a05
commit 3510a03f57
4 changed files with 20 additions and 20 deletions
+5 -5
View File
@@ -822,11 +822,11 @@ box-shadow: 1px 2px 2px #eee;}
#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 .bank_icon,
#sod_frm_paysel .vbank_icon,
#sod_frm_paysel .iche_icon,
#sod_frm_paysel .hp_icon,
#sod_frm_paysel .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.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')}
+5 -5
View File
@@ -925,11 +925,11 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)}
#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 .bank_icon,
#sod_frm_paysel .vbank_icon,
#sod_frm_paysel .iche_icon,
#sod_frm_paysel .hp_icon,
#sod_frm_paysel .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.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')}
+5 -5
View File
@@ -812,11 +812,11 @@ box-shadow: 1px 2px 2px #eee;}
#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 .bank_icon,
#sod_frm_paysel .vbank_icon,
#sod_frm_paysel .iche_icon,
#sod_frm_paysel .hp_icon,
#sod_frm_paysel .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.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')}
+5 -5
View File
@@ -924,11 +924,11 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)}
#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 .bank_icon,
#sod_frm_paysel .vbank_icon,
#sod_frm_paysel .iche_icon,
#sod_frm_paysel .hp_icon,
#sod_frm_paysel .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.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')}