.coin-charge-container{position:relative;min-height:44vh}.coin-charge-container h3{display:flex;font-weight:700;padding-top:1.8rem;word-break:keep-all;min-width:6.8rem}.coin-charge-container:after{content:"";display:block;position:absolute;width:7.5rem;height:7.5rem;background-image:url(/image/character_3.svg);background-position:right left;background-size:contain;background-repeat:no-repeat;opacity:.7}.coin-charge-container .description{display:flex;gap:4rem;width:100%}.coin-charge-container .description p{background-color:#fafafa;border-radius:2rem;padding:2rem}.coin-charge-container .coin-package{display:flex;gap:4rem}.coin-charge-container .package-list{padding:1.8rem;width:100%}.coin-charge-container .package-list .contents{display:flex;flex-direction:column;gap:1.5rem;flex-wrap:wrap;max-height:24rem}.coin-charge-container .package-list .contents li{display:flex;max-width:28rem;justify-content:space-between}.coin-charge-container .package-list .contents li .left-content{display:flex;align-items:center;gap:1rem;font-size:1.4rem;font-weight:500}.coin-charge-container .package-list .contents li .left-content b{margin:0 .2rem}.coin-charge-container .package-list .contents li .charge-button{width:9rem}@media(max-width:767px){.coin-charge-container .package-list .contents{flex-wrap:no-wrap;max-height:100%}.coin-charge-container .package-list .contents li{min-width:55%}}.user-coin-container{display:flex;justify-content:space-between;align-items:center;border:1px solid #dfdfdf;border-radius:2rem;padding:1rem 2rem;margin-bottom:2rem;color:#4f4f4f}.user-coin-container .left-content{display:flex;align-items:center;gap:.5rem;font-weight:700}.user-coin-container .left-content b{letter-spacing:.4px;color:#ffa726;font-weight:700;font-size:1.8rem}.user-coin-container .right-content{display:flex;align-items:center;gap:1.2rem}.user-coin-container .right-content .description{font-size:1.4rem}.coin-tabs-container{width:100%;min-height:50vh;background-color:#fff;border:1px solid #dfdfdf;border-radius:2rem;overflow:hidden}.coin-tabs-container .tab-header{display:flex;justify-content:center}.coin-tabs-container .tab-header button{width:50%;flex-basis:1;text-align:center;padding:2.4rem;border-bottom:1px solid #dfdfdf;color:#bdbdbd;font-weight:700}.coin-tabs-container .tab-header button+button{border-left:1px solid #dfdfdf}.coin-tabs-container .tab-header button.active{border-bottom:1px solid transparent;color:#111}.coin-tabs-container .tab-header button.hover{color:red}.coin-tabs-container .tab-contents{padding:4.8rem}