/* 충전 */
.charge_wrap {
    position: relative;
    width: 1106px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-top: 2px solid #59c1e9;
    border-radius: 9px;
    background: #fff;
    box-shadow: 2px 4px 4px #cfdbe2;
}
.charge_wrap.type1 {
    border-color: #fe8612;
}
.charge_inner {
    border-radius: 4px 4px 9px 9px;
}
.charge_top {
    position: relative;
    width: 1106px;
    height: 590px;
    border-radius: 4px 4px 0 0;
    background: url("/static/_img/charge/bg_charge_top.jpg") no-repeat 0 0;
}
.charge_top.type1 {
    height: 343px;
    text-indent: -9999px;
    background: url("/static/_img/charge/bg_charge_top_fix.jpg") no-repeat 0 0;
}
.charge_top .c_head {
    width: 439px;
    padding: 10px 0 14px 0;
    margin: 0 auto;
    margin-bottom: 40px;
    border-top: 1px solid #c7ccde;
    border-bottom: 1px solid #c7ccde;
}
.charge_top.type1 .c_head {
    /* display:none; */
}
.charge_top.spring {
    height: 175px;
}
.charge_top h3 {
    width: 439px;
    height: 124px;
    text-indent: -9999px;
    background: url("/static/_img/charge/charge_common.png") no-repeat 0 0;
}
.charge_wrap.type1 .charge_top h3 {
    background: none;
}
.charge_wrap.type1 .c_head {
    border: none;
}
.charge_top ul {
    overflow: hidden;
    margin-left: 139px;
}
.charge_top ul li {
    float: left;
}
.charge_top ul li:first-child {
    margin-right: 150px;
}
.charge_top ul li div {
    width: 320px;
    height: 215px;
    text-indent: -9999px;
    background: url("/static/_img/charge/coupon.png") no-repeat 0 0;
}
.charge_top ul li div.pay {
    background-position: -321px -1px;
}
.charge_top ul li p:last-child {
    width: 320px;
    padding-right: 20px;
    margin-top: -18px;
    text-align: right;
    color: #757879;
    font-weight: bold;
}
.charge_top ul li p .checxbox {
    display: inline-block;
    width: 32px;
    height: 33px;
    margin: 0 12px 0 0;
    cursor: pointer;
    background: url("/static/_img/charge/charge_common.png") no-repeat 0 -887px;
    vertical-align: middle;
}
.charge_top ul li p .checxbox.active {
    background-position: -32px -887px;
}
.charge_top > span {
    clear: both;
    display: block;
    background: url("/static/_img/charge/charge_common.png") no-repeat;
    text-indent: -9999px;
}
.charge_top .bg_plus {
    position: absolute;
    top: 315px;
    left: 510px;
    width: 46px;
    height: 46px;
    text-indent: -9999px;
    background-position: -654px 0;
}
.charge_top .charge_coupon {
    width: 302px;
    height: 45px;
    margin: 40px auto 0 auto;
    background-position: 0 -130px;
}
.charge_top .charge_coupon:hover,
.charge_top .charge_coupon.active {
    opacity: 0.7;
}
.coupon_choice {
    overflow: hidden;
    width: 1106px;
    padding-bottom: 40px;
    margin-top: -2px;
    border-radius: 9px 9px 0 0;
    border-bottom: 1px solid #96e2f2;
    background: #edfaff;
}
.coupon_choice h3 {
    padding: 13px 0 12px 25px;
    margin-bottom: 35px;
    border-bottom: 1px solid #96e2f2;
    color: #fff;
    background: #59c1e9 url("/static/_img/common/bg_listTop.png") repeat-x 0 0;
}
.coupon_choice h3 span {
    font-weight: bold;
}
.coupon_choice .left {
    float: left;
    padding-left: 25px;
    color: #84b7cb;
}
.coupon_choice .left p {
    padding-bottom: 3px;
}
.coupon_choice .left p .u_name {
    color: #24b6e5;
    font-weight: bold;
}
.coupon_choice .left p .txt_black {
    color: #0f0f11;
    font-weight: bold;
}
.coupon_choice .right {
    float: right;
    padding-right: 25px;
}
.coupon_choice .right span {
    display: inline-block;
    width: 204px;
    height: 90px;
    text-indent: -9999px;
    background: url("/static/_img/charge/charge_common.png") no-repeat -448px -66px;
}
.coupon_choice .right span.type1 {
    margin-left: 20px;
    background-position: -660px -65px;
}
.coupon_list {
    padding: 25px 25px 20px 25px;
}
.coupon_list ul {
    width: 1018px;
}
.coupon_list ul li {
    overflow: hidden;
}
.coupon_list ul li.list_tit > div {
    height: 29px;
    padding: 2px 0 9px 0;
    font-size: 12px;
    letter-spacing: -1px;
    color: #84b7cb;
}
.coupon_list ul li > div {
    float: left;
    height: 69px;
    padding: 27px 0;
    border-bottom: 1px solid #d8edf5;
    text-align: center;
    color: #757879;
}
.coupon_list ul li.list_tit div:nth-child(1) {
    text-align: center;
}
.coupon_list ul li div:nth-child(1) {
    width: 420px;
    text-align: left;
}
.coupon_list ul li.list_tit div:nth-child(2) {
    color: #84b7cb;
}
.coupon_list ul li div:nth-child(2) {
    width: 320px;
    color: #0f0f11;
}
.coupon_list ul li div:nth-child(3) {
    width: 55px;
}
.coupon_list ul li.list_tit div:nth-child(4) {
    padding-right: 55px;
}
.coupon_list ul li div:nth-child(4) {
    width: 223px;
    padding-right: 5px;
    text-align: right;
}
.coupon_list ul li div .txt_red {
    color: #f00;
}
.coupon_list ul li div .ico {
    display: block;
    float: left;
    width: 140px;
    height: 29px;
    margin-right: 12px;
    margin-top: -7px;
    background: url("/static/_img/charge/charge_common.png") no-repeat;
}
.coupon_list ul li div .ico.free_p {
    background-position: -450px 0;
}
.coupon_list ul li div .ico.pay {
    background-position: -450px -29px;
}
.coupon_list ul li div .myc_select {
    overflow: hidden;
    float: left;
    position: relative;
    width: 229px;
    height: 27px;
    margin-top: -7px;
    border-radius: 4px;
    border: 1px solid #9da9ad;
    background: #fff;
}
.coupon_list ul li div .myc_select ul {
    padding-left: 9px;
    border-radius: 4px;
}
.coupon_list ul li div .myc_select ul li {
    height: 27px;
    line-height: 27px;
    color: #757879;
    font-size: 12px;
}
.coupon_list ul li div .myc_select .btn_select {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 29px;
    height: 25px;
    border-radius: 0 3px 3px 0;
    text-indent: -9999px;
    background: #a9acad url("/static/_img/charge/charge_common.png") no-repeat -594px 5px;
}
.coupon_list ul li div .myc_select .btn_select:hover {
    background-position: -594px -12px;
}
.charge_btm {
    padding: 40px 0 10px 66px;
}
.charge_btm .c_price {
    position: relative;
    float: left;
    width: 300px;
    height: 384px;
    margin: 0 40px 30px 0;
    background: url("/static/_img/charge/charge_common.png") no-repeat 0 -185px;
}
.charge_btm .c_price.active {
    height: 414px;
    background-position: -312px -156px;
}
.charge_btm .c_price > span {
    display: block;
    position: absolute;
    top: 0;
    left: 1px;
    width: 63px;
    height: 63px;
    background: url("/static/_img/charge/charge_common.png") no-repeat -498px 2px;
    text-indent: -9999px;
}
.charge_btm .c_price .c_sum {
    width: 128px;
    height: 56px;
    margin: 22px auto 14px auto;
    background: url("/static/_img/charge/coupon.png") no-repeat 0 -215px;
    text-indent: -9999px;
}
.charge_btm .c_price.t10000 .c_sum {
    width: 144px;
    background-position: 0 -278px;
}
.charge_btm .c_price.t20000 .c_sum {
    width: 152px;
    background-position: -160px -215px;
}
.charge_btm .c_price.t40000 .c_sum {
    width: 152px;
    background-position: -326px -215px;
}
.charge_btm .c_price.t30000 .c_sum {
    width: 152px;
    background-position: -160px -278px;
}
.charge_btm .c_price.t50000 .c_sum {
    width: 152px;
    background-position: -326px -278px;
}
.charge_btm .c_price dl {
    overflow: hidden;
    width: 230px;
    height: 130px;
    margin: 0 auto;
    border-top: 1px solid #ebebeb;
}
.charge_btm .c_price dl dt {
    clear: both;
    float: left;
    width: 115px;
    margin-bottom: 7px;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: #a9acad;
    letter-spacing: -1px;
}
.charge_btm .c_price dl .top {
    padding: 8px 0;
    margin-bottom: 15px;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
}
.charge_btm .c_price dl dt.top {
    color: #0f0f11;
}
.charge_btm .c_price dl dd.top.txt_sblue {
    color: #24b6e5;
}
.charge_btm .c_price dl dd {
    float: left;
    width: 115px;
    margin-bottom: 7px;
    text-align: right;
    color: #757879;
    font-size: 12px;
}
.charge_btm .c_price dl dd span {
    display: inline-block;
    width: 12px;
}
.charge_btm .c_price dl dd.txt_sblue {
    color: #83d3ed;
}
.charge_btm .c_choice {
    position: relative;
    width: 300px;
    height: 160px;
}
.charge_btm .c_price.active .c_choice {
    height: 190px;
}
.charge_btm .c_choice p {
    display: none;
    padding-top: 14px;
    font-size: 12px;
    text-align: center;
    color: #24b6e5;
}
.charge_btm .c_price.active .c_choice p {
    display: block;
}
.charge_btm .c_choice div {
    z-index: 2;
    overflow: hidden;
    position: absolute;
    left: 35px;
    width: 229px;
    height: 27px;
    margin: 10px auto 0 auto;
    border-radius: 4px;
    border: 1px solid #9da9ad;
    background: #fff;
}
.charge_btm .c_choice div.active {
    border-color: #23b1df;
}
.charge_btm .c_choice .select1 {
    z-index: 3;
    top: 5px;
}
.charge_btm .c_price.active .c_choice .select1 {
    top: 32px;
}
.charge_btm .c_choice .select2 {
    z-index: 2;
    top: 43px;
}
.charge_btm .c_price.active .c_choice .select2 {
    top: 70px;
}
.charge_btm .c_choice div ul {
    padding-left: 9px;
    border-radius: 4px;
}
.charge_btm .c_choice div ul li {
    overflow: hidden;
    height: 27px;
    padding-right: 40px;
    line-height: 27px;
    color: #757879;
    font-size: 12px;
    text-align: right;
    color: #c4c7c8;
}
.charge_btm .c_choice div ul li:first-child {
    text-align: left;
}
.charge_btm .c_choice div.active ul li:first-child {
    color: #757879;
}
.charge_btm .c_choice div ul li.active {
    color: #0f0f11;
}
.charge_btm .c_choice div ul li span {
    float: left;
}
.charge_btm .c_choice .select1 ul li span b {
    display: inline-block;
    width: 40px;
    margin: 0 10px;
    text-align: right;
}
.charge_btm .c_choice .select2 ul li span b {
    display: inline-block;
    width: 15px;
    margin-right: 10px;
    text-align: right;
}
.charge_btm .c_choice div .btn_select {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 29px;
    height: 25px;
    border-radius: 0 3px 3px 0;
    text-indent: -9999px;
    background: #a9acad url("/static/_img/charge/charge_common.png") no-repeat -594px 5px;
}
.charge_btm .c_choice div .btn_select:hover {
    background-position: -594px -12px;
}
.charge_btm .c_choice div.active .btn_select {
    background: #24b6e5 url("/static/_img/charge/charge_common.png") no-repeat -562px 5px;
}
.charge_btm .c_choice div.active .btn_select:hover {
    background-position: -562px -12px;
}
.charge_btm .c_choice .a_coupon {
    display: block;
    position: absolute;
    left: 70px;
    top: 70px;
    width: 152px;
    padding: 8px 0px;
    margin: 20px auto 0 auto;
    border: 1px solid #00a5d3;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    background: #edfaff;
    color: #24b6e5;
}
.charge_btm .c_choice .a_coupon:hover,
.charge_btm .c_choice .a_coupon.active {
    border-color: #edfaff;
    color: #edfaff;
    background: #00a5d3;
}
.charge_btm .c_price.active .c_choice .a_coupon {
    top: 100px;
}
.charge_btm .fix_charge {
    position: relative;
    float: left;
    width: 299px;
    height: 329px;
    margin-bottom: 30px;
    text-indent: -9999px;
    background: url("/static/_img/charge/charge_common.png") no-repeat;
}
.charge_btm .fix_charge.d30_1 {
    margin-right: 40px;
    background-position: 0 -940px;
}
.charge_btm .fix_charge.d30_2 {
    background-position: -598px -940px;
}
.charge_btm .fix_charge.d90 {
    margin-right: 40px;
    background-position: -299px -940px;
}
.charge_btm .fix_charge span {
    position: absolute;
    bottom: 28px;
    left: 72px;
    display: block;
    width: 154px;
    padding: 6px 0;
    border: 1px solid #f7a73b;
    border-radius: 4px;
    text-indent: 0;
    color: #ff9300;
    text-align: center;
    font-weight: bold;
    background: #fff8ef;
}
.charge_btm .fix_charge span:hover,
.charge_btm .fix_charge span.active {
    border-color: #fff8ef;
    color: #fff8ef;
    background: #f7a73b;
}
.c_chargeType {
    overflow: hidden;
    width: 1106px;
    padding: 20px 0 20px 66px;
    border-bottom: 1px solid #cad3d7;
    background: #f8fafb url("/static/_img/charge/bg_chargetype.png") repeat-x 0 top;
}
.c_chargeType div {
    cursor: pointer;
    float: left;
    width: 480px;
    height: 73px;
    background: url("/static/_img/charge/charge_common.png") no-repeat;
}
.c_chargeType div:hover,
.c_chargeType div.active {
    opacity: 0.7;
}
.c_chargeType div span {
    display: block;
    padding: 27px 0 0 113px;
    font-weight: bold;
    color: #757879;
}
.c_chargeType .fix_charge {
    margin-right: 20px;
    background-position: 0 -582px;
}
.c_chargeType .vip_charge {
    background-position: 0 -662px;
}
.c_chargeType .point_charge {
    margin-right: 20px;
    background-position: -500px -585px;
}
.charge_notice {
    width: 1068px;
    padding: 40px 0 50px 20px;
}
.charge_notice h4 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #444748;
}
.charge_notice ol {
    font-size: 12px;
    color: #757879;
    font-weight: normal;
}
.charge_notice ol li {
    margin-bottom: 7px;
}
.charge_notice ol span {
    display: inline-block;
    width: 15px;
    margin-right: 10px;
    color: #a9acad;
}
.charge_notice ol b {
    color: #444748;
}

