/* 충전소 */
.icon_bonuscc{width:1em;height:1em;display:inline-block;}
.cchg_prt_it{gap:7px 20px;padding-top:14px;padding-bottom:14px;background-color:var(--sub-bg-color);border-radius:5px;}
.cchg_prt_coin_disp{gap:5px 7px;flex-wrap:wrap;}
.cchg_coin_icon .icon{width:20px;height:20px;}
.cchg_prt_prc{width:110px;padding:10px 10px 9px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--sub-bg-color6);transition:color 0.2s;}
.cchg_prt_prc.first-paym{width:auto;min-width:145px;gap:0 5px;}
.cchg_prt_it:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;border:1px solid var(--theme-color);visibility:hidden;opacity:0;pointer-events:none;transition:opacity 0.2s;}
.cchg_bncoin_plus{/* position:absolute;bottom:100%;right:0; */padding:2px 6px 3px;border-radius:20px;background:linear-gradient(45deg, #BF29FF, #00B1FF);color:#FFF;/* margin-bottom:2px;transform:translateX(25%); */margin-left:6px;}
input.cchg_prt_chkbox:checked + .cchg_prt_it:before{visibility:visible;opacity:1;}
input.cchg_prt_chkbox:checked + .cchg_prt_it .cchg_prt_prc{color:var(--theme-color);}

/* 스탬프 적립 관련 요소 */
.cchg_stp_fill{padding:3px 7px;padding-left:4px;border:1px solid var(--line-color7);border-radius:5px;background-color:var(--main-bg-color-op4);background-color:var(--sub-bg-color6);}
input.cchg_prt_chkbox:checked + .cchg_prt_it .cchg_stp_fill{border-color:var(--theme-color-opacity2);}
.cchg_stp_check_svg{height:14px;fill:var(--theme-color);}

.cchg_payment_wrap{display:flex;gap:15px 20px;margin-top:20px;}

.cchg_sltd{width:314px;padding:20px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--sub-bg-color2);flex-shrink:0;}
.cchg_sltd_line{border:0 none;display:block;width:100%;height:1px;background-color:var(--line-color1);margin:12px auto 14px;}

.cchg_paym_meth_wrap{border:1px solid var(--line-color1);border-radius:5px;}
.cchg_paym_meth_wrap.active{border-color:var(--theme-color);}
.cchg_paym_item{padding:20px;}

.cchg_paym_nation_sel{gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line-color1);}
.cchg_paym_nation_sel_btn{padding:15px;border:1px solid var(--line-color1);border-radius:5px;gap:8px;flex:1 1 auto;line-height:1.2;justify-content:center;color:#878787;transition-property:;}
.cchg_paym_nation_sel_btn.active{border-color:var(--theme-color);color:var(--main-color);}
.cchg_paym_nation_sel_btn .paym_nation_icon{height:16px;}
:where(.cchg_paym_nation_sel_btn) .rad_dsg{position:relative;width:1em;height:1em;border-radius:1em;border:1px solid var(--line-color7);background-color:var(--btn-common-bg);flex-shrink:0;}
:where(.cchg_paym_nation_sel_btn) .rad_dsg::before{content:"";display:block;position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:50%;background-color:var(--theme-color);margin:auto;opacity:0;transition:opacity 0.2s;}
:where(.cchg_paym_nation_sel_btn.active) .rad_dsg::before{opacity:1;}

.cchg_paym_meth{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;}
.cchg_paym_meth.others{padding-left:20px;padding-right:20px;margin-bottom:20px;}
.cchg_paym_meth_it{padding:15px 5px 14px;border-radius:5px;border:1px solid var(--line-color1);background-color:var(--sub-bg-color2);gap:12px;font-size:0.813rem;}
.cchg_paym_meth_it:has(.icon){padding-bottom:12px;}
:where(html[lang="ja"]) .cchg_paym_meth_it{font-size:0.75rem;} /* 결제수단 버튼 폰트 사이즈 - 일본어일때만 */
:where(html[lang="ja"]) .cchg_paym_meth_it:has(.icon){font-size:0.688rem;}  /* 결제수단 버튼 폰트 사이즈 - 일본어일때만 */
.cchg_paym_meth_it .icon{width:50px;height:30px;fill:currentColor;object-fit:contain;}
.cchg_paym_meth_it .icon.card{width:30px;}
.cchg_paym_meth_it .icon.naverPay{fill:#00de5a;}
:where(html:not([color-theme="light"])) .cchg_paym_meth_it .icon.paypal{filter:brightness(1.4);}
.cchg_paym_meth_it:not([disabled], .disabled):hover{border-color:var(--theme-color-opacity);background-color:var(--theme-color-opacity);color:var(--theme-color);}
.cchg_paym_meth_it:where([disabled], .disabled){filter:grayscale(1) opacity(0.6);}

.cchg_paym_other_tgg{padding:18px 20px;border-top:1px solid var(--line-color1);}
.cchg_paym_other_tgg .rd_dsg{position:relative;width:18px;height:18px;border-radius:50%;border:1px solid var(--line-color1);border-color:currentColor;}
.cchg_paym_other_tgg.active .rd_dsg{border-color:var(--theme-color);}
.cchg_paym_other_tgg.active .rd_dsg:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px;background-color:var(--theme-color);border-radius:50%;margin:auto;}

/* 무료 충전 */
.free_point_btn{position:relative;padding:14px;border-radius:5px;border:1px solid var(--prt-item-bg, #292929);background-color:var(--prt-item-bg, #292929);transition-property:border-color;transition-duration:0.25s;}
.free_point_btn_pan{padding:6px 8px;border-radius:5px;}
.free_point_btn_pan.bg1{background-color:#004967;color:var(--theme-color);}
.free_point_btn_pan.bg2{background-color:#654732;color:#FFB881;}
.free_point_btn[disabled]{cursor:default;cursor:not-allowed;}
.free_point_btn:where([disabled], .disabled):after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;background-color:var(--prt-item-bg, #292929);opacity:0.7;}
.free_point_btn:where([disabled], .disabled) .icon{opacity:0.7;}


@media (hover:hover) and (pointer:fine){
	/* 무료 충전 버튼 */
	.free_point_btn:not([disabled], .disabled):hover{border-color:var(--theme-color);}
}

@media screen and (max-width:849px){
	.cchg_payment_wrap{flex-direction:column;}
	.cchg_sltd{width:100%;flex-shrink:1;}
}

@media screen and (max-width:561px){
	.cchg_paym_meth{grid-template-columns:repeat(3, 1fr);}
}

@media screen and (max-width:449px){
	.cchg_coin_icon{gap:5px;}
	.cchg_coin_icon .icon{width:1em;height:1em;}
	.cchg_bncoin_plus{padding:2px 5px;}
	.cchg_prt_prc{width:94px;padding-left:5px;padding-right:5px;font-size:0.938rem;}
}

@media screen and (max-width:409px){
	/* .cchg_prt_coin_disp:not(.first-paym){flex-direction:column;}
	.cchg_prt_coin_disp:where(.first-paym){flex-wrap:wrap;} */
	.cchg_prt_prc.first-paym{min-width:110px;flex-direction:column;}
}