/* 충전 리뉴얼 */
.n_charge_top {
    position: relative;
    width: 1106px;
    height: 231px;
    padding-top: 30px;
    border-radius: 4px 4px 0 0;
    background: url("/static/_img/charge/bg_n_charge_top.jpg") no-repeat 0 0;
}
.n_charge_top .c_head {
    width: 1011px;
    height: 165px;
    margin: 0 auto 40px auto;
    text-indent: -9999px;
    background: url("/static/_img/charge/n_charge_common.png") no-repeat 0 0;
}
.charge_content .coupon_wrap {
    width: 1106px;
    border-top: 2px solid #1fafe3;
    border-radius: 0;
}
.charge_content .coupon_wrap > p {
    padding: 9px 0 10px 0;
    background: #f6f6f6;
    text-align: center;
    color: #0f0f11;
}
.charge_content .coupon_wrap > p span {
    font-weight: bold;
}
.charge_content .coupon_type {
    padding: 12px 0 12px 85px;
    color: #18639a;
}
.charge_content .coupon_type span {
    display: inline-block;
}
.charge_content .coupon_type span span.ico {
    width: 138px;
    height: 42px;
    margin-right: 20px;
    background: url("/static/_img/charge/n_charge_common.png") no-repeat;
}
.charge_content .coupon_type span.money span {
    margin-bottom: 10px;
    background-position: -321px -205px;
}
.charge_content .coupon_type span.point span {
    background-position: -465px -205px;
}
.charge_content .c_table {
    float: left;
    width: 1106px;
    border-top: 2px solid #1fafe3;
}
.charge_content .c_table .left {
    float: left;
    width: 832px;
    height: 375px;
    padding: 0 20px;
    background: url("/static/_img/charge/bg_table.jpg") no-repeat 0 0;
}
.charge_content .c_table .left .t_blue {
    color: #00bffe;
}
.charge_content .c_table .left .t_white {
    color: #fff;
}
.charge_content .c_table .left .t_green {
    color: #7bb61d;
}
.charge_content .c_table .left table {
    width: 792px;
    margin: 20px auto;
    border-right: 1px dashed #00a0e9;
}
.charge_content .c_table .left table tr {
    overflow: hidden;
    display: block;
    width: 790px;
}
.charge_content .c_table .left table tr.trline {
    cursor: pointer;
}
.charge_content .c_table .left table tr.trline:hover,
.charge_content .c_table .left table tr.trline.active {
    background: #274d62;
}
.charge_content .c_table .left table tr.trline:hover span,
.charge_content .c_table .left table tr.trline.active span {
    color: #00bffe;
}
.charge_content .c_table .left table tr.trline:hover .m_size,
.charge_content .c_table .left table tr.trline.active .m_size {
    color: #677d8e;
}
.charge_content .c_table .left table tr.trline:hover .t_green,
.charge_content .c_table .left table tr.trline.active .t_green {
    color: #00bffe;
}
.charge_content .c_table .left table th {
    padding: 9px 0 10px 0;
    border-top: 1px solid #435868;
    border-bottom: 1px solid #435868;
    font-size: 12px;
    text-align: center;
    color: #fff;
}
.charge_content .c_table .left table th:nth-child(1) {
    width: 35px;
}
.charge_content .c_table .left table th:nth-child(2) {
    width: 133px;
}
.charge_content .c_table .left table th:nth-child(3) {
    width: 90px;
}
.charge_content .c_table .left table th:nth-child(4) {
    width: 250px;
}
.charge_content .c_table .left table th:nth-child(5) {
    width: 169px;
    border-top: 1px dashed #00a0e9;
    border-left: 1px dashed #00a0e9;
}
.charge_content .c_table .left table th:nth-child(6) {
    width: 112px;
    border-top: 1px dashed #00a0e9;
}
.charge_content .c_table .left table td {
    height: 59px;
    border-bottom: 1px solid #435868;
    color: #8ea4b6;
    text-align: center;
}
.charge_content .c_table .left table td:nth-child(1) {
    width: 35px;
    text-align: center;
}
.charge_content .c_table .left table td:nth-child(2) {
    width: 128px;
    padding-right: 3px;
    text-align: right;
}
.charge_content .c_table .left table td:nth-child(3) {
    width: 95px;
    padding-right: 10px;
    text-align: right;
}
.charge_content .c_table .left table td:nth-child(4) {
    width: 250px;
}
.charge_content .c_table .left table td:nth-child(5) {
    width: 169px;
    border-left: 1px dashed #00a0e9;
}
.charge_content .c_table .left table td:nth-child(6) {
    width: 112px;
}
.charge_content .c_table .left table td:nth-child(5).b_btm,
.charge_content .c_table .left table td:nth-child(6).b_btm {
    border-bottom: 1px dashed #00a0e9;
}
.charge_content .c_table .left table td .ico50 {
    display: inline-block;
    width: 30px;
    height: 12px;
    margin-left: 10px;
    background: url("/static/_img/charge/n_charge_common.png") no-repeat -71px -165px;
}
.charge_content .c_table .left table td .m_size {
    text-decoration: line-through;
    color: #677d8e;
}
.charge_content .c_table .left table td .m_size.type1 {
    display: inline-block;
    margin-right: 40px;
    text-decoration: none;
}
.charge_content .c_table .left table td input[type="radio"] {
    display: none;
}
.charge_content .c_table .left table td input[type="radio"] + label span {
    cursor: pointer;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    vertical-align: middle;
    background: url("/static/_img/charge/n_charge_common.png") no-repeat -71px -180px;
    text-indent: -9999px;
}
.charge_content .c_table .left table td input[type="radio"]:checked + label span {
    background-position: -53px -180px;
}
.charge_content .c_table .left table td select {
    display: inline-block;
    width: 143px;
    padding: 3px 0;
    font-size: 14px;
    color: #0f0f11;
}
.charge_content .c_table .left table td select option {
    letter-spacing: -1px;
}
.charge_content .c_table .right {
    float: left;
    width: 274px;
    height: 375px;
    padding: 20px 25px 0 20px;
    background: #405361;
}
.charge_content .c_table .right .m_charge {
    width: 230px;
    margin: 0 auto;
    margin-bottom: 12px;
    border-radius: 5px;
    background: #fff;
}
.charge_content .c_table .right .m_charge h4 {
    padding: 10px 0 9px 15px;
    border-bottom: 1px solid #d990ab;
    border-radius: 5px 5px 0 0;
    background: #dc5288;
    color: #fff;
    font-weight: bold;
}
.charge_content .c_table .right .m_charge div {
    overflow: hidden;
    padding: 20px 0 20px 20px;
}
.charge_content .c_table .right .m_charge div > span {
    display: block;
    float: left;
    width: 50px;
    height: 37px;
    padding-top: 8px;
    margin-right: 20px;
    text-align: center;
    font-size: 12px;
    color: #ffeb79;
    font-weight: bold;
    background: url("/static/_img/charge/n_charge_common.png") no-repeat -2px -165px;
}
.charge_content .c_table .right .m_charge div p {
    float: left;
}
.charge_content .c_table .right .m_charge div p > span {
    display: block;
    font-size: 12px;
    line-height: 1em;
}
.charge_content .c_table .right .m_charge div p > span.b_sum {
    margin-bottom: 7px;
    color: #a9acad;
}
.charge_content .c_table .right .m_charge div p > span.b_sum span {
    font-weight: bold;
    text-decoration: line-through;
    font-size: 14px;
}
.charge_content .c_table .right .m_charge div p > span.d_sum {
    color: #757879;
}
.charge_content .c_table .right .m_charge div p > span.d_sum span {
    color: #c94479;
    font-family: tahoma;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -1px;
}
.charge_content .c_table .right .m_charge > p {
    clear: both;
    padding-bottom: 20px;
    text-align: center;
    color: #c4003c;
    font-size: 12px;
}
.charge_content .c_table .right .m_detail {
    width: 230px;
    margin: 0 auto;
    border-radius: 5px;
    background: #fff;
}
.charge_content .c_table .right .m_detail h4 {
    padding: 10px 0 9px 15px;
    border-bottom: 1px solid #bcbcbc;
    border-radius: 5px 5px 0 0;
    background: #c2c2c2;
    color: #fff;
    font-weight: bold;
}
.charge_content .c_table .right .m_detail ul {
    padding: 12px 19px;
}
.charge_content .c_table .right .m_detail ul li {
    overflow: hidden;
    line-height: 30px;
    font-size: 12px;
}
.charge_content .c_table .right .m_detail ul li.show_type {
    /* display:none; */
}
.charge_content .c_table .right .m_detail ul li:nth-child(2) {
    color: #507bdb;
}
.charge_content .c_table .right .m_detail ul li:nth-child(3),
.charge_content .c_table .right .m_detail ul li:nth-child(5) {
    border-top: 1px solid #e5e5e5;
}
.charge_content .c_table .right .m_detail ul li:nth-child(4) {
    color: #7bb61d;
}
.charge_content .c_table .right .m_detail ul li.b_point.type1 {
    height: 60px;
}
.charge_content .c_table .right .m_detail ul li > span {
    display: block;
}
.charge_content .c_table .right .m_detail ul li > span.text {
    float: left;
}
.charge_content .c_table .right .m_detail ul li > span.text .ico {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    background: url("/static/_img/charge/n_charge_common.png") no-repeat;
}
.charge_content .c_table .right .m_detail ul li > span.text .ico.style1 {
    background-position: -129px -165px;
}
.charge_content .c_table .right .m_detail ul li > span.text .ico.style2 {
    background-position: -138px -165px;
}
.charge_content .c_table .right .m_detail ul li > span.text .ico.style3 {
    background-position: -120px -165px;
}
.charge_content .c_table .right .m_detail ul li > span.sum {
    float: right;
    color: #757879;
}
.charge_content .c_table .right .m_detail ul li:nth-child(2) > span.sum {
    color: #507bdb;
}
.charge_content .c_table .right .m_detail ul li:nth-child(4) > span.sum {
    color: #7bb61d;
}
.charge_content .total_c {
    clear: both;
    padding: 16px 0;
    border-bottom: 1px solid #1fafe3;
    background: #edfaff;
    text-align: center;
    color: #1fafe3;
}
.charge_content .total_c span {
    display: inline-block;
    color: #0f0f11;
}
.charge_content .total_c span > span {
    color: #7bb61d;
}
.charge_content .total_c .txt_blue {
    color: #21b2e3;
}
.charge_content .total_c .total {
    color: #c94479;
    font-weight: bold;
}
.charge_content .total_c .bar {
    margin: 0 3px;
    color: #b3c1c5;
}
.charge_content .btn_buy {
    display: block;
    width: 301px;
    height: 53px;
    margin: 30px auto 60px auto;
    text-indent: -9999px;
    background: url("/static/_img/charge/n_charge_common.png") no-repeat -2px -205px;
    cursor: pointer;
}
.charge_content .btn_buy:hover {
    opacity: 0.7;
}
.charge_content .e_txt {
    padding-right: 20px;
    margin-top: 8px;
    font-size: 12px;
    color: #b5b5b5;
    text-align: right;
}

/* 충전 layer */
.dim {
    /* display:none; */
}
.pop_layer.charge {
    position: relative;
    width: 927px;
}
.pop_layer.charge h1 {
    font-weight: normal;
}
.pop_layer.charge h1 span {
    font-weight: bold;
    color: #24b6e5;
}
.pop_layer.charge .num {
    font-family: tahoma;
}
.pop_layer.charge .btn_close {
    top: 10px;
}
.pop_layer .c_top {
    width: 927px;
    padding: 30px 30px 0 30px;
}
.pop_layer .c_top.type1 {
    padding-top: 20px;
}
.pop_layer .c_top ul {
    width: 870px;
    height: 119px;
    margin: 0 auto;
    margin-bottom: 15px;
    background: url("/static/_img/charge/charge_common.png") no-repeat 0 -752px;
}
.pop_layer .c_top ul li {
    overflow: hidden;
}
.pop_layer .c_top ul li div {
    position: relative;
    float: left;
    height: 73px;
    padding-top: 18px;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 12px;
    color: #757879;
}
.pop_layer .c_top ul li.list_tit div {
    height: 39px;
    margin-top: 2px;
    padding: 13px 0 13px 0;
    font-size: 12px;
    color: #a9acad;
}
.pop_layer .c_top ul li.list_tit .c_total {
    color: #010101;
    font-weight: bold;
}
.pop_layer .c_top ul li div.l1 {
    width: 124px;
    margin-left: 3px;
}
.pop_layer .c_top ul li div.l2 {
    width: 142px;
}
.pop_layer .c_top ul li div.l3 {
    width: 142px;
}
.pop_layer .c_top ul li div.l4 {
    width: 142px;
}
.pop_layer .c_top ul li div.l5 {
    width: 142px;
}
.pop_layer .c_top ul li div.l6 {
    width: 167px;
    border: none;
}
.pop_layer .c_top ul li div.l7 {
    width: 870px;
    border: none;
}
.pop_layer .c_top ul li div.t_point {
    color: #24b6e5;
}
.pop_layer .c_top ul li div.t_point .num {
    color: #00a1ec;
}
.pop_layer .c_top ul li div .num {
    font-weight: bold;
    font-size: 16px;
    color: #444748;
}
.pop_layer .c_top ul li div .date,
.pop_layer .c_top ul li div .plus {
    display: block;
    padding-top: 3px;
    letter-spacing: -1px;
}
.pop_layer .c_top ul li div .plus {
    color: #757879;
    font-weight: bold;
}
.pop_layer .c_top ul li div .add {
    display: block;
    position: absolute;
    top: 18px;
    right: -11px;
    width: 21px;
    height: 21px;
    background: url("/static/_img/charge/charge_common.png") no-repeat -453px 0;
}
.pop_layer .c_top ul li div .equal {
    display: block;
    position: absolute;
    top: 18px;
    right: -11px;
    width: 21px;
    height: 21px;
    background: url("/static/_img/charge/charge_common.png") no-repeat -474px 0;
}
.pop_layer .c_top p {
    text-align: center;
    font-weight: bold;
    color: #010101;
    letter-spacing: 0;
    font-size: 15px;
}
.pop_layer .c_top p .total {
    color: #c94479;
}
.pop_layer .c_top p .point {
    color: #21b2e3;
    font-weight: normal;
}
.pop_layer .c_top p .fix {
    color: #fe8915;
}
.pop_layer .c_top .type1 > li > div:nth-child(1) {
    width: 860px;
    border: none;
    text-align: center;
}
.pop_layer .c_top .type1 > li.fix_d30_p span {
    display: block;
    width: 463px;
    height: 32px;
    margin: 18px auto;
    background: url("/static/_img/charge/charge_common.png") no-repeat 0 -1440px;
}
.pop_layer .c_top .type1 > li.fix_d90 span {
    display: block;
    width: 500px;
    height: 32px;
    margin: 18px auto;
    background: url("/static/_img/charge/charge_common.png") no-repeat 0 -1405px;
}
.pop_layer .c_top .type1 > li.fix_d30 {
    display: none;
}
.pop_layer .c_top .bg {
    display: block;
    width: 15px;
    height: 10px;
    margin: 15px auto;
    background: url("/static/_img/charge/charge_common.png") no-repeat -627px 0;
}
.pop_layer .c_top .c_use {
    text-align: left;
}
.pop_layer .c_top .c_use span {
    color: #fd8813;
}
.pop_layer .c_top .explain {
    height: 65px;
    padding-top: 5px;
    margin-bottom: 20px;
    background: none;
    color: #757879;
}
.pop_layer .c_btm {
    overflow: hidden;
    width: 927px; /* height:262px; */
    border-radius: 0 0 9px 9px;
    border-top: 1px solid #e6e6e6;
    background: url("/static/_img/charge/bg_layer.png") repeat;
}
.pop_layer .c_btm.type1 {
    height: auto;
    border-top: none;
}
.pop_layer .c_btm h2 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 15px;
}
.pop_layer .c_btm .c_right.type1 h2 {
    margin-bottom: 35px;
}
.pop_layer .c_btm .c_left {
    overflow: hidden;
    position: relative;
    float: left; /* height:262px; */
    width: 628px;
    padding: 33px 0 28px 30px;
    border-radius: 0 0 0 8px;
    background: #f9f9f9;
}
.pop_layer .c_btm .c_left ul li {
    float: left;
    margin: 0 10px 10px 0;
}
.pop_layer .c_btm .c_left ul li span {
    display: block;
    width: 132px;
    padding: 5px 0 4px 0;
    border: 1px solid #00a6d4;
    letter-spacing: 1px;
    border-radius: 5px;
    color: #24b6e5;
    font-size: 14px;
    text-align: center;
    background: #fff;
    font-weight: bold;
}
.pop_layer .c_btm .c_left ul li.size1 span {
    width: 274px;
}
.pop_layer .c_btm .c_left ul li span:hover,
.pop_layer .c_btm .c_left ul li.active span {
    border-color: #fff;
    color: #fff;
    background: #24b6e5;
}
.pop_layer .c_btm .c_left .paypal {
    cursor: pointer;
    position: absolute;
    top: 27px;
    right: 40px;
    padding: 3px 9px;
    border: 1px solid #b6b9ba;
    border-radius: 4px;
    color: #fff;
    background: #c4c7c8;
    font-size: 11px;
}
.pop_layer .c_btm .c_left .paypal:hover {
    opacity: 0.7;
}
.pop_layer .c_btm .c_right {
    float: right;
    width: 299px;
    padding: 29px 0 10px 33px;
    border-radius: 0 0 8px 0;
    border-left: 1px solid #e6e6e6;
}
.pop_layer .c_btm .c_right.type1 {
    overflow: hidden;
    height: 262px;
    padding-bottom: 28px;
}
.pop_layer .c_btm .c_right dl {
    width: 238px;
    color: #757879;
    font-size: 12px;
}
.pop_layer .c_btm .c_right dl dt {
    clear: both;
    float: left;
    width: 118px;
    padding-left: 4px;
    margin-bottom: 15px;
    font-weight: normal;
}
.pop_layer .c_btm .c_right dl .top {
    padding-bottom: 10px;
    border-bottom: 1px solid #dfe9ed;
}
.pop_layer .c_btm .c_right dl dd {
    float: right;
    width: 120px;
    text-align: right;
    margin-bottom: 15px;
}
.pop_layer .c_btm .c_right dl dd span {
    display: inline-block;
    margin-right: 2px;
    font-weight: bold;
    color: #010101;
    font-size: 14px;
    letter-spacing: 1px;
}
.pop_layer .c_btm .c_right dl dd.top span {
    color: #a9acad;
    text-decoration: line-through;
}
.pop_layer .c_btm .c_right dl dt.total {
    padding-top: 18px;
    color: #c94479;
}
.pop_layer .c_btm .c_right dl .total {
    border-top: 1px solid #dfe9ed;
}
.pop_layer .c_btm .c_right dl .total .num {
    padding-top: 8px;
    font-size: 23px;
    color: #c94479;
    letter-spacing: -1px;
}
.pop_layer .c_btm .c_right dl .tax {
    display: block;
    font-weight: normal;
    color: #00a9d8;
    font-size: 12px;
    letter-spacing: -1px;
}
.pop_layer .c_btm .c_choice_wrap {
    border-top: 3px solid #c6d4db;
    border-bottom: 3px solid #c6d4db;
}
.pop_layer .c_btm .c_choice_wrap .total {
    padding: 8px 0 9px 30px;
    border-bottom: 1px solid #d3e2e8;
    background: #e8f0f3;
}
.pop_layer .c_btm .c_choice_wrap .total span {
    color: #757879;
}
.pop_layer .c_btm .c_choice_wrap .total .txt_red {
    color: #c94479;
    vertical-align: middle;
}
.pop_layer .c_btm .c_choice_wrap .total .num {
    display: inline-block;
    margin: 0 5px 0 35px;
    color: #c94479;
    font-weight: bold;
    font-size: 22px;
}
.pop_layer .c_btm .c_choice_wrap .total .txt_blue {
    color: #00a9d8;
}
.pop_layer .c_btm .c_choice_wrap .c_choice {
    padding: 8px 0 9px 30px;
    border-bottom: 1px solid #d3e2e8;
    background: #f0f5f7;
}
.pop_layer .c_btm .c_choice_wrap .c_choice p {
    display: inline-block;
    margin-right: 15px;
    font-weight: bold;
}
.pop_layer .c_btm .c_choice_wrap .c_choice span {
    display: inline-block;
    width: 132px;
    padding: 8px 0;
    margin-right: 8px;
    border: 1px solid #00a6d4;
    border-radius: 5px;
    color: #24b6e5;
    font-size: 13px;
    text-align: center;
    background: #fff;
    font-weight: bold;
    cursor: pointer;
}
.pop_layer .c_btm .c_choice_wrap .c_choice span:hover {
    opacity: 0.7;
}
.pop_layer .c_btm .c_choice_wrap .agree {
    padding: 8px 0 9px 30px;
    background: #f0f5f7;
}
.pop_layer .c_btm .c_choice_wrap .agree p {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
}
.pop_layer .c_btm .c_choice_wrap .agree span {
    display: inline-block;
    width: 32px;
    height: 33px;
    margin: 0 12px 0 0;
    cursor: pointer;
    background: url("/static/_img/charge/charge_common.png") no-repeat 0 -887px;
    vertical-align: middle;
}
.pop_layer .c_btm .c_choice_wrap .agree span.active {
    background-position: -32px -887px;
}
.pop_layer .c_btm > ul {
    padding: 30px 30px 40px 30px;
    color: #757879;
}

.pop_layer .coupon_top.type2 {
    background: url("/static/_img/charge/charge_common.png") no-repeat -770px -180px;
}

/* 충전 layer v1910 */
.pop_layer.v1910 {
    border: 4px solid #252627;
}
.pop_layer.v1910 > h1 {
    border-radius: 0;
}
.pop_layer.v1910 .e_top {
    background: url("/static/_img/charge/bg_layer1910.jpg") repeat;
    padding: 31px 16px 35px;
    width: auto;
}
.pop_layer.v1910 .e_top > div {
    background: #fff;
    border-radius: 15px;
    float: left;
    border: none;
}
/* .pop_layer.v1910 .e_top .e_left {width:587px; height:138px; margin:0 17px 0 0;} */
.pop_layer.v1910 .e_top .e_left {
    width: 587px;
    height: 170px;
    padding-bottom: 15px;
    margin: 0 17px 0 0;
}
/* .pop_layer.v1910 .e_top .e_left .con {background:none;} */
.pop_layer.v1910 .e_top .e_left .con {
    background: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    height: 130px;
}
.pop_layer.v1910 .tit {
    background: none;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    text-align: left;
    border: none;
}
.pop_layer.v1910 .tit .num {
    color: #24b6e5;
}
.pop_layer.v1910 .e_top .tit {
    padding: 15px 0 0 15px;
}
/* .pop_layer.v1910 .e_top .con {padding:15px 0;} */
.pop_layer.v1910 .e_top .con {
    padding: 10px 0;
}
/* .pop_layer.type1607.v1910 .e_top .con.type1 .fc_type {width:auto; text-align: left; font-weight: normal; letter-spacing: -1.5px;} */
.pop_layer.type1607.v1910 .e_top .con.type1 .fc_type {
    width: 100%;
    text-align: left;
    font-weight: normal;
    letter-spacing: -1.5px;
    line-height: 30px;
}
/* .pop_layer.v1910 .e_top .e_c_txt {font-size: 12px; color:#757879; text-align: left; padding-left: 16px; letter-spacing: 0; margin-top:25px;letter-spacing: -1px;} */
.pop_layer.v1910 .e_top .e_c_txt {
    font-size: 12px;
    color: #757879;
    text-align: left;
    padding: 0 16px;
    margin-top: 10px;
    letter-spacing: -0.5px;
}
.pop_layer.v1910 .e_top .e_c_txt > span {
    display: inline-block;
    width: auto;
    height: auto;
    text-indent: 0;
    background: none;
    font-weight: bold;
    letter-spacing: 0;
}

/* .pop_layer.v1910 .e_top .e_right {width:282px; height:138px; margin:0;} */
.pop_layer.v1910 .e_top .e_right {
    width: 282px;
    height: 170px;
    padding-bottom: 20px;
    margin: 0;
}
/* .pop_layer.v1910 .e_top .e_right dl {padding:14px 19px 0 15px; float:left; font-size:12px; color:#757879;} */
.pop_layer.v1910 .e_top .e_right dl {
    padding: 10px 15px 0 15px;
    float: left;
    font-size: 12px;
    color: #757879;
}
.pop_layer.v1910 .e_top .e_right dl dt {
    width: 65%;
    float: left;
    font-weight: normal;
    padding: 4px 0 8px;
}
.pop_layer.v1910 .e_top .e_right dl dd {
    width: 35%;
    float: left;
    text-align: right;
    padding: 4px 5px 8px 0;
}
.pop_layer.v1910 .e_top .e_right dl .top {
    border-bottom: 1px solid #ededed;
    margin-bottom: 8px;
}
.pop_layer.v1910 .e_top .e_right dl .top.style1 span {
    text-decoration: line-through;
    color: #a9acad;
    font-weight: bold;
}
.pop_layer.v1910 .e_top .e_right dl .top.style2 span {
    color: #000;
    font-weight: bold;
}
.pop_layer.v1910 .e_top .e_right dl .total span {
    color: #c94479;
    font-weight: bold;
}
.pop_layer.v1910 .e_top .e_right dl .total .price {
    font-size: 18px;
    line-height: 16px;
}

.pop_layer.v1910 .c_btm {
    width: auto;
}
.pop_layer.v1910 .c_btm .tit {
    padding: 30px 0 18px 30px;
}
.pop_layer.v1910 .c_btm .c_wrap {
    padding-left: 30px;
    margin-bottom: 21px;
}
.pop_layer.v1910 .c_btm .c_wrap ul {
    display: inline-block;
    margin-bottom: 10px;
}
.pop_layer.v1910 .c_btm .c_wrap ul > li {
    float: left;
    width: 134px;
    height: 31px;
    margin-right: 10px;
    line-height: 31px;
    color: #757879;
}
.pop_layer.v1910 .c_btm .c_wrap ul > li.type {
    width: 130px;
    margin-right: 20px;
}
.pop_layer.v1910 .c_btm .c_wrap ul > li span.hand {
    display: block;
    height: 31px;
    border: 1px solid #00a6d4;
    border-radius: 5px;
    color: #24b6e5;
    text-align: center;
    background: #fff;
    font-weight: bold;
}
.pop_layer.v1910 .c_btm .c_wrap ul > li span.hand:hover,
.pop_layer.v1910 .c_btm .c_wrap ul > li span.hand:active {
    color: #fff;
    background: #00aad9;
}
.pop_layer.v1910 .c_btm .c_wrap ul > li span.hand > span {
    font-weight: normal;
}
.pop_layer.v1910 .c_btm .c_wrap ul .kakao > span {
    position: relative;
    overflow: hidden;
}
.pop_layer.v1910 .c_btm .c_wrap ul .kakao > span .ico_discount {
    position: absolute;
    width: 29px;
    height: 28px;
    top: 0;
    left: 0;
    background: url("/static/_img/charge/ico_discount.png");
}

/* 마일리지 */
.use_mileage {
    overflow: hidden;
    padding: 30px 25px;
    margin: 60px 0;
    border-top: 1px solid #96e2f2;
    border-bottom: 1px solid #96e2f2;
    background: #edfaff;
}
.m_left {
    float: left;
    width: 388px;
    height: 227px;
    border-right: 1px solid #d8edf5;
}
.m_left h4 {
    color: #84b7cb;
}
.m_left h4 span {
    color: #24b6e5;
    font-weight: bold;
}
.m_left .m_num {
    width: 235px;
    margin: 15px 0 15px 32px;
    padding: 1px 0;
    background: #fff;
    color: #444748;
    font-size: 12px;
    text-align: center;
}
.m_left .m_num span {
    font-family: tahoma;
    font-weight: bold;
    font-size: 18px;
}
.m_left .btn_use {
    display: block;
    width: 235px;
    padding: 8px 0;
    margin: 0 0 25px 32px;
    border: 1px solid #00a7d9;
    border-radius: 5px;
    color: #fff;
    background: #24b6e5;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.m_left .btn_use:hover,
.m_left .btn_use.active {
    opacity: 0.7;
}
.m_left ul {
    font-size: 12px;
    color: #757879;
    letter-spacing: -1px;
}
.m_left ul li {
    margin-bottom: 5px;
}
.m_left ul span {
    color: #b6b9ba;
}
.m_right {
    float: right;
}
.m_right table {
    width: 335px;
    border-top: 1px solid #d8edf5;
}
.m_right table th,
.m_right table td {
    padding: 7px 0;
    border-bottom: 1px solid #d8edf5;
    font-size: 12px;
}
.m_right table th {
    color: #84b7cb;
}
.m_right table th:first-child {
    text-indent: 42px;
}
.m_right table th:last-child {
    text-align: right;
    padding-right: 40px;
}
.m_right table th .bg {
    display: inline-block;
    float: right;
    width: 22px;
    height: 18px;
    background: url("/static/_img/charge/charge_common.png") no-repeat -712px 0;
    vertical-align: middle;
}
.m_right table td {
    color: #757879;
}
.m_right table td:first-child {
    text-align: right;
    padding-right: 67px;
}
.m_right table td:last-child {
    text-align: right;
    padding-right: 50px;
}
.m_right table tr.bg {
    background: #e5f5fb;
}
.m_tit {
    margin-bottom: 20px;
}
.coupon_r ul.type1 {
    margin-bottom: 60px;
}
.coupon_r .list_t_style form {
    margin: 0;
}
.coupon_r .list_t_style .btn_date {
    display: inline-block;
    cursor: pointer;
    width: 40px;
    margin-right: 3px;
    padding: 4px 0 3px 0;
    border: 1px solid #b6b9ba;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    font-size: 12px;
}
.coupon_r .list_t_style .btn_date:hover,
.coupon_r .list_t_style .btn_date.active {
    opacity: 0.7;
}
.list_style .type7.style3 li > div.l1 {
    width: 100px;
}
.list_style .type7.style3 li > div.l2 {
    width: 85px;
}
.list_style .type7.style3 li > div.l3 {
    width: 542px;
}
.list_style .type7.style3 li > div.l3 .tit {
    font-weight: bold;
    letter-spacing: -1px;
    max-width: 500px;
}
.list_style .type7.style3 li > div.l4 {
    width: 100px;
}

/* 충전 기본 스타일 */
.charge_top {
    height: 239px;
    border-radius: 5px 5px 0 0;
    text-indent: -9999px;
}
.charge_content {
    padding: 45px 64px;
}
.charge_content h3 {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.charge_content h3 span {
    display: inline-block;
    font-weight: normal;
}
.charge_content h3 span.bar {
    color: #a6acb2;
}
.charge_content h3 .t_green {
    color: #ffaa04;
}
.charge_content .item_txt {
    display: inline-block;
    letter-spacing: -1px;
    float: right;
    color: #757879;
}
.charge_content .item_txt span {
    display: inline-block;
    line-height: 12px;
    font-size: 12px;
    color: #757879;
}
.charge_content .item_txt .ico {
    width: 11px;
    height: 11px;
    vertical-align: top;
}
.charge_content .item_txt .p_txt {
    color: #8f4daf;
    margin-left: 6px;
}
.charge_content .item_txt .bar {
    margin: 0 4px;
}
.charge_content .item_txt .b_txt {
    color: #6069b3;
}
.charge_content .item_txt .p_txt .ico {
    background-position: -187px -190px;
}
.charge_content .item_txt .b_txt .ico {
    background-position: -169px -190px;
}
.c_item {
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
}
.c_item:hover {
    opacity: 0.7;
}
/* .c_item .left{position:relative;float:left;width:527px;height:75px;padding:15px 0 12px 70px;} */
.c_item .left {
    position: relative;
    float: left;
    width: 527px;
    height: 75px;
    padding: 15px 0 12px 65px;
}
.c_item .point {
    display: inline-block;
    width: 121px;
    height: 25px;
    margin-bottom: 6px;
    text-indent: -9999px;
}
/* .c_item .left p{color:#999999;letter-spacing:-0.3px;} */
.c_item .left p {
    color: #999999;
    letter-spacing: -0.1px;
    font-size: 12px;
}
.c_item .left p .bonus {
    color: #7bb61d;
    font-weight: bold;
}
.c_item .left .ico {
    display: inline-block;
    width: 70px;
    height: 21px;
    margin-left: 10px;
}
/* .c_item .left .ico_special{position:relative;top:-2px;display:inline-block;width:54px;height:13px;text-indent:-9999px;vertical-align:middle;} */
.c_item .left .ico_special {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 50px;
    height: 13px;
    text-indent: -9999px;
    vertical-align: middle;
    margin-left: 2px;
}
.c_item .right {
    float: right;
    width: 436px;
    height: 75px;
    padding: 10px 30px 0 0;
}
.c_item .d_ico {
    display: inline-block;
    width: 58px;
    height: 46px;
    margin-right: 10px;
    text-align: center;
    background-position: -45px -190px;
}
.c_item .d_ico .count {
    position: relative;
    top: 10px;
}
.c_item .d_sum {
    position: relative;
    top: 17px;
    display: inline-block;
    width: 70px;
    height: 17px;
    margin-right: 10px;
    text-indent: -9999px;
}
.c_item .t_sum {
    position: relative;
    top: 13px;
    display: inline-block;
    width: 106px;
    height: 23px;
    margin-right: 10px;
    text-indent: -9999px;
}
.c_item.s_5000 .t_sum {
    margin-left: 157px;
}
.c_item .btn_get {
    position: relative;
    top: 15px;
    display: inline-block;
    width: 127px;
    height: 31px;
    line-height: 29px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
/* .c_item .ico_best, .c_item .ico_top{position:absolute;left:13px;top:-1px;display:block;width:40px;height:62px;text-indent:-9999px;z-index: 1;background-position:0 -190px;} */
.c_item .ico_best,
.c_item .ico_top {
    position: absolute;
    left: 10px;
    top: -1px;
    display: block;
    width: 40px;
    height: 62px;
    text-indent: -9999px;
    z-index: 1;
    background-position: 0 -190px;
}

.charge_content .text_m {
    text-align: right;
    color: #cecece;
    font-size: 11px;
    letter-spacing: -0.5px;
}
.charge_content .text_l {
    text-align: left;
    color: #666666;
    font-size: 13px;
    letter-spacing: -0.5px;
}
.c_item.s_5000 .point {
    width: 121px;
    /* background-position: 0 0; */
    background: url("/static/_img/charge/point_5000.png")no-repeat left center !important;
    background-size: contain;
}
.c_item.s_10000 .point {
    width: 385px;
    /* background-position: 0 -36px; */
    background: url("/static/_img/charge/point_20000.png")no-repeat left center !important;
    background-size: contain;
}
.c_item.s_20000 .point {
    width: 402px;
    /* background-position: 0 -73px; */
    background: url("/static/_img/charge/point_60000.png")no-repeat left center !important;
    background-size: contain;
}
.c_item.s_30000 .point {
    width: 394px;
    /* background-position: 0 -109px; */
    background: url("/static/_img/charge/point_150000.png")no-repeat left center !important;
    background-size: contain;
}
.c_item.s_50000 .point {
    width: 414px;
    /* background-position: 0 -145px; */
    background: url("/static/_img/charge/point_500000.png")no-repeat left center !important;
    background-size: contain;
}
.c_item.s_10000 .d_sum {
    background-position: -457px -181px;
}
.c_item.s_20000 .d_sum {
    background-position: -457px -200px;
}
.c_item.s_30000 .d_sum {
    background-position: -457px -218px;
}
.c_item.s_50000 .d_sum {
    background-position: -457px -237px;
}
/* 2024.07.15 충전소 수정 */
.c_item.s_5000 .t_sum {
    /* background-position: -422px 0; */
    background: url("/static/_img/charge/cost_5000.png")no-repeat right center !important;
    background-size: contain;
}
.c_item.s_10000 .t_sum {
    /* background-position: -422px -36px; */
    background: url("/static/_img/charge/cost_10000.png")no-repeat right center !important;
    background-size: contain;
}
.c_item.s_20000 .t_sum {
    /* background-position: -422px -73px; */
    background: url("/static/_img/charge/cost_20000.png")no-repeat right center !important;
    background-size: contain;
}
.c_item.s_30000 .t_sum {
    /* background-position: -422px -109px; */
    background: url("/static/_img/charge/cost_30000.png")no-repeat right center !important;
    background-size: contain;
}
.c_item.s_50000 .t_sum {
    /* background-position: -422px -145px; */
    background: url("/static/_img/charge/cost_50000.png")no-repeat right center !important;
    background-size: contain;
}
.c_item.s_50000 {
    margin-bottom: 10px;
}

/* 1606 정액제 페이지 */
.charge_wrap.v1606 .charge_top {
    height: 199px;
    background: url("/static/_img/charge/fix_charge_top1606.jpg") no-repeat 0 0;
}
.v1606 .charge_btm h3 {
    margin-bottom: 14px;
    font-weight: bold;
    font-size: 14px;
    color: #000;
}
.v1606 .charge_btm .text {
    margin: 15px 65px 50px 0;
    text-align: right;
    color: #b5b5b5;
    font-size: 11px;
}
.f_item {
    overflow: hidden;
    width: 978px;
    margin-bottom: 30px;
    border: 1px solid #f8d3a1;
    border-radius: 9px;
}
.f_item.f_30100 {
    margin-bottom: 0;
}
.f_item .left {
    position: relative;
    float: left;
    width: 360px;
    height: 145px;
    padding: 60px 0 0 30px;
    background: url("/static/_img/charge/bg_fix1606_left.png") repeat 0 0;
}
.f_item .left .name {
    height: 23px;
    background: url("/static/_img/charge/fix_charge_txt1606.png") no-repeat;
    text-indent: -9999px;
}
.f_item.f_30 .left .name {
    width: 175px;
    background-position: 0 0;
}
.f_item.f_3050 .left .name {
    background-position: 0 -26px;
}
.f_item.f_30100 .left .name {
    background-position: 0 -52px;
}
.f_item .left .ico_best {
    position: absolute;
    left: 25px;
    top: 0;
    width: 36px;
    height: 52px;
    background: url("/static/_img/charge/fix_charge_txt1606.png") no-repeat -250px -158px;
    text-indent: -9999px;
}
.f_item .right {
    float: left;
    padding: 7px 0 0 28px;
}
.f_item .right div {
    width: 560px;
    padding: 18px 0;
}
.f_item .right .item_1 {
    border-bottom: 1px solid #d7dae1;
}
.f_item .right div span {
    display: inline-block;
}
.f_item .right .month {
    width: 135px;
    margin-right: 12px;
    font-weight: bold;
    color: #fe9200;
}
.f_item .right .percent {
    width: 58px;
    height: 31px;
    margin-right: 8px;
    background: url("/static/_img/charge/fix_charge_txt1606.png") no-repeat;
    vertical-align: middle;
    text-indent: -9999px;
}
.f_item.f_30 .item_1 .percent {
    background-position: 0 -80px;
}
.f_item.f_30 .item_2 .percent {
    background-position: -60px -80px;
}
.f_item.f_3050 .item_1 .percent {
    background-position: 0 -114px;
}
.f_item.f_3050 .item_2 .percent {
    background-position: -60px -114px;
}
.f_item.f_30100 .item_1 .percent {
    background-position: 0 -148px;
}
.f_item.f_30100 .item_2 .percent {
    background-position: -60px -148px;
}
.f_item .sum {
    width: 70px;
    height: 15px;
    margin-right: 13px;
    background: url("/static/_img/charge/fix_charge_txt1606.png") no-repeat;
    text-indent: -9999px;
    vertical-align: middle;
}
.f_item.f_30 .sum {
    background-position: -250px -80px;
}
.f_item.f_3050 .sum {
    background-position: -250px -106px;
}
.f_item.f_30100 .sum {
    background-position: -250px -132px;
}
.f_item .t_sum {
    width: 100px;
    height: 24px;
    margin-right: 15px;
    background: url("/static/_img/charge/fix_charge_txt1606.png") no-repeat;
    text-indent: -9999px;
    vertical-align: middle;
}
.f_item.f_30 .item_1 .t_sum {
    background-position: -130px -80px;
}
.f_item.f_30 .item_2 .t_sum {
    background-position: -130px -106px;
}
.f_item.f_3050 .item_1 .t_sum {
    background-position: -130px -132px;
}
.f_item.f_3050 .item_2 .t_sum {
    background-position: -130px -158px;
}
.f_item.f_30100 .item_1 .t_sum {
    background-position: -130px -184px;
}
.f_item.f_30100 .item_2 .t_sum {
    background-position: -130px -210px;
}
.f_item .btn_get {
    width: 128px;
    padding: 4px 0;
    border: 1px solid #d07100;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #ff9818;
    cursor: pointer;
}
.f_item .btn_get:hover {
    opacity: 0.7;
}

.pop_layer .c_top .type1 > li.fix_d span {
    display: block;
    width: 220px;
    height: 28px;
    margin: 24px auto;
    background: url("/static/_img/charge/fix_charge_txt1606.png") no-repeat 0 -240px;
}
.pop_layer .c_top .type1 > li.fix_d30_p50 span {
    display: block;
    width: 400px;
    height: 26px;
    margin: 26px auto;
    background: url("/static/_img/charge/fix_charge_txt1606.png") no-repeat 0 -272px;
}
.pop_layer .c_top .type1 > li.fix_d30_p100 span {
    display: block;
    width: 400px;
    height: 26px;
    margin: 26px auto;
    background: url("/static/_img/charge/fix_charge_txt1606.png") no-repeat 0 -302px;
}

.c_chargeType.v_free {
    padding: 20px 0 20px 64px;
    background: #f8fafb url("/static/_img/charge/bg_chargetype.png") repeat-x 0 top;
}
.c_chargeType.v_free div {
    cursor: pointer;
    float: left;
    width: 317px;
    height: 72px;
    background: url("/static/_img/charge/charge_common240909.png") no-repeat;
}
.c_chargeType.v_free div span {
    padding: 18px 0 0 87px;
}
.c_chargeType.v_free .fix_charge {
    margin-right: 13px;
    background-position: 0 0;
}
.c_chargeType.v_free .vip_charge {
    margin-right: 13px;
    background-position: 0 -80px;
}
.c_chargeType.v_free .free_charge {
    margin-right: 13px;
    background-position: 0 -160px;
}
.c_chargeType.v_free .free_charge1 {
    margin-right: 13px;
    background-position: -327px -80px;
}
.c_chargeType.v_free .point_charge {
    margin-right: 13px;
    background-position: 0 -240px;
}
.c_chargeType.v_free .coupon_charge {
    margin-right: 13px;
    background-position: -327px 0px;
}
.c_chargeType.v_free .coupon_charge.onepay{
    background-position: -327px -160px;
}
.c_chargeType.v_free .coupon_charge span {
    padding: 27px 0 0 87px;
}
.c_chargeType.v_free .coupon_charge.onepay span{
    padding: 18px 0 0 87px;
}

/* 캐스트 원페이 */
.onepay_banner {
    position: absolute;
    top: 0;
    right: -180px;
    cursor: pointer;
}
.onepay_banner .click_area {
    display: block;
    width: 160px;
    height: 380px;
    background: url("/static/_img/charge/onepay_banner.png") no-repeat 0 0;
    cursor: pointer;
}
.onepay_banner .click_area:hover {
    opacity: 0.7;
}

.pop_layer.one_pay {
    overflow: hidden;
    width: 697px;
    border-radius: 9px;
    background: #ffd634;
}
.pop_layer.one_pay .tit {
    color: #ffae00;
}
.pop_layer.one_pay .top {
    width: 100%;
    height: 118px;
    background: url("/static/_img/charge/onepay_top.png") no-repeat 35px 0;
    text-indent: -9999px;
}
.one_pay .pay_content {
    overflow: hidden;
    width: 633px;
    margin: 0 auto;
    border: 1px solid #ffaf03;
    border-radius: 8px;
}
.one_pay .tab_area {
    overflow: hidden;
    border-bottom: 1px solid #ffaf03;
}
.one_pay .tab_area .tab_btn {
    display: block;
    float: left;
    width: 315px;
    height: 47px;
    text-align: center;
    color: #d4a972;
    line-height: 47px;
    background: #fee59a;
    cursor: pointer;
}
.one_pay .tab_area .tab_btn.active,
.one_pay .tab_area .tab_btn:hover {
    color: #fff;
    background: #ff9104;
}
.one_pay .tab_area .tab_btn.money {
    width: 316px;
}

.one_pay .tab_content .tab_content_opt {
    display: block;
}
.one_pay .tab_content .tab_content_opt .onepay-hide-opt {
    display: none;
}
.one_pay .tab_content .onepay_opt_show_text {
    display: none;
}
.one_pay .tab_content .onepay_opt_show_text.active {
    display: block;
}

.one_pay .tab_content.money .tab_content_opt.money {
    display: block;
}
.one_pay .tab_content.date .tab_content_opt.date {
    display: block;
}

.one_pay .tab_content dl {
    overflow: hidden;
    border-bottom: 1px solid #ffae01;
}
.one_pay .tab_content dl.b_none {
    border: none;
    display: none;
}

.one_pay .tab_content.money dl.b_none.money {
    display: block;
}
.one_pay .tab_content.date dl.b_none.date {
    display: block;
}

.one_pay .tab_content .tit {
    float: left;
    width: 146px;
    padding: 16px 0 15px 19px;
    font-weight: normal;
    font-size: 12px;
    background: #fefefe;
    color: #ffb005;
    letter-spacing: -1px;
}
.one_pay .tab_content dl .box {
    float: left;
    width: 485px;
    height: 48px;
    background: url("/static/_img/charge/onepay_bg_1.png") repeat 0 0;
}
.one_pay .tab_content dl .box.bg_style {
    background: url("/static/_img/charge/onepay_bg_2.png") repeat 0 0;
}
.one_pay .tab_content .box.type1 {
    padding: 9px 0 10px 17px;
}
.one_pay .tab_content .box .select_style {
    display: inline-block;
    height: 29px;
    padding-left: 8px;
    border: 1px solid #a9a79d;
    border-radius: 5px;
    min-width: 80px;
}
.one_pay .tab_content .box .select_style.type2 {
    width: 101px;
}
.one_pay .tab_content .box .select_style.type3 {
    width: 110px;
}
.one_pay .tab_content .box .select_style.type3 option {
    direction: rtl;
}
.one_pay .tab_content .box .select_style.type2 option {
    line-height: 30px;
}
.one_pay .tab_content .box .slash {
    display: inline-block;
    padding: 0 8px 0 10px;
    color: #757879;
}
.one_pay .tab_content .box.type2 {
    padding: 0 0 0 17px;
    color: #000;
    font-size: 12px;
    line-height: 47px;
    letter-spacing: -0.5px;
}
.one_pay .tab_content .box.type2.style2 {
    color: #757879;
}
.one_pay .tab_content .box.type2.style2 .txt_black {
    color: #000;
}
.one_pay .tab_content .box.type2.font {
    letter-spacing: -1px;
}
.one_pay.vip .tab_content .box {
    letter-spacing: -1px;
}
.one_pay .tab_content .month_sum {
    display: inline-block;
    padding-left: 10px;
    color: #d2091c;
    font-weight: bold;
}
.one_pay .tab_content .point {
    font-weight: bold;
}
.one_pay .tab_content .b_point {
    color: #d2091c;
}
.one_pay .tab_content .s_point {
    font-weight: bold;
    color: #00abeb;
}
.one_pay .tab_content .total {
    font-weight: bold;
    color: #d2091c;
}
.one_pay .tab_content .t_black {
    color: #000;
}
.one_pay .tab_content .box.type2 .t_black {
    color: #000;
}
.one_pay .tab_content .txt_big {
    font-size: 14px;
}
.one_pay .btn_pay {
    display: block;
    width: 220px;
    height: 41px;
    margin: 20px auto 40px auto;
    text-align: center;
    border: 1px solid #780001;
    border-radius: 5px;
    line-height: 39px;
    cursor: pointer;
    background: #970f1c;
    color: #fff;
}
.one_pay .btn_pay:hover {
    opacity: 0.8;
}
.one_pay .btm {
    padding: 30px 0 30px 32px;
    background: #ffc000;
}
.one_pay .btm h3 {
    margin-bottom: 12px;
    color: #000;
    font-weight: bold;
}
.one_pay .btm ol {
    color: #a47200;
    font-size: 12px;
    letter-spacing: -1px;
}
.one_pay .btm ol li {
    margin-bottom: 3px;
}

/* 제주도 충전 non_vip 1804 */
.v1604.v1607.v1804 .charge_top {
    height: 199px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #dbeaef;
    background: url("/static/_img/charge/charge_top_1804.jpg") no-repeat 0 0;
}
.v1804 .recommend_item .r_item.type3 {
    width: 647px;
    height: 230px;
    margin-right: 20px;
    margin-bottom: 20px;
    background: url("/static/_img/charge/charge_text1804.png") no-repeat 0 0;
}
.v1804 .recommend_item .r_item .t_txt {
    top: 10px;
    left: 8px;
    color: #9cff00;
}
.v1804 .recommend_item .r_item .total_point {
    width: 470px;
    height: 50px;
    margin-top: 32px;
    background: url("/static/_img/charge/charge_text1804.png") no-repeat 0 -240px;
}
.v1804 .recommend_item .r_item .m_txt {
    overflow: hidden;
    width: 582px;
    margin-top: 15px;
    background: #00790b;
    color: #fff;
    letter-spacing: -0.5px;
    text-align: left;
}
.v1804 .recommend_item .r_item .m_txt .txt {
    float: left;
    padding-left: 40px;
}
.v1804 .recommend_item .r_item .m_txt .txt .end_txt {
    /*position:relative;top:-2px; display:inline-block; */
    width: 75px;
    height: 13px;
    color: #fbfcbe;
    font-weight: bold;
}
.v1804 .recommend_item .r_item .m_txt .time {
    float: right;
    padding-right: 40px;
    color: #fbfcbe;
}
.v1804 .recommend_item .r_item .discount {
    margin: 8px 15px 0 25px;
    background: url("/static/_img/charge/charge_text1804.png") no-repeat -330px -360px;
}
.v1804 .recommend_item .r_item .discount > span {
    color: #fff;
}
.v1804 .recommend_item .r_item .d_txt {
    width: 150px;
    background-image: url("/static/_img/charge/charge_text1804.png");
}
.v1804 .recommend_item .r_item.type3 .d_txt {
    background-position: 0px -300px;
}
.v1804 .recommend_item .r_item .btn_get {
    border: 2px solid #00790b;
    background: #40bc0a;
    color: #fff68c;
}
.v1804 .recommend_item .b_txt {
    color: #a64bc2;
}
.v1804 .recommend_item .b_txt .ico {
    background: url("/static/_img/charge/charge_text1804.png") no-repeat -460px -300px;
}
.v1804 .recommend_item .p_txt {
    color: #6069b3;
}
.v1804 .recommend_item .p_txt .ico {
    background: url("/static/_img/charge/charge_text1804.png") no-repeat -480px -300px;
}
.v1804 .recommend_item .b_r_txt {
    clear: both;
    font-weight: bold;
    color: #ff0017;
    font-size: 13px;
    padding: 10px 0 20px 90px;
    letter-spacing: -1px;
}
.v1804 .jeju_info_wrap {
    float: left;
    width: 336px;
    height: 230px;
    background: url("/static/_img/charge/charge_text1804.png") no-repeat 0 -560px;
}
.v1804 .jeju_info_wrap .top {
    position: relative;
    width: 336px;
    height: 116px;
}
.v1804 .jeju_info_wrap .top p {
    position: absolute;
    top: 24px;
    left: 25px;
    font-weight: bold;
    color: #333;
    letter-spacing: -1px;
}
.v1804 .jeju_info_wrap .top p .line {
    text-decoration: underline;
}
.v1804 .jeju_info_wrap .top p .r_txt {
    color: #ea0d12;
}
.v1804 .jeju_info_wrap .btm {
    width: 315px;
    padding-top: 16px;
}
.v1804 .jeju_info_wrap .btm > span {
    display: block;
    width: 250px;
    height: 31px;
    margin: 0 auto 10px auto;
    border: 2px solid #00790b;
    border-radius: 5px;
    text-align: center;
    line-height: 29px;
    letter-spacing: -1px;
    background: #84cd11;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}
.v1804 .jeju_info_wrap .btm > span:hover {
    opacity: 0.7;
}
.v1804 .jeju_info_wrap .btm > span .arrow {
    color: #fff000;
}
.v1804 .charge_content h3 span,
.v1604.v1804 .recommend_item h3 span {
    color: #b0644d;
}
.v1804 .item_discount_img {
    position: relative;
    left: -7px;
    width: 983px;
    height: 66px;
    margin-bottom: 30px;
    background: url("/static/_img/charge/charge_text1804.png") no-repeat 0 -810px;
    text-indent: -9999px;
}
.v1604.v1607.v1804 .type2 .c_item {
    border-color: #cdee94;
}
.v1604.v1607.v1804 .c_item .left {
    background: url("/static/_img/charge/bg_item1804.png") repeat 0 0;
}
.v1604.v1607.v1804 .c_item.style2 .left {
    background: url("/static/_img/charge/bg_item1804_type2.png") repeat 0 0;
}
.v1604.v1607.v1804 .c_item .left p {
    color: #0d163b;
}
.v1604.v1607.v1804 .c_item .left .txt_jeju {
    color: #00b2ff;
    font-weight: bold;
}
.v1604.v1607.v1804 .c_item .left .t_green {
    color: #178f22;
}
.v1604.v1607.v1804 .c_item .left .ico_special {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 42px;
    height: 13px;
    text-indent: -9999px;
    vertical-align: middle;
    background: url("/static/_img/charge/charge_text1804.png") no-repeat -400px -300px;
}
.v1604.v1607.v1804 .c_item .point,
.v1604.v1607.v1804 .c_item .d_ico,
.v1604.v1607.v1804 .c_item .d_sum,
.v1604.v1607.v1804 .c_item .t_sum,
.v1604.v1607.v1804 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text1804.png");
}
.v1604.v1607.v1804 .c_item .ico_top {
    background-position: -180px -300px;
}
.v1604.v1607.v1804 .c_item .ico_jeju {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 8px;
    display: block;
    width: 54px;
    height: 69px;
    background: url("/static/_img/charge/charge_text1804.png") no-repeat -660px 0;
}
.v1604.v1607.v1804 .c_item.style2 .ico_top {
    left: 7px;
    width: 54px;
    height: 68px;
    background-position: -660px -0px;
}
.v1604.v1607.v1804.vip .c_item.style2 .ico_top {
    left: 7px;
}
.v1604.v1607.v1804 .c_item .btn_get {
    border: 2px solid #00790b;
    background: #84cd11;
    color: #fff;
}
.v1604.v1607.v1804 .c_item.style2 .btn_get {
    border: 2px solid #00790b;
    background: #40bc0a;
    color: #fff;
}
.v1604.v1607.v1804 .c_item .d_ico {
    background-position: -330px -300px;
}
.v1604.v1607.v1804 .c_item .d_ico .count {
    color: #fff;
}
.v1604.v1607.v1804 .c_item.style2 .d_ico {
    background-position: -330px -360px;
}
.v1604.v1607.v1804 .c_item.s_54000 .d_ico {
    background-position: -616px 0;
}
.v1604.v1607.v1804 .c_item.s_5000 .point {
    width: 121px;
    background-position: 0 -390px;
}
.v1604.v1607.v1804 .c_item.s_10000 .point {
    width: 378px;
    background-position: -240px -420px;
}
.v1604.v1607.v1804 .c_item.s_20000 .point {
    width: 402px;
    background-position: -240px -450px;
}
.v1604.v1607.v1804 .c_item.s_30000 .point {
    width: 394px;
    background-position: -240px -480px;
}
.v1604.v1607.v1804 .c_item.s_50000 .point {
    width: 404px;
    background-position: -240px -511px;
}
.v1604.v1607.v1804 .c_item.s_10000 .d_sum {
    background-position: -240px -300px;
}
.v1604.v1607.v1804 .c_item.s_20000 .d_sum {
    background-position: -240px -320px;
}
.v1604.v1607.v1804 .c_item.s_30000 .d_sum {
    background-position: -240px -340px;
}
.v1604.v1607.v1804 .c_item.s_36000 .d_sum {
    background-position: -240px -380px;
}
.v1604.v1607.v1804 .c_item.s_50000 .d_sum {
    background-position: -240px -360px;
}
.v1604.v1607.v1804 .c_item.s_5000 .t_sum {
    background-position: -555px -240px;
}
.v1604.v1607.v1804 .c_item.s_10000 .t_sum {
    background-position: -555px -270px;
}
.v1604.v1607.v1804 .c_item.s_20000 .t_sum {
    background-position: -555px -300px;
}
.v1604.v1607.v1804 .c_item.s_30000 .t_sum {
    background-position: -555px -330px;
}
.v1604.v1607.v1804 .c_item.s_50000 .t_sum {
    background-position: -555px -360px;
}
.v1604.v1607.v1804 .c_item.s_50000 {
    margin-bottom: 10px;
}

/* 제주도 충전 vip 1804 */
.v1604.v1607.v1804.vip .charge_top {
    height: 199px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #dbeaef;
    background: url("/static/_img/charge/charge_top_1804_vip.jpg") no-repeat 0 0;
}
.v1804.vip .recommend_item .r_item .total_point {
    background-position: 0 -890px;
}
.v1804.vip .item_discount_img {
    background-position: 0 -955px;
}
.v1604.v1607.v1804.vip .c_item.s_10000 .point {
    width: 142px;
}
.v1604.v1607.v1804.vip .c_item.s_20000 .point {
    width: 142px;
}
.v1604.v1607.v1804.vip .c_item.s_30000 .point {
    width: 142px;
}
.v1604.v1607.v1804.vip .c_item.s_36000 .point {
    width: 142px;
}
.v1604.v1607.v1804.vip .c_item.s_50000 .point {
    width: 150px;
}
.v1604.v1607.v1804.vip .c_item .left .ico_x2 {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 72px;
    height: 20px;
    margin-left: 8px;
    text-indent: -9999px;
    background: url("/static/_img/charge/charge_text1804.png") no-repeat -470px -890px;
    vertical-align: middle;
}

.pop_layer .e_top p .txt_pink {
    color: #ff4496;
}
.pop_layer .delivery_info .input_wrap .input.size1 {
    height: 52px;
}
.pop_layer .delivery_info .input_wrap .input.size1 p {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #83878a;
}
.pop_layer .delivery_info .input_wrap .input.size1 p b {
    font-weight: bold;
    color: #000;
}
.pop_layer .delivery_info .input_wrap .input.size1 .number {
    color: #000;
}
.vr_qna.style1804 .vr_qna_content div p .tit {
    color: #757be2;
}

/* 카카오페이 결제버튼 */
.pop_layer .c_btm .c_left ul li.kakaopay > span {
    position: relative;
    width: 132px;
    text-indent: 12px;
    overflow: hidden;
}
.pop_layer .c_btm .c_left ul li.kakaopay .kakao_flag {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 36px;
    height: 29px;
    border: none;
    font-size: 12px;
    letter-spacing: -1px;
    background: url("/static/_img/charge/bg_kakaopay_btn.png") no-repeat 0 0;
}

/* 자동결제  레이어 new 아이콘*/
.pop_layer .c_btm .c_choice > span.new {
    position: relative;
    width: 132px;
    text-indent: 12px;
}
.pop_layer .c_btm .c_choice .new .new_flag {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 36px;
    height: 29px;
    border: none;
    font-size: 12px;
    letter-spacing: -1px;
    background: url("/static/_img/charge/bg_new_btn.png") no-repeat 0 0;
}

/* 2018 월드컵 충전 */
.charge_wrap.v_worldcup {
    padding-bottom: 80px;
}
.v1604.v1607.v_worldcup .charge_top {
    height: 199px;
    border-radius: 5px 5px 0 0; /* border-bottom:1px solid #bbadb1; */
    background: url("/static/_img/charge/bg_charge_top_worldcup.jpg") no-repeat 0 0;
}
.v_worldcup .recommend_item .r_item {
    background: url("/static/_img/charge/charge_text_1806_worldcup.png") no-repeat 0 0;
}
.v_worldcup .recommend_item .r_item .total_point {
    width: 375px;
    height: 72px;
    margin-top: 12px;
    background-image: url("/static/_img/charge/charge_text_1806_worldcup.png");
}
.v_worldcup .recommend_item .r_item.type2 .total_point {
    width: 380px;
    height: 72px;
    background-position: 0 -315px;
}
.v_worldcup .recommend_item .r_item .m_txt {
    margin-top: 15px;
    background: #d5080d;
    color: #fff600;
    letter-spacing: -0.5px;
}
.v_worldcup .recommend_item .r_item .m_txt .w_txt {
    color: #fff;
}
.v_worldcup .recommend_item .r_item .t_txt {
    color: #fff;
}
.v_worldcup .recommend_item .r_item .discount {
    margin: 8px 15px 0 25px;
    background-image: url("/static/_img/charge/charge_text_1806_worldcup.png");
    background-position: -480px 0;
}
.v_worldcup .recommend_item .r_item .d_txt {
    width: 150px;
    background-image: url("/static/_img/charge/charge_text_1806_worldcup.png");
}
.v_worldcup .recommend_item .r_item.type2 .d_txt {
    background-position: -400px -305px;
}
.v_worldcup .recommend_item .r_item .btn_get {
    border: 1px solid #e0a500;
    background: #ffc000;
    color: #fff;
}
.v_worldcup .recommend_item .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text_1806_worldcup.png");
}
.v_worldcup .recommend_item .item_txt .b_txt {
    color: #8f4daf;
}
.v_worldcup .recommend_item .item_txt .p_txt {
    color: #6069b3;
}
.v_worldcup .recommend_item .item_txt .b_txt .ico {
    background-position: -560px -50px;
}
.v_worldcup .recommend_item .item_txt .p_txt .ico {
    background-position: -560px -70px;
}
.v_worldcup .charge_content h3 span,
.v1604.v_worldcup .recommend_item h3 span {
    color: #b0644d;
}
.v1604.v1607.v_worldcup .type2 .c_item {
    border-color: #e0caee;
}
.v1604.v1607.v_worldcup .type2 .c_item.s_5000 {
    border-color: #fcd4d5;
}
.v1604.v1607.v_worldcup .c_item .left {
    background: url("/static/_img/charge/bg_item1806_worldcup_2.png") repeat 0 0;
}
.v1604.v1607.v_worldcup .c_item.s_5000 .left {
    background: url("/static/_img/charge/bg_item1806_worldcup_1.png") repeat 0 0;
}
.v1604.v1607.v_worldcup .c_item .left p {
    color: #0d163b;
}
.v1604.v1607.v_worldcup .c_item .left .t_yellow {
    color: #d14560;
    letter-spacing: 0.5px;
}
.v1604.v1607.v_worldcup .c_item .left .ico_special {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 50px;
    height: 13px;
    text-indent: -9999px;
    vertical-align: middle;
    background: url("/static/_img/charge/charge_text_1806_worldcup.png") no-repeat -480px -175px;
}
.v1604.v1607.v_worldcup .c_item .point,
.v1604.v1607.v_worldcup .c_item .d_ico,
.v1604.v1607.v_worldcup .c_item .d_sum,
.v1604.v1607.v_worldcup .c_item .t_sum,
.v1604.v1607.v_worldcup .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text_1806_worldcup.png");
}
.v1604.v1607.v_worldcup .c_item .ico_top {
    background-position: -560px -110px;
}
.v1604.v1607.v_worldcup .c_item .btn_get {
    border: 1px solid #e0a500;
    background: #ffc000;
    color: #fff;
}
.v1604.v1607.v_worldcup .c_item .d_ico {
    background-position: -480px 0;
}
.v1604.v1607.v_worldcup .c_item.s_54000 .d_ico {
    background-position: -616px 0;
}
.v1604.v1607.v_worldcup .c_item.s_5000 .point {
    width: 121px;
    background-position: 0 -390px;
}
.v1604.v1607.v_worldcup .c_item.s_10000 .point {
    width: 378px;
    background-position: 0 -420px;
}
.v1604.v1607.v_worldcup .c_item.s_20000 .point {
    width: 402px;
    background-position: 0 -450px;
}
.v1604.v1607.v_worldcup .c_item.s_30000 .point {
    width: 394px;
    background-position: 0 -480px;
}
.v1604.v1607.v_worldcup .c_item.s_50000 .point {
    width: 404px;
    background-position: 0 -510px;
}
.v1604.v1607.v_worldcup .c_item.s_10000 .d_sum {
    background-position: -480px -50px;
}
.v1604.v1607.v_worldcup .c_item.s_20000 .d_sum {
    background-position: -480px -70px;
}
.v1604.v1607.v_worldcup .c_item.s_30000 .d_sum {
    background-position: -480px -90px;
}
.v1604.v1607.v_worldcup .c_item.s_50000 .d_sum {
    background-position: -480px -110px;
}
.v1604.v1607.v_worldcup .c_item.s_5000 .t_sum {
    background-position: -455px -360px;
}
.v1604.v1607.v_worldcup .c_item.s_10000 .t_sum {
    background-position: -455px -390px;
}
.v1604.v1607.v_worldcup .c_item.s_20000 .t_sum {
    background-position: -455px -420px;
}
.v1604.v1607.v_worldcup .c_item.s_30000 .t_sum {
    background-position: -455px -450px;
}
.v1604.v1607.v_worldcup .c_item.s_50000 .t_sum {
    background-position: -455px -480px;
}
.v1604.v1607.v_worldcup .c_item.s_50000 {
    margin-bottom: 10px;
}

/* 성인방송 결제팝업 */
.adult_charge_wrap {
    position: relative;
    width: 730px;
    font-family: Dotum, "돋움", sans-serif;
}
.adult_charge_wrap .top {
    width: 730px;
    padding: 40px 40px 30px 40px;
    background: #181616;
}
.adult_charge_wrap .top h1,
.adult_charge_wrap .c_type_choice h1,
.adult_charge_wrap .btm h1 {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: bold;
    color: #c0bdbe;
}
.adult_charge_wrap input[type="radio"] {
    display: none;
}
.adult_charge_wrap input[type="radio"] + label span {
    cursor: pointer;
    position: relative;
    top: 4px;
    display: block;
    width: 17px;
    height: 17px;
    margin: 0 auto;
    vertical-align: middle;
    background: url("/static/_img/charge/adult_charge_radio_btn.png") no-repeat 0 0;
    text-indent: -9999px;
}
.adult_charge_wrap input[type="radio"]:checked + label span {
    background-position: -17px 0;
}
.a_charge_item_wrap ul li {
    position: relative;
    overflow: hidden;
}
.a_charge_item_wrap ul li div {
    float: left;
    border-bottom: 1px solid #252627;
    line-height: 40px;
    text-align: center;
}
.a_charge_item_wrap .bg {
    background: #1d1b1c;
}
.a_charge_item_wrap .t1 {
    width: 40px;
}
.a_charge_item_wrap .t2 {
    width: 128px;
    padding-right: 13px;
    text-align: right;
    font-size: 15px;
    color: #edce9f;
}
.a_charge_item_wrap .t3 {
    width: 100px;
    color: #786850;
}
.a_charge_item_wrap .t4 {
    width: 50px;
    color: #6f5b60;
}
.a_charge_item_wrap .t5 {
    width: 330px;
    color: #e4d1b5;
}
.a_charge_item_wrap .tit {
    padding: 0;
    border-top: 1px solid #252627;
    color: #595757;
    font-size: 11px;
    text-align: center;
    letter-spacing: -1px;
    line-height: 30px;
    background: #1d1b1b;
}
.a_charge_item_wrap .point_txt {
    color: #6f5b60;
}
.a_charge_item_wrap .input_c_num {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 34px;
    height: 20px;
    padding-right: 3px;
    margin-right: 5px;
    border-top: 1px solid #d3d3db;
    border-left: 1px solid #d3d3db;
    vertical-align: middle;
    background: #fff;
    color: #010101;
    font-weight: bold;
    text-align: right;
    line-height: 18px;
}
.t_saving_txt {
    width: 650px;
    height: 64px;
    padding: 24px 0;
    text-align: center;
    color: #595757;
    background: #000;
    font-size: 14px;
    letter-spacing: -0.5px;
}
.t_saving_txt .t_white {
    color: #fff;
}
.t_saving_txt .t_yellow {
    color: #edce9f;
}
.adult_charge_wrap .c_type_choice {
    width: 730px;
    padding: 30px 0 20px 40px;
    background: #0d0a0b;
}
.c_type_choice ul {
    overflow: hidden;
}
.c_type_choice li {
    float: left;
    margin: 0 15px 11px 0;
}
.c_type_choice .c_btn {
    display: block;
    width: 151px;
    border: 1px solid #413f40;
    border-radius: 3px;
    text-align: center;
    line-height: 29px;
    font-weight: bold;
    font-size: 14px;
    background: #413f40;
    color: #ad9b81;
    cursor: pointer;
}
.c_type_choice .c_btn:hover,
.c_type_choice .c_btn.active {
    border-color: #edce9f;
    background: #ad9b81;
    color: #211f20;
}
.c_type_choice .c_btn.b_disable {
    cursor: default;
    border-color: #1d1a1b;
    background: #1d1a1b;
    color: #574e43;
}
.adult_charge_wrap .btm {
    width: 730px;
    padding: 30px 40px;
    background: #181616;
}
.adult_charge_wrap .btm li {
    color: #595757;
    font-size: 13px;
}
.adult_charge_wrap .a_popup_close {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url("/static/_img/view/view_ico.png") no-repeat -142px -24px;
}

/* 성인방송 결제팝업 리뉴얼 2022-07 김우리 */
.bj_charge_wrap {
    z-index: 0;
    background: #f8fafb;
    position: relative;
    width: 713px;
    font-family: Dotum, "돋움", sans-serif;
    color: #333;
    overflow-x: hidden;
}
.bj_charge_wrap .bj_charge_inner {
    width: 100%;
    padding: 0 30px;
}
.bj_charge_wrap .itemArea {
    width: 100%;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
}
.itemArea .itemList {
    width: 32%;
    margin-top: 20px;
    margin-right: 2%;
    cursor: pointer;
}
.itemArea .itemList:nth-child(3n) {
    margin-right: 0;
}
.itemArea .itemList > input[type="radio"] {
    display: none;
}
.itemArea .itemList > input[type="radio"]:checked + .imgBox {
    background: #edfaff;
    border-color: #96e2f2;
}
.itemArea .itemList > input[type="radio"]:checked ~ .imgBox > .heart_num {
    color: #24b6e5;
}
.itemArea .itemList > input[type="radio"]:checked ~ .itemTxt > .txt_total {
    color: #24b6e5;
}
.itemArea .itemList > input[type="radio"]:checked ~ .itemTxt > .txt_price input[type="text"] {
    border-color: #96e2f2;
}
.itemArea .itemList .imgBox {
    z-index: -1;
    position: relative;
    width: 100%;
    height: 170px;
    background: #fff;
    border: 1px solid #cfdbe2;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
}
.itemArea .itemList .imgBox > .heart_ico {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
}
.itemArea .itemList .imgBox > .heart_ico::before {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border-top: 56px solid #84b7cb;
    border-right: 80px solid transparent;
}
.itemArea .itemList:nth-child(3n) .imgBox > .heart_ico::before {
    border-top-color: #2dc3e8;
}
.itemArea .itemList:nth-child(n + 4) .imgBox > .heart_ico::before {
    border-top-color: #ee5aba;
}
.itemArea .itemList .imgBox > .heart_ico > span {
    color: #fff;
    font-family: "맑은고딕", "Malgun Gothic";
    font-size: 16px;
    text-align: center;
}
.itemArea .itemList .imgBox > .heart_ico > span b {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -1px;
}
.itemArea .itemList .imgBox > .heart_img {
    z-index: -2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 140px;
    height: 140px;
}
.itemArea .itemList .imgBox > .heart_img.bullet {
    width: 110px;
    height: 110px;
}
.itemArea .itemList .imgBox > .heart_img img {
    display: block;
    width: 100%;
}
.itemArea .itemList .imgBox > .heart_num {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #ff8aae;
    font-family: "맑은고딕", "Malgun Gothic";
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.itemArea .itemList .itemTxt {
    width: 100%;
    padding-top: 10px;
    line-height: 18px;
    font-size: 14px;
    letter-spacing: -1px;
    text-align: center;
}
.itemArea .itemList .itemTxt > .txt_total {
    font-weight: 700;
}
.itemArea .itemList .itemTxt > .txt_price {
    color: #999;
    font-weight: normal;
}
.itemArea .itemList .itemTxt > .txt_price input[type="text"] {
    width: 34px;
    height: 18px;
    margin: 0 1px 0 2px;
    border: 1px solid #cfdbe2;
    border-radius: 2px;
    text-align: right;
    vertical-align: top;
}
.bj_charge_wrap .itemBill {
    width: 100%;
    margin-top: 30px;
    padding: 15px;
    background: #edfaff;
    border: 1px solid #96e2f2;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
.bj_charge_wrap .itemBill > span {
    color: #24b6e5;
    font-weight: bold;
}
.bj_charge_wrap h1 {
    font-size: 14px;
    font-weight: 700;
}
.bj_charge_wrap section {
    display: inline-block;
    width: 100%;
    padding: 40px 0;
}
.bj_charge_wrap ul.paymentArea {
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
}
.bj_charge_wrap ul.paymentArea > li {
    width: 24.1%;
    line-height: 42px;
    margin-top: 10px;
    margin-right: 1.2%;
    background: #fff;
    border: 1px solid #cfdbe2;
    border-radius: 4px;
    color: #84b7cb;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px;
    cursor: pointer;
}
.bj_charge_wrap ul.paymentArea > li:nth-child(4n) {
    margin-right: 0;
}
.bj_charge_wrap ul.paymentArea > li.pay.enabled:hover {
    background: #2dc3e8;
    border: 1px solid #2dc3e8;
    color: #fff;
}
.bj_charge_wrap ul.paymentArea > li.pay.disabled {
    border-color: #eff1f4;
    color: #cfdbe2;
    font-weight: normal;
    cursor: default;
    -webkit-touch-callout: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.bj_charge_wrap section.bj_charge_bottom {
    background: #fff;
    border-top: 1px solid #cad3d7;
}
.bj_charge_wrap ul.noticeArea li {
    margin-top: 5px;
    color: #757879;
    font-size: 12px;
}
.bj_charge_wrap ul.noticeArea li:first-child {
    margin-top: 20px;
}
.bj_charge_wrap ul.noticeArea li > span.fontRed {
    color: #e52475;
}

/* 1910 7주년 충전 */
.charge_wrap.v1910 {
    border-top: none;
}

/* 2024.07.12 충전소 배너 수정 */
/* .v1910 .charge_top {
    background: url("/static/_img/charge/bg_charge_top_1910.jpg") no-repeat 0 0;
} */
.v1910 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text1910_non_vip.png");
}
.v1910 .type2 .c_item {
    border-color: #ffe667;
}
.v1910 .type2 .c_item.s_20000 {
    border-color: #efbe70;
}
.v1910 .c_item .left {
    background: url("/static/_img/charge/bg_item1910.jpg") repeat 0 0;
}
.v1910 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text1910_non_vip.png") no-repeat -109px -190px;
}
/* .v1910 .c_item .point,
.v1910 .c_item .d_ico,
.v1910 .c_item .d_sum,
.v1910 .c_item .t_sum,
.v1910 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text1910_non_vip.png");
} */
/* 2024.07.15 충전소 수정 */
.v1910 .c_item .d_ico,
.v1910 .c_item .d_sum,
.v1910 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text1910_non_vip.png");
}
.v1910 .c_item .btn_get {
    border: 1px solid #e1b100;
    background: #ffcd00;
    color: #000;
}
.v1910 .c_item .d_ico .count {
    color: #fff;
}

/* 1912 정액제 팝업 리뉴얼 */
.pop_layer.autopay {
    border: 4px solid #242526;
    overflow: hidden;
}
.pop_layer.autopay h1 {
    border-radius: 0;
}
.pop_layer.autopay .c_top {
    background: url(/static/_img/charge/bg_layer1910.jpg) repeat;
    padding: 31px 16px 35px;
    overflow: hidden;
}
.pop_layer.autopay .c_top > div {
    background: #fff;
    border-radius: 15px;
    float: left;
    border: none;
}
.pop_layer.autopay .c_top .tit {
    padding: 15px 0 0 15px;
}
.pop_layer.autopay .c_top .con {
    padding: 15px 0 0 15px;
}
.pop_layer.autopay .c_top .c_left {
    width: 587px;
    height: 170px;
    padding-bottom: 15px;
    margin: 0 17px 0 0;
}
.pop_layer.autopay .c_top .c_left .c_use {
    font-size: 20px;
    letter-spacing: -1.5px;
}
.pop_layer.autopay .c_top .c_left .c_use .ico_plus {
    display: inline-block;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    position: relative;
    margin: 0 7px 0 12px;
    background: url("/static/_img/charge/charge_text1608_1.png") no-repeat -615px -50px;
}
.pop_layer.autopay .c_top .c_left .c_use .bonus {
    letter-spacing: -1px;
    color: #000;
}
.pop_layer.autopay .c_top .c_left .explain {
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin: 25px 0 0;
}

.pop_layer.autopay .tit {
    background: none;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: left;
    border: none;
}
.pop_layer.autopay .tit .num {
    color: #24b6e5;
}

.pop_layer.autopay .c_top .c_right {
    width: 282px;
    height: 170px;
    padding-bottom: 20px;
    margin: 0;
}
.pop_layer.autopay .c_top .c_right dl {
    padding: 10px 15px 0 15px;
    font-size: 12px;
    color: #757879;
}
.pop_layer.autopay .c_top .c_right dl dt {
    width: 65%;
    float: left;
    font-weight: normal;
    padding: 4px 0 8px;
}
.pop_layer.autopay .c_top .c_right dl dd {
    width: 35%;
    float: left;
    text-align: right;
    padding: 4px 5px 8px 0;
}
.pop_layer.autopay .c_top .c_right dl .top {
    border-bottom: 1px solid #ededed;
    margin-bottom: 8px;
}
.pop_layer.autopay .c_top .c_right dl .top.style1 span {
    text-decoration: line-through;
    color: #a9acad;
    font-weight: bold;
}
.pop_layer.autopay .c_top .c_right dl .top.style2 span {
    color: #000;
    font-weight: bold;
}
.pop_layer.autopay .c_top .c_right dl .total span {
    color: #c94479;
    font-weight: bold;
}
.pop_layer.autopay .c_top .c_right dl .total .price {
    font-size: 18px;
    line-height: 16px;
}

.pop_layer.autopay .c_btm .tit {
    padding: 30px 0 18px 30px;
}
.pop_layer.autopay .c_btm .c_choice_wrap {
    border: 0;
    background: #fff;
    overflow: hidden;
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap {
    padding-left: 30px;
    margin-bottom: 15px;
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap ul {
    display: inline-block;
    margin-bottom: 8px;
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap ul li {
    float: left;
    width: 134px;
    height: 31px;
    margin-right: 10px;
    line-height: 31px;
    color: #757879;
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap ul li.type {
    width: 130px;
    margin-right: 20px;
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap ul li.kakao span {
    position: relative;
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap ul li.kakao .ico_discount {
    position: absolute;
    width: 29px;
    height: 28px;
    top: 0;
    left: 0;
    background: url("/static/_img/charge/ico_discount.png");
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap ul li .hand {
    display: block;
    height: 31px;
    border: 1px solid #00a6d4;
    border-radius: 5px;
    color: #24b6e5;
    text-align: center;
    background: #fff;
    font-weight: bold;
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap ul li .hand:hover {
    color: #fff;
    background: #00aad9;
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap ul li .hand span {
    font-weight: normal;
}
.pop_layer.autopay .c_btm .c_choice_wrap .c_wrap ul li .t_phone {
    letter-spacing: -1px;
}

.pop_layer.autopay .c_btm .agree {
    background: #f6f6f6;
}
.pop_layer.autopay .c_btm .agree .tit {
    display: inline-block;
    margin-right: 5px;
    padding: 30px 0 30px 30px;
}
.pop_layer.autopay .c_btm .agree .check {
    display: inline-block;
    width: 32px;
    height: 33px;
    margin: -5px 12px 0 0;
    cursor: pointer;
    background: url("/static/_img/charge/charge_common.png") no-repeat 0 -887px;
    vertical-align: middle;
}
.pop_layer.autopay .c_btm .agree .check.active {
    background-position: -32px -887px;
}
.pop_layer.autopay .c_btm > ul {
    background: #ebebeb;
    padding: 30px;
}

/* 2011 일반 충전 */
.charge_wrap.v20011 {
    border-top: none;
}
/* 2024.07.12 충전소 상단 배너 변경 */
/* .v20011 .charge_top {
    background: url("/static/_img/charge/charge_top_20011.jpg") no-repeat 0 0;
} */
.v20011 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_20011_first.jpg");
}
.v20011 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text20011.png");
}
.v20011 .type2 .c_item {
    border-color: #ffd866;
}
.v20011 .type2 .c_item.s_20000 {
    border-color: #ff66b9;
}
.v20011 .c_item .left {
    background: url("/static/_img/charge/bg_item1910.jpg") repeat 0 0;
}
.v20011 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text20011.png") no-repeat -109px -190px;
}
.v20011 .c_item .point,
.v20011 .c_item .d_label,
.v20011 .c_item .t_sum,
.v20011 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text20011.png");
}
.v20011 .c_item .d_label {
    display: inline-block;
    position: relative;
    top: 12px;
    margin: 0 20px 0 17px;
    width: 115px;
    height: 27px;
    background-position: -221px -190px;
    text-align: center;
}
.v20011 .c_item .d_label span {
    padding-left: 5px;
    font-size: 12px;
    line-height: 27px;
    color: #663d00;
}
.v20011 .c_item .btn_get {
    border: 1px solid #8800d6;
    background: #8800d6;
    color: #ffcd00;
}

/* 팝업 결제창 */
/* .pop_layer.type1607 .e_top .con.type1 .fc_type{display:none;width:827px;height:28px;margin:1px auto;padding-left:16px;line-height:30px;font-family: NotoGothicR, "노토고딕R", sans-serif;text-align:center;text-indent:0;background:none;font-weight:bold;font-size:28px;letter-spacing:-2px;} */
.pop_layer.type1607 .e_top .con.type1 .fc_type {
    display: none;
    width: 827px;
    height: auto;
    margin: 1px auto;
    padding: 0 16px;
    line-height: 30px;
    font-family: NotoGothicR, "노토고딕R", sans-serif;
    text-align: center;
    text-indent: 0;
    background: none;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -2px;
}
.pop_layer.type1607 .e_top .con.type1 .fc_type.style1607_0 {
    padding-left: 0;
}
.pop_layer.type1607 .e_top .con.type1 .fc_type.style1607_5 {
    display: block;
}
/* .pop_layer.type1607 .e_top .con.type1 .fc_type .ico_plus{display:inline-block;position:relative;top:-1px;width:26px;height:26px;margin:0 7px 0 12px;vertical-align:middle;background:url('/static/_img/charge/charge_text1608_1.png') no-repeat -615px -50px;} */
.pop_layer.type1607 .e_top .con.type1 .fc_type .ico_plus {
    display: inline-block;
    position: relative;
    top: -2px;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: url("/static/_img/charge/charge_text1608_1.png") no-repeat -615px -50px;
}

/* 원페이 리뉴얼 */
.charge_wrap.v1606.onepay {
    border-top: none;
}
.charge_wrap.v1606.onepay .charge_top {
    background: url("/static/_img/charge/charge_onepay_top2003.jpg") no-repeat 0 0;
}
.onepay .charge_btm {
    padding: 40px 66px 10px;
}
.one_pay.v2003 .pay_content {
    width: 100%;
}
.one_pay.v2003 .tab_area .tab_btn {
    width: 50%;
    background: #454849;
    color: #757879;
}
.one_pay.v2003 .tab_area .tab_btn.active {
    width: 50%;
    background: #ff9104;
    color: #fff;
}
.one_pay.v2003 .tab_content .tit {
    width: 116px;
    font-size: 14px;
    height: 47px;
    padding: 14px 0 15px 28px;
}
.one_pay.v2003 .tab_content .box {
    width: 856px;
    font-size: 14px;
    height: 47px;
}
.one_pay.v2003 .tab_content .box.type2.style2 {
    color: #000;
}
.one_pay.v2003 .tab_content .box span {
    color: #000;
}
.one_pay.v2003 .tab_content .box .r_txt {
    color: #d2091c;
    font-weight: bold;
}
.one_pay.v2003 .tab_content .box .y_txt {
    color: #ff9308;
}
.one_pay.v2003 .tab_content .box .e_ico {
    display: block;
    width: 92px;
    height: 16px;
    background: url("/static/_img/charge/ico_onepay.png") no-repeat;
    text-indent: -9999px;
    float: left;
    margin: 15px 8px 0 0;
}
.one_pay.v2003 .tab_content .style1 .box {
    width: 370px;
    padding: 9px 0 10px 26px;
    color: #000;
}
.one_pay.v2003 .tab_content .style1 .box:nth-child(2) {
    border-right: 1px solid #ffae01;
}
.one_pay.v2003 .tab_content .box.type2 {
    letter-spacing: 0;
    padding-left: 26px;
}
.one_pay.v2003 .tab_content dl:last-child {
    border-bottom: none;
}
.onepay_banner .click_area {
    background: url("/static/_img/charge/onepay_banner2003.jpg") no-repeat 0 0;
}

/* 2009 충전 (50%할인) */
.charge_wrap.v2009 {
    border-top: none;
}
.v2009 .charge_top {
    background: url("/static/_img/charge/charge_top_2009.jpg") no-repeat 0 0;
}
.v2009 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2009_first.jpg");
}
.v2009 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2009.png");
}
.v2009 .type2 .c_item {
    border-color: #d7c2eb;
}
.v2009 .type2 .c_item.s_20000 {
    border-color: #f2e9fa;
}
.v2009 .c_item .left {
    background: url("/static/_img/charge/bg_item1910.jpg") repeat 0 0;
}
.v2009 .c_item .left p .t_mileage ~ span {
    color: #4e00ff;
}
.v2009 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2009.png") no-repeat -109px -190px;
}
.v2009 .c_item .point,
.v2009 .c_item .d_ico,
.v2009 .c_item .d_sum,
.v2009 .c_item .t_sum,
.v2009 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2009.png");
}
.v2009 .c_item .btn_get {
    border: 1px solid #7f009f;
    background: #ab2fc9;
    color: #ffe400;
}
.v2009 .c_item .d_ico .count {
    color: #fff;
}

/* 2010 추석 충전 (50%할인) */
.charge_wrap.v2010 {
    border-top: none;
}
.v2010 .charge_content {
    background: #dcd4c4;
}
.v2010 .charge_content h3 .t_green {
    color: #9e824c;
}
.v2010 .charge_content .text_m {
    color: #a59d8e;
}
.v2010 .charge_top {
    background: url("/static/_img/charge/charge_top_2010.jpg") no-repeat 0 0;
    height: 323px;
}
.v2010 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2010_first.jpg");
}
.v2010 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2010.png");
}
.v2010 .type2 .c_item {
    border-color: #bba780;
    background: #fff;
}
.v2010 .type2 .c_item.s_20000 {
    border-color: #bba780;
}
.v2010 .c_item .left {
    background: url("/static/_img/charge/bg_item2010.jpg") repeat 0 0;
}
.v2010 .c_item .left p {
    color: #dcd4c4;
}
.v2010 .c_item .left p .t_mileage ~ span {
    color: #fdf2a5;
}
.v2010 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2010.png") no-repeat -109px -190px;
}
.v2010 .c_item .point,
.v2010 .c_item .d_ico,
.v2010 .c_item .d_sum,
.v2010 .c_item .t_sum,
.v2010 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2010.png");
}
.v2010 .c_item .btn_get {
    border: 1px solid #d58e00;
    background: #f2a80a;
    color: #fff4a7;
}
.v2010 .c_item .d_ico .count {
    color: #ad4f4b;
}

/* 2010 추석 vip */

.v2010.vip .c_item .point,
.v2010.vip .c_item .d_ico,
.v2010.vip .c_item .d_sum,
.v2010.vip .c_item .t_sum,
.v2010.vip .c_item .ico_top,
.v2010.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2010_vip.png");
}
.v2010.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2010_vip.png") no-repeat -109px -190px;
}

/* 20100 충전 (50%할인) */
.charge_wrap.v20100 {
    border-top: none;
}
.v20100 .charge_top {
    background: url("/static/_img/charge/charge_top_20100.jpg") no-repeat 0 0;
}
.v20100 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_20100_first.jpg");
}
.v20100 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text20100.png");
}
.v20100 .type2 .c_item {
    border-color: #f7e2c8;
}
.v20100 .type2 .c_item.s_20000 {
    border-color: #e5bf8f;
}
.v20100 .c_item .left {
    background: url("/static/_img/charge/bg_item19091.png") repeat 0 0;
}
.v20100 .c_item .left p .t_mileage ~ span {
    color: #9a7455;
}
.v20100 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text20100.png") no-repeat -109px -190px;
}
.v20100 .c_item .point,
.v20100 .c_item .d_ico,
.v20100 .c_item .d_sum,
.v20100 .c_item .t_sum,
.v20100 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text20100.png");
}
.v20100 .c_item .btn_get {
    border: 1px solid #debeb1;
    background: #fff600;
    color: #ac542f;
}
.v20100 .c_item .d_ico .count {
    color: #fff;
}

/* 2011 충전 (50%할인) */
.charge_wrap.v2011 {
    border-top: none;
}
.v2011 .charge_top {
    background: url("/static/_img/charge/charge_top_2011.jpg") no-repeat 0 0;
}
.v2011 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2011_first.jpg");
}
.v2011 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2011.png");
}
.v2011 .type2 .c_item {
    border-color: #ffe876;
}
.v2011 .type2 .c_item.s_20000 {
    border-color: #ffcb66;
}
.v2011 .c_item .left {
    background: url("/static/_img/charge/bg_item19022.jpg") repeat 0 0;
}
.v2011 .c_item .left p .t_mileage ~ span {
    color: #9a7455;
}
.v2011 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2011.png") no-repeat -109px -190px;
}
.v2011 .c_item .point,
.v2011 .c_item .d_ico,
.v2011 .c_item .d_sum,
.v2011 .c_item .t_sum,
.v2011 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2011.png");
}
.v2011 .c_item .btn_get {
    border: 1px solid #debeb1;
    background: #fff600;
    color: #ac542f;
}
.v2011 .c_item .d_ico .count {
    color: #fff;
}

/* 2012 충전 (50%할인) */
.charge_wrap.v2012 {
    border-top: none;
}
.v2012 .charge_top {
    background: url("/static/_img/charge/charge_top_2012.jpg") no-repeat 0 0;
}
.v2012 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2012_first.jpg");
}
.v2012 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2012.png");
}
.v2012 .type2 .c_item {
    border-color: #f5e9d9;
}
.v2012 .type2 .c_item.s_20000 {
    border-color: #ffdaad;
}
.v2012 .c_item .left {
    background: url("/static/_img/charge/bg_item19091.png") repeat 0 0;
}
.v2012 .c_item .left p .t_mileage ~ span {
    color: #c33346;
}
.v2012 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2012.png") no-repeat -109px -190px;
}
.v2012 .c_item .point,
.v2012 .c_item .d_ico,
.v2012 .c_item .d_sum,
.v2012 .c_item .t_sum,
.v2012 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2012.png");
}
.v2012 .c_item .btn_get {
    border: 1px solid #da7d00;
    background: #fb991f;
    color: #fff887;
}
.v2012 .c_item .d_ico .count {
    color: #fff;
}

/* 20121 충전 (50%할인) */
.charge_wrap.v20121 {
    border-top: none;
}
.v20121 .charge_top {
    background: url("/static/_img/charge/charge_top_20121.jpg") no-repeat 0 0;
}
.v20121 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_20121_first.jpg");
}
.v20121 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text20121.png");
}
.v20121 .type2 .c_item {
    border-color: #ffe876;
}
.v20121 .type2 .c_item.s_20000 {
    border-color: #ffcb66;
}
.v20121 .c_item .left {
    background: url("/static/_img/charge/bg_item19022.jpg") repeat 0 0;
}
.v20121 .c_item .left p .t_mileage ~ span {
    color: #9a7455;
}
.v20121 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text20121.png") no-repeat -109px -190px;
}
.v20121 .c_item .point,
.v20121 .c_item .d_ico,
.v20121 .c_item .d_sum,
.v20121 .c_item .t_sum,
.v20121 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text20121.png");
}
.v20121 .c_item .btn_get {
    border: 1px solid #debeb1;
    background: #ffd735;
    color: #a61944;
}
.v20121 .c_item .d_ico .count {
    color: #fff;
}

/* 20121 충전 vip */
.v20121.vip .c_item .point,
.v20121.vip .c_item .d_ico,
.v20121.vip .c_item .d_sum,
.v20121.vip .c_item .t_sum,
.v20121.vip .c_item .ico_top,
.v20121.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text20121_vip.png");
}
.v20121.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text20121_vip.png") no-repeat -109px -190px;
}

/* 2101 충전 (50%할인) */
.charge_wrap.v2101 {
    border-top: none;
}
.v2101 .charge_top {
    background: url("/static/_img/charge/charge_top_2101.jpg") no-repeat 0 0;
}
.v2101 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2101_first.jpg");
}
.v2101 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2101.png");
}
.v2101 .type2 .c_item {
    border-color: #f1e9dc;
}
.v2101 .type2 .c_item.s_20000 {
    border-color: #f0d7af;
}
.v2101 .c_item .left {
    background: #f2ede5;
}
.v2101 .c_item .left p .t_mileage ~ span {
    color: #9a7455;
}
.v2101 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2101.png") no-repeat -109px -190px;
}
.v2101 .c_item .point,
.v2101 .c_item .d_ico,
.v2101 .c_item .d_sum,
.v2101 .c_item .t_sum,
.v2101 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2101.png");
}
.v2101 .c_item .btn_get {
    border: 1px solid #debeb1;
    background: #ffd735;
    color: #a61944;
}
.v2101 .c_item .d_ico .count {
    color: #fff58a;
}

/* 2102 충전 (50%할인) */
.charge_wrap.v2102 {
    border-top: none;
    background: #faf8f1;
}
.charge_wrap.v2102 .c_chargeType.v_free {
    background: #f3f0e9;
    border-bottom: none;
}
.v2102 .charge_top {
    background: url("/static/_img/charge/charge_top_2102.jpg") no-repeat 0 0;
}
.v2102 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2102.png");
}
.v2102 .charge_content h3 .t_green {
    color: #9e824c;
}
.v2102 .charge_content .text_m {
    color: #a59d8e;
}
.v2102 .type2 .c_item {
    border-color: #fdda60;
}
.v2102 .type2 .c_item.s_30000 {
    border-color: #fda460;
}
.v2102 .c_item .left {
    background: url("/static/_img/charge/bg_item2102.jpg") repeat 0 0;
    width: 530px;
    padding: 15px 0 12px 74px;
}
.v2102 .c_item .left p {
    color: #a07b00;
}
.v2102 .c_item .left p .t_mileage ~ span {
    color: #000;
}
.v2102 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2102.png") no-repeat -109px -190px;
}
.v2102 .c_item .best_item {
    display: block;
    width: 22px;
    height: 75px;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 20px;
    background: #c51c2c;
    border-right: 3px solid #ffc600;
    color: #ffde69;
    font-size: 11px;
    text-align: center;
    z-index: 2;
}
.v2102 .c_item .ico_top {
    left: 25px;
}
.v2102 .c_item .ico_top.x2 {
    background-position: -351px -190px;
}
.v2102 .c_item .point,
.v2102 .c_item .d_ico,
.v2102 .c_item .d_sum,
.v2102 .c_item .t_sum,
.v2102 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2102.png");
}
.v2102 .c_item .btn_get {
    border: 1px solid #ff7a72;
    background: #c51c2c;
    color: #fff4a7;
}
.v2102 .c_item .d_ico .count {
    color: #fff;
}

/* 2102 충전 vip */
.v2102.vip .c_item .point,
.v2102.vip .c_item .d_ico,
.v2102.vip .c_item .d_sum,
.v2102.vip .c_item .t_sum,
.v2102.vip .c_item .ico_top,
.v2102.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2102_vip.png");
}
.v2102.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2102_vip.png") no-repeat -109px -190px;
}

/* 21021 충전 (50%할인) */
.charge_wrap.v21021 {
    border-top: none;
}
.v21021 .charge_top {
    background: url("/static/_img/charge/charge_top_21021.jpg") no-repeat 0 0;
}
.v21021 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_21021_first.jpg");
}
.v21021 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text21021.png");
}
.v21021 .type2 .c_item {
    border-color: #ffe0c2;
}
.v21021 .type2 .c_item.s_20000 {
    border-color: #f8c4d7;
}
.v21021 .c_item .left {
    background: #fff7f0;
}
.v21021 .c_item .left p .t_mileage ~ span {
    color: #d74b7e;
}
.v21021 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text21021.png") no-repeat -109px -190px;
}
.v21021 .c_item .point,
.v21021 .c_item .d_ico,
.v21021 .c_item .d_sum,
.v21021 .c_item .t_sum,
.v21021 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text21021.png");
}
.v21021 .c_item .btn_get {
    border: 1px solid #df5256;
    background: #ff6e6e;
    color: #ffe65d;
}
.v21021 .c_item .d_ico .count {
    color: #eb380f;
}

/* 2103 충전 (50%할인) */
.charge_wrap.v2103 {
    border-top: none;
}
.v2103 .charge_top {
    background: url("/static/_img/charge/charge_top_2103.jpg") no-repeat 0 0;
}
.v2103 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2103_first.jpg");
}
.v2103 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2103.png");
}
.v2103 .type2 .c_item {
    border-color: #ffe5ef;
}
.v2103 .type2 .c_item.s_20000 {
    border-color: #f8c4d7;
}
.v2103 .c_item .left {
    background: #fff3f5;
}
.v2103 .c_item .left p .t_mileage ~ span {
    color: #d74b7e;
}
.v2103 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2103.png") no-repeat -109px -190px;
}
.v2103 .c_item .point,
.v2103 .c_item .d_ico,
.v2103 .c_item .d_sum,
.v2103 .c_item .t_sum,
.v2103 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2103.png");
}
.v2103 .c_item .btn_get {
    border: 1px solid #fc3480;
    background: #fff3f5;
    color: #fc3480;
}
.v2103 .c_item .d_ico .count {
    color: #fff;
}

/* 2104 충전 (50%할인) */
.charge_wrap.v2104 {
    border-top: none;
}
.v2104 .charge_top {
    background: url("/static/_img/charge/charge_top_2104.jpg") no-repeat 0 0;
}
.v2104 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2104_first.jpg");
}
.v2104 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2104.png");
}
.v2104 .type2 .c_item {
    border-color: #ffe5ef;
}
.v2104 .type2 .c_item.s_20000 {
    border-color: #ffe5ef;
}
.v2104 .c_item .left {
    background: #fcf4f5;
}
.v2104 .c_item .left p .t_mileage ~ span {
    color: #d74b7e;
}
.v2104 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2104.png") no-repeat -109px -190px;
}
.v2104 .c_item .point,
.v2104 .c_item .d_ico,
.v2104 .c_item .d_sum,
.v2104 .c_item .t_sum,
.v2104 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2104.png");
}
.v2104 .c_item .btn_get {
    border: 1px solid #bddc87;
    background: #e5f5c9;
    color: #8bae4d;
}
.v2104 .c_item .d_ico .count {
    color: #fff;
}

/* 2105 충전 (50%할인) */
.charge_wrap.v2105 {
    border-top: none;
}
.v2105 .charge_top {
    background: url("/static/_img/charge/charge_top_2105.jpg") no-repeat 0 0;
}
.v2105 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2105_first.jpg");
}
.v2105 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2105.png");
}
.v2105 .type2 .c_item {
    border-color: #ffe0c2;
}
.v2105 .type2 .c_item.s_20000 {
    border-color: #ffc5c5;
}
.v2105 .c_item .left {
    background: #fff7f0;
}
.v2105 .c_item .left p .t_mileage ~ span {
    color: #d74b7e;
}
.v2105 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2105.png") no-repeat -109px -190px;
}
.v2105 .c_item .point,
.v2105 .c_item .d_ico,
.v2105 .c_item .d_sum,
.v2105 .c_item .t_sum,
.v2105 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2105.png");
}
.v2105 .c_item .btn_get {
    border: 1px solid #678f23;
    background: #8cb64a;
    color: #ffe65d;
}
.v2105 .c_item .d_ico .count {
    color: #fff;
}

/* 2106 충전 (50%할인) */
.charge_wrap.v2106 {
    border-top: none;
}
.v2106 .charge_top {
    background: url("/static/_img/charge/charge_top_2106.jpg") no-repeat 0 0;
}
.v2106 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2106_first.jpg");
}
.v2106 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2106.png");
}
.v2106 .type2 .c_item {
    border-color: #d7e5dd;
}
.v2106 .type2 .c_item.s_20000 {
    border-color: #4eaca1;
}
.v2106 .c_item .left {
    background: #f3f9f6;
}
.v2106 .c_item .left p .t_mileage ~ span {
    color: #d74b7e;
}
.v2106 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2106.png") no-repeat -109px -190px;
}
.v2106 .c_item .point,
.v2106 .c_item .d_ico,
.v2106 .c_item .d_sum,
.v2106 .c_item .t_sum,
.v2106 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2106.png");
}
.v2106 .c_item .btn_get {
    border: 1px solid #b0164b;
    background: #cf3d63;
    color: #ffe786;
}
.v2106 .c_item .d_ico .count {
    color: #fff;
}

/* 2107 충전 (50%할인) */
.charge_wrap.v2107 {
    border-top: none;
}
.v2107 .charge_top {
    background: url("/static/_img/charge/charge_top_2107.jpg") no-repeat 0 0;
}
.v2107 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2107_first.jpg");
}
.v2107 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2107.png");
}
.v2107 .type2 .c_item {
    border-color: #e9f1ee;
}
.v2107 .type2 .c_item.s_20000 {
    border-color: #b5efd9;
}
.v2107 .c_item .left {
    background: #effff7;
}
.v2107 .c_item .left p .t_mileage ~ span {
    color: #277b96;
}
.v2107 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2107.png") no-repeat -109px -190px;
}
.v2107 .c_item .point,
.v2107 .c_item .d_ico,
.v2107 .c_item .d_sum,
.v2107 .c_item .t_sum,
.v2107 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2107.png");
}
.v2107 .c_item .btn_get {
    border: 1px solid #df5256;
    background: #ff6e6e;
    color: #ffe65d;
}
.v2107 .c_item .d_ico .count {
    color: #277b96;
}

/* 2107 충전 vip */
.v2107.vip .c_item .point,
.v2107.vip .c_item .d_ico,
.v2107.vip .c_item .d_sum,
.v2107.vip .c_item .t_sum,
.v2107.vip .c_item .ico_top,
.v2107.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2107_vip.png");
}
.v2107.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2107_vip.png") no-repeat -109px -190px;
}

/* 2108 충전 (50%할인) */
.charge_wrap.v2108 {
    border-top: none;
}
.v2108 .charge_top {
    background: url("/static/_img/charge/charge_top_2108.jpg") no-repeat 0 0;
}
.v2108 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2108_first.jpg");
}
.v2108 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2108.png");
}
.v2108 .type2 .c_item {
    border-color: #eeeff7;
}
.v2108 .type2 .c_item.s_20000 {
    border-color: #eeeff7;
}
.v2108 .c_item .left {
    background: #f1f3ff;
}
.v2108 .c_item .left p .t_mileage ~ span {
    color: #5169fd;
}
.v2108 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2108.png") no-repeat -109px -190px;
}
.v2108 .c_item .point,
.v2108 .c_item .d_ico,
.v2108 .c_item .d_sum,
.v2108 .c_item .t_sum,
.v2108 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2108.png");
}
.v2108 .c_item .btn_get {
    border: 1px solid #df5256;
    background: #c70037;
    color: #ffe65d;
}
.v2108 .c_item .d_ico .count {
    color: #fff;
}

/* 2108 충전 vip */
.v2108.vip .c_item .point,
.v2108.vip .c_item .d_ico,
.v2108.vip .c_item .d_sum,
.v2108.vip .c_item .t_sum,
.v2108.vip .c_item .ico_top,
.v2108.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2108_vip.png");
}
.v2108.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2108_vip.png") no-repeat -109px -190px;
}

/* 2109 충전 (50%할인) */
.charge_wrap.v2109 {
    border-top: none;
}
.v2109 .charge_top {
    background: url("/static/_img/charge/charge_top_2109.jpg") no-repeat 0 0;
}
.v2109 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2109_first.jpg");
}
.v2109 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2109.png");
}
.v2109 .type2 .c_item {
    border-color: #eeeff7;
}
.v2109 .type2 .c_item.s_20000 {
    border-color: #eeeff7;
}
.v2109 .c_item .left {
    background: #fcf8f1;
}
.v2109 .c_item .left p .t_mileage ~ span {
    color: #704244;
}
.v2109 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2109.png") no-repeat -109px -190px;
}
.v2109 .c_item .point,
.v2109 .c_item .d_ico,
.v2109 .c_item .d_sum,
.v2109 .c_item .t_sum,
.v2109 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2109.png");
}
.v2109 .c_item .btn_get {
    border: 1px solid #704244;
    background: #704244;
    color: #ffe65d;
}
.v2109 .c_item .d_ico .count {
    color: #fff;
}

/* 2109 충전 vip */
.v2109.vip .c_item .point,
.v2109.vip .c_item .d_ico,
.v2109.vip .c_item .d_sum,
.v2109.vip .c_item .t_sum,
.v2109.vip .c_item .ico_top,
.v2109.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2109_vip.png");
}
.v2109.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2109_vip.png") no-repeat -109px -190px;
}

/* 21092 충전 (추석) */
.charge_wrap.v21092 {
    border-top: none;
    background: #dcd4c4;
}
.v21092 .charge_content h3 .t_green {
    color: #9e824c;
}
.v21092 .charge_content .text_m {
    color: #a59d8e;
}
.v21092 .charge_top {
    background: url("/static/_img/charge/charge_top_21092.jpg") no-repeat 0 0;
}
.v21092 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_21092_first.jpg");
}
.v21092 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text21092.png");
}
.v21092 .type2 .c_item {
    border: none;
    background: #fff;
}
.v21092 .type2 .c_item.s_20000 {
    border: 1px solid #d97377;
}
.v21092 .c_item .left {
    background: url("/static/_img/charge/bg_item2010.jpg");
}
.v21092 .c_item .left p {
    color: #dcd4c4;
}
.v21092 .c_item .left p .t_mileage ~ span {
    color: #fdf2a5;
}
.v21092 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text21092.png") no-repeat -109px -190px;
}
.v21092 .c_item .point,
.v21092 .c_item .d_ico,
.v21092 .c_item .d_sum,
.v21092 .c_item .t_sum,
.v21092 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text21092.png");
}
.v21092 .c_item .btn_get {
    border: 1px solid #d58e00;
    background: #f2a80a;
    color: #fff4a7;
}
.v21092 .c_item .d_ico .count {
    color: #ad4f4b;
}
.v21092 .c_chargeType.v_free {
    background: #c9c2b3;
}

/* 21092 충전 vip */
.v21092.vip .c_item .point,
.v21092.vip .c_item .d_ico,
.v21092.vip .c_item .d_sum,
.v21092.vip .c_item .t_sum,
.v21092.vip .c_item .ico_top,
.v21092.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text21092_vip.png");
}
.v21092.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text21092_vip.png") no-repeat -109px -190px;
}

/* 2110 충전 (50%할인) */
.charge_wrap.v2110 {
    border-top: none;
}
.v2110 .charge_top {
    background: url("/static/_img/charge/charge_top_2110.jpg") no-repeat 0 0;
}
.v2110 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2110_first.jpg");
}
.v2110 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2110.png");
}
.v2110 .type2 .c_item {
    border-color: #f1e9d5;
}
.v2110 .type2 .c_item.s_20000 {
    border-color: #dcc7c8;
}
.v2110 .c_item .left {
    background: #f5f0e3;
}
.v2110 .c_item .left p .t_mileage ~ span {
    color: #704244;
}
.v2110 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2110.png") no-repeat -109px -190px;
}
.v2110 .c_item .point,
.v2110 .c_item .d_ico,
.v2110 .c_item .d_sum,
.v2110 .c_item .t_sum,
.v2110 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2110.png");
}
.v2110 .c_item .btn_get {
    border: 1px solid #582c2e;
    background: #5d4a4b;
    color: #ffe65d;
}
.v2110 .c_item .d_ico .count {
    color: #fff;
}

/* 2110 충전 vip */
.v2110.vip .c_item .point,
.v2110.vip .c_item .d_ico,
.v2110.vip .c_item .d_sum,
.v2110.vip .c_item .t_sum,
.v2110.vip .c_item .ico_top,
.v2110.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2110_vip.png");
}
.v2110.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2110_vip.png") no-repeat -109px -190px;
}

/* 2111 충전 (50%할인) */
.charge_wrap.v2111 {
    border-top: none;
}
.v2111 .charge_top {
    background: url("/static/_img/charge/charge_top_2111.jpg") no-repeat 0 0;
}
.v2111 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2111_first.jpg");
}
.v2111 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2111.png");
}
.v2111 .type2 .c_item {
    border-color: #f1e9d5;
}
.v2111 .type2 .c_item.s_20000 {
    border-color: #dcc7c8;
}
.v2111 .c_item .left {
    background: #f5f0e3;
}
.v2111 .c_item .left p .t_mileage ~ span {
    color: #704244;
}
.v2111 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2111.png") no-repeat -109px -190px;
}
.v2111 .c_item .point,
.v2111 .c_item .d_ico,
.v2111 .c_item .d_sum,
.v2111 .c_item .t_sum,
.v2111 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2111.png");
}
.v2111 .c_item .btn_get {
    border: 1px solid #582c2e;
    background: #5d4a4b;
    color: #ffe65d;
}
.v2111 .c_item .d_ico .count {
    color: #fff;
}

/* 2111 충전 vip */
.v2111.vip .c_item .point,
.v2111.vip .c_item .d_ico,
.v2111.vip .c_item .d_sum,
.v2111.vip .c_item .t_sum,
.v2111.vip .c_item .ico_top,
.v2111.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2111_vip.png");
}
.v2111.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2111_vip.png") no-repeat -109px -190px;
}

/* 2112 충전 (50%할인) */
.charge_wrap.v2112 {
    border-top: none;
}
.v2112 .charge_top {
    background: url("/static/_img/charge/charge_top_2112.jpg") no-repeat 0 0;
}
.v2112 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2112_first.jpg");
}
.v2112 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2112.png");
}
.v2112 .type2 .c_item {
    border-color: #f1e9d5;
}
.v2112 .type2 .c_item.s_20000 {
    border-color: #fdd76f;
}
.v2112 .c_item .left {
    background: #fffdee;
}
.v2112 .c_item .left p .t_mileage ~ span {
    color: #704244;
}
.v2112 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2112.png") no-repeat -109px -190px;
}
.v2112 .c_item .point,
.v2112 .c_item .d_ico,
.v2112 .c_item .d_sum,
.v2112 .c_item .t_sum,
.v2112 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2112.png");
}
.v2112 .c_item .btn_get {
    border: 1px solid #ffcdaf;
    background: #a60011;
    color: #fcbc0f;
}
.v2112 .c_item .d_ico .count {
    color: #fff;
}

/* 2112 충전 vip */
.v2112.vip .c_item .point,
.v2112.vip .c_item .d_ico,
.v2112.vip .c_item .d_sum,
.v2112.vip .c_item .t_sum,
.v2112.vip .c_item .ico_top,
.v2112.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2112_vip.png");
}
.v2112.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2112_vip.png") no-repeat -109px -190px;
}

/* 21122 충전 (50%할인) */
.charge_wrap.v21122 {
    border-top: none;
}
.v21122 .charge_top {
    background: url("/static/_img/charge/charge_top_21122.jpg") no-repeat 0 0;
}
.v21122 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_21122_first.jpg");
}
.v21122 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text21122.png");
}
.v21122 .type2 .c_item {
    border-color: #f1e8f8;
}
.v21122 .type2 .c_item.s_20000 {
    border-color: #d7b9f7;
}
.v21122 .c_item .left {
    background: #f7f2fc;
}
.v21122 .c_item .left p .t_mileage ~ span {
    color: #934ac1;
}
.v21122 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text21122.png") no-repeat -109px -190px;
}
.v21122 .c_item .point,
.v21122 .c_item .d_ico,
.v21122 .c_item .d_sum,
.v21122 .c_item .t_sum,
.v21122 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text21122.png");
}
.v21122 .c_item .btn_get {
    border: 1px solid #ffcdaf;
    background: #a60011;
    color: #fcbc0f;
}
.v21122 .c_item .d_ico .count {
    color: #fff;
}

/* 21122 충전 vip */
.v21122.vip .c_item .point,
.v21122.vip .c_item .d_ico,
.v21122.vip .c_item .d_sum,
.v21122.vip .c_item .t_sum,
.v21122.vip .c_item .ico_top,
.v21122.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text21122_vip.png");
}
.v21122.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text21122_vip.png") no-repeat -109px -190px;
}

/* 2201 충전 (50%할인) */
.charge_wrap.v2201 {
    border-top: none;
}
.v2201 .charge_top {
    background: url("/static/_img/charge/charge_top_2201.jpg") no-repeat 0 0;
}
.v2201 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2201_first.jpg");
}
.v2201 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2201.png");
}
.v2201 .type2 .c_item {
    border-color: #f1e9dc;
}
.v2201 .type2 .c_item.s_20000 {
    border-color: #f0d7af;
}
.v2201 .c_item .left {
    background: #f2ede5;
}
.v2201 .c_item .left p .t_mileage ~ span {
    color: #9a7455;
}
.v2201 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2201.png") no-repeat -109px -190px;
}
.v2201 .c_item .point,
.v2201 .c_item .d_ico,
.v2201 .c_item .d_sum,
.v2201 .c_item .t_sum,
.v2201 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2201.png");
}
.v2201 .c_item .btn_get {
    border: 1px solid #debeb1;
    background: #ffd735;
    color: #a61944;
}
.v2201 .c_item .d_ico .count {
    color: #fff58a;
}

/* 2201 충전 vip */
.v2201.vip .c_item .point,
.v2201.vip .c_item .d_ico,
.v2201.vip .c_item .d_sum,
.v2201.vip .c_item .t_sum,
.v2201.vip .c_item .ico_top,
.v2201.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2201_vip.png");
}
.v2201.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2201_vip.png") no-repeat -109px -190px;
}

/* 22012 충전 (50%할인) */
.charge_wrap.v22012 {
    border-top: none;
}
.v22012 .charge_top {
    background: url("/static/_img/charge/charge_top_22012.jpg") no-repeat 0 0;
}
.v22012 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_22012_first.jpg");
}
.v22012 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text22012.png");
}
.v22012 .type2 .c_item {
    border-color: #f1e9dc;
}
.v22012 .type2 .c_item.s_20000 {
    border-color: #f0d7af;
}
.v22012 .c_item .left {
    background: #f2ede5;
}
.v22012 .c_item .left p .t_mileage ~ span {
    color: #9a7455;
}
.v22012 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text22012.png") no-repeat -109px -190px;
}
.v22012 .c_item .point,
.v22012 .c_item .d_ico,
.v22012 .c_item .d_sum,
.v22012 .c_item .t_sum,
.v22012 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text22012.png");
}
.v22012 .c_item .btn_get {
    border: 1px solid #a3062f;
    background: #c33346;
    color: #ffd735;
}
.v22012 .c_item .d_ico .count {
    color: #fff58a;
}

/* 22012 충전 vip */
.v22012.vip .c_item .point,
.v22012.vip .c_item .d_ico,
.v22012.vip .c_item .d_sum,
.v22012.vip .c_item .t_sum,
.v22012.vip .c_item .ico_top,
.v22012.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text22012_vip.png");
}
.v22012.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text22012_vip.png") no-repeat -109px -190px;
}

/* 2202 충전 (50%할인) */
.charge_wrap.v2202 {
    border-top: none;
}
.v2202 .charge_top {
    background: url("/static/_img/charge/charge_top_2202.jpg") no-repeat 0 0;
}
.v2202 .charge_top.first {
    background-image: url("/static/_img/charge/charge_top_2202.jpg");
}
.v2202 .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2202.png");
}
.v2202 .type2 .c_item {
    border-color: #eae8e8;
}
.v2202 .type2 .c_item.s_20000 {
    border-color: #eae8e8;
}
.v2202 .c_item .left {
    background: #faf6f4;
}
.v2202 .c_item .left p .t_mileage ~ span {
    color: #582e2d;
}
.v2202 .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2202.png") no-repeat -109px -190px;
}
.v2202 .c_item .point,
.v2202 .c_item .d_ico,
.v2202 .c_item .d_sum,
.v2202 .c_item .t_sum,
.v2202 .c_item .ico_top {
    background-image: url("/static/_img/charge/charge_text2202.png");
}
.v2202 .c_item .btn_get {
    border: 1px solid #b1002c;
    background: #cf0040;
    color: #fcbc0f;
}
.v2202 .c_item .d_ico .count {
    color: #fff;
}

/* 2202 충전 vip */
.v2202.vip .c_item .point,
.v2202.vip .c_item .d_ico,
.v2202.vip .c_item .d_sum,
.v2202.vip .c_item .t_sum,
.v2202.vip .c_item .ico_top,
.v2202.vip .charge_content .item_txt .ico {
    background-image: url("/static/_img/charge/charge_text2202_vip.png");
}
.v2202.vip .c_item .left .ico_special {
    background: url("/static/_img/charge/charge_text2202_vip.png") no-repeat -109px -190px;
}

/* 2024설이벤트 */
.charge_content.newyear .type2 .c_item {
    border-color: #d4eff8;
}
.charge_content.newyear .c_item .left {
    height: auto;
    background: #ebf9fd;
}
.charge_content.newyear .c_item .right {
    text-align: right;
    position: absolute;
    top: 35%;
    right: 30px;
    padding: 0;
    height: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.charge_content.newyear .c_item .t_sum {
    text-align: left;
}
.charge_content.newyear .c_item .btn_get {
    border-color: #0062be;
    background: #0062be;
    color: #fff;
}
.charge_content.newyear .d_label {
    position: relative;
    top: 14px;
    display: inline-block;
    width: 88px;
    height: 26px;
    margin-right: 10px;
    line-height: 26px;
    text-align: center;
    background: url("/static/_img/charge/img_new_bg_dlabel.png") no-repeat center / 100%;
}
.charge_content.newyear .d_label .double_txt {
    margin-left: 8px;
    font-size: 12px;
    color: #ea2b08;
    letter-spacing: -1px;
}
.charge_content.newyear .new_bonus {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 14px;
    margin: -3px 3px 0 0;
    overflow: hidden;
    text-indent: -999px;
    background: url("/static/_img/charge/img_new_bonus_label.png") no-repeat center / 100%;
}
.charge_content.newyear .c_item .point,
.charge_content.newyear .c_item .ico_top,
.charge_content.newyear .c_item .t_sum {
    background-image: url("/static/_img/charge/img_new_charge_text.png");
}
.charge_content.newyear .c_item .t_sum {
    width: 112px;
}
.charge_content.newyear .c_item.s_5000 .t_sum {
    margin-left: 0;
}
.charge_content.newyear .type2 .c_item.s_20000 {
    border-color: #ffc286;
}

/* 2024 깜짝이벤트 */
.charge_content.surprise .type2 .c_item {
    border-color: #d4eff8;
}
.charge_content.surprise .c_item .left {
    height: auto;
    background: #ebf9fd;
}
.charge_content.surprise .c_item .right {
    text-align: right;
    position: absolute;
    top: 35%;
    right: 30px;
    padding: 0;
    height: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.charge_content.surprise .c_item .t_sum {
    text-align: left;
}
.charge_content.surprise .c_item .btn_get {
    border-color: #0062be;
    background: #0062be;
    color: #fff;
}
.charge_content.surprise .d_label {
    position: relative;
    top: 14px;
    display: inline-block;
    width: 88px;
    height: 26px;
    margin-right: 10px;
    line-height: 26px;
    text-align: center;
    background: url("/static/_img/charge/img_new_bg_dlabel.png") no-repeat center / 100%;
}
.charge_content.surprise .d_label .double_txt {
    margin-left: 8px;
    font-size: 12px;
    /* color: #ea2b08; */
    color: #ff387b;
    letter-spacing: -1px;
}
.charge_content.surprise .new_bonus {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 14px;
    margin: -3px 3px 0 0;
    overflow: hidden;
    text-indent: -999px;
    background: url("/static/_img/charge/img_new_bonus_label.png") no-repeat center / 100%;
}

.charge_content.surprise .spring_bonus {
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: 14px;
    margin: -3px 3px 0 0;
    overflow: hidden;
    text-indent: -999px;
    background: url("/static/_img/charge/pc_badge_58x14.png") no-repeat center / 100%;
}
/* .charge_content.surprise .c_item .point,
.charge_content.surprise .c_item .ico_top,
.charge_content.surprise .c_item .t_sum {
    background-image: url("/static/_img/charge/img_new_charge_text.png");
} */
.charge_content.surprise .c_item .ico_top {
    background-image: url("/static/_img/charge/img_new_charge_text.png");
}
.charge_content.surprise .c_item .t_sum {
    width: 112px;
}
.charge_content.surprise .c_item.s_5000 .t_sum {
    margin-left: 0;
}

/* 2024.07.12 충전소 수정 */
.charge_content.surprise .type2 .c_item.s_20000 {
    /* border-color: #ffc286; */
    border-color: #00d8ff;
}


/* 2024.07.12 충전소 배너 교체  */
.charge_top{
    background: none;
    height: fit-content;
    width: 100%;
}
.charge_top>img{
    display: block;
    width: 100%;
    object-fit: contain;
}
.charge_content.surprise .surprise_bonus{
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: 14px;
    margin: -3px 3px 0 0;
    overflow: hidden;
    text-indent: -999px;
    background: url("/static/_img/charge/pc_tag_bonus_58x14.png")no-repeat center center;
    background-size: 100%;
}