/* Minification failed. Returning unminified contents.
(2241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2248,17): run-time error CSS1039: Token not allowed after unary operator: '-bc-100'
(2352,25): run-time error CSS1039: Token not allowed after unary operator: '-bc-80'
(2358,32): run-time error CSS1039: Token not allowed after unary operator: '-solid-100'
(2367,25): run-time error CSS1039: Token not allowed after unary operator: '-bc-80'
 */
@charset "utf-8";
* {margin:0;padding:0;font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }	
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -khtml-user-select: none;} 
ol, ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}

html {overflow:scroll; overflow-x:auto !important;  } 
body, html {width:100%;height:100%;background-color:#f5f6f9;}
@media screen and (min-width:1px) and (max-width:817px) {body {background-position:left top;}}
body, textarea, select, input, button {color:#555555;}
a {color:#555555;text-decoration:none;}
a:hover {color:#555555;text-decoration:none;}
button {border:0;padding:0;background:transparent;cursor:pointer;overflow:visible;}
button::-moz-focus-inner {padding:0;border:0;}
button:focus, textarea:focus, input:focus {outline:none;}
input[type=text] { -webkit-ime-mode:inactive; moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive; }
.hidden, caption {visibility:hidden;width:0;height:0;overflow:hidden;font-size:0;line-height:0;padding:0; }
.wrapper {position:relative;width:800px;height:100%;margin:0 auto;}
.dimmed, .dimmed2 {position:fixed;display:block;width:100%;height:100%;background-color:#000000;z-index:10;opacity:0.8;filter:alpha(opacity=80);  top:0; bottom:0; left:0; right:0;}
.dimmed2 {z-index:50;opacity:0.7;filter:alpha(opacity=70); }
.dimmedToss {position:fixed;top:0;left:0;display:block;width:100%;height:100%;background-color:#000000;z-index:200;opacity:0.8;filter:alpha(opacity=80); top:0; bottom:0; left:0; right:0;} /* 개발 추가 by jonghyo*/
.dimmedSimplePay {position:fixed;top:0;left:0;display:block;width:100%;height:100%;background-color:#000000;z-index:200;opacity:0.8;filter:alpha(opacity=80); top:0; bottom:0; left:0; right:0;} /* 개발 추가 by jonghyo*/
.dimmedCem {position:fixed;display:block;width:100%;height:100%;background-color:#000000;z-index:10;opacity:0.8;filter:alpha(opacity=80);  top:0; bottom:0; left:0; right:0;}

.cpltSec .completePlccBanner {margin-top: 20px;}
.cpltSec .completePlccBanner a img {content:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/banner_nexon_hyundai.svg);}
.chargeBanner .detailTxt {position:absolute;top:38px;left:90px;overflow:hidden;width:400px;font-size:12px;color:#929aa4;text-overflow: ellipsis;white-space: nowrap;}
.chargeBanner .detailTxt span {display:inline-block;margin-right:8px;}


/* font */
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: url("/Contents/font/SpoqaHanSansNeo-Regular.eot");
    src: url("/Contents/font/SpoqaHanSansNeo-Regular.eot?#iefix") format("embedded-opentype"), url("/Contents/font/SpoqaHanSansNeo-Regular.woff") format("woff"), url("/Contents/font/SpoqaHanSansNeo-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Spoqa Han Sans Neo Medium';
    font-weight: 500;
    src: url("/Contents/font/SpoqaHanSansNeo-Medium.eot");
    src: url("/Contents/font/SpoqaHanSansNeo-Medium.eot?#iefix") format("embedded-opentype"), url("/Contents/font/SpoqaHanSansNeo-Medium.woff") format("woff"), url("/Contents/font/SpoqaHanSansNeo-Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'Spoqa Han Sans Neo Thin';
    font-weight: 200;
    src: url("/Contents/font/SpoqaHanSansNeo-Thin.eot");
    src: url("/Contents/font/SpoqaHanSansNeo-Thin.eot?#iefix") format("embedded-opentype"), url("/Contents/font/SpoqaHanSansNeo-Thin.woff") format("woff"), url("/Contents/font/SpoqaHanSansNeo-Thin.ttf") format("truetype");
}

@font-face {
    font-family: 'Spoqa Han Sans Neo Light';
    font-weight: 300;
    src: url("/Contents/font/SpoqaHanSansNeo-Light.eot");
    src: url("/Contents/font/SpoqaHanSansNeo-Light.eot?#iefix") format("embedded-opentype"), url("/Contents/font/SpoqaHanSansNeo-Light.woff") format("woff"), url("/Contents/font/SpoqaHanSansNeo-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Spoqa Han Sans Neo Bold';
    font-weight: 700;
    src: url("/Contents/font/SpoqaHanSansNeo-Bold.eot");
    src: url("/Contents/font/SpoqaHanSansNeo-Bold.eot?#iefix") format("embedded-opentype"), url("/Contents/font/SpoqaHanSansNeo-Bold.woff") format("woff"), url("/Contents/font/SpoqaHanSansNeo-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'NEXONLv2Gothic';
  src: url("/Contents/font/NEXONLv2Gothic.eot");
  src: url("/Contents/font/NEXONLv2Gothic.eot?#iefix") format("embedded-opentype"), url("/Contents/font/NEXONLv2Gothic.woff") format("woff"), url("/Contents/font/NEXONLv2Gothic.ttf") format("truetype");
}

@font-face {
  font-family: 'NEXONLv2GothicBold';
  src: url("/Contents/font/NEXONLv2GothicBold.eot");
  src: url("/Contents/font/NEXONLv2GothicBold.eot?#iefix") format("embedded-opentype"), url("/Contents/font/NEXONLv2GothicBold.woff") format("woff"), url("/Contents/font/NEXONLv2GothicBold.ttf") format("truetype");
}

@font-face {
    font-family: 'NEXONLv2GothicMedium';
    src: url("/Contents/font/NEXONLv2GothicMedium.ttf");
}

/* checkbox */
.checkboxSec {position:relative;}
.checkboxSec input {visibility:hidden;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;padding:0;position:absolute;top:-3px;left:-3px;}
.checkboxSec label {display:inline-block;padding:0px 0 0 0px;background-size:18px 18px;cursor:pointer;white-space: nowrap;}
.checkboxSec label span.checkbox {display:inline-block;width:16px;height:16px;margin:0 9px 3px 0;border:1px solid #cccccc;background-color:#ffffff;vertical-align:middle;box-sizing: border-box;}
.checkboxSec input[type="checkbox"]:checked + label span.checkbox, .checkboxSec input[type="checkbox"] + label.checked span.checkbox {background:#1475fc url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_wt.png) no-repeat center center / 16px 16px;border-color:#1475fc;}
.checkboxSec label span.txt {display:block;padding-left:25px;font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.checkboxSec2 label span.checkbox {border:none;background-color:none;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_gr.png) no-repeat center center;}
.checkboxSec2 input[type="checkbox"]:checked + label span.checkbox, .checkboxSec2 input[type="checkbox"] + label.checked span.checkbox {background-color:none;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_gr2.png) no-repeat center center / 16px 16px;}
.checkboxSec3 label span.checkbox {display:inline-block;width:24px;height:24px;margin:0 10px 3px 0;border-color:#c7c8cc;}
.checkboxSec3 input[type="checkbox"]:checked + label span.checkbox, .checkboxSec3 input[type="checkbox"] + label.checked span.checkbox {background-color:none;background:#1475fc url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_wt2.png) no-repeat center center / 20px 20px;}
/* radio */
.radioSec {position:relative;}
.radioSec input {visibility:hidden;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;padding:0;position:absolute;top:-3px;left:-3px;}
.radioSec label {display:inline-block;padding:0;cursor:pointer;}
.radioSec label span.radio {display:inline-block;width:16px;height:16px;margin:0 10px 3px 0;border:1px solid #cccccc;border-radius:50%;vertical-align:middle;box-sizing: border-box;background-color:#ffffff;text-align:center;}
.radioSec input[type="radio"]:checked + label span.radio, .radioSec input[type="checkbox"] + label.checked span.radio {border-color:#1475fc;}
.radioSec input[type="radio"]:checked + label span.radio span, .radioSec input[type="radio"] + label.checked span.radio span {display:inline-block;width:8px;height:8px;margin-top:3px;border-radius:50%;box-sizing: border-box;background-color:#1475fc; vertical-align: top;}
/* button */
.bt0 {display:inline-block;box-sizing: border-box;text-align: center;}
.bt1 {display:inline-block;width:97px;height:36px;font-size:14px;letter-spacing:-0.21px;background-color:#1475fc;color:#ffffff;border:1px solid #1475fc;border-radius:2px;}
.bt1:hover {background-color:#0f57bd;border-color:#0f57bd;color:#ffffff;}
.bt1.disabled {background-color:#accffd;border-color:#accffd;pointer-events: none;}
.bt {display:inline-block;box-sizing: border-box;text-align: center;}
.bt2 {height:40px;padding-top:12px;font:12px "Spoqa Han Sans Neo Medium";letter-spacing: -0.18px;color:#ffffff;background-color:#535969;}
.bt2:hover {background-color:#3e434f;color:#ffffff;}
.bt2.disabled {background-color:#c3c6cd;pointer-events: none;}
.bt3 {min-width:140px;height:40px;font-size:14px;letter-spacing: -0.18px;color:#ffffff;background-color:#17191d;line-height: 1.29;letter-spacing: -0.21px;border-radius: 2px;}
.bt3:hover {background-color:#1475fc;}
.bt4 {min-width:140px;height:40px;font-size:14px;letter-spacing: -0.18px;color:#ffffff;background-color:#535969;line-height: 1.29;letter-spacing: -0.21px;border-radius: 2px;}
.bt4:hover {background-color:#363941;}
.bt5 {padding:0px 4px;border:1px solid #edeff4;font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #79818a;background-color:#ffffff;}
.bt5:hover {background-color:#525761;color:#ffffff;}
.bt6 {min-width:92px;height:40px;padding:0 16px;font-size: 14px;line-height: 1.29;letter-spacing: -0.21px;color: #ffffff;background-color:#53565f;border-radius: 2px;box-sizing: border-box;}
.bt6:hover {background-color:#363941;color:#ffffff;}
.bt7 {min-width:92px;height:40px;padding:0 16px;font-size: 14px;line-height: 1.29;letter-spacing: -0.21px;color: #ffffff;background-color:#9aa1ab;border-radius: 2px;box-sizing: border-box;}
.bt7:hover {background-color:#7f858e;}
.bt8 {min-width:92px;height:40px;font-size:14px;letter-spacing: -0.18px;color:#ffffff;background-color:#17191d;line-height: 1.29;letter-spacing: -0.21px;border-radius: 2px;}
.bt8:hover {background-color:#1475fc;color:#ffffff;}
.bt9 {min-width:92px;height:40px;font-size:14px;letter-spacing: -0.18px;color:#ffffff;background-color:#53565f;line-height: 1.29;letter-spacing: -0.21px;border-radius: 2px;}
.bt9:hover {background-color:#363941;color:#ffffff;}
.bt9 {min-width:92px;height:40px;font-size:14px;letter-spacing: -0.18px;color:#ffffff;background-color:#525761;line-height: 1.29;letter-spacing: -0.21px;border-radius: 2px;}
.bt9:hover {background-color:#363941;color:#ffffff;}
.bt80 {min-width:92px;height:40px;font: 14px 'Spoqa Han Sans Neo';letter-spacing: -0.18px;color:#ffffff;background-color:#17191d;line-height: 1.29;letter-spacing: -0.21px;border-radius: 2px;}
.bt80:hover {background-color:#1475fc;color:#ffffff;}
.bt90 {min-width:92px;height:40px;font: 14px 'Spoqa Han Sans Neo';letter-spacing: -0.18px;color:#ffffff;background-color:#53565f;line-height: 1.29;letter-spacing: -0.21px;border-radius: 2px;}
.bt90:hover {background-color:#363941;color:#ffffff;}
.bt90 {min-width:92px;height:40px;font: 14px 'Spoqa Han Sans Neo';letter-spacing: -0.18px;color:#ffffff;background-color:#525761;line-height: 1.29;letter-spacing: -0.21px;border-radius: 2px;}
.bt90:hover {background-color:#363941;color:#ffffff;}

.header {position:relative;float:left;width:220px;margin-right:-1px;background-color:#17191d;}  
.header h1 {padding:30px 24px 16px;font:16px "Spoqa Han Sans Neo Medium";color:#ffffff;letter-spacing: -0.13px;}
.header h1 span {float:right;padding-top:5px;font:12px "Spoqa Han Sans Neo";color:#ffffff;}
.header h1 span a {color:#cccccc;}
.header .cashChargeInfo {clear:both;position:relative;padding:0px 0 0 0px;}
.header .cashChargeInfo .stit1 {color:#ffffff;}
.header .cashChargeInfo .cashAlarm1 {position:absolute;right:0px;margin-top:-1px;padding-top:6px;font-size:12px;color:#f54f4f;letter-spacing:-1px;margin-right:25px;}
.header .cashChargeInfo .cashAlarm1 a {padding:5px 19px 3px 0;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_qm.png) no-repeat 99% 6px;color:#f54f4f;}
.header .cashChargeInfo .cashTxtSec {position:relative;height:47px;margin:0 24px;}
.header .cashChargeInfo .cashTxtSec .inputTxtSec {height:43px;border:1px solid #4a4e57;box-sizing: border-box;background:#000000 url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_wt2.png) no-repeat 12px center;}
.header .cashChargeInfo .cashTxtSec .inputTxtSec:hover, .header .cashChargeInfo .cashTxtSec .inputTxtSec.on {border-color:#ffffff;}
.header .cashChargeInfo .cashTxtSec .inputTxtSec input {position:relative;top:5px;left:0;width:128px;margin-left:35px;background:transparent;text-align:right;color:#ffffff;letter-spacing: -0.33px;font-size:22px;font-family: 'Spoqa Han Sans Neo Bold';cursor: pointer;border:none;}
.header .cashChargeInfo .cashTxtSec .inputTxtSec input::placeholder {color:#cccccc;font-family: 'Spoqa Han Sans Neo';}
.header .cashChargeInfo .cashTxtSec .inputTxtSec input::-webkit-input-placeholder {color:#cccccc;font-family: 'Spoqa Han Sans Neo';}
.header .cashChargeInfo .cashTxtSec .inputTxtSec input:-ms-input-placeholder {color:#cccccc;font-family: 'Spoqa Han Sans Neo';}
.header .cashChargeInfo .cashTxtSecAlarm {border-color:#f54f4f;}
.header .cashChargeInfo .layerCashlist {display:none;position:absolute;top:45px;left:0px;padding:0;width:100%;background-color:#ffffff;border:1px solid #dde2ec;z-index:10;box-sizing: border-box; }
.header .cashChargeInfo .layerCashlist li button {display:inline-block;width:100%;height:33px;padding-right:14px;text-align:right;font-size:12px;}
.header .cashChargeInfo .layerCashlist li button:hover {background-color:#eff2fa;}
.header .cashChargeInfo dl {overflow:hidden;width:172px;margin:0 auto;font-size:11px;padding-top:25px;}
.header .cashChargeInfo dl dt, .header .cashChargeInfo dl dd {float:left;padding-bottom:10px;color:#cccccc;font-size:12px;}
.header .cashChargeInfo dl dt {clear:both;width:95px;letter-spacing:-0.18px;}
.header .cashChargeInfo dl dd {width:77px;text-align:right;}
.header .cashChargeInfo button.alertBt {width:15px;height:15px;vertical-align:middle;margin:0 0 2px 5px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert3.png) no-repeat left top;}
.header .under19Info {width:172px;margin:10px auto 0;padding-top:20px;border-top:1px solid #4a4e57;font-size: 12px;line-height: 1.67;letter-spacing: -0.18px;color: #ccc;}
.noticeSec {position:absolute;bottom:30px;left:0px;width:100%;font-size:11px;color:#74798b;}
@media only screen and (max-height: 380px) {.noticeSec {top:300px} } 
.noticeSec h2 {width:172px;margin:0 auto;}
.noticeSec .stit2 {height:27px;color:#ffffff;font:13px 'Spoqa Han Sans Neo Medium';}
.noticeSec .page {float:right;margin-top:-25px;font-size:13px;color:#f5f5f5;font-size:0;}
.noticeSec .page span {display:inline-block;margin-right:5px;font-size:13px;vertical-align:middle;}
.noticeSec .page .prev, .noticeSec .page .next {display:inline-block;width:16px;height:16px;vertical-align:middle;color:#f5f5f5;}
.noticeSec .page .prev {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_arr_wt1.png) no-repeat center center;}
.noticeSec .page .next {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_arr_wt2.png) no-repeat center center;}
.noticeSec .page .prev:hover {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_arr_gr1.png) no-repeat center center;}
.noticeSec .page .next:hover {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_arr_gr2.png) no-repeat center center;}
.noticeSec p.txt {overflow:hidden;width:172px;height:30px;margin:0 auto;line-height:1.5;letter-spacing:-0.09px;}
.noticeSec p.txt a {display:block;color:#cccccc;font-size:11px;}
.noticeSec p.txt a:hover {text-decoration:underline;}
.noticeSec .sideBannerSec {width:172px;margin:0 auto 30px;}
.content {position:relative;float:left;width:540px;padding:30px 20px 20px;}
.content .cntsTit {position:relative;width:540px;height:37px;}
.content .cntsTit h2 {float:left;font:16px 'Spoqa Han Sans Neo Medium';letter-spacing:-0.21px;color:#17191d;}
.content .total {float:right;padding-top:5px;font-size:11px;color:#979ea6;font-weight:bold;}
.content .total span.alert {display:inline-block;color:#f91010;font-weight:normal;font-size:12px;}
.content .total span.alert img {vertical-align:middle;margin-bottom:3px;}
.content .total .alertTxt {display:none;position:absolute;top:18px;right:0;padding-top:6px;font-weight:normal;color:#ffffff;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_txtlayer.png) no-repeat 184px top;z-index:160;}
.content .total .alertTxt span {display:block;padding:7px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bg_txtlayer.png) repeat-x left top;line-height:1;letter-spacing:-1px;}
.nxCharge {position:relative;width:540px;margin-bottom:8px;min-height:64px;background-color:#ffffff;box-sizing: border-box;border:1px solid #edeff4;}
.nxCharge .onCnts {padding-bottom:20px;}
.nxCharge .delPay {position:absolute;top:6px;right:6px;line-height:0;}
.nxCharge .delPay button {display:inline-block;width:10px;height:10px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close.png) no-repeat 1px top;}
.nxCharge .delPay button:hover {background-position:1px -41px;}
.nxCharge .payBt {position:absolute;top:16px;right:27px;}
.nxCharge .payTit {height:43px;padding:25px 0 0 18px;}
.nxCharge .payTit button {display:block;padding-left:20px;font:14px 'Spoqa Han Sans Neo Medium';color:#000000;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat left 6px;text-align:left;}
.nxCharge .payTit button:hover {background-position:left -54px;}
.nxCharge .payTit .txt {font-size:12px;font-weight:normal;}
.nxCharge .alert {display:inline-block;margin-top:3px;padding:2px 16px 3px 21px;font-size:11px;color:#e90000;letter-spacing:-0.4px;}
.nxCharge .alert a {padding:2px 16px 2px 0px;font-size:11px;color:#e90000;}
.nxCharge .alert a:hover {color:#ac0707;}
.nxCharge .alert2 {display:inline-block;margin-top:3px;padding:2px 2px 3px 21px;font-size:11px;color:#e90000;letter-spacing:-0.4px;}
.nxCharge .payAmount {position:absolute;top:24px;right:145px;width:170px;text-align:right;}
.nxCharge .payAmount .inputTxtSec {height:19px;border:0;}
.nxCharge .payAmount .inputTxtSec .txt {top:1px;right:0;padding-right:3px;color:#c3c5cd;font-size:14px;font-weight:bold;}
.nxCharge .payAmount .inputTxtSec input {top:0;right:0px;left:auto;width:81px;height:18px;padding:0 4px 1px 0;border:0;text-align:right;border-bottom:1px solid #d9dce0;text-align:right;font-size:16px;color:#000000;letter-spacing: 0.26px;}
.nxCharge .payAmount .inputTxtSec input::placeholder {color:#c3c5cd;font-family: 'Spoqa Han Sans Neo';}
.nxCharge .payAmount .inputTxtSec input::-webkit-input-placeholder {color:#c3c5cd;font-family: 'Spoqa Han Sans Neo';}
.nxCharge .payAmount .inputTxtSec input:-ms-input-placeholder {color:#c3c5cd;font-family: 'Spoqa Han Sans Neo';}
.nxCharge .payAmount .inputTxtSec input:hover, .nxCharge .payAmount .inputTxtSec input:focus {border-color:#848691;}
.nxCharge .payAmount .inputTxtSec input.alertNum {border-color:#e90000;}
.nxCharge .payAmount .alert2 {clear:both;float:right;display:block;width:180px;margin-top:2px;text-align:right;}
.nxCharge .payAmount .num  {display:block;float:right;padding-top:3px;font-size:16px;color:#000000;}

.chargeBanner {position:relative;height:66px;background-color:#ffffff;box-sizing: border-box;border:1px solid #edeff4;}
.chargeBanner .txt1 {height:55px;padding:16px 0 0 90px;font:13px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.2px;color: #17191d;}
.chargeBanner .txt2 {position:absolute;top:38px;left:90px;overflow:hidden;width:400px;font-size:12px;color:#929aa4;text-overflow: ellipsis;white-space: nowrap;}
.chargeBanner .txt2 span {display:inline-block;margin-right:8px;}
.chargeBanner .txt2 .num {padding-left:8px;line-height:0.98;border-left:1px solid #ebebeb;}
.chargeBanner .link {position:absolute;top:17px;right:13px;}
.chargeBanner .link a {display:inline-block;width:32px;height:32px;box-sizing: border-box;border:1px solid #edeff4;border-radius: 50%;background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_arrow.png) no-repeat center center;}
.chargeBanner .link a:hover {background-color:#edeff4;}
.chargeBanner ul {position:relative;}
.chargeBanner ul li {position:absolute;top:0;left:0;opacity: 0;transition: 0.5s;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_gift.png) no-repeat 26px 11px;}
.chargeBanner ul li.on {opacity:1;transition: 2s;transition-timing-function: ease;}
.chargeBanner ul #plcc {position:absolute;top:0;left:0;opacity: 0;transition: 0.5s;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_nexon_hyndai.png) no-repeat 26px 11px;}
.chargeBanner ul #plcc.on {opacity:1;transition: 2s;transition-timing-function: ease;}
.addPayment {position:relative;clear:both;padding:10px 0 20px;}
.addPayment button {padding:1px 2px 0 25px;font-size:12px;color:#4a4e57;letter-spacing:-1px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_plus.png) no-repeat 0px 2px;}
.addPayment button:hover {color:#7b838c;}
.addPayment img {vertical-align:middle;margin:0 0 1px 0px;}
.addPayment .alertTxt {display:none;position:absolute;top:5px;left:124px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bg_tooltip2.png) no-repeat left 9px;}
.addPayment .alertTxt span {display:inline-block;margin-left:6px;padding:6px 9px 3px 7px;font-size:12px;color:#ffffff;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bg_txtlayer.png) repeat left top;line-height:1.5;}
.content .alertBottomTxt {display:none;position:absolute;top:16px;width:540px;font-size:11px;color:#979ea6;letter-spacing:-1px;text-align:right;}
.content .alertBottomTxt span {display:inline-block;height:17px;padding-top:20px;background-color:#f1f4fb;}
.paymentList {padding:1px 0 0 14px;}
.paymentList::after {content:'';display:table;clear:both;}
.paymentList li {position:relative;float:left;width:129px;height:61px;margin-top:-1px;margin-left:-1px;}
.paymentList li button {display:inline-block;width:129px;height:61px;border:1px solid #edeff4;box-sizing: border-box; vertical-align: top;font-size:12px;letter-spacing: -0.18px;color:#000000; overflow:hidden;}
.paymentList li button:hover {background-color:#edeff4;border-color:#edeff4;position:relative;z-index:1;}
.paymentList li button.on, .paymentList li button:active {background-color:#ffffff;border-color:#5c6b87;position:relative;z-index:1;}
.paymentList li button.on {z-index:2;}
.paymentList li .ico {position:absolute;top:5px;left:5px;z-index:2;}
.paymentList li.credit button span, .paymentList li.giftcard button span, .paymentList li.etc button span, .paymentList li.sPay button span, .paymentList li.nexonPay button span {display:inline-block;margin-left:7px;padding-right:13px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr.png) no-repeat right 6px;}
.paymentInfo {width:494px;padding:10px 0 0 30px;margin-bottom:-1px;}
.paymentInfo dl {overflow:hidden;font-size:12px;line-height: 1.67; letter-spacing: -0.18px}
.paymentInfo dl::after {content:"";clear:both;display:block;}
.paymentInfo dt {float:left;width:60px;margin-top:10px;color:#17191d;}
.paymentInfo dd {float:left;width:429px;margin-top:10px;color:#4a4e57;}
.paymentInfo .inspection dt,
.paymentInfo .inspection dd {color:#e90000;}
.paymentInfo dd a  {display:inline-block;color:#17191d;font-size:12px;text-decoration:underline;} 
.paymentInfo dd span {color:#ff6060;}
.nxChargeOn .payTit button {background-position:left -27px;}
.nxChargeOn .payTit button:hover {background-position:left -86px;}
.onCnts {display:none;}
.chargeCplt .payBt button, .chargeCplt .delPay {display:none;}
.chargeCplt .payAmount .num {border-bottom:0;}
.chargeCplt .payBt .txt, .nxCharge .payBt .txt {display:inline-block;width:101px;height:24px;padding-top:12px;font-size:14px;color:#000000;text-align:center;}
.chargeCplt .payTit button {background:none;cursor:default;}

/* 신용카드 */
.cardL {width:496px;margin-left:13px;padding:17px 0 12px 17px;background-color:#f8f9fd;font-size:0;}
.cardL li.card {position:relative;display:inline-block;width:92px;height:80px;margin:0 5px 5px 0;vertical-align: top;}
.cardL li a {display:block;width:92px;height:80px;padding-top:45px;box-sizing: border-box;border:1px solid #f8f9fd;font-size:12px;letter-spacing: -0.18px;line-height: 1.83;text-align:center;background-repeat: no-repeat;background-position: center center;}
.cardL li a:hover {background-color:#edeff4;}
.cardL li a:active, .cardL li a.on {border:1px solid #5c6b87;background-color:#ffffff;}
.cardL li a.shinhan {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_shinhan.png);}
.cardL li a.samsung {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_samsung.png);}
.cardL li a.kb {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_kb.png);}
.cardL li a.hyundai {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_hyundai.png);}
.cardL li a.nh {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nh.png);}
.cardL li a.bc {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_bc.png);}
.cardL li a.woori {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_woori.png);}
.cardL li a.hana {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_hana.png);}
.cardL li a.lotte {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_lotte.png);}
.cardL li a.etc {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_card.png);}
.cardL li .ico {position:absolute;top:4px;left:4px;}
.cardL .etcCardL {display:none;position:absolute;top:82px;right:0px;width:92px;max-height:135px;overflow:auto;overflow-x:hidden;margin:0;background-color:#ffffff;border:1px solid #5c6b87;z-index:100;box-sizing: border-box;}
.cardL .etcCardL::-webkit-scrollbar {width: 5px;height: 5px;}
.cardL .etcCardL::-webkit-scrollbar-track {background-color:rgba(255,255,255,0.8);border-radius: 5px;}
.cardL .etcCardL::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.1);border-radius: 5px;}
.cardL .etcCardL li {display:block;width:auto;}
.cardL .etcCardL li button {display:block;width:100%;height:33px;padding:0 15px;text-align:left;white-space:nowrap;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.cardL .etcCardL li button:hover {background-color:#eff2fa;}
.cardL .etcCardL li img {vertical-align:middle;}
.intInfo {width:513px;height:63px;margin:2px 0 2px 13px;background-color:#f8f9fd;color:#979ea6;}
.intInfo dt, .intInfo dd {display:inline-block;zoom:1;}
.intInfo dt {width:60px;padding:24px 0 0 17px; font-size: 12px;line-height: 1.83;letter-spacing: -0.1px;color: #17191d;}
.intInfo dd {position:relative;z-index:10;}
.intInfo dd button.intBt {display:inline-block;padding-right:13px;text-align:left;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr3.png) no-repeat right 9px;font-size: 12px;line-height: 1.83;letter-spacing: -0.1px;color: #4a4e57;}
.intInfo dd button.on {background-position:right -87px;}
.intInfo dd button.disabled {opacity:0.5;filter:alpha(opacity=50);}
.intInfo dd ul {display:none;position:absolute;bottom:30px;left:-10px;max-height:200px;overflow:auto;overflow-x:hidden;margin:0;background-color:#ffffff;border:1px solid #5c6b87;z-index:100;box-sizing: border-box;}
.intInfo dd ul::-webkit-scrollbar {width: 5px;height: 5px;}
.intInfo dd ul::-webkit-scrollbar-track {background-color:rgba(255,255,255,0.8);border-radius: 5px;}
.intInfo dd ul::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.1);border-radius: 5px;}
.intInfo dd ul li button {width:100px;height:33px;padding-left:10px;text-align:left;font-size:12px;}
.intInfo dd ul li button:hover {background-color:#eff2fa;}

/*포인트 사용*/
.pointInfo{width:calc(100% - 25px);height: 100%; min-height:63px;margin:0 0 2px 13px;padding: 20px 17px; background-color:#f8f9fd;color:#979ea6;position: relative; box-sizing: border-box;}
.pointInfo .pointInfo_content{width: 100%;height: 40px;}
.pointInfo .pinText{margin-top: 5px; font-size: 11px;color: #85868a;letter-spacing: -0.09px;}
.pointInfo .pinText span{font-family: 'Spoqa Han Sans Neo Bold';}

.pointInfo .pinTool{position: relative}
.pointInfo .pinTool button.toolBtn{font-size: 12px; line-height: 1.5;}
.pointInfo .pinTool img{margin-left: 4px; margin-top: -3px; vertical-align:middle;}

.pointInfo .pinTool .pinTool_txt {display:none;position:absolute;bottom: 16px;left: 151px;z-index: 10;padding:10px 0 10px 12px;width: auto; max-width: 255px;background-color: rgba(0,0,0,0.7);}
.pointInfo .pinTool .pinTool_txt button.toolBtn_close{width: 24px;height: 24px;right: 4px;top: 4px;position: absolute;background: url("https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/btn_close_no.png") no-repeat;background-size: 24px 24px;}
.pointInfo .pinTool .pinTool_txt button:hover{background: url("https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/btn_close_ho.png") no-repeat;}
.pointInfo .pinTool .pinTool_txt button:active{background: url("https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/btn_close_pr.png") no-repeat;}
.pointInfo_content .pinTool .pinTool_txt span {width: auto;display:inline-block;font-size:11px;color:#fff;line-height:1.5;padding-right: 10px;margin-right: 28px;letter-spacing: -0.17px}
.pointInfo .pinTool .pinTool_txt span a{color: #fff;text-decoration: underline;}

.pointInfo .pinInput{width: calc(100% - 234px);position: absolute; right: 17px;top: 20px;}
.pointInfo .pinInput .pinInput_box{width: 206px;height: 38px;background-color:#fff;border: 1px solid #edeff4;position: relative;display: inline-block;justify-content: flex-end;display: flex}
.pointInfo .pinInput input{width:auto;vertical-align: bottom; box-sizing:border-box; padding: 8px 0 8px 11px;text-align: right;border: none;outline: none;letter-spacing: 1px;line-height: 1;font-size: 12px;}
.pointInfo .pinInput .closeImg{background: url("https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_inp_enable.png") no-repeat;background-position: center center;width: 15px;height:100%;display: none;padding-left: 5px;}
.pointInfo .pinInput .pinInput_box p{color:#4a4e57;font-size: 12px;padding: 11px 0 12px 4px;line-height: 1.5;margin-right: 11px}
.pointInfo .pinInput button{width: 66px;height: 40px;color: #fff;background-color: #535969;font: 12px 'Spoqa Han Sans Neo Medium';position: absolute;right: 0;top: 0;}

.pointInfo .finalPoint{width: 100%;border-top: 1px solid #edeff4;margin-top: 12px;padding-top: 13px;}
.pointInfo .finalPoint dl{color: #4a4e57;font-size: 12px;}
.pointInfo .finalPoint dl:nth-child(1){margin-bottom: 10px;}
.pointInfo .finalPoint dl dt{float: left;text-align: left;}
.pointInfo .finalPoint dl dd{text-align: right;}

/* 넥슨페이 */
.nxPayL {width:496px;margin-left:13px;padding:17px 0 12px 17px;background-color:#f8f9fd;font-size:0;}
.nxPayL li {position:relative;display:inline-block;width:157px;height:80px;margin:0 5px 5px 0;vertical-align: top;}
.nxPayL li a {display:block;width:157px;height:80px;padding-top:45px;box-sizing: border-box;border:1px solid #f8f9fd;font-size:12px;letter-spacing: -0.18px;line-height: 1.83;text-align:center;background-repeat: no-repeat;background-position: center center;}
.nxPayL li a:hover {background-color:#edeff4;}
.nxPayL li a:active, .nxPayL li a.on {border:1px solid #5c6b87;background-color:#ffffff;}
.nxPayL li a.creditCard {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_creditcard.png);}
.nxPayL li a.mobilePhone {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_mobilephone.png);}
.nxPayL li a.bankAccount {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_bankaccount.png);}
.nxPayL li .ico {position:absolute;top:4px;left:4px;}
.nxPayCnts {position:relative;width:513px;height:63px;margin:2px 0 2px 13px;background-color:#f8f9fd;color:#979ea6;}
.nxPayCnts a {position:absolute;top:24px;right:30px;font-size: 12px;line-height: 1.83;letter-spacing: -0.1px;color: #17191d;text-decoration:underline;}
.nxPayCnts p {padding:24px 0 0 17px;font-size: 12px;line-height: 1.83;letter-spacing: -0.1px;color: #4a4e57;}
.nxPayCnts .selectBoxSec {position:relative;display:inline-block;padding:24px 0 0 17px;font-size: 12px;line-height: 1.83;letter-spacing: -0.1px;color: #4a4e57;}
.nxPayCnts .selectBoxSec button {padding-right:13px;font-size: 12px;line-height: 1.83;letter-spacing: -0.1px;color: #4a4e57;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr3.png) no-repeat right 9px;}
.nxPayCnts .selectBoxSec button.disabled {opacity:0.5;filter:alpha(opacity=50);}
.nxPayCnts .selectBoxSec .selectBoxList {display:none;position:absolute;top:50px;left:6px;max-height:200px;overflow:auto;overflow-x:hidden;margin:0;background-color:#ffffff;border:1px solid #5c6b87;z-index:100;box-sizing: border-box;}
.nxPayCnts .selectBoxSec .selectBoxList li button {display:block;width:100%;padding:5px 10px;text-align:left;background:none; white-space: nowrap;}
.nxPayCnts .selectBoxSec .selectBoxList li button:hover {background-color:#eff2fa;}
.nxpaySelect {position:relative;width:320px;margin-top:6px;font-size:0;}
.nxpaySelect .selectBoxSec {display:inline-block; vertical-align: top;}
.nxpaySelect .selectBoxSec a {display:block;width:224px;height:40px;padding:11px 0 0 12px;background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr4_new.png) no-repeat right 10px top 12px;border: solid 1px #edeff4;box-sizing:border-box;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.nxpaySelect .selectBoxSec a.on {border-color:#5c6b87;}
.nxpaySelect .selectBoxSec .selectBoxList {display:none;position:absolute;top:42px;left:0;width:226px;background-color: #ffffff;border:1px solid #5c6b87;box-sizing: border-box;}
.nxpaySelect .selectBoxSec .selectBoxList li button {display:block;clear:both;width:100%;padding:6px 0 6px 12px;word-break: break-all;word-wrap: break-word;font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #17191d;text-align:left;}
.nxpaySelect .selectBoxSec .selectBoxList li button:hover {background-color:#edeff4;}
.nxpaySelect .btSec {display:inline-block; vertical-align: top;margin-left:6px;}
.nxpaySelect .bt {display:inline-block !important;width:88px !important;margin-top:0 !important;}
/* 간편결제 */
.nxPayL li a.kakaopay {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_kakaopay_new.png);}
.nxPayL li a.chaipay {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_chaipay_new.png);}
.nxPayL li a.payco {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_payco_new.png);}
.nxPayL li a.samsungpay {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_samsungpay_new.png);}
.nxPayL li a.naverpay {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_naverpay_new.png);}
.nxPayL li a.ssgpay {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_ssgpay_new.png);}
.nxPayL li a.Toss {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_Toss_new.png);}
.nxPayL li a.alipayplus {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_alipayplus.png);}
.nxPayL li a.quicktransfer {background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_quicktransfer.png);}
/* 상품권 */
.nxPayL li a.culture {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_cultureland.png);}
.nxPayL li a.booklife {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_bookgiftcard.png);}
.nxPayL li a.happy {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_happymoney.png);}
.nxPayL li a.culturegift {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_culturegift.png);}
/* 기타 */
.nxPayL2 li {height:52px;}
.nxPayL2 li a {height:52px;padding-top:15px;border:1px solid #edeff4;}
/* 레이어 */
.layerChargeSec {position:absolute;z-index:20;width:380px;height:560px;background-color:#f5f6f9;}
.layerChargeSec .inputTxt {height:40px;text-indent:12px;border:1px solid #edeff4;background-color:#ffffff;box-sizing:border-box;font-size: 12px;letter-spacing: -0.18px;color:#4a4e57;}
.layerChargeSec .inputTxt::placeholder {color:#a4a6ab;}
.layerChargeSec .inputTxt::-webkit-input-placeholder {color:#a4a6ab;}
.layerChargeSec .inputTxt:-ms-input-placeholder {color:#a4a6ab;}
.layerChargeSec .inputTxt:focus {border-color:#1475fc;color:#17191d;}
.layerChargeSec .inputTxt.error {border-color:#ff6060;}
.layerChargeSec .closeBt {position:absolute;top:10px;right:10px;}
.layerChargeSec .closeBt a {display:inline-block;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close2.png) no-repeat left top;}
.layerChargeSec .layerHeader {height:104px;background-color:#17191d;color:#cccccc;text-align:center;}
.layerChargeSec .layerHeader .tit {padding:22px 0 2px;font-size:14px;line-height: 1.29;letter-spacing: -0.11px;}
.layerChargeSec .layerHeader .amount {font:32px 'Spoqa Han Sans Neo Medium';color:#ffffff;line-height: 1.25;}
.layerChargeSec .layerChargeCnts {overflow:auto;overflow-x:hidden;height:276px;margin-top:24px;padding-left:30px;}
.layerChargeSec .layerChargeCnts::-webkit-scrollbar {width: 5px;height: 5px;}
.layerChargeSec .layerChargeCnts::-webkit-scrollbar-track {background-color:#f5f6f9;border-radius: 5px;}
.layerChargeSec .layerChargeCnts::-webkit-scrollbar-thumb {background-color:#abafb3;border-radius: 5px;}
.layerChargeSec .layerChargeCntsNoScroll {overflow:visible;}
.layerChargeSec .layerChargeCntsDimmed {opacity:0.5;filter:alpha(opacity=50); }
.layerChargeSec .layerChargeCntsDimmed a {pointer-events: none;}
.layerChargeSec .layerChargeCntsDimmed input {pointer-events: none;}
.layerChargeSec .layerChargeCnts .nxCardPinList {padding-bottom:3px;}
.layerChargeSec .layerChargeCnts .nxCardPinList li {position:relative;display:table;width:320px;margin-bottom:7px;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .delBt {display:table-cell;width:24px;padding:12px 0px 0 0;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .delBt a {display:inline-block;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close.png) no-repeat 3px 3px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .inputTxt {display:table-cell;width:100%;max-width:296px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .amount {position:absolute;top:12px;right:12px;font:12px 'Spoqa Han Sans Neo Bold';line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeCnts .nxCardPinList2 li .inputTxt {max-width:296px;color:#a4a6ab;}
.layerChargeSec .layerChargeCnts .nxCardPinList2 li .amount {position:absolute;top:12px;right:12px;font:12px 'Spoqa Han Sans Neo Bold';line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .btSec {display:table-cell;width:66px;padding-left:6px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .btSec .bt {width:66px;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList {padding-bottom:3px;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li {position:relative;display:table;width:320px;margin-bottom:7px;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .delBt {display:table-cell;width:24px;padding:12px 0px 0 0;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .delBt a {display:inline-block;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close.png) no-repeat 3px 3px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .inputTxt {display:table-cell;width:100%;max-width:296px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .amount {position:absolute;top:12px;right:12px;font:12px 'Spoqa Han Sans Neo Bold';line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList2 li .inputTxt {max-width:296px;color:#a4a6ab;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList2 li .amount {position:absolute;top:12px;right:12px;font:12px 'Spoqa Han Sans Neo Bold';line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .btSec {display:table-cell;width:66px;padding-left:6px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .btSec .bt {width:66px;}
.layerChargeSec .layerChargeCnts .addPinNum {padding-left:24px;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #4a4e57;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_plus2.png) no-repeat left top;}
.layerChargeSec .layerChargeCnts .addPinNum2 {padding-left:0;background:none;color:#ff6060;}
.layerChargeSec .layerChargeCnts .amountTxt {width:320px;margin-top:16px;padding-top:16px;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #4a4e57;border-top:1px solid #dee0e3;}
.layerChargeSec .layerChargeCnts .amountTxt span, .layerChargeSec .layerChargeCnts .addPinNum2 span {font-family: 'Spoqa Han Sans Neo Bold';}
.layerChargeSec .layerChargeCnts .mobileNumber input {width:320px;margin-bottom:6px;}
.layerChargeSec .layerChargeCnts .mobileNumberCheck input {display:block;width:320px;margin-bottom:7px;text-indent:36px;color:#a4a6ab;background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_gr.png) no-repeat 10px 12px;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li {width:25% !important;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li:nth-of-type(4) {width: calc(25% + 3px) !important;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li:nth-of-type(4) a {display:block;overflow: hidden;padding:10px 15px 0 12px;white-space: nowrap;text-overflow: ellipsis;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr4_new.png) no-repeat center right 10px;text-align:left;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec {position:relative;z-index:50;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList {display:none;position:absolute;top:42px;left:0px;padding-left:1px;background-color:#ffffff;box-sizing: border-box;border:1px solid #5c6b87;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList li {float:none;display:block;clear:both;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList li button {display:block;clear:both;width:81px;padding:6px 0 6px 12px;word-break: break-all;word-wrap: break-word;font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #17191d;text-align:left;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList li button:hover {background-color:#edeff4;}
.layerChargeSec .layerChargeCnts .mobileCarrierList2 li {width:33.3333333% !important;}
.layerChargeSec .layerChargeCnts .mobileCarrierList2 li:nth-of-type(2) {width:calc(33.3333333% + 2px) !important;}
.layerChargeSec .layerChargeCnts .mobileRadio {margin:14px 0 12px;}
.layerChargeSec .layerChargeCnts .mobileRadio li {display: inline-block;margin-right:24px;}
.layerChargeSec .layerChargeCnts .mobileRadio li label, .layerChargeSec .layerChargeCnts .mobileCheck label {font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeCnts .mobileAuthSec {position:relative;margin-top:10px;font-size:0;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .num {display:block;width:320px;margin-bottom:6px;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .pw {width:226px;margin-right:6px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .bt {width:88px; vertical-align: top;}
.layerChargeSec .layerChargeCnts .mobileAuthSec2 .bt {width:320px;}
.layerChargeSec .layerChargeCnts .mobileAuthSec p {padding-top:6px;font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .btSec2 {position:absolute;top:12px;left:181px;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .btSec2 a {display:inline-block;text-decoration: underline;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeCnts .mobileNumber .bt, .layerChargeSec .toss .bt, .layerChargeSec .nxpay .bt, .layerChargeSec .kakaopay .bt, .layerChargeSec2 .layerCnts2 .bt {display:block;width:320px;}
.layerChargeSec .toss .bt, .layerChargeSec .nxpay .bt, .layerChargeSec .kakaopay .bt {margin-top:6px;}
.layerChargeSec .nxpay .pinNum .bt {display:inline-block;vertical-align: bottom;}
.layerChargeSec .nxpay .pinNum .pw {width:320px;margin-top:6px;}
.layerChargeSec .layerChargeBottom {position:absolute;bottom:0;left:0;width:320px;height:112px;padding:20px 30px 24px;}
.layerChargeSec .layerChargeBottom .chargeCheckSec {padding-top:16px;border-top:1px solid #dee0e3;}
.layerChargeSec .layerChargeBottom .chargeCheckSec label {font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeBottom .layerBtSec .bt {display:block;width:auto;height:46px;margin-top:14px;padding-top:14px;}
.layerChargeSec .dimmedLayerBottom label {color:#85868a !important;pointer-events: none;}
.layerChargeSec .dimmedLayerBottom label span {color:#c3c7ce;}
.layerChargeSec .dimmedLayerBottom .bt {background-color:#accffd;border-color:#accffd;pointer-events: none;}
.layerChargeSec .creditCardAgreement .checkboxSec label {font-size:12px;color:#17191d;}
.layerChargeSec .creditCardAgreement .checkboxSec label span.on {background-color:none;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_gr2.png) no-repeat center center / 16px 16px;}
.layerChargeSec .creditCardAgreement .checkboxSec2 label {color:#4a4e57;}
.layerChargeSec .creditCardAgreement ul {margin-top:12px;}
.layerChargeSec .creditCardAgreement ul li {width:320px;margin-bottom:5px;}
.layerChargeSec .creditCardAgreement ul li::after {content:''; clear:both;display:table;}
.layerChargeSec .creditCardAgreement ul li a {color:#a4a6ab;text-decoration:underline;font-size:12px;letter-spacing: -0.18px;}
.layerChargeSec .creditCardAgreement ul li .checkboxSec2 {float:left;}
.layerChargeSec .creditCardAgreement ul li a {float:right;margin-top:2px;}
.layerChargeSec .creditCardAgreement ul li a:hover {color:#4a4e57;}
.layerChargeSec .textSec {width:320px;padding:34px 0 36px;border:1px solid #edeff4;background-color:#ffffff;box-sizing: border-box;font-size:12px;text-align:center; line-height: 1.67;letter-spacing: -0.18px;color:#4a4e57;}
.layerChargeSec .textSec2 {padding:88px 0 52px;}
.layerChargeSec .textSec.alarmTxtSec {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_alarm.png) no-repeat center 36px;}
.layerChargeSec .textSec.cfmTxtSec {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_confirm.png) no-repeat center 36px;}
.layerChargeSec .textSec.cfmTxtSec2 {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_confirm3.png) no-repeat center 36px;}
.layerChargeSec .textSec.msgTxtSec {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_msg.png) no-repeat center 36px;}
.layerChargeSec .textSec .txt1 {padding-bottom:8px;font:13px 'Spoqa Han Sans Neo Medium'; line-height: 1.67;letter-spacing: -0.18px;color:#17191d;}
.layerChargeSec .textSec .txt2 a {color:#1475fc;text-decoration:underline;}
.layerChargeSec .textSec .txt3 {width:260px;margin:16px auto 0;padding-top:16px;color:#ff6060;text-align:center;border-top:1px solid #edeff4;}
.layerChargeSec .cate {width:320px;margin-bottom:-1px;padding-left:1px;font-size:0;}
.layerChargeSec .cate li {display:inline-block;width:33.3333333%;margin-left:-1px;vertical-align: top;background-color:#ffffff;}
.layerChargeSec .cate li a {display:inline-block;width:100%;height:40px;padding-top:10px;color:#17191d;font-size:12px;line-height: 1.5;  letter-spacing: -0.18px;text-align:center; white-space: nowrap;box-sizing: border-box;border:1px solid #edeff4;}
.layerChargeSec .cate li:nth-of-type(2) {width:calc(33.3333333% + 2px);}
.layerChargeSec .cate li a:hover {background-color:#edeff4;}
.layerChargeSec .cate li a.on {border-color:#5c6b87;z-index:1;position:relative;}
.layerChargeSec .cate2 li, .layerChargeSec .cate2 li:nth-of-type(2) {width:50%;}
.layerChargeSec .ssgpay .mobileNumber {position:relative;margin-top:12px;}
.layerChargeSec .ssgpay .mobileNumber .time {position:absolute;top:11px;left:284px;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .loginSec {margin-top:12px;}
.layerChargeSec .loginSec input {display:block;width:320px;margin-bottom:6px;}
.layerChargeSec .loginSec .loginBt {display: block;width:320px;padding-top:4px;}
.layerChargeSec .loginSec .loginBt .bt {display:block;width:320px;}
.layerChargeSec .loginSec .findBt {padding-top:10px;}
.layerChargeSec .loginSec .findBt a {color:#4a4e57;font-size:12px;text-decoration:underline;}
.layerChargeSec .cultureland .stit {padding-top:20px;font-size:12px; line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .cultureland .stit2 {padding:16px 0 5px;width:320px;border-top:1px solid #dee0e3;}
.layerChargeSec .cultureland .stit3 {padding-top:0;}
.layerChargeSec .cashInfo {width:320px;padding:0 0 16px;}
.layerChargeSec .cashInfo::after {content:'';display: table;clear:both;}
.layerChargeSec .cashInfo dt, .layerChargeSec .cashInfo dd {float:left;font-size:12px; line-height: 1.5;letter-spacing: -0.18px;}
.layerChargeSec .cashInfo dt {clear:both;width:74px;margin-top:10px;color: #4a4e57;}
.layerChargeSec .cashInfo dd {width:246px;margin-top:10px;color: #17191d;}
.layerChargeSec .cashInfo dd span {color:#ff6060;}
.layerChargeSec .pinNum input {width:224px;}
.layerChargeSec .pinNum .bt {width:90px;margin-left:2px;}
.layerChargeSec .bankAccount ul li {width:320px;margin-bottom:6px;}
.layerChargeSec .bankAccount ul li a {display:block;width:100%;height:40px;padding-top:10px;background-color:#ffffff;text-align:center;border:1px solid #edeff4;box-sizing: border-box;font-size: 13px;line-height: 1.69;letter-spacing: -0.2px;color: #17191d;}
.layerChargeSec .bankAccount ul li a.on {border-color:#5c6b87;z-index:1;position:relative;}
.layerChargeSec .bankAccount ul li a:hover {background-color:#edeff4;}
.layerChargeSec .loadingSec {position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;z-index:20;}
.layerChargeSec .loadingSec .loading {position:relative;}
.layerChargeSec .loadingSec span {display:inline-block;}
.layerChargeSec .loadingSec .loading1 {width:24px;height:24px;border:3px solid #eeeeee;border-radius: 50%;}
.layerChargeSec .loadingSec .loading2 {position:absolute;top:0;left:0;width:15px;height:15px;overflow:hidden;;transform-origin:bottom right;animation:loadingAni 1s linear infinite;}
.layerChargeSec .loadingSec .loading2 span {position:absolute;top:0;left:0;width:24px;height:24px;border:3px solid #5c6b87;border-radius: 50%;}
@keyframes loadingAni {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
.layerChargeSec .layerChargeCnts .errorMsg {display:flex;width:320px;height:100%;flex-direction: column;text-align:center;justify-content: center; align-items: center;  }
.layerChargeSec .layerChargeCnts .errorMsg p {padding-top:44px;font-size: 12px;line-height: 1.67;letter-spacing: -0.18px;color: #4a4e57;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert2_new.png) no-repeat center top;}
.layerChargeSec .layerChargeCnts .errorMsg span {display:block;margin-top:5px;font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec .layerChargeContainer .errorMsg {display:flex;width:320px;height:100%;flex-direction: column;text-align:center;justify-content: center; align-items: center;  }
.layerChargeSec .layerChargeContainer .errorMsg p {padding-top:44px;font-size: 12px;line-height: 1.67;letter-spacing: -0.18px;color: #4a4e57;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert2_new.png) no-repeat center top;}
.layerChargeSec .layerChargeContainer .errorMsg span {display:block;margin-top:5px;font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec .layerChargeContainer .exchangeRate {position:relative;padding-top:2px;font-size:12px;}
.layerChargeSec .layerChargeContainer .exchangeRate .currency {display:inline-block;vertical-align: top;}
.layerChargeSec .layerChargeContainer .exchangeRate .tooltip {position:relative;display:inline-block;z-index:10;}
.layerChargeSec .layerChargeContainer .exchangeRate .tooltip a {display:inline-block;width:12px;height:12px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert4.png) no-repeat center center;} 
.layerChargeSec .layerChargeContainer .exchangeRate .tooltip .tooltipCnts {display:none;position:absolute;top:24px;left:-76px;padding:8px;white-space: nowrap;background-color:#4c4c4c;font-size: 12px;letter-spacing: -0.36px;color: #ffffff;border-radius: 4px;}
.layerChargeSec .layerChargeContainer .exchangeRate .tooltip .tooltipCnts::before {position:absolute;top:-6px;left:78px;content:'';display:inline-block;width:8px;height:6px;background: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bg_tooltip.png) no-repeat center center;}
.layerChargeSec2 .layerHeader {height:38px;}
.layerChargeSec2 .layerHeader .tit {padding-top:10px;font:14px 'Spoqa Han Sans Neo Medium';line-height: 1.29;letter-spacing: -0.11px;color: #fff;}
.layerChargeSec2 .layerCnts2 {margin-left:30px;}
.layerChargeSec2 .layerCnts2 .infoTxt {width:320px;padding:24px 0 16px;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerAgreeList {width:320px;border-top:1px solid #dee0e3;}
.layerChargeSec2 .layerAgreeList li {position:relative;padding:16px 0;border-bottom:1px solid #e6e8ed;}
.layerChargeSec2 .layerAgreeList li .disabled {opacity:0.5;filter:alpha(opacity=50);}
.layerChargeSec2 .layerAgreeList li button {position:absolute;top:16px;right:6px;display:inline-block;width:20px;height:20px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat center 7px;}
.layerChargeSec2 .layerAgreeList li button.on {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat center -24px;}
.layerChargeSec2 .layerAgreeList li button:hover {background-position:center -53px;}
.layerChargeSec2 .layerAgreeList li button.on:hover {background-position:center -83px;}
.layerChargeSec2 .layerAgreeList li .checkCnts {display:none;overflow:auto;width:320px;height:140px;margin-top:18px;padding:10px;font-size:11px;background-color:#ffffff;color:#92959f;outline:0;resize:none;box-sizing: border-box;border:1px solid #edeff4;}
.layerChargeSec2 .layerCnts2 {overflow: auto; overflow-x: hidden; height:446px; }
.scroll::-webkit-scrollbar {width: 5px;height: 5px;}
.scroll::-webkit-scrollbar-track {background-color:#f5f6f9;border-radius: 5px;}
.scroll::-webkit-scrollbar-thumb {background-color:#abafb3;border-radius: 5px;}
.layerChargeSec2 .layerCnts2 .layerAgreeList li {padding-bottom:14px;}
.layerChargeSec2 .layerCnts2 .layerAgreeList li .checkboxSec {height:auto;width:265px;}
.layerChargeSec2 .layerCnts2 .layerAgreeList li label {position:relative;width:265px;height:auto;padding-top:0;line-height:1.5;word-break: break-all;word-wrap: break-word;font-size: 12px;letter-spacing: -0.18px;color: #17191d;white-space:normal !important;padding-left:25px;text-indent:-25px;}
.layerChargeSec2 .layerCnts3 {height:420px;margin-top:26px;}
.layerChargeSec2 .layerCnts3 .cardSelect {padding:0px 0 28px;}
.layerChargeSec2 .layerCnts3 .cardSelect p.tit {clear:both;margin:18px 0 11px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts3 .cardSelect > p.tit:first-child {margin-top:0;}
.layerChargeSec2 .layerCnts3 .cardSelect p.cardInfo {width:320px;}
.layerChargeSec2 .layerCnts3 .cardSelect p.cardInfo input {width:100%;}
.layerChargeSec2 .layerCnts3 .cardSelect p.cardInfo span.errorMsg {display:inline-block;padding:10px 0 1px;font-size: 12px;letter-spacing: -0.18px;color: #ff6060;}
.layerChargeSec2 .layerCnts3 .cardSelect .expDate2Sec, .layerChargeSec2 .layerCnts3 .cardSelect .cvcSec {display:inline-block;vertical-align: top;}
.layerChargeSec2 .layerCnts3 .cardSelect .cvcSec {margin-left:2px;}
.layerChargeSec2 .layerCnts3 .cardSelect .expDate2Sec p.cardInfo, .layerChargeSec2 .layerCnts3 .cardSelect .cvcSec p.cardInfo {width:157px;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL {margin:0;padding:0;padding-left:1px;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li {width:calc(25% + 1px);margin-top:-1px;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a {height:76px;padding-top:46px;font-size: 1px;letter-spacing: -0.17px;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a.disabled {color:#a4a6ab;pointer-events: none;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a.kb.disabled {background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_kb_disabled.png);}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a.bc.disabled {background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_bc_disabled.png);}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a.nh.disabled {background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nh_disabled.png);}
.layerChargeSec2 .layerCnts4 {height:471px;padding-bottom:24px;}
.layerChargeSec2 .layerCnts4 .layerChargeCnts {height:auto;margin-top:0;padding-left:0;overflow:visible;}
.layerChargeSec2 .layerCnts4 .mobileNumber input {margin:6px 0 0;}
.layerChargeSec2 .layerCnts4 .cardSelect {padding-bottom:0;}
.layerChargeSec2 .layerCnts4 .nxpay .bt {margin-top:24px;}
.layerChargeSec2 .layerCnts4 .creditCardAgreement ul {margin:14px 0 9px;}
.layerChargeSec2 .layerCnts4 .creditCardAgreement ul li {margin-bottom:0;}
.layerChargeSec2 .layerCnts4 .layerAgreeList {border-top:0;}
.layerChargeSec2 .layerCnts4 .layerAgreeList li {position:relative;padding:0;border:0;padding-bottom:6px;}
.layerChargeSec2 .layerCnts4 .layerAgreeList li button {top:0;}
.layerChargeSec2 .layerCnts4 .layerAgreeList li .checkCnts {overflow:visible;height:auto;margin-top:9px;margin-bottom:-2px;padding:0 0 0px;background:none;border:0;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec {margin-top:6px;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec .btSec {bottom:auto;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec .btSec .bt {margin-top:0 !important;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec .btSec2 {top:15px;left:190px;width:auto;text-align:left;display:inline-block;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec span.errorMsg {display:block;height:auto;padding-top:10px;text-align:left;font-size: 12px;letter-spacing: -0.18px;color: #ff6060;}
.layerChargeSec2 .layerCnts4 .chargePassword .cardSelect {margin-bottom:40px;}
.layerChargeSec2 .layerCnts4 .chargePassword .cardSelect .errorMsg {display:block;height:auto;margin:23px 0 -32px;text-align:left;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #ff6060;}
.layerChargeSecSimplePay .layerCnts4 ul.nxpayNotice {width:320px;padding-top:13px;}
.layerChargeSecSimplePay .layerCnts4 ul.nxpayNotice li {padding:0 0 4px 8px;text-indent:-8px;font-size: 11px;line-height: 1.45;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSecSimplePay .layerCnts4 ul.nxpayNotice li span {display:inline-block;width:3px;height:3px;margin:0 5px 3px 0;border-radius:50%;background-color:#c3c6cd;vertical-align: middle;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li {display:flex;width:320px;height:60px;margin-bottom:6px;padding-left:63px;align-items: center; box-sizing: border-box;border: 1px solid #edeff4;background-color:#ffffff;background-repeat: no-repeat;background-position: left center; font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.credit {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_creditcard2.png);}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.mobile {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_mobilephone2.png);}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.bankAccount {background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_bankaccount2.png);}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.txt {width:64px;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.number {width:131px;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.selBt1 {width:28px;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.selBt1 a, .layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .chargeList li span.selBt2 a {display:inline-block;width:20px;height:20px;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.selBt1 a {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_star1.png) no-repeat center center;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.on span.selBt1 a, .layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .chargeList li span.selBt1 a:hover {background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_star2.png);}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.selBt2 a {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_trash1.png) no-repeat center center;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.on span.selBt2 a, .layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .chargeList li span.selBt2 a:hover {background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_trash2.png);}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxpayChargeBottom {position:absolute;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxpayChargeBt button {display:inline-block;width:320px;height:53px;padding-top:17px;box-sizing: border-box;border:1px dashed #c3c6cd;text-align:center;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxpayChargeBt button:hover {background-color:#ffffff;}
.layerChargeSecSimplePay .layerCnts4 .nxpayChargeList .nxpayChargeBt button span {display:inline-block;padding:2px 0 20px 22px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_plus3.png) no-repeat 0% 15%;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .textSec2 {padding-bottom:35px;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .textSec.msgTxtSec {background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_security.png);}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .textSec.msgTxtSec .txt1 {font-family: 'Spoqa Han Sans Neo Medium';}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .textSec.msgTxtSec ul {width: 260px;margin: 16px auto 0;padding-top: 16px;border-top: 1px solid #edeff4;text-align:left;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .nxpaySecurityBt {width:320px;padding-top:8px;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .nxpaySecurityBt li {display:flex;height:72px;align-items: center; justify-content: space-between; font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .nxpaySecurityBt li:first-child {border-bottom:1px solid #dee0e3;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .nxpaySecurityBt li .bt {width:143px;}
.layerChargeSec2 .layerCnts4 .nxpay {position:relative;z-index:10;}
.layerChargeSec2 .layerCnts4 .nxpayErrorSec {position:absolute;display:flex;width:320px;height:100%;margin-top:-76px;align-items: center;justify-content: center;text-align:center;font-size: 12px;line-height: 1.67;letter-spacing: -0.18px;color: #4a4e57;}
.layerChargeSec2 .layerCnts4 .nxpayErrorSec p {padding-top:44px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert2_new.png) no-repeat center top;}
.layerChargeSec2 .btSec {position:absolute;bottom:24px;}
.layerChargeSec2 .btSec2 {left:0;width:100%;font-size:0;text-align:center;}
.layerChargeSec2 .btSec2 .bt {display:inline-block;width:155px;margin:0 5px;padding-top:11px;}
.layerChargeSec2 h2 {width:320px;margin:21px auto 13px;font:12px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 h2 span {float:right;font-family: 'Spoqa Han Sans Neo';color: #929aa4;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth {width:320px;margin:28px auto 0;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth::after {content: '';display:table;clear:both;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth dt, .layerChargeSec2 .layerCnts .chargeInfoThisMonth dd {float:left;margin-bottom:17px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth dt {clear:both;width:120px;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth dd {width:200px;text-align:right;}
.layerChargeSec2 .layerCnts .chargeLimitNotice {width:320px;margin:0 auto;padding-top:12px;border-top:1px solid #dee0e3;}
.layerChargeSec2 .layerCnts .chargeLimitNotice li, .modalSec .arsNotice li {font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec2 .layerCnts .chargeLimitNotice li span, .modalSec .arsNotice li span {display:inline-block;width:3px;height:3px;margin:0 5px 3px 0;background-color:#c3c6cd;border-radius: 50%;vertical-align: middle;}
.layerChargeSec3 {background-color:#ffffff;}
.layerLimitSetComplete {margin:0 30px;}
.layerLimitSetComplete .txt {padding-top:46px;font-size: 14px;letter-spacing: -0.21px;color: #000000;text-align:center;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_confirm2.png) no-repeat center top;}
.layerChargeSec3 .layerLimitSetComplete .txt {margin-top:140px;}
.layerLimitSetComplete dl {width:280px;margin-top:26px;padding:7px 0 17px;border-top:1px solid #dee0e3;border-bottom:1px solid #dee0e3;}
.layerLimitSetComplete dl::after {content:'';display:table;clear:both;}
.layerLimitSetComplete dl dt, .layerLimitSetComplete dl dd {float:left;padding-top:11px;font-size: 12px;vertical-align: top;}
.layerLimitSetComplete dl dt {clear:both;width:140px;color: #4a4e57;line-height: 1.67;text-align:left;}
.layerLimitSetComplete dl dd {width:140px;text-align:right;line-height: 1.5;font: 12px 'Spoqa Han Sans Neo Bold';color: #17191d;} 
.layerLimitSetComplete .txt2 {margin-top:11px;padding-bottom:2px;font-size: 11px;color: #79818a;text-align:left;}
.layerLimitSetComplete .txt2 a {color:#79818a;text-decoration: underline;}
.layerLimitSetComplete .btSec {position:relative;bottom:auto;margin-top:30px;text-align:center;}
.layerLimitSetComplete .btSec .bt {width:92px;padding-top:11px;}
.modalSec .layerLimitSetComplete .btSec .bt {display:inline-block;width:135px;margin:0;}
.modalSec .layerLimitSetComplete .btSec .bt:first-child {margin-right:10px;}
.layerChargeSec4 {height:auto;padding-bottom:24px;}
.layerChargeSec4 .btSec2, .layerChargeSec4 .btSec3 {position:relative;bottom:auto;padding-top:30px;text-align:center;}
.layerChargeSec4 .btSec2 .bt {width:155px;}
.layerChargeSec4 .btSec3 .bt {width:320px;}
.layerChargeSec4 .autoChargeCheck, .layerChargeSec4 .autoChargeNotice {width:320px;margin:0 auto;}
.layerChargeSec4 .autoChargeCheck {display:flex;justify-content: space-between;margin:20px auto 18px;}
.layerChargeSec4 .autoChargeCheck p {padding-top:6px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec4 .autoChargeCheck .checkboxSec label {position:relative;width:50px;height:24px;background-color:#64686b;border-radius: 12px;}
.layerChargeSec4 .autoChargeCheck .checkboxSec label span.checkbox {position:absolute;top:2px;transform:translateX(2px);transition:0.3s;width:20px;height:20px;margin:0;border-radius:50px;border-color:#ffffff;}
.layerChargeSec4 .autoChargeCheck .checkboxSec input[type="checkbox"]:checked + label {background-color: #1475fc;}
.layerChargeSec4 .autoChargeCheck .checkboxSec input[type="checkbox"]:checked + label span.checkbox {left:auto;transform:translateX(28px);background-image:none;background-color:#ffffff;border-color:#ffffff;}
.layerChargeSec4 .autoChargeNotice {padding:12px 0 4px;border-top:1px solid #dee0e3;font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec5 {height:320px;}
.layerChargeSec5 .mobileNumber, .layerChargeSec5 .txt, .layerChargeSec5 .checkboxSec {width:320px;margin:0 auto;}
.layerChargeSec5 .mobileNumber .inputTxt {width:100%;}
.layerChargeSec5 .btSec {width:100%;text-align:center;}
.layerChargeSec5 .btSec .bt {width:320px;}
.layerChargeSec5 .mobileRadio {width:320px;margin:24px auto 13px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec5 .mobileRadio li {display:inline-block;margin-right:24px;}
.layerChargeSec5 .checkboxSec {margin:13px auto 16px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec5 .checkboxSec label {margin-top:-3px;}
.layerChargeSec5 .txt {padding-top:12px;border-top:1px solid #dee0e3;font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec6 .layerCnts {overflow:auto;overflow-x:hidden;height:452px;margin:24px 0 0 30px;padding-right:30px;}
.layerChargeSec6 .tabCnts {font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #4a4e57;}
.layerChargeSec6 .chageInfoCate {height:60px;padding:32px 0 0 30px;box-sizing:border-box;background-color:#17191d;font-size:0;}
.layerChargeSec6 .chageInfoCate li {display:inline-block;margin-right:10px;}
.layerChargeSec6 .chageInfoCate li a {display:inline-block;height:28px;font:14px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.11px;color: #a4a6ab;box-sizing: border-box;border-bottom:2px solid #17191d;}
.layerChargeSec6 .chageInfoCate li a.on {border-color:#ffffff;color:#ffffff;}
.layerChargeSec6 .infoLayerList {width:320px;}
.layerChargeSec6 .infoLayerList li {vertical-align:top;border-bottom:1px solid #dee0e3;}
.layerChargeSec6 .infoLayerList li:last-child {border-bottom:0;}
.layerChargeSec6 .infoLayerList li a {text-decoration: underline;}
.layerChargeSec6 .infoLayerList li button {display:block;width:320px;height:46px;padding-bottom:1px;text-align:left;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat 299px 18px;font:12px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec6 .infoLayerList li button.on {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat 299px -13px;}
.layerChargeSec6 .infoLayerList li button:hover {background-position:299px -42px;}
.layerChargeSec6 .infoLayerList li button.on:hover {background-position:299px -72px;}
.layerChargeSec6 .infoLayerList li .cntsTxt {display:none;margin-top:-3px;padding-bottom:14px;line-height: 1.5;letter-spacing: -0.18px;}
.layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl {overflow:hidden;width:320px;}
.layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl dt, .layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl dd {float:left;color:#79818a;line-height:1.7;}
.layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl dt {clear:both;width:113px;font-weight:bold;}
.layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl dd {width:207px;padding-bottom:20px;}
.guideLayer .layerCnts .tabCnts {display:none;font-size:11px;}

/* 완료 레이어 */
.cpltWrapper {overflow:auto;}
.cpltSec {width:520px;margin:0 auto;}
.cpltSec .cnts {padding:50px 60px;background-color:#ffffff;}
.cpltSec .cnts h1 {width:400px;padding-bottom:40px;border-bottom:1px solid #edeff4;text-align:center;font-size:20px;font-weight:normal;color:#000000;letter-spacing:-0.3px;line-height:1.1;}
.cpltSec .cnts h1 .num {display:inline-block;font:24px 'Spoqa Han Sans Neo Bold';line-height: 0.92;letter-spacing: 0.36px;color: #1475fc;}
.cpltSec .cnts h1 .txt {display:block;padding-top:10px;font-size: 13px;line-height: 1.69;letter-spacing: -0.2px;color: #4a4e57;}
.cpltSec .cnts h1 .txt2 {font-size: 22px;line-height: 1;letter-spacing: -0.33px;color: #000;}
.cpltSec .btSec {text-align:center;font-size:0;}
.cpltSec .btSec .bt {margin:0 5px;}
.clptChargeL {width:400px;padding:0 0 20px;font:14px 'Spoqa Han Sans Neo Medium';color:#17191d;line-height: 1.57;letter-spacing: 0.21px;border-bottom:1px solid #edeff4;}
.clptChargeL::after {display:table;content:'';clear:both;}
.clptChargeL dt, .clptChargeL dd {float:left;padding-top:20px;}
.clptChargeL dt {clear:both;width:180px;}
.clptChargeL dd {text-align:right;width:220px;}
.clptChargeL dd.txt3 {display:block;clear:both;float:none;width:400px;padding-top:16px;line-height:1.8;font-weight:normal;font-size:12px;text-align:left;}
.clptChargeL dd.txt3 ul li {font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #4a4e57;}
.clptChargeL dd.txt3 ul li::after {display:table;content:'';clear:both;}
.clptChargeL dd.txt3 ul li .accountInfo {float:left;}
.clptChargeL dd.txt3 ul li .btTooltip {float:right;}
.clptChargeL dd .btTooltip {position: relative;z-index:10;}
.clptChargeL dd .tooltip {position:absolute;bottom:-27px;right:0;display:none;padding:0px 5px 0 6px;white-space:nowrap;height:21px;background-color:#4c4c4c;color:#ffffff;}
.clptChargeL dd .tooltip span {position:absolute;top:-6px;right:19px;display:block;width:8px;height:6px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bg_tooltip.png) no-repeat 0 0;}
.clptChargeL dd.txt3 .cashAlarm2 {color:#ff6060;}
.clptChargeL dd.txt2 .currency {display:inline-block;padding-left:10px;font-size: 10px;line-height: 2.2;letter-spacing: 0.15px;color: #4a4e57;text-align:right;}
.settingWrap {position:absolute;top:100px;z-index:120;}
.cpltSec .cashR {clear:both;width:400px;margin:0 auto;padding:16px 0 0;font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #4a4e57;}
.cpltSec .cashR a {display:inline-block;font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #4a4e57;}
.cpltSec .cashR a:hover {text-decoration:underline;}
.cpltSec .linkSec {padding:6px 0 19px;text-align:right;color:#b8bac2;}
.cpltSec .linkSec a { font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #4a4e57;text-decoration: underline;}
.cpltSec .linkSec a:hover {color:#000000;}
.clptChargeL2 {width:400px;padding-top:10px;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #4a4e57;}
.clptChargeL2::after {display:table;content:'';clear:both;}
.clptChargeL2 dt, .clptChargeL2 dd {float:left;padding-top:10px;}
.clptChargeL2 dt {clear:both;width:100px;}
.clptChargeL2 dd {width:300px;text-align:right;}
.clptChargeL2 dd span {color:#1475fc;}
.cpltSec .chargeLimitBt {margin-top:20px;text-align:right;}
.cpltSec .chargeLimitBt a {display:inline-block;width:120px;height:30px;padding-top:3px;box-sizing:border-box;border: solid 1px #edeff4;font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #79818a;text-align:center;}
.cpltSec .chargeLimitBt a:hover {border-color:#1475fc;color:#1475fc;}
.cpltSec .chargeBannerSec {width:400px;height:88px;margin-top:20px;border-radius: 4px;border: solid 1px rgba(35, 112, 190, 0.16);box-sizing:border-box;background: #3084f5 url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_banner_barcode.png) no-repeat 12px top;}
.cpltSec .chargeBannerSec a {display:block;width:400px;height:88px;padding-left:104px;box-sizing:border-box;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_arrow2.png) no-repeat 363px 33px;}
.cpltSec .chargeBannerSec a span {display:block;}
.cpltSec .chargeBannerSec a .txt1 {padding-top:14px;font: 14px 'Spoqa Han Sans Neo Bold';line-height: 1.57;letter-spacing: -0.21px;color: #95fcfc;}
.cpltSec .chargeBannerSec a .txt2 {padding-top:5px;font: 11px 'Spoqa Han Sans Neo Medium';line-height: 1.45;letter-spacing: -0.17px;color: #ffffff;}
/* 에러 레이어 */
.alertLayer {position:absolute;left:230px;z-index:200;}
.alertLayer2 {display:none;position:fixed;top:197px;z-index:200;width:338px;height:203px;border:1px solid #ffffff;border-radius:2px;background-color:#ffffff;margin-left:-10px;} /* jonghyo - left 삭제 및 margin-left 추가. ARS 인증레이어 위치 조정*/
.alertLayer2 .txt {padding-top:44px;font:normal 14px "Malgun Gothic";color:#222222;text-align:center;line-height:1.45;}
.alertLayer2 .txt span {color:#5771eb;}
.alertLayer2 .bt button {margin:0 1px;}
.alertLayer2 .bt button.bt4 {width:93px;height:38px;font-size:12px;padding-top:4px;}
.inspectionSec {position:relative;width:338px;border:1px solid #ffffff;border-radius:2px;background-color:#ffffff;}
.inspectionSec .closeBt button {position:absolute;top:16px;right:16px;display:inline-block;width:15px;height:15px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close4.png) no-repeat left top;}
.inspectionSec .closeBt button:hover {background-position:left -86px;}
.inspectionSec .txt {padding:71px 0 11px;text-align:center;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert2_new.png) no-repeat center 25px;font-size: 14px;line-height: 1.57;letter-spacing: -0.21px;color: #000000;}
.inspectionSec .txt strong {font-weight:normal;font-family:'Spoqa Han Sans Neo Bold';color:#ff6060;}
.inspectionSec dl {overflow:hidden;width:280px;margin:0 auto;padding:12px 0 16px;border-top:1px solid #dee0e3;}
.inspectionSec dl dt, .inspectionSec dl dd {float:left;font-size: 12px;line-height: 1.67;letter-spacing: -0.18px;color: #4a4e57;}
.inspectionSec dl dt {clear:both;width:70px;padding-top:7px;}
.inspectionSec dl dd {width:210px;padding-top:7px;} 
.inspectionSec dl dd {display: table; margin-left: auto; margin-right: auto; padding-top:7px; line-height:1.4}
.inspectionSec .link {clear:both;padding:0 30px 27px 0;text-align:right;}
.inspectionSec .link a {text-decoration:underline;font-size: 12px;line-height: 1.83;color: #4a4e57;}
.inspectionSec .link a:hover {color:#000000;}
.inspectionSec .btSec {position:relative;padding-bottom:30px;text-align:center;}
.inspectionSec .btSec button {margin:0 3px;}
.inspectionSec .btSec button.disabled {pointer-events: none;background-color:#c3c6cd;color:#ffffff;}
.inspectionSec .btSec .count {position:absolute;width:100%;text-align:center;}
.inspectionSec .btSec .count .num {position:absolute;top:12px;left:50%;margin-left:-5px;}
.inspectionSec .btSec .count img {position:absolute;top:7px;left:50%;margin-left:-13px;}
.inspectionSec .btSec2 {width:300px;margin:0 auto 20px;padding:10px 10px 10px 12px;box-sizing:border-box;background-color:#edeff4;display:flex;justify-content: space-between;}
.inspectionSec .btSec2 p {padding-top:3px;font-size: 11px;line-height: 1.45;letter-spacing: -0.17px;color: #4a4e57;}
.inspectionSec .btSec2 .bt {width:124px;height:40px;padding-top:14px;border-radius: 2px;font-family:'Spoqa Han Sans Neo Medium';background-color: #ffffff;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.inspectionSec .btSec2 .bt:hover {color:#ffffff;background-color:#c3c6cd;}
.inspectionSec .codeSec {overflow:hidden;width:280px;margin:0 auto;padding:15px 0 27px;}
.inspectionSec .codeSec .errorCode {float:left;font-size: 12px;line-height: 1.83;color: #79818a;}
.inspectionSec .codeSec .link {clear:none;float:right;padding:0;}
.inspectionSec .txt2 {width:280px;margin:0 auto;padding-top:18px;border-top:1px solid #dee0e3;font-size: 12px;line-height: 1.67;letter-spacing: -0.18px;color: #4a4e57;}
.inspectionSec .txt2 strong {font-weight:normal;font-family:'Spoqa Han Sans Neo Bold';color:#000000;}
.inspectionSec .txt3 {margin:11px auto 27px;text-align:center;}
.inspectionSec2 .txt2 {padding-bottom:25px;}
.inspectionSec2 .txt2.pb30 {padding-bottom:30px;}
.inspectionSec3 .txt2 {text-align:center;padding:0 0 25px;border-top:0;}
.inspectionSec4 .txt {padding-bottom:26px;}
.errorSec2 {width:380px;margin:0 auto;}
.errorSec2 .txt1 {padding:48px 0 30px;text-align:center;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert2_new.png) no-repeat center top; font-size: 22px;line-height: 1;letter-spacing: -0.33px;color: #000;}
.errorSec2 .txt2 {padding:20px 50px;word-break:keep-all;border-top:1px solid #dee0e3;font-size: 12px;line-height: 1.67;letter-spacing: -0.18px;color: #4a4e57;text-align: center;}
.errorSec2 .txt2 span {display:block;padding-top:16px;border-top:0;}
.errorSec2 .errorInfoSec {padding:20px 0 30px;border-top:1px solid #dee0e3;}
.errorSec2 .errorInfoSec::after {content:'';display:table;clear:both;}
.errorSec2 .errorInfoSec .txt3 {float:left; font-size: 12px;line-height: 1.83;color: #79818a;}
.errorSec2 .errorInfoSec .link {float:right;}
.errorSec2 .errorInfoSec .link a {text-decoration:underline;font-size: 12px;line-height: 1.83;color: #4a4e57;}
.errorSec2 .errorInfoSec .link a:hover {color:#000000;}
.errorSec2 .btSec {text-align:center;}
.cpltWrapper .errorSec2 .cnts {background-color:#f5f6f9;}
.cpltWrapper .errorSec2 .txt1 {margin-top:151px;}
/* 바코드 충전 안내 */
.layerBarcodeCharge {width:480px;height:auto;padding-bottom:44px;background-color:#ffffff;}
.layerBarcodeCharge .closeBt {top:30px;right:30px;}
.layerBarcodeCharge .closeBt a {width:20px;height:20px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close3.png) no-repeat left top;}
.layerBarcodeCharge h2.layerTit {padding:28px 0 29px;text-align:center;font:20px 'Spoqa Han Sans Neo Bold';line-height: 1.1;letter-spacing: -0.3px;color: #000000;}
.layerBarcodeCharge .barcodeInfo {padding:30px 0 29px 35px;background-color:#f5f6f9;border-top:1px solid #edeff4;border-bottom:1px solid #edeff4;}
.layerBarcodeCharge .barcodeInfo li {display:inline-block;width:106px;padding:0 15px;text-align:center; font-size: 11px;line-height: 1.45;letter-spacing: -0.28px;color: #4a4e57;}
.layerBarcodeCharge .barcodeInfo li .img {display:block;width:60px;height:60px;margin:0 auto 7px;border:1px solid #edeff4;box-sizing: border-box;border-radius: 50%;}
.layerBarcodeCharge .barcodeInfo li.info1 .img {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_pcbang.png) no-repeat center center;}
.layerBarcodeCharge .barcodeInfo li.info2 .img {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_bonus.png) no-repeat center center;}
.layerBarcodeCharge .barcodeInfo li.info3 .img {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_benefit.png) no-repeat center center;}
.layerBarcodeCharge .barcodeInfo li .txt {display:block;margin-bottom:4px;font:13px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.2px;color: #17191d;}
.layerBarcodeCharge h3.layerTit {padding-bottom:22px;font-size: 14px;line-height: 1.29;letter-spacing: -0.35px;color: #17191d;font-weight:normal;}
.layerBarcodeCharge h3.layerTit span {display:block;padding:35px 0 8px;font:16px 'Spoqa Han Sans Neo Bold';font-size: 16px;line-height: 1.13;letter-spacing: -0.4px;}
.layerBarcodeCharge .barcodeSec {position:relative;width:380px;margin:0 auto;}
.layerBarcodeCharge .barcodeSec .checkboxSec3 {margin-top:10px;}
.layerBarcodeCharge .barcodeSec .checkboxSec3 label {font-size: 14px;line-height: 1.07;letter-spacing: -0.35px;color: #17191d;}
.layerBarcodeCharge .barcodeSec .barcodePhoneNumber {width:380px;height:50px;font-size: 14px;line-height: 1.29;letter-spacing: -0.21px;border-color:#c7c8cc;color:#4a4e57;}
.layerBarcodeCharge .barcodeSec .barcodePhoneNumber:focus {border-color:#1475fc;}
.layerBarcodeCharge .barcodeSec2 .barcodePhoneNumber {background-color: #f5f6f9;border-color:#f5f6f9;pointer-events: none;text-align:center;font-size: 16px;line-height: 1.13;letter-spacing: -0.24px;color: #9fa1a7;}
.layerBarcodeCharge .barcodeSec .detailBt {position:relative;float:right;margin-top:-23px;}
.layerBarcodeCharge .barcodeSec .detailBt a {display:inline-block;padding-right:18px;font-size: 12px;line-height: 1.25;letter-spacing: -0.3px;color: #4a4e57;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert.png) no-repeat 98% top / 14px 14px;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail {display:none;position:absolute;bottom:20px;left:-110px;box-sizing: border-box; padding:24px 24px 25px;border:1px solid #edeff4;background-color:#ffffff;white-space: nowrap;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail .txt1 {padding-bottom:17px;font-size: 11px;line-height: 1.27;letter-spacing: -0.28px;color: #17191d;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail .txt1 span {display:block;padding-bottom:4px;font: 12px 'Spoqa Han Sans Neo Bold';line-height: 1.5;letter-spacing: -0.3px;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dl {width:337px;font-size: 11px;line-height: 2.55;letter-spacing: -0.17px;color: #17191d;border-bottom:1px solid #dddddd}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dl::after {content:''; display:table; clear:both;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dt, .layerBarcodeCharge .barcodeSec .detailBt .layerDetail dl dd {float:left;border-top:1px solid #dddddd;box-sizing: border-box;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dt {clear:both;width:118px;padding:6px 0 6px 14px;background-color:#f5f6f9;font-family:'Spoqa Han Sans Neo Medium';}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dd {width:219px;padding:6px 0 6px 24px;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dd span {font:12px 'Spoqa Han Sans Neo Medium';}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail .txt2 {padding-top:5px;font-size: 9px;line-height: 1.89;letter-spacing: -0.14px;color: #4a4e57;}
.layerBarcodeCharge .barcodeSec .sendBt {clear:both;padding-top:21px;}
.layerBarcodeCharge .barcodeSec2 .sendBt {padding-top:11px;}
.layerBarcodeCharge .barcodeSec .sendBt a {display:block;width:100%;height:50px;padding-top:13px;border-radius: 0;text-align:center;font-size: 16px;line-height: 1.38;letter-spacing: -0.13px;color: #ffffff;}
.layerBarcodeCharge .barcodeSec .inputMsg {margin:8px 0 -12px;font-size: 12px;line-height: 1.5;color: #1475fc;}
.layerBarcodeCharge .barcodeSec2 .inputMsg {margin:10px 0 -2px;}
.layerBarcodeCharge .barcodeSec .errorMsg {color:#ff6060;}
.layerBarcodeCharge .barcodeSec .confirmMsg {color:#1475fc;}
.layerBarcodeCharge .barcodeSec .barcodeNotice {margin-top:32px;}
.layerBarcodeCharge .barcodeSec .barcodeNotice li {padding:0 0 3px 8px;text-indent:-8px;font-size: 12px;line-height: 1.67;letter-spacing: -0.18px;color: #4a4e57;}
.layerBarcodeCharge .barcodeSec .barcodeNotice li a {color:#1475fc;text-decoration: underline;}
.layerBarcodeCharge .barcodeSec .barcodeNotice li span.bull {display:inline-block;width:4px;height:4px;margin-right:2px;background-color: #9fa1a7;border-radius: 50%; vertical-align: middle;margin-bottom:4px;}
/* card banner */
.layerCardBanner {position:relative;width:400px;padding:0 20px 16px;box-sizing:border-box;background-color:#ffffff;text-align:center;}
.layerCardBanner h1 {padding:35px 0 16px;font:32px 'NEXONLv2GothicBold' !important;line-height: 0.69;color: #17191d;}
.layerCardBanner h2 {padding-bottom:30px;font:20px 'NEXONLv2Gothic' !important;line-height: 1.1;color: #17191d;}
.layerCardBanner .img {width:360px;height:260px;background-color:#eeeeee;}
.layerCardBanner .img img {display:block;}
.layerCardBanner .btSec {padding:30px 0 20px;}
.layerCardBanner .btSec .bt {width:100%;height:56px;padding-top:18px;box-sizing:border-box;font:18px 'NEXONLv2GothicBold' !important;background-color: #17191d;color:#ffffff;}
.layerCardBanner .chkSec {text-align:left;}
.layerCardBanner .chkSec label {font:14px 'NEXONLv2Gothic' !important;color: #17191d;}
.layerCardBanner .chkSec label .checkbox {width:24px;height:24px;}
.layerCardBanner .checkboxSec input[type="checkbox"]:checked + label span.checkbox {background-color:#17191d !important;border-color:#17191d;}
.layerCardBanner .closeBt {position:absolute;top:10px;right:10px;}
.layerCardBanner .closeBt a {display:inline-block;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close_barcode3.png) no-repeat center center;}

/* modal */
.modalSec {position:absolute;z-index:250;}
.modalContainer {width:340px;padding:30px 0;text-align:center;background-color:#ffffff;border-radius: 4px;}
.modalContainer .txt {margin-bottom:24px;font-size: 14px;line-height: 1.57;letter-spacing: -0.21px;color: #000000;}
.modalContainer .txt .num {font:16px 'Spoqa Han Sans Neo Bold';line-height: 1.38;letter-spacing: 0.24px;color: #1475fc;}
.modalContainer .txt .alert {display:block;padding:8px 0 3px;font-size: 11px;line-height: 1.64;color: #ff6060;}
.modalContainer .txt .alert2 {color:#79818a;}
.modalContainer .btSec {font-size:0;}
.modalContainer .btSec .bt {margin:0 5px;padding-top:11px;}
.modalContainer .btSec .btAuth {margin:0 5px;}
.modalSec2 .modalContainer {padding:0;background-color:#f5f6f9;border-radius: 0;}
.modalSec .arsSec {padding-top:22px;}
.modalSec .securityNumber {width:280px;height:90px;margin:0 auto;background-color: #f5f6f9;font-size: 11px;letter-spacing: -0.17px;color: #17191d;}
.modalSec .securityNumber span {display:block;padding:19px 0 7px;font:20px 'Spoqa Han Sans Neo Bold';color: #1475fc;}
.modalSec .arsSec .arsNotice {width:280px;margin:12px auto 26px;text-align:left;}
.modalSec .arsSec .arsNotice li {padding-bottom:2px;}
.modalSec .arsSec .bt {width:104px;}
.modalSec .arsSec .txt {margin-bottom:18px;}
.modalSec .nxPin {position:relative;width:410px;border-radius:2px;background-color:#ffffff;}
.modalSec .nxPin .txt {width:350px;margin:-4px auto 0;padding:0px 0 19px;text-align:center;line-height: 1.57;border-bottom:1px solid #e8ebf0;font-size: 14px;letter-spacing: -0.21px;color: #000000;}
.modalSec .nxPin .txt span.num {display:inline-block;padding-left:2px;font: 16px 'Spoqa Han Sans Neo Bold';letter-spacing: 0.24px;color: #1475fc;line-height:1;vertical-align: middle;margin-bottom:3px;}
.modalSec .nxPin .txt span.txt1 {display:block;margin:9px 0 -4px;font-size: 12px;letter-spacing: -0.18px;color: #4a4e57;}
.modalSec .nxPin .nxPaymentL {overflow:auto;overflow-x:hidden;width:355px;max-height:162px;margin:0 0 30px 30px;padding:8px 5px 0 0px;} 
.modalSec .nxPin .nxPaymentL li {width:350px;margin-top:8px;font-size:0;line-height:1.45;}
.modalSec .nxPin .nxPaymentL li p {display:inline-block;font: 12px 'Spoqa Han Sans Neo Bold';text-align:right;vertical-align: top;}
.modalSec .nxPin .nxPaymentL li p.code {width:231px;text-align:left;font: 12px 'Spoqa Han Sans Neo';letter-spacing: -0.18px;color: #4a4e57;}
.modalSec .nxPin .nxPaymentL li p.amount {width:70px;color: #17191d;}
.modalSec .nxPin .nxPaymentL li p.txt1 {width:49px;letter-spacing: -0.18px;}
.modalSec .nxPin .nxPaymentL li p.success {color:#1475fc;}
.modalSec .nxPin .nxPaymentL li p.failed {color:#ff6060;}
.modalSec .nxPin .nxPaymentL li .errorMsg {display:block;width:100%;margin:3px 0 -2px;padding-bottom:2px;color:#c3c5cd;font: 12px 'Spoqa Han Sans Neo';text-align:left;line-height: 1.5;color: #79818a;}
.modalSec .nxPin .btSec {margin-top:-4px;}
.modalSec3 .modalContainer {position:relative;padding:0 0 36px;border-radius: 0;}
.modalSec3 .modalContainer .closeBt {position:absolute;top:11px;right:10px;}
.modalSec3 .modalContainer .closeBt button {width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close2.png) no-repeat center center;}
.modalSec3 .modalContainer h2 {height:29px;padding-top:9px;font: 14px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.11px;color: #fff;background-color: #17191d;}
.modalSec3 .modalContainer .textCntsSec {overflow:auto;width:305px;height:322px;margin:24px 0 0 20px;padding-right:5px;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;text-align: left;color: #4a4e57;}

/* 통신사 */
.mobileCarrier {clear:both;margin-top:6px;}
.mobileCarrierList {font-size:0;width:318px;height:38px;border:1px solid #c5c7c9;}
.mobileCarrierList li {position:relative;float:left;width:79px;height:38px;background-color:#ffffff;border-left:1px solid #ebeef3;text-align:center; vertical-align:top;}
.mobileCarrierList li button {display:block;width:79px;height:38px;padding-top:1px;}
.mobileCarrierList li button:hover {background-color:#eff2fa;}
.mobileCarrierList li button.on, .mobileCarrierList li button:active {background-color:#ffffff;border-color:#3a5dff;color:#3a5dff;font-weight:bold;}
.mobileCarrierList li.skt, .mobileCarrierList li.skt button {width:78px;border:0;}
.mobileCarrierList li.etc {width:79px;height:38px;}
.mobileCarrierList li.etc .txt {position:absolute;top:13px;left:9px;display:block;width:55px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-wrap:normal;font-size:12px;text-align:left;z-index:10;}
.mobileCarrierList li.etc .more {position:absolute;top:0;left:0;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr3.png) no-repeat 61px 17px;}
.mobileCarrierList li.etc .on {letter-spacing:-1px;}
.mobileCarrierList li.etc .more:hover {background-color:#eff2fa;}
.mobileCarrierList li.etc .moreOn, .mobileCarrierList li .more:active {font-weight:bold;letter-spacing:-1px;color:#3a5dff;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr3.png) no-repeat 61px -79px;}
.mobileCarrierList li.etc .etcL {position:absolute;top:38px;left:-1px;width:79px;padding:8px 0;border:1px solid #dde2ec;background-color:#ffffff;z-index:20;}
.mobileCarrierList li.etc .etcL li {border:0;}
.mobileCarrierList li.etc .etcL li button {text-align:left;padding-left:9px;}
.mobileCarrierList li.etc .etcL li button:hover {background-color:#eff2fa;color:#555555;font-weight:normal;}
.chargeLayer .chargeSel {clear:both;overflow:hidden;padding:15px 0 17px 1px;}
.chargeLayer .chargeSel li {float:left;width:102px;}
.chargeLayer .chargeSel li.sel2 {width:217px;}
.chargeLayer .inputRRN, .chargeLayer .safePw {position:relative;width:309px;height:25px;padding:13px 0 0 9px;}
.chargeLayer .safePw {margin-top:6px;}
.chargeLayer .inputRRN .txt, .chargeLayer .safePw .txt {display:block;color:#b8bac2;}
.chargeLayer .inputRRN .inputSec input, .chargeLayer .safePw .inputSec input {background:transparent;}
.chargeLayer .inputRRN .inputSec span, .chargeLayer .safePw .inputSec span {visibility:hidden;display:inline-block;padding-right:5px;color:#333333;}
.chargeLayer .inputRRN .txt1 {letter-spacing:-1px;}
.chargeLayer .inputRRN input, .chargeLayer .safePw input {border:0;outline:0;color:#333333;}
.chargeLayer .inputRRN input.inputTxt1 {width:45px;}
.chargeLayer .inputRRN input.inputTxt2 {width:12px;}
.chargeLayer .authBt {margin-top:6px;}
.chargeLayer .infoAgree .checkboxSec {height:31px;}
.chargeLayer .infoAgree .checkboxSec label {height:19px;}
.chargeLayer .infoAgree .errTxt, .chargeLayer .infoAgree .errTxt2 {color:#e90000;font-size:11px;line-height:0;letter-spacing:-1px;}
.chargeLayer .infoAgree .errTxt {position:absolute;top:25px;left:0px;}
.chargeLayer .infoAgree .errTxt2 {padding:9px 0 4px;}
.chargeLayer .infoAgree .authBt .disableBt:hover {border-color:#52555c;background-color:#525761;}
.chargeLayer .infoAgree .inputRRN .inputSec input {position:relative;top:0;left:0;}
.chargeLayer .authSec {clear:both;margin-top:6px;}
.chargeLayer .authSec .inputTxtSec {display:inline-block;width:231px;margin-right:2px;vertical-align:top;}
.chargeLayer .authSec .inputTxtSec .txt {position:absolute;top:13px;left:9px;color:#b8bac2;}
.chargeLayer .authSec .inputTxtSec .reSend {position:absolute;top:13px;right:15px;color:#92959f;text-decoration:underline;}
.chargeLayer .authSec .inputTxtSec .reSend:hover {color:#757881;}
.chargeLayer .authSec .inputTxtSec input {position:absolute;top:13px;left:9px;background:transparent;border:0;color:#333333;outline:0;}
.chargeLayer .authSec .txt2 {padding-top:9px;color:#92959f;font-size:11px;letter-spacing:-1px;line-height:0;}
.chargeLayer .authSec .txt2 span {color:#e90000;}
.chargeLayer .authSec .disable {opacity:0.6;filter:alpha(opacity=60);}
.chargeLayer .KTSec .infoAgree {margin-top:14px;}
.chargeLayer .LGSec .usimAuth p {margin-top:-1px;padding-bottom:14px;color:#676a72;line-height:1.65;}
.chargeLayer .LGSec .usimAuth .bt6 {font-size:12px;}
/* loading */
.loadingLayer {position:absolute;top:0;left:0;z-index:200;width:100%;}
.loadingLayer p {width:100%;padding-top:241px;color:#ffffff;font:normal 14px "Malgun Gothic";text-align:center;letter-spacing:-1px;line-height:1.6;}
.loadingLayer p img {display:block;margin:0 auto 19px;}
.chargeWrap .loadingLayer p {padding-top:259px;}

/* 간편결제 관리 팝업*/
.spAdminLayer {position:relative;width:430px;height:492px;}
.spAdminLayer .layerCnts {padding-left:30px;}
/*.spAdminLayer .layerCnts ul {position:relative;margin-top:18px;z-index:10;}
.spAdminLayer .layerCnts ul li {overflow:hidden;width:298px;height:32px;margin-bottom:6px;padding:20px 0 0 92px;}*/
.spAdminLayer .layerCnts ul li .cardInfo strong {display:inline-block;width:65px;}
.spAdminLayer .layerCnts ul li .spBt2 {float:right;}
    /*
.spAdminLayer .layerCnts ul li .spBt2 button {display:inline-block;width:20px;height:20px;margin-right:4px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/upd_ico_star_trash.png) no-repeat left top;}
.spAdminLayer .layerCnts ul li .spBt2 .starBt {background-position:3px 2px;}
.spAdminLayer .layerCnts ul li .spBt2 .starBtOn {background-position:-50px 2px;}
.spAdminLayer .layerCnts ul li .spBt2 .trashBt {background-position:3px -73px;}
.spAdminLayer .layerCnts ul li .spBt2 .starBt:hover {background-position:-50px 2px;}
.spAdminLayer .layerCnts ul li .spBt2 .trashBt:hover {background-position:-51px -73px;}*/
.spAdminLayer .layerCnts ul li .spBt2 .starBt {display:inline-block; width:20px; height:20px; margin-right:6px; background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_star1.png) no-repeat left top;}
.spAdminLayer .layerCnts ul li .spBt2 .starBtOn {display:inline-block; width:20px; height:20px; margin-right:6px; background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_star2.png) no-repeat left top;}
.spAdminLayer .layerCnts ul li .spBt2 .starBt:hover {display:inline-block; width:20px; height:20px; margin-right:6px; background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_star2.png) no-repeat left top;}
.spAdminLayer .layerCnts ul li .spBt2 .trashBt {display:inline-block; width:20px; height:20px; margin-right:6px; background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_trash1.png) no-repeat left top;}
.spAdminLayer .layerCnts ul li .spBt2 .trashBt:hover {display:inline-block; width:20px; height:20px; margin-right:6px; background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_trash2.png) no-repeat left top;}
.spAdminLayer .spBt {position:absolute;bottom:22px;left:20px;}
.spAdminLayer .spBt button {width:390px;height:52px;padding:3px 0 0 168px;text-align:left;color:#92959f;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/upd_bg_adminbt.gif) no-repeat left top;}
.spAdminLayer .spBt button:hover {color:#676a72;background-position:left -52px;}
.spAdminLayer .spBt ul {padding-top:18px;}
.spAdminLayer .spBt ul li {padding:0 0 5px 12px;color:#b2b7bf;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/upd_bul_squ_gr.png) no-repeat left 4px;font-size:11px;letter-spacing:-1px;}
.spAdminLayer .noSp {text-align:center;font-size:11px;color:#b2b7bf;line-height:1.65;letter-spacing:-1px;padding-bottom: 100px;}
.spAdminLayer .noSp strong {display:block;padding:127px 0 16px;font-weight:normal;font-size:12px;color:#979ea6;}
/* 간편결제 등록 팝업 */
.spRegLayer {position:relative;width:380px;height:560px;}
.spRegLayer .dimmed {display:none;z-index:200;}
.spRegLayer .layerCnts {overflow:auto;height:522px;}
.spRegLayer .cardAgree {position:relative;z-index:100;}
.spRegLayer .cardAgree .checkboxSec {margin-top:20px;}
.spRegLayer .cardAgree .agreeDetail {position:absolute;top:-4px;left:292px;display:inline-block;width:24px;height:24px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat 7px 9px;}
.spRegLayer .cardAgree .agreeDetail:hover {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat 7px -51px;}
.spRegLayer .cardAgree .agreeDetailOn {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat 7px -22px;}
.spRegLayer .cardAgree .agreeDetailOn:hover {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat 7px -81px;}
.spRegLayer .cardAgree ul {display:none;width:320px;margin:20px 0 4px;}
.spRegLayer .cardAgree ul li {position:relative;padding-bottom:7px;font-size:11px;letter-spacing:-1px;color:#676a72;}
.spRegLayer .cardAgree ul li .chkImg {display:inline-block;width:27px;height:15px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check.png) no-repeat 3px 1px; vertical-align:top;}
.spRegLayer .cardAgree ul li .on {background-position:3px -91px;}
.spRegLayer .cardAgree ul li button {position:absolute;top:0;right:0;font-size:11px;text-decoration:underline;color:#92959f;letter-spacing:-1px;}
.spRegLayer .cardAgree ul li button:hover {color:#81838b;}
.spRegLayer .detailLayer {display:none;position:absolute;top:101px;left:34px;width:320px;height:358px;background-color:#ffffff;z-index:2000;}
.spRegLayer .detailLayer h3.tit {padding:11px 0 0 16px;height:27px;color:#808289;font-family:"Malgun Gothic";font-weight:normal;background-color:#f8f9fd;}
.spRegLayer .detailLayerCnts {overflow:auto;width:287px;height:286px;padding:17px 17px 17px 16px;color:#92959f;font-size:11px;line-height:1.55;}
.spRegLayer .spTab {overflow:hidden;width:318px;height:38px;margin-top:24px;background-color:#ffffff;border:1px solid #c5c7c9;}
.spRegLayer .spTab li {float:left;margin-left:-1px;border-left:1px solid #ebeef3;}
.spRegLayer .spTab li button {width:159px;height:38px;padding-top:1px;text-align:center;}
.spRegLayer .spTab li button:hover {background-color:#eff2fa;}
.spRegLayer .spTab li button.on {font-weight:bold;color:#3a5dff;background-color:#ffffff;}
.spRegLayer .userInfo {padding-top:20px;padding-bottom:26px;}
.spRegLayer .userInfo .stit {padding-bottom:3px;color:#555555;font-size:11px;}
.spRegLayer .userInfo .inputTxtSec {width:318px;margin-bottom:12px;}
.spRegLayer .userInfo .inputTxtSec .inputSec input {width:289px;}
.spRegLayer .userInfo .inputRRN {position:relative;width:309px;height:25px;padding:13px 0 0 9px;}
.spRegLayer .userInfo .inputRRN .txt {display:block;color:#b8bac2;}
.spRegLayer .userInfo .inputRRN .inputSec input {background:transparent;}
.spRegLayer .userInfo .inputRRN .inputSec span {visibility:hidden;display:inline-block;padding-right:5px;color:#333333;}
.spRegLayer .userInfo .inputRRN .txt1 {letter-spacing:-1px;}
.spRegLayer .userInfo .inputRRN input {border:0;outline:0;color:#333333;}
.spRegLayer .userInfo .inputRRN input.inputTxt1 {width:45px;}
.spRegLayer .userInfo .inputRRN input.inputTxt2 {width:12px;}
.spRegLayer .userInfo .inputRRN .inputSec input {position:relative;top:0;left:0;}
.spRegLayer .userInfo .mobileCarrierList {margin-bottom:6px;}
.spRegLayer .closeBt button {position:absolute;top:12px;right:16px;display:inline-block;width:15px;height:15px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close3.png) no-repeat left top;}
.spRegLayer .closeBt button:hover {background-position:left -86px;}
.spRegLayer .authSec {clear:both;margin-top:6px;}
.spRegLayer .authSec .inputTxtSec {display:inline-block;width:231px;margin-right:2px;vertical-align:top;zoom:1; *display:inline;}
.spRegLayer .authSec .inputTxtSec .txt {position:absolute;top:13px;left:9px;color:#b8bac2;}
.spRegLayer .authSec .inputTxtSec .reSend {position:absolute;top:13px;right:15px;color:#92959f;text-decoration:underline;}
.spRegLayer .authSec .inputTxtSec .reSend:hover {color:#757881;}
.spRegLayer .authSec .inputTxtSec .inputSec input {position:absolute;top:13px;left:9px;width:150px;background:transparent;border:0;color:#333333;outline:0;}
.spRegLayer .authSec .inputTxtSec .time {position:absolute;top:13px;right:15px;color:#676a72;}
.spRegLayer .authSec .txt2 {margin-top:-3px;color:#92959f;font-size:11px;letter-spacing:-1px;line-height:0;}
.spRegLayer .authSec .txt2 span {color:#e90000;}
.spRegLayer .authSec .disable {opacity:0.6;filter:alpha(opacity=60);}
.spRegLayer .authLayer {position:absolute;top:126px;left:20px;width:280px;height:308px;padding:0 30px;background-color:#ffffff;z-index:200;text-align:center;}
.spRegLayer .authLayer h3 {height:31px;padding-top:26px;color:#676a72;font-weight:normal;}
.spRegLayer .authLayer .phoneNum {height:77px;padding:22px 0 0;background-color:#f8f9fd;font-weight:bold;color:#3a5dff;font-family:"Malgun Gothic";font-size:20px;}
.spRegLayer .authLayer .phoneNum span {display:block;padding-top:5px;color:#676a72;font-size:12px;font-weight:normal;letter-spacing:-1px;}
.spRegLayer .authLayer ul {padding:16px 0 12px;}
.spRegLayer .authLayer ul li {padding:0 0 5px 14px;color:#b2b7bf;font-size:11px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/upd_bul_squ_gr.png) no-repeat 2px 3px;text-align:left;}
.spRegLayer .securityInfo {width:320px;height:273px;margin-top:24px;background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/upd_img_security.png) no-repeat 125px 83px;letter-spacing:-1px;}
.spRegLayer .securityInfo .txt1 {padding:26px 0 10px;text-align:center;font-family:"Malgun Gothic";font-size:14px;color:#222222;}
.spRegLayer .securityInfo .txt2 {text-align:center;color:#979ea6;font-size:11px;}
.spRegLayer .securityInfo ul {margin-top:108px;}
.spRegLayer .securityInfo ul li {padding:0 0 0 32px;color:#b2b7bf;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/upd_bul_squ_gr.png) no-repeat 20px 6px;font-size:11px;line-height:1.6;}
.spRegLayer .securityBt {width:320px;}
.spRegLayer .securityBt li {overflow:hidden;height:46px;padding-top:8px;border-bottom:1px solid #e8ebf0;color:#676a72;}
.spRegLayer .securityBt li span {float:left;padding-top:14px;}
.spRegLayer .securityBt li button {float:right;width:153px;}
.spRegLayer .cardInfoSec {width:320px;margin-bottom:12px;padding-top:24px;}
.spRegLayer .cardInfoSec h3.stit {clear:both;margin-top:12px;padding-bottom:3px;color:#555555;font-size:11px;font-weight:normal;}
.spRegLayer .cardInfoSec .cardList {overflow:hidden;}
.spRegLayer .cardInfoSec .cardList li {float:left;width:78px;height:72px;margin:0 2px 2px 0;background-color:#ffffff;}
.spRegLayer .cardInfoSec .cardList li:hover {background-color:#fbfcfe;}
.spRegLayer .cardInfoSec .cardList li.on:hover, .spRegLayer .cardInfoSec .cardList li.off:hover {background-color:#ffffff;}
.spRegLayer .cardInfoSec .cardList li button {width:78px;height:72px;padding-top:45px;border:1px solid #ffffff;text-align:center;font-size:11px;letter-spacing:-1px;}
.spRegLayer .cardInfoSec .cardList li button:hover {color:#333333;border-color:#fbfcfe;}
.spRegLayer .cardInfoSec .cardList li.on button {color:#3a5dff;font-weight:bold;border-color:#3a5dff;}
.spRegLayer .cardInfoSec .cardList li.off button {color:#b2b7bf;}
.spRegLayer .cvcNum {width:150px;}
.inputExDate .inputSec, .inputCardPw .inputSec {position:absolute;top:13px;left:9px;}
.inputExDate .inputSec input, .inputCardPw .inputSec input {position:relative;top:auto;left:auto;float:left;width:30px;}
.inputExDate .inputSec span, .inputCardPw .inputSec span {visibility:hidden;float:left;margin-right:2px;}
.inputExDate2 {width:150px;}
.spRegLayer .payPw input, .inputCard .inputSec input {width:298px;}
.spRegLayer .cvcNumSec ul {overflow:hidden;}
.spRegLayer .cvcNumSec ul li {float:left;}
.spRegLayer .cvcNumSec ul li.expireDate {margin-right:16px;}
.spRegLayer .cardInfoSec .errorTxt {display:block;margin-bottom:-3px;padding-top:2px;color:#e90000;font-size:11px;letter-spacing:-1px;}
.spRegLayer .payPwNotice {margin-top:18px;}
.spRegLayer .payPwNotice li {padding-left:12px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/upd_bul_squ_gr.png) no-repeat left 6px;font-size:11px;color:#b2b7bf;letter-spacing:-1px;line-height:1.6;}

/*휴대폰 PG사 결제창 추가*/
.mobileBody { width:100%;height:100%;background:#f8f9fd; }
.mobileLoadingLayer {position:absolute;top:0;left:0;z-index:200;width:380px}
.mobileLoadingLayer p {width:100%;padding-top:121px;color:#ffffff;font:normal 14px "Malgun Gothic";text-align:center;letter-spacing:-1px;line-height:1.6;}
.mobileLoadingLayer p img {display:block;margin:0 auto 19px;}

/* 2019-12-02 자가한도 안내 개선 변경*/
.bt100 {display:inline-block;width:152px;height:40px;padding-top:1px;font-size:14px;font-weight:bold;background-color:#3a5dff;color:#ffffff;border:1px solid #4e65d3;border-radius:2px;font:14px dotum;}
.bt100:hover {background-color:#203bb9;border-color:#3b51b8;}
.bt100.disable:hover {background-color:#3a5dff;}
.bt11 {display:inline-block;*width:auto;min-width:93px;height:38px;padding:4px 14px 0;border:1px solid #52555c;color:#ffffff;font-weight:bold;background-color:#525761;border-radius:2px;letter-spacing:-1px;}
.bt11:hover {border-color:#363a40;background-color:#4a4e55;}
.bt12 {display:inline-block;width:93px;height:38px;padding:4px 15px 0;border:1px solid #8a919a;color:#ffffff;font-weight:bold;background-color:#9aa1ab;border-radius:2px;}
.bt12:hover {border-color:#7f858e;background-color:#8d949e;}
.bt13 {display:inline-block;width:160px;height:40px;padding:1px 0 0 1px;font-size:12px;font-weight:bold;background-color:#9aa1ab;color:#ffffff;border:1px solid #8a919a;border-radius:2px;}
.bt13:hover {background-color:#4a4e55;border-color:#363a40;}
.bt14 {display:inline-block;width:140px;height:40px;padding-top:1px;font:bold 14px "dotum";background-color:#9aa1ab;color:#ffffff;border-radius:2px;}
.bt14:hover {background-color:#8d949e;}
.bt15 {display:inline-block;width:140px;height:40px;padding-top:1px;font:bold 14px "dotum";background-color:#525761;color:#ffffff;border-radius:2px;}
.bt15:hover {background-color:#363a40;}

.errorSec2 {width:380px;margin:0 auto;padding:151px 20px 0;color:#79818a;}
.errorSec2 .txt1 {padding:47px 0 31px;text-align:center;color:#333333;font:normal 20px "Malgun Gothic";background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert.png) no-repeat center top;letter-spacing:-1px;}
.errorSec2 .txt2 {padding-top:32px;border-top:1px solid #e8ebf0;line-height:1.7;text-align:center;}
.errorSec2 .errorInfoSec {overflow:hidden;padding:24px 0 58px;font-size:11px;}
.errorSec2 .errorInfoSec .txt3 {float:left;color:#b8bac2;}
.errorSec2 .errorInfoSec .link {float:right;}
.errorSec2 .errorInfoSec .link a {text-decoration:underline;color:#b8bac2;}
.errorSec2 .errorInfoSec .link a:hover {color:#757881;}
.errorSec2 .bt {text-align:center;}
.errorSec2 .bt button {display:inline-block;}
.inspectionLayer2 {position:absolute;z-index:60;}
.inspectionSec5 {position:relative;width:338px;border:1px solid #ffffff;border-radius:2px;background-color:#ffffff;}
.inspectionLayer3 .inspectionSec5 {width:378px;}
.inspectionSec5 .txt {padding:61px 0 11px;text-align:center;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert.png) no-repeat center 18px;color:#222222;font:normal 14px "Malgun Gothic";letter-spacing:-1px;line-height:1.57;}
.inspectionSec5 .txt2 {width:280px;margin:0 auto;padding-top:18px;border-top:1px solid #e8ebf0;color:#979ea6;font-size:11px;line-height:1.5;text-align:center;letter-spacing:-1px;}
.inspectionSec5 .link {clear:both;padding:0 30px 17px 0;text-align:right;font-size:11px;}
.inspectionSec5 .link a {text-decoration:underline;color:#b8bac2;}
.inspectionSec5 .link a:hover {color:#757881;}
.inspectionSec5 .bt {padding-bottom:20px;text-align:center;}
.inspectionSec5 .bt button {margin:0 3px;}
.inspectionSec5 .codeSec {overflow:hidden;width:280px;margin:0 auto;padding:15px 0 17px;}
.inspectionSec5 .codeSec .errorCode {float:left;font-size:11px;color:#b8bac2;}
.inspectionSec5 .codeSec .link {clear:none;float:right;padding:0;}
.inspectionSec5 .btSec {text-align:center;}
.alertLayer3 {position:absolute;top:110px;z-index:200;}

/*한도 설정 글꼴 변경*/
.layer3 {position:absolute;width:380px;height:270px;z-index:60;background-color:#f8f9fd;}
.layer3Cnts {position:absolute;left:30px;}
.layer3 h1  {padding-top:66px;text-align:center;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_check2.png) no-repeat center 20px;color:#222222;font:18px "Spoqa Han Sans Neo";letter-spacing:-1px;}
.layer3 dl {width:320px;margin:22px auto 10px;padding:21px 0 11px;border-top:1px solid #cfd3da;border-bottom:1px solid #e8ebf0;font:14px "Spoqa Han Sans Neo";}
.layer3 dl::after {content:'';display:table;clear:both;}
.layer3 dl dt, .layer3 dl dd {float:left;}
.layer3 dl dt {clear:both;width:180px;color:#92959f;font:14px "Spoqa Han Sans Neo";}
.layer3 dl dd {width:123px;padding-right:17px;text-align:right;color:#333333;padding-bottom:11px;font:14px "Spoqa Han Sans Neo";}
.layer3 .bt {text-align:center;}
.layer3 .bt button {width:158px;}
.limitLayer {position:absolute;width:380px;height:270px;background-color:#f8f9fd;z-index:60;}
.limitLayer h2 {height:29px;padding-top:9px;text-align:center;letter-spacing:-1px;background-color:#282c3b;color:#e0e0e1;font:14px "Spoqa Han Sans Neo";}
.limitLayer .layerCnts {position:relative;padding-left:30px;}
.limitLayer .bt {position:absolute;bottom:20px;left:30px;}
.limitLayer .bt button {width:158px;vertical-align:top;font:12px "Spoqa Han Sans Neo"}
.limitLayer .layerCnts h3 {padding:25px 30px 13px 0;color:#555555;}
.limitLayer .layerCnts h3 span {float:right;text-align:right;font-size:11px;font-weight:normal;color:#92959f;letter-spacing:-1px;}
/*
#limitCashInput {position:relative;width:322px;vertical-align:top;}
#limitCashInput input {width:241px;height:46px;padding:0px 60px 0 15px;border:3px solid #b7becf;background-color:#ffffff;color:#010101;font:bold 24px "dotum";}
#limitCashInput input.focusIn {border-color:#101623;max-height:46px;}
#limitCashInput input[type=text]::-ms-clear {display:none;}
#limitCashInput input::-webkit-input-placeholder {color:#c3c5cd;font-weight:normal;font-size:20px;letter-spacing:-2px;}
#limitCashInput input::-moz-placeholder {color:#c3c5cd;font-weight:normal;font-size:20px;}
#limitCashInput input:-ms-input-placeholder {color:#c3c5cd;font-weight:normal;font-size:20px;}
#limitCashInput input:-moz-placeholder {color:#c3c5cd;font-weight:normal;font-size:20px;}
#limitCashInput .txt {position:absolute;top:19px;right:26px;}
#limitCashInput .delBt {position:absolute;top:21px;right:12px;width:9px;height:9px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close4.png) no-repeat left top;}
#limitCashInput .delBt:hover {background-position:left -91px;}*/
#limitCashAlert {margin-top:10px;color:#e90000;font-size:11px;letter-spacing:-1px;}

/* 충전수단 추천 레이어 */
/* font */
@font-face {
    font-family: 'NEXONLv2Gothic';
    src: url("/Contents/font/NEXONLv2Gothic.eot");
    src: url("/Contents/font/NEXONLv2Gothic.eot?#iefix") format("embedded-opentype"), url("/Contents/font/NEXONLv2Gothic.woff") format("woff"), url("/Contents/font/NEXONLv2Gothic.ttf") format("truetype"), url("/Contents/font/NEXONLv2Gothic.svg#webfont") format("svg");
}

@font-face {
    font-family: 'NEXONLv2GothicLight';
    src: url("/Contents/font/NEXONLv2GothicLight.eot");
    src: url("/Contents/font/NEXONLv2GothicLight.eot?#iefix") format("embedded-opentype"), url("/Contents/font/NEXONLv2GothicLight.woff") format("woff"), url("/Contents/font/NEXONLv2GothicLight.ttf") format("truetype"), url("/Contents/font/NEXONLv2GothicLight.svg#webfont") format("svg");
}

@font-face {
    font-family: 'NEXONLv2GothicBold';
    src: url("/Contents/font/NEXONLv2GothicBold.eot");
    src: url("/Contents/font/NEXONLv2GothicBold.eot?#iefix") format("embedded-opentype"), url("/Contents/font/NEXONLv2GothicBold.woff") format("woff"), url("/Contents/font/NEXONLv2GothicBold.ttf") format("truetype"), url("/Contents/font/NEXONLv2GothicBold.svg#webfont") format("svg");
}
.cemLayer {position:absolute;left:230px;top:187px;z-index:200;}
/* 충전창 개인화 1차 2020-11*/
/* 충전창 개인화 2차 2021-04*/
.rcmdChargeLayer {position:relative;width:300px;height:368px;padding:30px;background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_coin.png) no-repeat right 145px;font-family:'NEXONLv2Gothic';}
.rcmdChargeLayer .txt1 {display:inline-block;padding:4px 9px 4px 11px;background-color:#000000;border-radius: 10.5px;font-weight:bold;color:#ffffff;}
.rcmdChargeLayer .txt2 {margin-top:6px;font-size:20px;color:#2f2f2f;line-height:1.5;}
.rcmdChargeLayer .txt2 strong {position:relative;display:inline-block;margin-right:3px;font:33px 'NEXONLv2GothicBold';line-height:1.85;letter-spacing:-0.85px;color:#000000;}
.rcmdChargeLayer .txt2 strong span.txt {position:relative;}
.rcmdChargeLayer .txt2 strong span.bg {position:absolute;bottom:9px;left:0;display:inline-block;width:100%;height:20px;background-color:#dbcdfd;}
.rcmdChargeLayer .txt3 strong {font-size:38px;line-height:1.6;}
.rcmdChargeLayer .txt3 strong span.bg {bottom:9px;}
.rcmdChargeLayer .link {position:absolute;bottom:28px;left:0;width:100%;text-align:center;}
.rcmdChargeLayer .link a {opacity: 0.5;font-size: 13px;color:#000000;font-weight:bold;}
.rcmdChargeLayer .link a:hover {color:#000000;text-decoration:underline;}
.rcmdChargeLayer3 .link2 a {color:#5771eb;text-decoration:underline;}
.rcmdChargeLayer3 .link2 a:hover {color:#0031d6;}
.rcmdChargeLayer ul {position:absolute;bottom:55px;left:30px;width:300px;}
.rcmdChargeLayer2 ul {bottom:62px;}
.rcmdChargeLayer3 ul {position:static;margin-top:65px;}
.rcmdChargeLayer ul li {margin-bottom:10px;}
.rcmdChargeLayer ul li p {padding:4px 0;color:#000000;}
.rcmdChargeLayer ul li a {display:block;width:300px;height:47px;padding-top:23px;font:20px 'NEXONLv2GothicBold';text-align:center;color:#ffffff;background-color:#0077ff;background-position:center center;background-repeat: no-repeat;}
.rcmdChargeLayer ul li a:hover {background-color:#0e5fcc;}
.rcmdChargeLayer ul li a.toss {background-color:#023cff;background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_rec_toss.png);}
.rcmdChargeLayer ul li a.toss:hover {background-color:#0031d6;}
.rcmdChargeLayer ul li a.kakaopay {background-color:#ffdf00;background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_rec_kakaopay.png);}
.rcmdChargeLayer ul li a.kakaopay:hover {background-color:#ffd200;}
.rcmdChargeLayer ul li a.culture {background-color:#f26724;background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_rec_culture.png);}
.rcmdChargeLayer ul li a.culture:hover {background-color:#dd5514;}
.rcmdChargeLayer ul li a.chaipay {background-color:#d10e0c;background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_rec_chaipay.png);}
.rcmdChargeLayer ul li a.chaipay:hover {background-color:#b20a08;}
.rcmdChargeLayer ul li a.payco {background-color:#f83533;background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_rec_payco.png);}
.rcmdChargeLayer ul li a.payco:hover {background-color:#d62f2d;}
.rcmdChargeLayer ul li a.booklife {background-color:#efefef;background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_rec_booklife.png);}
.rcmdChargeLayer ul li a.booklife:hover {background-color:#dedede;}
.rcmdChargeLayer ul li a.samsungpay {background-color:#0b50ad;background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_rec_samsungpay.png);}
.rcmdChargeLayer ul li a.samsungpay:hover {background-color:#0c4695;}
.rcmdChargeLayer ul li a.naverpay {background-color:#00c53b;background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_rec_naverpay.png);}
.rcmdChargeLayer ul li a.naverpay:hover {background-color:#00a732;}
.rcmdChargeLayer ul li a.happy {background-color:#c2cd00;background-image:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_rec_happy.png);}
.rcmdChargeLayer ul li a.happy:hover {background-color:#b4be09;}
.rcmdChargeLayer ul li a.tmoney {background-color:#910e82;}
.rcmdChargeLayer ul li a.tmoney:hover {background-color:#760e6a;}
.rcmdChargeLayer ul li a.okcash {background-color:#ff034e;}
.rcmdChargeLayer ul li a.okcash:hover {background-color:#cc0a44;}

/* 넥슨카드,세라카드 결제완료 레이어. 2021-01-15*/
.layerWrapper {position:relative;max-width:420px;border:1px solid #ffffff;border-radius:2px;background-color:#ffffff;}
.layerWrapper .txt {width:360px;margin:0 auto;padding:24px 0 19px;text-align:center;color:#222222;font:normal 14px "Malgun Gothic";letter-spacing:-1px;line-height:1.35;border-bottom:1px solid #e8ebf0;}
.layerWrapper .txt span.num {font-size:14px;color:#5771eb;font-weight:bold;}
.layerWrapper .txt span.txt1 {display:block;margin:8px 0 0;font-size:11px;}
.layerWrapper .bt {padding:25px 0 29px;text-align:center;}
.layerWrapper .bt button {margin:0 3px;}
.layerWrapper .nxPaymentL {overflow:auto;max-height:171px;margin-right:5px;padding:8px 20px 0 30px;} 
.layerWrapper .nxPaymentL::-webkit-scrollbar {width: 5px; border: 3px solid #ffffff; }
.layerWrapper .nxPaymentL::-webkit-scrollbar-thumb {background:#c3c5cd; -webkit-border-radius: 20px; border-radius: 20px;}
.layerWrapper .nxPaymentL li {display:inline-block;width:360px;margin-top:9px;font-size:0;line-height:1.45;}
.layerWrapper .nxPaymentL li p {display:inline-block;font-size:12px;font-weight:bold;letter-spacing:-1px;text-align:right;}
.layerWrapper .nxPaymentL li p.code {width:237px;font-weight:normal;text-align:left;font-size:11px;letter-spacing:-1px;}
.layerWrapper .nxPaymentL li p.amount {width:70px;letter-spacing:0px;}
.layerWrapper .nxPaymentL li p.txt1 {width:53px;font-size:11px;}
.layerWrapper .nxPaymentL li p.success {color:#5771eb;}
.layerWrapper .nxPaymentL li p.failed {color:#ff6060;}
.layerWrapper .nxPaymentL li .errorMsg {display:block;width:280px;margin:3px 0 0;padding-bottom:2px;color:#c3c5cd;font-size:11px;font-weight:normal;text-align:left;}

/* 과금넛지 레이어 */
.nudgeLayer {position: relative;width: 380px;max-width: 380px;height: 560px;max-height: 560px;line-height: 560px;text-align: center;font-size: 14px;font-family: 'NEXONLv2Gothic';line-height: 1.5;letter-spacing: -1px;word-spacing: 4px;background-color: #fa3e47; }
.nudgeLayer .btn-close {position: absolute;top: 10px;right: 10px;display: inline-block;width: 19px;height: 21px;padding: 0;border: none;background: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_Close_btn.png);cursor: pointer;z-index: 1; }
.nudgeLayer .chk-show {position: absolute;display: inline-block;width: 150px;height: 30px;line-height: 30px;bottom: 10px;left: 10px;font-size: 12px;text-align: left; }
.nudgeLayer .chk-show #chk {appearance: auto;vertical-align: middle; }
.nudgeLayer .chk-show a {letter-spacing: -1px;color: #fff; }
.nudgeLayer .strong {font-family: 'NEXONLv2GothicBold'; }
.nudgeLayer .mt15 {margin-top: 15px; }
.nudgeLayer .mr5 {margin-right: 5px; }
.nudgeLayer .outline {display: inline-block;width: 100%;height: 100%;margin: 0 auto;vertical-align: middle;color: #FFF;background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_CoinImg.png); }
.nudgeLayer .outline .main-content {display: table;width: 100%;height: 100%;line-height: 100%; }
.nudgeLayer .outline .main-content .main-content-inner {position: relative;display: table-cell;vertical-align: middle; }
.nudgeLayer .outline .main-content .main-content-inner .first-line .name {line-height: 23px;font-size: 23px;font-style: italic;color: #ffedd9;padding-left: 20px;padding-right: 20px; }
.nudgeLayer .outline .main-content .main-content-inner .first-line .mention {height: 100px;background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_Top_effect.png); }
.nudgeLayer .outline .main-content .main-content-inner .second-line .condition .big {letter-spacing: 1px;font-size: 50px;line-height: 50px;text-shadow: 4px 2px 10px rgba(0, 0, 0, 0.3); }
.nudgeLayer .outline .main-content .main-content-inner .second-line .condition .small {font-size: 20px;line-height: 20px; }
.nudgeLayer .outline .main-content .main-content-inner .second-line .payment {height: 152px;font-size: 25px;background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_Coupon_group.png);color: #fa3e47; }
.nudgeLayer .outline .main-content .main-content-inner .second-line .payment .row {height: 62px;line-height: 62px;padding-left: 18px;font-family: 'NEXONLv2GothicLight'; }
.nudgeLayer .outline .main-content .main-content-inner .second-line .payment .coin {display: inline-block;width: 37px;height: 36px;background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_Onecoin.png);margin-top: -5px;margin-left: 5px;vertical-align: middle; }
.nudgeLayer .outline .main-content .main-content-inner .last-line {margin-top: -15px;letter-spacing: -1px; }
.nudgeLayer .outline .main-content .main-content-inner .last-line .constraint {font-size: 15px;line-height: 20px;font-family: 'NEXONLv2GothicLight'; }
.nudgeLayer .outline .main-content .main-content-inner .mandatory {margin-top: 5px;letter-spacing: -1px; }
.nudgeLayer .outline .main-content .main-content-inner .mandatory .list {font-size: 11px;line-height: 15px;font-family: 'NEXONLv2GothicLight';color: #f7f27b; }
.nudgeLayer .outline .main-content .main-content-inner .mandatory .list .highlight {background-color: #fff;color: #fa3e47;font-family: 'NEXONLv2GothicLight';margin-left: 2px;margin-right: 2px; }
.nudgeLayer .outline .main-content .main-content-inner .subcoin {position: absolute;top: 50%;left: 0px;display: inline-block;width: 56px;height: 238px;background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_CoinImg_sub.png);background-size: cover; }

/* 과금넛지 레이어 디자인 변경 - 2022.02.14 kcjeong */
.nudgeBlueLayer {position: relative;width: 380px;max-width: 380px;height: 560px;max-height: 560px;line-height: 560px;text-align: center;font-size: 14px;font-family: 'NEXONLv2Gothic';line-height: 1.5;letter-spacing: -1px;word-spacing: 4px;background-color: #224fd2; }
.nudgeBlueLayer .btn-close {position: absolute;top: 10px;right: 10px;display: inline-block;width: 18px;height: 18px;padding: 0;border: none;background: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_Close_btn_blue.png);cursor: pointer;z-index: 2; }
.nudgeBlueLayer .chk-show {position: absolute;display: inline-block;width: 150px;height: 30px;line-height: 30px;bottom: 10px;left: 10px;font-size: 12px;text-align: left;z-index: 2;color: #fff; }
.nudgeBlueLayer .chk-show #chk {appearance: auto;vertical-align: middle; }
.nudgeBlueLayer .chk-show a {letter-spacing: -1px;color: #fff; }
.nudgeBlueLayer .strong {font-family: 'NEXONLv2GothicBold'; }
.nudgeBlueLayer .mr5 {margin-right: 5px; }
.nudgeBlueLayer .coinlayer {position: absolute;top: 0px;left: 0px;width: 380px;height: 560px;background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_CoinImg_blue.png);z-index: 1; }
.nudgeBlueLayer .outline {display: inline-block;width: 100%;height: 100%;margin: 0 auto;vertical-align: middle;color: #FFF; }
.nudgeBlueLayer .outline .main-content {display: table;width: 100%;height: 100%;line-height: 100%; }
.nudgeBlueLayer .outline .main-content .main-content-inner {position: relative;display: table-cell;vertical-align: middle; }
.nudgeBlueLayer .outline .main-content .main-content-inner .first-line .name {line-height: 23px;font-size: 23px;color: #FFF;padding-left: 20px;padding-right: 20px; }
.nudgeBlueLayer .outline .main-content .main-content-inner .first-line .mention {height: 114px;background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_Top_effect_blue.png); }
.nudgeBlueLayer .outline .main-content .main-content-inner .second-line .condition {height: 51px;background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_Textbox.png);font-size: 22px;line-height: 42px;letter-spacing: -2px;color: #224fd2; }
.nudgeBlueLayer .outline .main-content .main-content-inner .second-line .payment {margin-top: 5px;height: 123px;font-size: 26px;background-image: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_nudge_Coupon_group_blue.png);color: #224fd2; }
.nudgeBlueLayer .outline .main-content .main-content-inner .second-line .payment .row {padding-top: 27px;line-height: 30px;padding-left: 18px;font-family: 'NEXONLv2GothicLight'; }
.nudgeBlueLayer .outline .main-content .main-content-inner .last-line .constraint {margin-top: 5px;font-size: 15px;line-height: 20px;font-family: 'NEXONLv2GothicLight'; }
.nudgeBlueLayer .outline .main-content .main-content-inner .mandatory {margin-top: 30px;letter-spacing: -1px; }
.nudgeBlueLayer .outline .main-content .main-content-inner .mandatory .list {font-size: 11px;line-height: 15px;font-family: 'NEXONLv2GothicLight';color: #FFF;opacity: 0.7; }

/* 미성년자 결제한도 상향 - 2023.04.03 kcjeong */
.layerChargeSec7 {position:absolute;z-index:20;width:360px;height:426px;padding:30px 30px 25px;background: #ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_coin_cem.png) no-repeat right 110px;background-size:130px 140px;box-sizing: border-box;}
.layerChargeSec7 * {font-family: 'NEXONLv2Gothic';box-sizing: border-box;color:#000000;}
.layerChargeSec7 h1 {display:inline-block;padding:5px 10px;color:#ffffff;background-color:#000000;font: 11px 'NEXONLv2GothicBold';letter-spacing: -0.28px;border-radius: 11px;}
.layerChargeSec7 h2 {position:relative;margin-top:12px;font-size:32px;line-height: 1.25;letter-spacing: -1.12px;}
.layerChargeSec7 h2 * {font-family: 'NEXONLv2GothicBold';}
.layerChargeSec7 h2 span {position:relative;}
.layerChargeSec7 h2 span::after {content:'';position:absolute;left:0;top:20px;display:inline-block;width:100%;height:16px;background-color:#d4c2ff;z-index:-1;}
.layerChargeSec7 .txt {margin-top:14px;font-size: 13px;line-height: 1.62;letter-spacing: -0.33px;}
.layerChargeSec7 .txt strong {font-family: 'NEXONLv2GothicBold';}
.layerChargeSec7 dl {width:300px;margin-top:11px;padding:4px 24px 20px;border:1px solid #eaeaea;background-color:#ffffff;font-size: 13px;letter-spacing: -0.33px;}
.layerChargeSec7 dl::after {content:'';display:table;clear:both;}
.layerChargeSec7 dt, .layerChargeSec7 dd {padding-top:16px;}
.layerChargeSec7 dt {clear:both;float:left;}
.layerChargeSec7 dd {float:right;text-align:right;font-family: 'NEXONLv2GothicBold';} 
.layerChargeSec7 .btClose {margin-top:20px;}
.layerChargeSec7 .btClose a {display:inline-block;width:100%;height:50px;padding-top:16px;text-align:center;background-color:#17191d;font-size: 16px;font-family: 'NEXONLv2GothicMedium';color:#ffffff;}
.layerChargeSec7 .btClose a:hover {background-color:#1475fc;}
.layerChargeSec7 .linkSec {margin-top:24px;font-size: 12px;letter-spacing: -0.3px;color: #4a4e57;text-align:center;}
.layerChargeSec7 .linkSec a {text-decoration:underline;color:#1475fc;}
.layerChargeSec7 .linkSec a:hover {color:#0f57bd;}

/* 바코드 충전 안내 */
/* 레이어 */
.cpltSec .layerChargeAll { position: absolute; top: 50%; left: 50%; margin-top:-0.5em; margin-left:-46%; }
.layerChargeSec { position: absolute; z-index: 20; width: 380px; height: 560px; background-color: #f5f6f9; }
.layerChargeSec .inputTxt {height:40px;text-indent:12px;border:1px solid #edeff4;background-color:#ffffff;box-sizing:border-box;font: 12px 'Spoqa Han Sans Neo'; letter-spacing: -0.18px;color:#4a4e57;}
.layerChargeSec .inputTxt::placeholder {color:#a4a6ab;}
.layerChargeSec .inputTxt::-webkit-input-placeholder {color:#a4a6ab;}
.layerChargeSec .inputTxt:-ms-input-placeholder {color:#a4a6ab;}
.layerChargeSec .inputTxt:focus {border-color:#1475fc;color:#17191d;}
.layerChargeSec .closeBt {position:absolute;top:10px;right:10px;}
.layerChargeSec .layerHeader {height:104px;background-color:#17191d;color:#cccccc;text-align:center;}
.layerChargeSec .layerHeader .tit {padding:22px 0 2px;font: 14px 'Spoqa Han Sans Neo';line-height: 1.29;letter-spacing: -0.11px;}
.layerChargeSec .layerHeader .amount {font:32px 'Spoqa Han Sans Neo Medium';color:#ffffff;line-height: 1.25;}
.layerChargeSec .layerChargeCnts {overflow:auto;overflow-x:hidden;height:276px;margin-top:24px;padding-left:30px;}
.layerChargeSec .layerChargeCnts::-webkit-scrollbar {width: 5px;height: 5px;}
.layerChargeSec .layerChargeCnts::-webkit-scrollbar-track {background-color:#f5f6f9;border-radius: 5px;}
.layerChargeSec .layerChargeCnts::-webkit-scrollbar-thumb {background-color:#abafb3;border-radius: 5px;}
.layerChargeSec .layerChargeCntsNoScroll {overflow:visible;}
.layerChargeSec .layerChargeCntsDimmed {opacity:0.5;filter:alpha(opacity=50); }
.layerChargeSec .layerChargeCntsDimmed a {pointer-events: none;}
.layerChargeSec .layerChargeCntsDimmed input {pointer-events: none;}
.layerChargeSec .layerChargeCnts .nxCardPinList {padding-bottom:3px;}
.layerChargeSec .layerChargeCnts .nxCardPinList li {display:table;width:320px;margin-bottom:7px;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .delBt {display:table-cell;width:24px;padding:12px 0px 0 0;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .delBt a {display:inline-block;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close.png) no-repeat 3px 3px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .inputTxt {display:table-cell;width:100%;max-width:296px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .btSec {display:table-cell;width:66px;padding-left:6px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .btSec .bt {width:66px;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList {padding-bottom:3px;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li {display:table;width:320px;margin-bottom:7px;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .delBt {display:table-cell;width:24px;padding:12px 0px 0 0;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .delBt a {display:inline-block;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close.png) no-repeat 3px 3px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .inputTxt {display:table-cell;width:100%;max-width:296px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .btSec {display:table-cell;width:66px;padding-left:6px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .btSec .bt {width:66px;}
.layerChargeSec .layerChargeCnts .mobileNumber input {width:320px;margin-bottom:6px;}
.layerChargeSec .layerChargeCnts .mobileNumberCheck input {display:block;width:320px;margin-bottom:7px;text-indent:36px;color:#a4a6ab;background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_gr.png) no-repeat 10px 12px;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li {width:25% !important;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li:nth-of-type(4) {width: calc(25% + 3px) !important;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li:nth-of-type(4) a {display:block;overflow: hidden;padding:10px 15px 0 12px;white-space: nowrap;text-overflow: ellipsis;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr_barcode4.png) no-repeat center right 10px;text-align:left;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec {position:relative;z-index:50;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList {display:none;position:absolute;top:42px;left:0px;padding-left:1px;background-color:#ffffff;box-sizing: border-box;border:1px solid #5c6b87;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList li {float:none;display:block;clear:both;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList li button {display:block;clear:both;width:81px;padding:6px 0 6px 12px;word-break: break-all;word-wrap: break-word;font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #17191d;text-align:left;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList li button:hover {background-color:#edeff4;}
.layerChargeSec .layerChargeCnts .mobileRadio {margin:14px 0 12px;}
.layerChargeSec .layerChargeCnts .mobileRadio li {display: inline-block;margin-right:24px;}
.layerChargeSec .layerChargeCnts .mobileRadio li label, .layerChargeSec .layerChargeCnts .mobileCheck label {font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeCnts .mobileAuthSec {margin-top:10px;font-size:0;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .num {display:block;width:320px;margin-bottom:6px;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .pw {width:226px;margin-right:6px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .bt {width:88px; vertical-align: top;}
.layerChargeSec .layerChargeCnts .mobileNumber .bt, .layerChargeSec .toss .bt, .layerChargeSec .nxpay .bt, .layerChargeSec .kakaopay .bt, .layerChargeSec2 .layerCnts2 .bt {display:block;width:320px;}
.layerChargeSec .toss .bt, .layerChargeSec .nxpay .bt, .layerChargeSec .kakaopay .bt {margin-top:6px;}
.layerChargeSec .layerChargeBottom {position:absolute;bottom:0;left:0;width:320px;height:112px;padding:20px 30px 24px;}
.layerChargeSec .layerChargeBottom .chargeCheckSec {padding-top:16px;border-top:1px solid #dee0e3;}
.layerChargeSec .layerChargeBottom .chargeCheckSec label {font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeBottom .layerBtSec .bt {display:block;width:auto;height:46px;margin-top:14px;padding-top:14px;}
.layerChargeSec .dimmedLayerBottom label {color:#85868a !important;pointer-events: none;}
.layerChargeSec .dimmedLayerBottom label span {color:#c3c7ce;}
.layerChargeSec .dimmedLayerBottom .bt {background-color:#accffd;border-color:#accffd;pointer-events: none;}
.layerChargeSec .creditCardAgreement .checkboxSec label {font-size:12px;color:#17191d;}
.layerChargeSec .creditCardAgreement .checkboxSec2 label {color:#4a4e57;}
.layerChargeSec .creditCardAgreement ul {margin-top:12px;}
.layerChargeSec .creditCardAgreement ul li {width:320px;margin-bottom:5px;}
.layerChargeSec .creditCardAgreement ul li::after {content:''; clear:both;display:table;}
.layerChargeSec .creditCardAgreement ul li a {color:#a4a6ab;text-decoration:underline;font-size:12px;letter-spacing: -0.18px;}
.layerChargeSec .creditCardAgreement ul li .checkboxSec2 {float:left;}
.layerChargeSec .creditCardAgreement ul li a {float:right;margin-top:2px;}
.layerChargeSec .creditCardAgreement ul li a:hover {color:#4a4e57;}
.layerChargeSec .textSec {width:320px;padding:34px 0 36px;border:1px solid #edeff4;background-color:#ffffff;box-sizing: border-box;font: 12px 'Spoqa Han Sans Neo';text-align:center; line-height: 1.67;letter-spacing: -0.18px;color:#4a4e57;}
.layerChargeSec .textSec2 {padding:88px 0 52px;}
.layerChargeSec .textSec.alarmTxtSec {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_alarm.png) no-repeat center 36px;}
.layerChargeSec .textSec.cfmTxtSec {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_confirm.png) no-repeat center 36px;}
.layerChargeSec .textSec.msgTxtSec {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_msg.png) no-repeat center 36px;}
.layerChargeSec .textSec .txt1 {padding-bottom:8px;font: 13px 'Spoqa Han Sans Neo'; line-height: 1.67;letter-spacing: -0.18px;color:#17191d;}
.layerChargeSec .textSec .txt2 a {color:#1475fc;text-decoration:underline;}
.layerChargeSec .textSec .txt3 {width:260px;margin:16px auto 0;padding-top:16px;color:#ff6060;text-align:center;border-top:1px solid #edeff4;}
.layerChargeSec .cate {width:320px;margin-bottom:-1px;padding-left:1px;font-size:0;}
.layerChargeSec .cate li {display:inline-block;width:33.3333333%;margin-left:-1px;vertical-align: top;background-color:#ffffff;}
.layerChargeSec .cate li a {display:inline-block;width:100%;height:40px;padding-top:10px;color:#17191d;font: 12px 'Spoqa Han Sans Neo';line-height: 1.5;  letter-spacing: -0.18px;text-align:center; white-space: nowrap;box-sizing: border-box;border:1px solid #edeff4;}
.layerChargeSec .cate li:nth-of-type(2) {width:calc(33.3333333% + 2px);}
.layerChargeSec .cate li a:hover {background-color:#edeff4;}
.layerChargeSec .cate li a.on {border-color:#5c6b87;z-index:1;position:relative;}
.layerChargeSec .cate2 li, .layerChargeSec .cate2 li:nth-of-type(2) {width:50%;}
.layerChargeSec .ssgpay .mobileNumber {margin-top:12px;}
.layerChargeSec .loginSec {margin-top:12px;}
.layerChargeSec .loginSec input {display:block;width:320px;margin-bottom:6px;}
.layerChargeSec .loginSec .loginBt {display: block;width:320px;padding-top:4px;}
.layerChargeSec .loginSec .loginBt .bt {display:block;width:320px;}
.layerChargeSec .loginSec .findBt {padding-top:10px;}
.layerChargeSec .loginSec .findBt a {color:#4a4e57;font: 12px 'Spoqa Han Sans Neo';text-decoration:underline;}
.layerChargeSec .cultureland .stit {padding-top:20px;font: 12px 'Spoqa Han Sans Neo'; line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .cultureland .stit2 {padding:16px 0 5px;width:320px;border-top:1px solid #dee0e3;}
.layerChargeSec .cashInfo {width:320px;padding:0 0 16px;}
.layerChargeSec .cashInfo::after {content:'';display: table;clear:both;}
.layerChargeSec .cashInfo dt, .layerChargeSec .cashInfo dd {float:left;font: 12px 'Spoqa Han Sans Neo';line-height: 1.5;letter-spacing: -0.18px;}
.layerChargeSec .cashInfo dt {clear:both;width:74px;margin-top:10px;color: #4a4e57;}
.layerChargeSec .cashInfo dd {width:246px;margin-top:10px;color: #17191d;}
.layerChargeSec .cashInfo dd span {color:#ff6060;}
.layerChargeSec .pinNum input {width:224px;}
.layerChargeSec .pinNum .bt {width:90px;margin-left:2px;}
.layerChargeSec .bankAccount ul li {width:320px;margin-bottom:6px;}
.layerChargeSec .bankAccount ul li a {display:block;width:100%;height:40px;padding-top:10px;background-color:#ffffff;text-align:center;border:1px solid #edeff4;box-sizing: border-box;font: 13px 'Spoqa Han Sans Neo';line-height: 1.69;letter-spacing: -0.2px;color: #17191d;}
.layerChargeSec .bankAccount ul li a:hover {background-color:#edeff4;}
.layerChargeSec2 .layerHeader {height:38px;}
.layerChargeSec2 .layerHeader .tit {padding-top:10px;font:14px 'Spoqa Han Sans Neo Medium';line-height: 1.29;letter-spacing: -0.11px;color: #fff;}
.layerChargeSec2 .layerCnts2 .infoTxt {width:320px;padding:24px 0 16px;font: 12px 'Spoqa Han Sans Neo';line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerAgreeList {width:320px;border-top:1px solid #dee0e3;}
.layerChargeSec2 .layerAgreeList li {position:relative;padding:16px 0;border-bottom:1px solid #e6e8ed;}
.layerChargeSec2 .layerAgreeList li .disabled {opacity:0.5;filter:alpha(opacity=50);}
.layerChargeSec2 .layerAgreeList li button {position:absolute;top:16px;right:6px;display:inline-block;width:20px;height:20px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat center 7px;}
.layerChargeSec2 .layerAgreeList li button.on {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat center -24px;}
.layerChargeSec2 .layerAgreeList li button:hover {background-position:center -53px;}
.layerChargeSec2 .layerAgreeList li button.on:hover {background-position:center -83px;}
.layerChargeSec2 .layerAgreeList li .checkCnts {display:none;overflow:auto;width:320px;height:140px;margin-top:18px;padding:10px;font: 11px 'Spoqa Han Sans Neo';background-color:#ffffff;color:#92959f;outline:0;resize:none;box-sizing: border-box;border:1px solid #edeff4;}
.layerChargeSec2 .layerCnts2 {overflow: scroll; overflow-x: hidden; height:446px; }
.layerChargeSec2 .scroll::-webkit-scrollbar {width: 5px;height: 5px;}
.layerChargeSec2 .scroll::-webkit-scrollbar-track {background-color:#f5f6f9;border-radius: 5px;}
.layerChargeSec2 .scroll::-webkit-scrollbar-thumb {background-color:#abafb3;border-radius: 5px;}
.layerChargeSec2 .layerCnts2 .layerAgreeList li {padding-bottom:14px;}
.layerChargeSec2 .layerCnts2 .layerAgreeList li .checkboxSec {height:auto;width:265px;}
.layerChargeSec2 .layerCnts2 .layerAgreeList li label {position:relative;width:265px;height:auto;padding-top:0;line-height:1.5;word-break: break-all;word-wrap: break-word;font: 12px 'Spoqa Han Sans Neo';letter-spacing: -0.18px;color: #17191d;white-space:normal !important;padding-left:25px;text-indent:-25px;}
.layerChargeSec2 .btSec {position:absolute;bottom:24px;}

/* 바코드 충전 안내 */
/* 레이어 */
.layerChargeSec { position: absolute; z-index: 20; width: 380px; background-color: #f5f6f9; }
.layerBarcodeCharge { position: absolute; z-index: 20; width: 380px; background-color: #f5f6f9; }
.layerBarcodeCharge .inputTxt {height:40px;text-indent:12px;background-color:#ffffff;box-sizing:border-box;font: 12px 'Spoqa Han Sans Neo'; letter-spacing: -0.18px;color:#4a4e57;}
.layerBarcodeCharge .inputTxt{border:1px solid #edeff4;}
.layerChargeSec.layerChargeSec2 .chargeLimitInput input{height:40px;text-indent:12px;background-color:#ffffff;box-sizing:border-box;font: 12px 'Spoqa Han Sans Neo'; letter-spacing: -0.18px;color:#4a4e57;border: 1px solid #b7becf;}
.layerBarcodeCharge .inputTxt::placeholder {color:#a4a6ab;}
.layerBarcodeCharge .inputTxt::-webkit-input-placeholder {color:#a4a6ab;}
.layerBarcodeCharge .inputTxt:-ms-input-placeholder {color:#a4a6ab;}
.layerBarcodeCharge .inputTxt:focus {border-color:#1475fc;color:#17191d;}
.layerChargeSec .closeBt {position:absolute;top:10px;right:10px;}
.layerChargeSec .closeBt button {display:inline-block;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close2.png) no-repeat left top;}
.layerChargeSec .layerHeader {height:104px;background-color:#17191d;color:#cccccc;text-align:center;}
.layerChargeSec .layerHeader .tit {padding:22px 0 2px;font: 14px 'Spoqa Han Sans Neo';line-height: 1.29;letter-spacing: -0.11px;}
.layerChargeSec .layerHeader .amount {font:32px 'Spoqa Han Sans Neo Medium';color:#ffffff;line-height: 1.25;}
.layerChargeSec .layerChargeCnts {overflow:auto;overflow-x:hidden;height:276px;margin-top:24px;padding-left:30px;}
.layerChargeSec .layerChargeCnts::-webkit-scrollbar {width: 5px;height: 5px;}
.layerChargeSec .layerChargeCnts::-webkit-scrollbar-track {background-color:#f5f6f9;border-radius: 5px;}
.layerChargeSec .layerChargeCnts::-webkit-scrollbar-thumb {background-color:#abafb3;border-radius: 5px;}
.layerChargeSec .layerChargeCntsNoScroll {overflow:visible;}
.layerChargeSec .layerChargeCntsDimmed {opacity:0.5;filter:alpha(opacity=50); }
.layerChargeSec .layerChargeCntsDimmed a {pointer-events: none;}
.layerChargeSec .layerChargeCntsDimmed input {pointer-events: none;}
.layerChargeSec .layerChargeCnts .nxCardPinList {padding-bottom:3px;}
.layerChargeSec .layerChargeCnts .nxCardPinList li {display:table;width:320px;margin-bottom:7px;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .delBt {display:table-cell;width:24px;padding:12px 0px 0 0;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .delBt a {display:inline-block;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close.png) no-repeat 3px 3px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .inputTxt {display:table-cell;width:100%;max-width:296px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .btSec {display:table-cell;width:66px;padding-left:6px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .nxCardPinList li .btSec .bt {width:66px;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList {padding-bottom:3px;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li {display:table;width:320px;margin-bottom:7px;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .delBt {display:table-cell;width:24px;padding:12px 0px 0 0;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .delBt a {display:inline-block;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close.png) no-repeat 3px 3px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .inputTxt {display:table-cell;width:100%;max-width:296px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .btSec {display:table-cell;width:66px;padding-left:6px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .cultureGiftPinList li .btSec .bt {width:66px;}
.layerChargeSec .layerChargeCnts .mobileNumber input {width:320px;margin-bottom:6px;}
.layerChargeSec .layerChargeCnts .mobileNumberCheck input {display:block;width:320px;margin-bottom:7px;text-indent:36px;color:#a4a6ab;background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_gr.png) no-repeat 10px 12px;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li {width:25% !important;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li:nth-of-type(4) {width: calc(25% + 3px) !important;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li:nth-of-type(4) a {display:block;overflow: hidden;padding:10px 15px 0 12px;white-space: nowrap;text-overflow: ellipsis;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr_barcode4.png) no-repeat center right 10px;text-align:left;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec {position:relative;z-index:50;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList {display:none;position:absolute;top:42px;left:0px;padding-left:1px;background-color:#ffffff;box-sizing: border-box;border:1px solid #5c6b87;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList li {float:none;display:block;clear:both;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList li button {display:block;clear:both;width:81px;padding:6px 0 6px 12px;word-break: break-all;word-wrap: break-word;font-size: 12px;line-height: 1.83;letter-spacing: -0.18px;color: #17191d;text-align:left;}
.layerChargeSec .layerChargeCnts .mobileCarrierList li .selectBoxSec .selectBoxList li button:hover {background-color:#edeff4;}
.layerChargeSec .layerChargeCnts .mobileRadio {margin:14px 0 12px;}
.layerChargeSec .layerChargeCnts .mobileRadio li {display: inline-block;margin-right:24px;}
.layerChargeSec .layerChargeCnts .mobileRadio li label, .layerChargeSec .layerChargeCnts .mobileCheck label {font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeCnts .mobileAuthSec {margin-top:10px;font-size:0;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .num {display:block;width:320px;margin-bottom:6px;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .pw {width:226px;margin-right:6px;vertical-align: top;}
.layerChargeSec .layerChargeCnts .mobileAuthSec .bt {width:88px; vertical-align: top;}
.layerChargeSec .layerChargeCnts .mobileNumber .bt, .layerChargeSec .toss .bt, .layerChargeSec .nxpay .bt, .layerChargeSec .kakaopay .bt, .layerChargeSec2 .layerCnts2 .bt {display:block;width:320px;}
.layerChargeSec .toss .bt, .layerChargeSec .nxpay .bt, .layerChargeSec .kakaopay .bt {margin-top:6px;}
.layerChargeSec .layerChargeBottom {position:absolute;bottom:0;left:0;width:320px;height:112px;padding:20px 30px 24px;}
.layerChargeSec .layerChargeBottom .chargeCheckSec {padding-top:16px;border-top:1px solid #dee0e3;}
.layerChargeSec .layerChargeBottom .chargeCheckSec label {font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .layerChargeBottom .layerBtSec .bt {display:block;width:auto;height:46px;margin-top:14px;padding-top:14px;}
.layerChargeSec .dimmedLayerBottom label {color:#85868a !important;pointer-events: none;}
.layerChargeSec .dimmedLayerBottom label span {color:#c3c7ce;}
.layerChargeSec .dimmedLayerBottom .bt {background-color:#accffd;border-color:#accffd;pointer-events: none;}
.layerChargeSec .creditCardAgreement .checkboxSec label {font-size:12px;color:#17191d;}
.layerChargeSec .creditCardAgreement .checkboxSec2 label {color:#4a4e57;}
.layerChargeSec .creditCardAgreement ul {margin-top:12px;}
.layerChargeSec .creditCardAgreement ul li {width:320px;margin-bottom:5px;}
.layerChargeSec .creditCardAgreement ul li::after {content:''; clear:both;display:table;}
.layerChargeSec .creditCardAgreement ul li a {color:#a4a6ab;text-decoration:underline;font-size:12px;letter-spacing: -0.18px;}
.layerChargeSec .creditCardAgreement ul li .checkboxSec2 {float:left;}
.layerChargeSec .creditCardAgreement ul li a {float:right;margin-top:2px;}
.layerChargeSec .creditCardAgreement ul li a:hover {color:#4a4e57;}
.layerChargeSec .textSec {width:320px;padding:34px 0 36px;border:1px solid #edeff4;background-color:#ffffff;box-sizing: border-box;font: 12px 'Spoqa Han Sans Neo';text-align:center; line-height: 1.67;letter-spacing: -0.18px;color:#4a4e57;}
.layerChargeSec .textSec2 {padding:88px 0 52px;}
.layerChargeSec .textSec.alarmTxtSec {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_alarm.png) no-repeat center 36px;}
.layerChargeSec .textSec.cfmTxtSec {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_confirm.png) no-repeat center 36px;}
.layerChargeSec .textSec.msgTxtSec {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_msg.png) no-repeat center 36px;}
.layerChargeSec .textSec .txt1 {padding-bottom:8px;font: 13px 'Spoqa Han Sans Neo'; line-height: 1.67;letter-spacing: -0.18px;color:#17191d;}
.layerChargeSec .textSec .txt2 a {color:#1475fc;text-decoration:underline;}
.layerChargeSec .textSec .txt3 {width:260px;margin:16px auto 0;padding-top:16px;color:#ff6060;text-align:center;border-top:1px solid #edeff4;}
.layerChargeSec .cate {width:320px;margin-bottom:-1px;padding-left:1px;font-size:0;}
.layerChargeSec .cate li {display:inline-block;width:33.3333333%;margin-left:-1px;vertical-align: top;background-color:#ffffff;}
.layerChargeSec .cate li a {display:inline-block;width:100%;height:40px;padding-top:10px;color:#17191d;font: 12px 'Spoqa Han Sans Neo';line-height: 1.5;  letter-spacing: -0.18px;text-align:center; white-space: nowrap;box-sizing: border-box;border:1px solid #edeff4;}
.layerChargeSec .cate li:nth-of-type(2) {width:calc(33.3333333% + 2px);}
.layerChargeSec .cate li a:hover {background-color:#edeff4;}
.layerChargeSec .cate li a.on {border-color:#5c6b87;z-index:1;position:relative;}
.layerChargeSec .cate2 li, .layerChargeSec .cate2 li:nth-of-type(2) {width:50%;}
.layerChargeSec .ssgpay .mobileNumber {margin-top:12px;}
.layerChargeSec .loginSec {margin-top:12px;}
.layerChargeSec .loginSec input {display:block;width:320px;margin-bottom:6px;}
.layerChargeSec .loginSec .loginBt {display: block;width:320px;padding-top:4px;}
.layerChargeSec .loginSec .loginBt .bt {display:block;width:320px;}
.layerChargeSec .loginSec .findBt {padding-top:10px;}
.layerChargeSec .loginSec .findBt a {color:#4a4e57;font: 12px 'Spoqa Han Sans Neo';text-decoration:underline;}
.layerChargeSec .cultureland .stit {padding-top:20px;font: 12px 'Spoqa Han Sans Neo'; line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec .cultureland .stit2 {padding:16px 0 5px;width:320px;border-top:1px solid #dee0e3;}
.layerChargeSec .cashInfo {width:320px;padding:0 0 16px;}
.layerChargeSec .cashInfo::after {content:'';display: table;clear:both;}
.layerChargeSec .cashInfo dt, .layerChargeSec .cashInfo dd {float:left;font: 12px 'Spoqa Han Sans Neo';line-height: 1.5;letter-spacing: -0.18px;}
.layerChargeSec .cashInfo dt {clear:both;width:74px;margin-top:10px;color: #4a4e57;}
.layerChargeSec .cashInfo dd {width:246px;margin-top:10px;color: #17191d;}
.layerChargeSec .cashInfo dd span {color:#ff6060;}
.layerChargeSec .pinNum input {width:224px;}
.layerChargeSec .pinNum .bt {width:90px;margin-left:2px;}
.layerChargeSec .bankAccount ul li {width:320px;margin-bottom:6px;}
.layerChargeSec .bankAccount ul li a {display:block;width:100%;height:40px;padding-top:10px;background-color:#ffffff;text-align:center;border:1px solid #edeff4;box-sizing: border-box;font: 13px 'Spoqa Han Sans Neo';line-height: 1.69;letter-spacing: -0.2px;color: #17191d;}
.layerChargeSec .bankAccount ul li a:hover {background-color:#edeff4;}
.layerChargeSec2 .layerHeader {height:38px;}
.layerChargeSec2 .layerHeader .tit {padding-top:10px;font:14px 'Spoqa Han Sans Neo Medium';line-height: 1.29;letter-spacing: -0.11px;color: #fff;}
.layerChargeSec2 .layerCnts2 .infoTxt {width:320px;padding:24px 0 16px;font: 12px 'Spoqa Han Sans Neo';line-height: 1.5;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerAgreeList {width:320px;border-top:1px solid #dee0e3;}
.layerChargeSec2 .layerAgreeList li {position:relative;padding:16px 0;border-bottom:1px solid #e6e8ed;}
.layerChargeSec2 .layerAgreeList li .disabled {opacity:0.5;filter:alpha(opacity=50);}
.layerChargeSec2 .layerAgreeList li button {position:absolute;top:16px;right:6px;display:inline-block;width:20px;height:20px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat center 7px;}
.layerChargeSec2 .layerAgreeList li button.on {background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat center -24px;}
.layerChargeSec2 .layerAgreeList li button:hover {background-position:center -53px;}
.layerChargeSec2 .layerAgreeList li button.on:hover {background-position:center -83px;}
.layerChargeSec2 .layerAgreeList li .checkCnts {display:none;overflow:auto;width:320px;height:140px;margin-top:18px;padding:10px;font: 11px 'Spoqa Han Sans Neo';background-color:#ffffff;color:#92959f;outline:0;resize:none;box-sizing: border-box;border:1px solid #edeff4;}
.layerChargeSec2 .layerCnts2 {overflow: scroll; overflow-x: hidden; height:446px; }
.layerChargeSec2 .scroll::-webkit-scrollbar {width: 5px;height: 5px;}
.layerChargeSec2 .scroll::-webkit-scrollbar-track {background-color:#f5f6f9;border-radius: 5px;}
.layerChargeSec2 .scroll::-webkit-scrollbar-thumb {background-color:#abafb3;border-radius: 5px;}
.layerChargeSec2 .layerCnts2 .layerAgreeList li {padding-bottom:14px;}
.layerChargeSec2 .layerCnts2 .layerAgreeList li .checkboxSec {height:auto;width:265px;}
.layerChargeSec2 .layerCnts2 .layerAgreeList li label {position:relative;width:265px;height:auto;padding-top:0;line-height:1.5;word-break: break-all;word-wrap: break-word;font: 12px 'Spoqa Han Sans Neo';letter-spacing: -0.18px;color: #17191d;white-space:normal !important;padding-left:25px;text-indent:-25px;}
/*시인성 개선 추가*/
.layerChargeSec2 .layerCnts3 {height:420px;margin-top:26px;}
.layerChargeSec2 .layerCnts3 .cardSelect {padding:0px 0 28px;}
.layerChargeSec2 .layerCnts3 .cardSelect p.tit {clear:both;margin:18px 0 11px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts3 .cardSelect > p.tit:first-child {margin-top:0;}
.layerChargeSec2 .layerCnts3 .cardSelect p.cardInfo {width:320px;}
.layerChargeSec2 .layerCnts3 .cardSelect p.cardInfo input {width:100%;}
.layerChargeSec2 .layerCnts3 .cardSelect p.cardInfo span.errorMsg {display:inline-block;padding:10px 0 1px;font-size: 12px;letter-spacing: -0.18px;color: #ff6060;}
.layerChargeSec2 .layerCnts3 .cardSelect .expDate2Sec, .layerChargeSec2 .layerCnts3 .cardSelect .cvcSec {display:inline-block;vertical-align: top;}
.layerChargeSec2 .layerCnts3 .cardSelect .cvcSec {margin-left:2px;}
.layerChargeSec2 .layerCnts3 .cardSelect .expDate2Sec p.cardInfo, .layerChargeSec2 .layerCnts3 .cardSelect .cvcSec p.cardInfo {width:157px;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL {margin:0;padding:0;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li {width:calc(25% + 1px);margin-top:-1px;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a {height:76px;padding-top:46px;font-size: 1px;letter-spacing: -0.17px;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a.disabled {color:#a4a6ab;pointer-events: none;}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a.kb.disabled {background-image: url(../image/img_kb_disabled.png);}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a.bc.disabled {background-image: url(../image/img_bc_disabled.png);}
.layerChargeSec2 .layerCnts3 .cardSelect .cardL li a.nh.disabled {background-image: url(../image/img_nh_disabled.png);}
.layerChargeSec2 .layerCnts4 {height:471px;padding-bottom:24px;}
.layerChargeSec2 .layerCnts4 .layerChargeCnts {height:auto;margin-top:0;padding-left:0;overflow:visible;}
.layerChargeSec2 .layerCnts4 .mobileNumber input {margin:6px 0 0;}
.layerChargeSec2 .layerCnts4 .cardSelect {padding-bottom:0;}
.layerChargeSec2 .layerCnts4 .nxpay .bt {margin-top:24px;}
.layerChargeSec2 .layerCnts4 .creditCardAgreement ul {margin:14px 0 9px;}
.layerChargeSec2 .layerCnts4 .creditCardAgreement ul li {margin-bottom:0;}
.layerChargeSec2 .layerCnts4 .layerAgreeList {border-top:0;}
.layerChargeSec2 .layerCnts4 .layerAgreeList li {position:relative;padding:0;border:0;padding-bottom:6px;}
.layerChargeSec2 .layerCnts4 .layerAgreeList li button {top:0;}
.layerChargeSec2 .layerCnts4 .layerAgreeList li .checkCnts {overflow:visible;height:auto;margin-top:9px;margin-bottom:-2px;padding:0 0 0px;background:none;border:0;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec {margin-top:6px;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec .btSec {bottom:auto;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec .btSec .bt {margin-top:0 !important;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec .btSec2 {top:15px;left:190px;width:auto;text-align:left;display:inline-block;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts4 .mobileAuthSec span.errorMsg {display:block;height:auto;padding-top:10px;text-align:left;font-size: 12px;letter-spacing: -0.18px;color: #ff6060;}
.layerChargeSec2 .layerCnts4 .chargePassword .cardSelect {margin-bottom:40px;}
.layerChargeSec2 .layerCnts4 .chargePassword .cardSelect .errorMsg {display:block;height:auto;margin:23px 0 -32px;text-align:left;font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #ff6060;}
.layerChargeSec2 .layerCnts4 ul.nxpayNotice {width:320px;padding-top:13px;}
.layerChargeSec2 .layerCnts4 ul.nxpayNotice li {padding:0 0 4px 8px;text-indent:-8px;font-size: 11px;line-height: 1.45;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec2 .layerCnts4 ul.nxpayNotice li span {display:inline-block;width:3px;height:3px;margin:0 5px 3px 0;border-radius:50%;background-color:#c3c6cd;vertical-align: middle;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList {overflow:auto}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li {display:flex;width:320px;height:55px;margin-bottom:6px;padding-left:68px;align-items: center; box-sizing: border-box;border: 1px solid #edeff4;background-color:#ffffff;background-repeat: no-repeat;background-position: left center; font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.credit {background-image:url(../image/img_creditcard2.png);}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.mobile {background-image:url(../image/img_mobilephone2.png);}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.bankAccount {background-image:url(../image/img_bankaccount2.png);}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.txt {width:60px;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.number {width:125px;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.selBt1 {width:28px;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.selBt1 a, .layerChargeSec2 .layerCnts4 .nxpayChargeList .chargeList li span.selBt2 a {display:inline-block;width:20px;height:20px;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.selBt1 a {background:url(../image/img_star1.png) no-repeat center center;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.on span.selBt1 a, .layerChargeSec2 .layerCnts4 .nxpayChargeList .chargeList li span.selBt1 a:hover {background-image: url(../image/img_star2.png);}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li span.selBt2 a {background:url(../image/img_trash1.png) no-repeat center center;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxDetailChargeList .chargeList li.on span.selBt2 a, .layerChargeSec2 .layerCnts4 .nxpayChargeList .chargeList li span.selBt2 a:hover {background-image: url(../image/img_trash2.png);}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxpayChargeBottom {position:absolute;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxpayChargeBt a {display:inline-block;width:320px;height:60px;padding-top:22px;box-sizing: border-box;border:1px dashed #c3c6cd;text-align:center;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxpayChargeBt a:hover {background-color:#ffffff;}
.layerChargeSec2 .layerCnts4 .nxpayChargeList .nxpayChargeBt a span {display:inline-block;padding:2px 0 2px 22px;background:url(../image/ico_plus3.png) no-repeat left top;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .textSec2 {padding-bottom:35px;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .textSec.msgTxtSec {background-image: url(../image/img_security.png);}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .textSec.msgTxtSec .txt1 {font-family: 'Spoqa Han Sans Neo Medium';}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .textSec.msgTxtSec ul {width: 260px;margin: 16px auto 0;padding-top: 16px;border-top: 1px solid #edeff4;text-align:left;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .nxpaySecurityBt {width:320px;padding-top:8px;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .nxpaySecurityBt li {display:flex;height:72px;align-items: center; justify-content: space-between; font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .nxpaySecurityBt li:first-child {border-bottom:1px solid #dee0e3;}
.layerChargeSec2 .layerCnts4 .nxpaySecurity .nxpaySecurityBt li .bt {width:143px;}
.layerChargeSec2 .layerCnts4 .nxpay {position:relative;z-index:10;}
.layerChargeSec2 .layerCnts4 .nxpayErrorSec {position:absolute;display:flex;width:320px;height:100%;margin-top:-76px;align-items: center;justify-content: center;text-align:center;font-size: 12px;line-height: 1.67;letter-spacing: -0.18px;color: #4a4e57;}
.layerChargeSec2 .layerCnts4 .nxpayErrorSec p {padding-top:44px;background:url(../image/ico_alert2.png) no-repeat center top;}
.layerChargeSec2 .btSec {position:absolute;bottom:24px;}
.layerChargeSec2 .btSec2 {left:0;width:100%;font-size:0;text-align:center;}
.layerChargeSec2 .btSec2 .bt {display:inline-block;width:155px;margin:0 5px;padding-top:11px;}
.layerChargeSec2 h2 {width:320px;margin:21px auto 13px;font:12px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 h2 span {float:right;font-family: 'Spoqa Han Sans Neo';color: #929aa4;}
.layerChargeSec2 .layerCnts .chargeLimitInput {position:relative;width:320px;margin:0 auto;}
.layerChargeSec2 .layerCnts .chargeLimitInput input {width:320px;letter-spacing: -0.3px;font:20px 'Spoqa Han Sans Neo Bold';}
.layerChargeSec2 .layerCnts .chargeLimitInput input::placeholder {color:#a4a6ab;font-family: 'Spoqa Han Sans Neo';}
.layerChargeSec2 .layerCnts .chargeLimitInput input::-webkit-input-placeholder {color:#a4a6ab;font-family: 'Spoqa Han Sans Neo';}
.layerChargeSec2 .layerCnts .chargeLimitInput input:-ms-input-placeholder {color:#a4a6ab;font-family: 'Spoqa Han Sans Neo';}
.layerChargeSec2 .layerCnts .chargeLimitInput p span {position:absolute;display:inline-block;}
.layerChargeSec2 .layerCnts .chargeLimitInput p .txt {top:12px;right:13px;white-space:nowrap;font:12px 'Spoqa Han Sans Neo';letter-spacing: -0.18px;color: #4a4e57;}
.layerChargeSec2 .layerCnts .chargeLimitInput p .del {top:12px;right:10px;}
.layerChargeSec2 .layerCnts .chargeLimitInput p .del button {display:none;width:16px;height:16px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_input_close.png) no-repeat center center;}
.layerChargeSec2 .layerCnts .chargeLimitInput input:focus + p .txt {right:35px;color:#17191d !important;}
.layerChargeSec2 .layerCnts .chargeLimitInput input:focus + p .del button {display:block;}
.layerChargeSec2 .layerCnts .chargeLimitInput input:placeholder-shown + p .txt {color: #a4a6ab;}
.layerChargeSec2 .layerCnts .chargeLimit {margin:6px auto 0;}
.layerChargeSec2 .layerCnts .chargeLimit li {width:65px !important;}
.layerChargeSec2 .layerCnts .chargeLimitTxt {width:320px;margin:9px auto 0;font: 11px 'Spoqa Han Sans Neo';letter-spacing: -0.17px;color: #ff6060;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth {width:320px;margin:28px auto 0;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth::after {content: '';display:table;clear:both;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth dt, .layerChargeSec2 .layerCnts .chargeInfoThisMonth dd {float:left;margin-bottom:17px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth dt {clear:both;width:120px;}
.layerChargeSec2 .layerCnts .chargeInfoThisMonth dd {width:200px;text-align:right;}
.layerChargeSec2 .layerCnts .chargeLimitNotice {width:320px;margin:0 auto;padding-top:12px;border-top:1px solid #dee0e3;}
.layerChargeSec2 .layerCnts .chargeLimitNotice li, .modalSec .arsNotice li {font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec2 .layerCnts .chargeLimitNotice li span, .modalSec .arsNotice li span {display:inline-block;width:3px;height:3px;margin:0 5px 3px 0;background-color:#c3c6cd;border-radius: 50%;vertical-align: middle;}
.layerChargeSec3 {background-color:#ffffff;}
.layerLimitSetComplete {margin:0 30px;}
.layerLimitSetComplete .txt {padding-top:46px;font-size: 14px;letter-spacing: -0.21px;color: #000000;text-align:center;background:url(../image/img_confirm2.png) no-repeat center top;}
.layerChargeSec3 .layerLimitSetComplete .txt {margin-top:140px;}
.layerLimitSetComplete dl {width:280px;margin-top:26px;padding:7px 0 17px;border-top:1px solid #dee0e3;border-bottom:1px solid #dee0e3;}
.layerLimitSetComplete dl::after {content:'';display:table;clear:both;}
.layerLimitSetComplete dl dt, .layerLimitSetComplete dl dd {float:left;padding-top:11px;font-size: 12px;vertical-align: top;}
.layerLimitSetComplete dl dt {clear:both;width:140px;color: #4a4e57;line-height: 1.67;text-align:left;}
.layerLimitSetComplete dl dd {width:140px;text-align:right;line-height: 1.5;font: 12px 'Spoqa Han Sans Neo Bold';color: #17191d;} 
.layerLimitSetComplete .txt2 {margin-top:11px;padding-bottom:2px;font-size: 11px;color: #79818a;text-align:left;}
.layerLimitSetComplete .txt2 a {color:#79818a;text-decoration: underline;}
.layerLimitSetComplete .btSec {position:relative;bottom:auto;margin-top:30px;text-align:center;}
.layerLimitSetComplete .btSec .bt {width:92px;padding-top:11px;}
.modalSec .layerLimitSetComplete .btSec .bt {display:inline-block;width:135px;margin:0;}
.modalSec .layerLimitSetComplete .btSec .bt:first-child {margin-right:10px;}
.layerChargeSec4 {height:auto;padding-bottom:24px;}
.layerChargeSec4 .btSec2, .layerChargeSec4 .btSec3 {position:relative;bottom:auto;padding-top:30px;text-align:center;}
.layerChargeSec4 .btSec2 .bt {width:155px;}
.layerChargeSec4 .btSec3 .bt {width:320px;}
.layerChargeSec4 .autoChargeCheck, .layerChargeSec4 .autoChargeNotice {width:320px;margin:0 auto;}
.layerChargeSec4 .autoChargeCheck {display:flex;justify-content: space-between;margin:20px auto 18px;}
.layerChargeSec4 .autoChargeCheck p {padding-top:6px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec4 .autoChargeCheck .checkboxSec label {position:relative;width:50px;height:24px;background-color:#64686b;border-radius: 12px;}
.layerChargeSec4 .autoChargeCheck .checkboxSec label span.checkbox {position:absolute;top:2px;transform:translateX(2px);transition:0.3s;width:20px;height:20px;margin:0;border-radius:50px;border-color:#ffffff;}
.layerChargeSec4 .autoChargeCheck .checkboxSec input[type="checkbox"]:checked + label {background-color: #1475fc;}
.layerChargeSec4 .autoChargeCheck .checkboxSec input[type="checkbox"]:checked + label span.checkbox {left:auto;transform:translateX(28px);background-image:none;background-color:#ffffff;border-color:#ffffff;}
.layerChargeSec4 .autoChargeNotice {padding:12px 0 4px;border-top:1px solid #dee0e3;font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec5 {height:320px;}
.layerChargeSec5 .mobileNumber, .layerChargeSec5 .txt, .layerChargeSec5 .checkboxSec {width:320px;margin:0 auto;}
.layerChargeSec5 .mobileNumber .inputTxt {width:100%;}
.layerChargeSec5 .btSec {width:100%;text-align:center;}
.layerChargeSec5 .btSec .bt {width:320px;}
.layerChargeSec5 .mobileRadio {width:320px;margin:24px auto 13px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec5 .mobileRadio li {display:inline-block;margin-right:24px;}
.layerChargeSec5 .checkboxSec {margin:13px auto 16px;font-size: 12px;letter-spacing: -0.18px;color: #17191d;}
.layerChargeSec5 .checkboxSec label {margin-top:-3px;}
.layerChargeSec5 .txt {padding-top:12px;border-top:1px solid #dee0e3;font-size: 11px;line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.layerChargeSec6 .layerCnts {overflow:auto;overflow-x:hidden;height:452px;margin:24px 0 0 30px;padding-right:30px;}
.layerChargeSec6 .tabCnts {font-size: 12px;line-height: 1.5;letter-spacing: -0.18px;color: #4a4e57;}
.layerChargeSec6 .chageInfoCate {height:60px;padding:32px 0 0 30px;box-sizing:border-box;background-color:#17191d;font-size:0;}
.layerChargeSec6 .chageInfoCate li {display:inline-block;margin-right:10px;}
.layerChargeSec6 .chageInfoCate li a {display:inline-block;height:28px;font:14px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.11px;color: #a4a6ab;box-sizing: border-box;border-bottom:2px solid #17191d;}
.layerChargeSec6 .chageInfoCate li a.on {border-color:#ffffff;color:#ffffff;}
.layerChargeSec6 .infoLayerList {width:320px;}
.layerChargeSec6 .infoLayerList li {vertical-align:top;border-bottom:1px solid #dee0e3;}
.layerChargeSec6 .infoLayerList li:last-child {border-bottom:0;}
/*.layerChargeSec6 .infoLayerList li button {display:block;width:320px;height:46px;padding-bottom:1px;text-align:left;background:url(../image/bul_tri_gr2.png) no-repeat 299px 18px;font:12px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.18px;color: #17191d;}
  .layerChargeSec6 .infoLayerList li button.on {background:url(../image/bul_tri_gr2.png) no-repeat 299px -13px;} */ 
.layerChargeSec6 .infoLayerList li button:hover {background-position:299px -42px;}
.layerChargeSec6 .infoLayerList li button.on:hover {background-position:299px -72px;}
.layerChargeSec6 .infoLayerList li .cntsTxt {display:none;margin-top:-3px;padding-bottom:14px;line-height: 1.5;letter-spacing: -0.18px;}
.layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl {overflow:hidden;width:320px;}
.layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl dt, .layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl dd {float:left;color:#79818a;line-height:1.7;}
.layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl dt {clear:both;width:113px;font-weight:bold;}
.layerChargeSec6 .tab3Cnts .infoLayerList li .cntsTxt dl dd {width:207px;padding-bottom:20px;}

/* 2023-12-20 kcjeong : 충전한도 상향 안내 레이어 */
.layerChargeSec7 {width: 360px;height: 460px;padding: 30px 30px 25px;background: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_coin.png) no-repeat right 110px #fff;background-size: 130px 140px;box-sizing: border-box;}
.layerChargeSec7 * {box-sizing: border-box;color: #000;font-family: 'NEXONLv2Gothic';font-size: 13px;}
.layerChargeSec7 strong {font-family: 'NEXONLv2GothicBold';}
.layerChargeSec7 h1 {display: inline-block;padding: 5px 10px;color: #fff;background-color: #000;border-radius: 11px;}
.layerChargeSec7 h2 {position: relative;margin: 10px 0 20px;font-size: 28px;line-height: 1.43;}
.layerChargeSec7 h2 strong {position: relative;font-size: 32px;}
.layerChargeSec7 h2 strong::after {position: absolute;left: 0;top: 20px;width: 100%;height: 16px;background-color: #d4c2ff;z-index: -1;content: '';}
/*.layerChargeSec7 .txt {margin-top: 14px;font-size: 13px;line-height: 1.62;letter-spacing: -0.33px;}*/
.layerChargeSec7 dl {display: flex;flex-wrap: wrap;row-gap: 16px;width: 300px;padding: 20px 24px;border: 1px solid #eaeaea;background-color: #fff;}
.layerChargeSec7 dt {margin-right: auto;}
.layerChargeSec7 .btClose {margin: 20px 0 26px;}
.layerChargeSec7 .btClose a {display: inline-block;width: 100%;height: 50px;padding-top: 16px;text-align: center;background-color: #17191d;font-size: 16px;font-family: 'NEXONLv2GothicMedium';color: #fff;}
.layerChargeSec7 .btClose a:hover {background-color: #1475fc;}
.layerChargeSec7 .linkSec {font-size: 12px;color: #4a4e57;text-align: center;}
.layerChargeSec7 .linkSec a {text-decoration: underline;color: #1475fc;}
.layerChargeSec7 .linkSec a:hover {color: #0f57bd;}

/* 바코드 충전 안내 */
.layerBarcodeCharge {position: absolute; width: 480px; height: auto; padding-bottom: 44px; background-color: #ffffff; margin: 0 auto; left:50%; top:50%; transform: translate(-50%,-50%);}
.layerBarcodeCharge .closeBt {top: -620px;right: -440px;position: relative;}
.layerBarcodeCharge .closeBt button {display: inline-block; width:20px;height:20px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bt_close_barcode3.png) no-repeat left top;}
.layerBarcodeCharge h2.layerTit {padding:28px 0 29px;text-align:center;font:20px 'Spoqa Han Sans Neo Bold';line-height: 1.1;letter-spacing: -0.3px;color: #000000;}
.layerBarcodeCharge .barcodeInfo {padding:30px 0 29px 35px;background-color:#f5f6f9;border-top:1px solid #edeff4;border-bottom:1px solid #edeff4;}
.layerBarcodeCharge .barcodeInfo li {display: inline-block; width:106px; padding: 0 15px; text-align: center; font: 11px 'Spoqa Han Sans Neo'; line-height: 1.45; letter-spacing: -0.28px; color: #4a4e57;}
.layerBarcodeCharge .barcodeInfo li .img {display:block;width:60px;height:60px;margin:0 auto 7px;border:1px solid #edeff4;box-sizing: border-box;border-radius: 50%;}
.layerBarcodeCharge .barcodeInfo li.info1 .img {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_pcbang.png) no-repeat center center;}
.layerBarcodeCharge .barcodeInfo li.info2 .img {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_bonus.png) no-repeat center center;}
.layerBarcodeCharge .barcodeInfo li.info3 .img {background:#ffffff url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_benefit.png) no-repeat center center;}
.layerBarcodeCharge .barcodeInfo li .txt {display:block;margin-bottom:4px;font:13px 'Spoqa Han Sans Neo Medium';letter-spacing: -0.2px;color: #17191d;}
.layerBarcodeCharge h3.layerTit {padding-bottom:22px;font: 14px 'Spoqa Han Sans Neo';line-height: 1.29;letter-spacing: -0.35px;color: #17191d;font-weight:normal;}
.layerBarcodeCharge h3.layerTit span {display:block;padding:35px 0 8px;font:16px 'Spoqa Han Sans Neo Bold';font-size: 16px;line-height: 1.13;letter-spacing: -0.4px;}
.layerBarcodeCharge .barcodeSec {position:relative;width:380px;margin:0 auto;}
.layerBarcodeCharge .barcodeSec .barcodeCheckboxSec3 {margin-top:10px;}
.layerBarcodeCharge .barcodeSec .barcodeCheckboxSec3 label {font: 14px 'Spoqa Han Sans Neo';line-height: 1.07;letter-spacing: -0.35px;color: #17191d;}
.layerBarcodeCharge .barcodeSec .barcodePhoneNumber {width:380px;height:50px;font: 14px 'Spoqa Han Sans Neo Medium';line-height: 1.29;letter-spacing: -0.21px;border-color:#c7c8cc;color:#4a4e57;}
.layerChargeSec input[type="number"] {border :1px solid #c7c8cc;}
.layerChargeSec input[type="number"]:focus { outline:1px solid #1475fc;}
.layerBarcodeCharge input[type="number"]::-webkit-outer-spin-button,
.layerBarcodeCharge input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.layerChargeSec.layerChargeSec2 input#txtLimitAmount {border :1px solid #c7c8cc;}
.layerChargeSec.layerChargeSec2 input#txtLimitAmount:focus  { outline:1px solid #1475fc;}
.layerChargeSec.layerChargeSec2 input#txtLimitAmount::-webkit-outer-spin-button,
.layerChargeSec.layerChargeSec2 input#txtLimitAmount::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.layerBarcodeCharge .barcodeSec #barcodeUnderPhoneNumber {background-color: #f5f6f9;border-color:#f5f6f9;pointer-events: none;text-align:center;font: 16px 'Spoqa Han Sans Neo';line-height: 1.13;letter-spacing: -0.24px;color: #9fa1a7;}
.layerBarcodeCharge .barcodeSec .detailBt {position:relative;float:right;margin-top:-20px;}
.layerBarcodeCharge .barcodeSec .detailBt a {display:inline-block;padding-right:18px;font: 12px 'Spoqa Han Sans Neo';line-height: 1.25;letter-spacing: -0.3px;color: #4a4e57;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert_barcode.png) no-repeat 98% top / 14px 14px;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail {display:none;position:absolute;bottom:20px;left:-110px;box-sizing: border-box; padding:24px 24px 25px;border:1px solid #edeff4;background-color:#ffffff;white-space: nowrap;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail .txt1 {padding-bottom:17px;font: 11px 'Spoqa Han Sans Neo';line-height: 1.27;letter-spacing: -0.28px;color: #17191d;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail .txt1 span {display:block;padding-bottom:4px;font: 12px 'Spoqa Han Sans Neo Bold';line-height: 1.5;letter-spacing: -0.3px;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dl {width:337px;font: 11px 'Spoqa Han Sans Neo';line-height: 2.55;letter-spacing: -0.17px;color: #17191d;border-bottom:1px solid #dddddd}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dl::after {content:''; display:table; clear:both;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dt, .layerBarcodeCharge .barcodeSec .detailBt .layerDetail dl dd {float:left;border-top:1px solid #dddddd;box-sizing: border-box;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dt {clear:both;width:118px;padding:6px 0 6px 14px;background-color:#f5f6f9;font-family:'Spoqa Han Sans Neo Medium';}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dd {width:219px;padding:6px 0 6px 24px;}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail dd span {font:12px 'Spoqa Han Sans Neo Medium';}
.layerBarcodeCharge .barcodeSec .detailBt .layerDetail .txt2 {padding-top:5px;font: 9px 'Spoqa Han Sans Neo';line-height: 1.89;letter-spacing: -0.14px;color: #4a4e57;}
.layerBarcodeCharge .barcodeSec .sendBt {clear:both;padding-top:30px;}

.layerBarcodeCharge .barcodeSec .sendBt .bt1 {display:block;width:100%;height:50px;padding-top:13px;border-radius: 0;text-align:center;font: 16px 'Spoqa Han Sans Neo';line-height: 1.38;letter-spacing: -0.13px;color: #ffffff;}
.layerBarcodeCharge .barcodeSec .inputMsg {margin:10px 0 -25px;font: 12px 'Spoqa Han Sans Neo';line-height: 1.5;color: #1475fc;}
.layerBarcodeCharge .barcodeSec .inputMsg {margin:10px 0 -25px;}
.layerBarcodeCharge .barcodeSec .errorMsg {color:#ff6060;}
.layerBarcodeCharge .barcodeSec .confirmMsg {color:#1475fc;}
.layerBarcodeCharge .barcodeSec .barcodeNotice {margin-top:32px;}
.layerBarcodeCharge .barcodeSec .barcodeNotice li {padding:0 0 3px 8px;text-indent:-8px;font: 12px 'Spoqa Han Sans Neo';line-height: 1.67;letter-spacing: -0.18px;color: #4a4e57;}
.layerBarcodeCharge .barcodeSec .barcodeNotice li a {color:#1475fc;text-decoration: underline;}
.layerBarcodeCharge .barcodeSec .barcodeNotice li span.bull {display:inline-block;width:4px;height:4px;margin-right:2px;background-color: #9fa1a7;border-radius: 50%; vertical-align: middle;margin-bottom:4px;}

/* barcode checkbox */
.barcodeCheckboxSec {position:relative; padding-top: 10px;}
.barcodeCheckboxSec input {visibility:hidden;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;padding:0;position:absolute;top:-3px;left:-3px;}
.barcodeCheckboxSec label {display:inline-block;padding:0px 0 0 0px;background-size:18px 18px;cursor:pointer;white-space: nowrap; font: 14px 'Spoqa Han Sans Neo';}
.barcodeCheckboxSec label span.checkbox {display:inline-block;width:16px;height:16px;margin:0 9px 3px 0;border:1px solid #cccccc;background-color:#ffffff;vertical-align:middle;box-sizing: border-box;}
.barcodeCheckboxSec input[type="checkbox"]:checked + label span.checkbox {background:#1475fc url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_wt.png) no-repeat center center / 16px 16px;border-color:#1475fc;}
.barcodeCheckboxSec label span.txt {display:block;padding-left:25px;font: 11px 'Spoqa Han Sans Neo';line-height: 1.64;letter-spacing: -0.17px;color: #929aa4;}
.barcodeCheckboxSec2 label span.checkbox {border:none;background-color:none;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_gr.png) no-repeat center center;}
.barcodeCheckboxSec2 input[type="checkbox"]:checked + label span.checkbox {background-color:none;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_bl.png) no-repeat center center / 16px 16px;}
.barcodeCheckboxSec3 label span.checkbox {display:inline-block;width:24px;height:24px;margin:0 10px 3px 0;border-color:#c7c8cc;}
.barcodeCheckboxSec3 input[type="checkbox"]:checked + label span.checkbox {background-color:none;background:#1475fc url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_check_wt2.png) no-repeat center center / 20px 20px;}

/*barcode button*/
.bt1.disabled {background-color:#accffd;border-color:#accffd;pointer-events: none;}

/*barcode layer*/
.layerChargeSec {position:absolute; z-index:20;width:380px;background-color:#f5f6f9;}

/*payment complete barcode banner*/
.cpltWrapper {overflow: auto;}
.cpltSec {width:520px;margin:0 auto;}
.cpltSec .cnts {padding:50px 60px;background-color:#ffffff;}
.cpltSec .cnts h1 {width:400px;padding-bottom:40px;border-bottom:1px solid #edeff4;text-align:center;font: 20px 'Spoqa Han Sans Neo';font-weight:normal;color:#000000;letter-spacing:-0.3px;line-height:1.1;}
.cpltSec .cnts h1 .num {display:inline-block;font:24px 'Spoqa Han Sans Neo Bold';line-height: 0.92;letter-spacing: 0.36px;color: #1475fc;}
.cpltSec .cnts h1 .txt {display:block;padding-top:10px;font: 13px 'Spoqa Han Sans Neo';line-height: 1.69;letter-spacing: -0.2px;color: #4a4e57;}
.cpltSec .cnts h1 .txt2 {font: 22px 'Spoqa Han Sans Neo';line-height: 1;letter-spacing: -0.33px;color: #000;}
.cpltSec .btSec {text-align:center;font-size:0;}
.cpltSec .btSec .bt {margin:0 5px;}
.clptChargeL {width:400px;padding:0 0 20px;font:14px 'Spoqa Han Sans Neo Medium';color:#17191d;line-height: 1.57;letter-spacing: 0.21px;border-bottom:1px solid #edeff4;}
.clptChargeL::after {display:table;content:'';clear:both;}
.clptChargeL dt, .clptChargeL dd {float:left;padding-top:20px;}
.clptChargeL dt {clear:both;width:180px;}
.clptChargeL dd {text-align:right;width:220px;}
.clptChargeL dd.txt3 {display:block;clear:both;float:none;width:400px;padding-top:16px;line-height:1.8;font-weight:normal;font: 12px 'Spoqa Han Sans Neo';text-align:left;}
.clptChargeL dd.txt3 ul li {font: 12px 'Spoqa Han Sans Neo';line-height: 1.83;letter-spacing: -0.18px;color: #4a4e57;}
.clptChargeL dd.txt3 ul li::after {display:table;content:'';clear:both;}
.clptChargeL dd.txt3 ul li .accountInfo {float:left;}
.clptChargeL dd.txt3 ul li .btTooltip {float:right;}
.clptChargeL dd .btTooltip {position: relative;z-index:10;}
.clptChargeL dd .tooltip {position:absolute;bottom:-27px;right:0;display:none;padding:0px 5px 0 6px;white-space:nowrap;height:21px;background-color:#4c4c4c;color:#ffffff;}
.clptChargeL dd .tooltip span {position:absolute;top:-6px;right:19px;display:block;width:8px;height:6px;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bg_tooltip.png) no-repeat 0 0;}
.clptChargeL dd.txt3 .cashAlarm2 {color:#ff6060;}
.cpltSec .cashR {clear:both;width:400px;margin:0 auto;padding:16px 0 0;font: 12px 'Spoqa Han Sans Neo';line-height: 1.83;letter-spacing: -0.18px;color: #4a4e57;}
.cpltSec .cashR a {display:inline-block;font: 12px 'Spoqa Han Sans Neo';line-height: 1.83;letter-spacing: -0.18px;color: #4a4e57;}
.cpltSec .cashR a:hover {text-decoration:underline;}
.cpltSec .linkSec {padding:6px 0 19px;text-align:right;color:#b8bac2;}
.cpltSec .linkSec a { font: 12px 'Spoqa Han Sans Neo';line-height: 1.83;letter-spacing: -0.18px;color: #4a4e57;text-decoration: underline;}
.cpltSec .linkSec a:hover {color:#000000;}
.clptChargeL2 {width:400px;padding-top:10px;font: 12px 'Spoqa Han Sans Neo';line-height: 1.5;letter-spacing: -0.18px;color: #4a4e57;}
.clptChargeL2::after {display:table;content:'';clear:both;}
.clptChargeL2 dt, .clptChargeL2 dd {float:left;padding-top:10px;}
.clptChargeL2 dt {clear:both;width:100px;}
.clptChargeL2 dd {width:300px;text-align:right;}
.clptChargeL2 dd span {color:#1475fc;}
.cpltSec .chargeLimitBt {margin-top:20px;text-align:right;}
.cpltSec .chargeLimitBt a {display:inline-block;width:120px;height:30px;padding-top:3px;box-sizing:border-box;border: solid 1px #edeff4;font: 12px 'Spoqa Han Sans Neo';line-height: 1.83;letter-spacing: -0.18px;color: #79818a;text-align:center;}
.cpltSec .chargeLimitBt a:hover {border-color:#1475fc;color:#1475fc;}
.cpltSec .chargeBannerSec {width:400px;height:88px;margin-top:20px;border-radius: 4px;border: solid 1px rgba(35, 112, 190, 0.16);box-sizing:border-box;background: #3084f5 url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_banner_barcode.png) no-repeat 12px top;}
.cpltSec .chargeBannerSec div {display:block;width:400px;height:88px;padding-left:104px;box-sizing:border-box;background:url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/img_arrow2.png) no-repeat 363px 33px;}
.cpltSec .chargeBannerSec div span {display:block;}
.cpltSec .chargeBannerSec div .txt1 {padding-top:14px;font: 14px 'Spoqa Han Sans Neo Bold';line-height: 1.57;letter-spacing: -0.21px;color: #95fcfc;}
.cpltSec .chargeBannerSec div .txt2 {padding-top:5px;font: 11px 'Spoqa Han Sans Neo Medium';line-height: 1.45;letter-spacing: -0.17px;color: #ffffff;}

/*PLCC 현대*/
.cpltSec .completePlccBanner {margin-top: 20px;}

/* 2025-02-12 */
/* UIDEV-95: PG사 약관추가 관련 UI개발 추가 */
/* UIDEV-103: 가상계좌 지연충전 알림 팝업창 UI개선 (넥슨캐시/세라/테라)  */
.customScrollBar:not(textarea) {
    margin-right: 5px;
}

.customScrollBar::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
}

.customScrollBar:not(textarea)::-webkit-scrollbar-button,
.customScrollBar:not(textarea)::-webkit-scrollbar-track {
    background-color: #f5f6f9;
}

.customScrollBar::-webkit-scrollbar-thumb {
    background-color: #abafb3;
    border-radius: 3px;
}

.customScrollBar::-webkit-scrollbar-track {
    background-color: transparent;
}

.customScrollBar::-webkit-scrollbar-button {
    background-color: #fff;
    height: 5px;
}
/* cate */
.layerChargeSecNew .cate li a.on {
    border-color: #edeff4;
    color: #1475fc;
    font-weight: 700;
}

.layerChargeSecNew .mobileAuthSec p.mobileAuthNote {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #4a4e57;
    padding-top: 8px;
    width: 320px;
}
/* iFrame */
.sampleListCnts.iFrameCnts,
.iFrameCnts {
    width: 450px;
    height: 548px;
    overflow: hidden;
}

.iFrameWrapper {
    height: 510px;
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
}

    .iFrameWrapper iframe {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

.layerChargeSecNew .layerChargeSec .textSec .txt1 {
    padding-bottom: 0;
    line-height: normal;
}

.layerChargeSecNew .layerChargeSec .textSec .txt2 {
    margin-top: 12px;
    line-height: 18px;
    /*line-break: 16px;*/
    padding-bottom: 0;
}

.layerChargeSecNew .layerChargeSec .textSec .txt3 {
    font-size: 12px;
    line-height: 18px;
}

.layerChargeSecNew .layerChargeSec .layerChargeCnts .mobileNumber input {
    margin-bottom: 0;
}

.layerChargeSecNew .mobileAuthSec {
    margin-bottom: 16px;
}
/* term and condition pop up */
.termsAndConditionsCnts {
    width: 340px !important;
}

    .termsAndConditionsCnts .layerChargeSecNew {
        width: 340px;
        height: 420px;
    }

.layerChargeSecNew .termsAndConditions {
    padding: 24px 10px 24px 20px;
    overflow: auto;
    height: 382px;
    box-sizing: border-box;
    background-color: #fff;
}

    .layerChargeSecNew .termsAndConditions textarea {
        border: none;
        font-size: 12px;
        height: 334px;
        line-height: 18px;
        overflow: auto;
        padding-right: 15px;
        resize: none;
        width: 100%;
    }

.layerChargeSecNew .layerAgreeList .infoTxt {
    line-height: 18px;
}

.layerChargeSecNew .layerAgreeList textarea.checkCnts {
    margin-top: 16px;
    border: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    padding: 12px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    position: relative;
    height: 160px;
    background-color: transparent;
}

    .layerChargeSecNew .layerAgreeList textarea.checkCnts.scroll {
        margin-right: 6px;
        padding-right: 1px;
        width: calc(100% - 6px);
    }

.layerAgreeList .toggleTextArea .checkCntsBg {
    position: absolute;
    border: 1px solid #edeff4;
    top: 49px;
    width: calc(100% - 2px);
    height: 160px;
    z-index: -1;
    background-color: #fff;
    display: none;
}

.layerChargeSecNew .layerCnts .layerAgreeList li {
    justify-content: space-between;
    width: 100%;
    padding: 16px 0 !important;
}

    .layerChargeSecNew .layerCnts .layerAgreeList li.toggleTextArea {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .layerChargeSecNew .layerCnts .layerAgreeList li.agreeDetailCnts,
    .layerChargeSecNew .layerChargeBottom li.agreeDetailCnts {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .layerChargeSecNew .layerCnts .layerAgreeList li .checkboxSec {
        height: 18px;
        display: flex;
        align-items: center;
        margin-right: 20px;
        flex: 1;
    }

    .layerChargeSecNew .layerCnts .layerAgreeList li a.detailLink,
    .layerChargeSecNew .layerChargeBottom li a.detailLink {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 150% */
        text-decoration-line: underline;
        text-underline-position: from-font;
        color: #a4a6ab;
        cursor: pointer;
    }

        .layerChargeSecNew .layerCnts .layerAgreeList li a.detailLink:hover,
        .layerChargeSecNew .layerChargeBottom li a.detailLink:hover {
            color: #4a4e57;
        }

    .layerChargeSecNew .layerCnts .layerAgreeList li label {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        width: 100%;
    }

    .layerChargeSecNew .layerCnts .layerAgreeList li .checkboxSec label span.checkbox {
        margin: 0 10px 0 0;
    }

.layerChargeSecNew .layerAgreeList li button {
    width: 16px;
    height: 16px;
}

.layerChargeSecNew .btSec {
    bottom: 16px;
}

.layerChargeSecNew .layerChargeCnts {
    height: auto !important;
    margin-top: 0;
    padding-top: 24px;
}

    .layerChargeSecNew .layerChargeCnts .retention p.stit {
        padding-top: 0;
    }

.layerChargeSecNew .layerChargeSec .cashInfo dt:first-child,
.layerChargeSecNew .layerChargeSec .cashInfo dd:nth-child(2) {
    margin-top: 18px;
}

.layerChargeSecNew .layerChargeContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .layerChargeSecNew .layerChargeContainer.mobilePayment {
        max-height: 430px;
    }

    .layerChargeSecNew .layerChargeContainer .layerChargeCntsSec {
        flex: 1;
        height: auto;
        overflow: auto;
        padding-bottom: 16px;
    }

.cultureland {
    overflow: auto;
}

.layerChargeSecNew .layerChargeBottom {
    position: relative;
    height: auto;
    padding: 12px 30px 16px 30px;
    flex-direction: column;
    align-items: flex-start;
    z-index: 2;
    background-color: #f5f6f9;
}

.layerChargeBottom.shadowTop {
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05);
}

.layerChargeSecNew .layerChargeBottom .checkboxSec {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

    .layerChargeSecNew .layerChargeBottom .checkboxSec label span.text1 {
        margin-top: 4px;
    }

    .layerChargeSecNew .layerChargeBottom .checkboxSec.checkbox2Txt label {
        display: flex;
    }

        .layerChargeSecNew .layerChargeBottom .checkboxSec.checkbox2Txt label div {
            display: flex;
            flex-direction: column;
        }

            .layerChargeSecNew .layerChargeBottom .checkboxSec.checkbox2Txt label div span {
                line-height: 18px;
            }

.layerChargeSecNew .layerChargeSec .creditCardAgreement ul li {
    min-height: 18px;
    height: auto;
    margin-bottom: 0;
}

.layerChargeSecNew .layerChargeSec .creditCardAgreement .checkboxSec2,
.layerChargeSecNew .layerChargeSec .creditCardAgreement .checkboxSec2 label {
    line-height: 18px;
}

.layerChargeSecNew .layerChargeBottom .checkboxSec button,
.layerChargeSecNew .creditCardAgreement .checkboxSec button {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat center -24px;
}

    .layerChargeSecNew .layerChargeBottom .checkboxSec button.on,
    .layerChargeSecNew .creditCardAgreement .checkboxSec button.on {
        background: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/bul_tri_gr2.png) no-repeat center 7px;
    }

.layerChargeSecNew .layerChargeBottom .checkboxSec ul.layerAgreeList {
    margin-top: 16px;
}

.layerChargeSecNew .layerChargeBottom .checkboxSec.toggleSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 18px;
    line-height: 18px;
}

.layerChargeSecNew
.layerChargeBottom
.checkboxSec
.agreeDetailCnts:not(:first-child) {
    margin-top: 10px;
    cursor: pointer;
}

.layerChargeSecNew .layerChargeBottom {
    transition: display 3s ease;
}

.layerChargeBottom .agreeDetailCnts input[type="checkbox"]:checked label {
    cursor: pointer;
}

.layerChargeBottom
.agreeDetailCnts
input[type="checkbox"] + label
span.checkbox {
    background: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/check.svg) no-repeat center center;
    border: none;
}

.layerChargeBottom .agreeDetailCnts input[type="checkbox"]:checked + label span.checkbox,
.layerChargeBottom .agreeDetailCnts input[type="checkbox"] + label.checked span.checkbox:hover {
    background: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/check_ho.svg) no-repeat center center;
}

.layerChargeBottom.layerChargeBottom2 {
    height: 102px;
    padding: 12px 30px 16px;
    background-color: #f5f6f9;
    box-sizing: border-box;
    width: 100%;
}

    .layerChargeBottom.layerChargeBottom2 .loginBt {
        padding-top: 0;
    }

        .layerChargeBottom.layerChargeBottom2 .loginBt a,
        .layerChargeBottom.layerChargeBottom2 a {
            width: 100%;
        }

    .layerChargeBottom.layerChargeBottom2 .findBt {
        padding-top: 16px;
        color: #4a4e57;
        font-size: 12px;
        text-decoration: underline;
    }

    .layerChargeBottom.layerChargeBottom2.tMoney {
        height: 69px;
    }

    .layerChargeBottom.layerChargeBottom2.layerChargeCheckbox {
        height: 130px !important;
        box-sizing: border-box;
    }

        .layerChargeBottom.layerChargeBottom2.layerChargeCheckbox .checkboxSec {
            margin-bottom: 16px;
            height: 40px;
        }

        .layerChargeBottom.layerChargeBottom2.layerChargeCheckbox .bt1 {
            height: 46px;
        }

.creditCardAgreement {
    max-width: 320px;
}

.cultureland .creditCardAgreement,
.ssgpay .creditCardAgreement {
    margin-top: 16px;
}

.ssgpay .mobileNumber a.bt2 {
    margin-top: 10px;
    width: 320px;
}

.sampleListCnts.iFrameSampleCnts {
    min-width: 450px;
    background-color: white;
}

.sampleListCnts.termsAndConditionsCnts .layerChargeSec {
    background-color: white;
}

.termsAndConditionsCnts .customScrollBar::-webkit-scrollbar-track {
    background-color: transparent;
}
/*  */
.termsAndConditions {
    --bc-120: #17191d;
    --bc-100: #4a4e57;
    --bc-80: #6e7480;
    --solid-100: #f8f8fb;
    --scrollbar-thumb: #abafb3;
    font-family: "Spoqa Han Sans Neo", "sans-serif";
    font-style: normal;
    color: var(--bc-100);
    padding: 24px 5px 24px 20px;
    margin: 0;
    background-color: white;
}

    .termsAndConditions h3,
    .termsAndConditions h4,
    .termsAndConditions h5,
    .termsAndConditions h6,
    .termsAndConditions ul,
    .termsAndConditions li,
    .termsAndConditions p {
        margin: 0;
    }

        .termsAndConditions h3.page-title {
            font-size: 20px;
            font-weight: 700;
            line-height: 28px;
        }

    .termsAndConditions .chapter {
        margin-top: 40px;
    }

        .termsAndConditions .chapter:first-child {
            margin-top: 0;
        }

    .termsAndConditions .article {
        margin-top: 12px;
    }

    .termsAndConditions h3.termsAndConditionsHeader {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
    }

    .termsAndConditions h4.chapter-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
    }

    .termsAndConditions h5.art-title {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
    }

    .termsAndConditions h6,
    .termsAndConditions p,
    .termsAndConditions li {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    .termsAndConditions ul {
        margin: 0;
        margin-top: 4px;
        padding-left: 16px;
    }

    .termsAndConditions li {
        list-style-position: inside;
        list-style-type: number;
        padding-left: 14px;
        text-indent: -14px;
    }

        .termsAndConditions li.dash-marker-list {
            list-style-type: none;
            padding-left: 10px;
            text-indent: -10px;
        }

        .termsAndConditions li::marker {
            padding-right: 4px;
        }

    .termsAndConditions p:first-child,
    .termsAndConditions p:only-child {
        margin-top: 4px;
        font-weight: 500;
    }

    .termsAndConditions p.circle-number-marker {
        font-weight: 500;
        margin-top: 4px;
        padding-left: 16px;
        text-indent: -16px;
    }

    .termsAndConditions ul.hangul-marker-list {
        padding: 0;
    }

        .termsAndConditions ul.hangul-marker-list li {
            list-style-type: none;
            padding-left: 18px;
            text-indent: -18px;
            color: var(--bc-80);
        }

    .termsAndConditions ul.notices {
        margin-top: 40px;
        padding: 12px 16px;
        background-color: var(--solid-100);
    }

        .termsAndConditions ul.notices li {
            list-style-type: none;
            margin-top: 12px;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            color: var(--bc-80);
        }

            .termsAndConditions ul.notices li:first-child {
                margin-top: 0;
            }

/* layer modal renew start */
.csvNoticeLayer .inspectionSec {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
}

    .csvNoticeLayer .inspectionSec .text1 {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        font-family: 'Spoqa Han Sans Neo', sans-serif;
        color: #26282c;
        background-size: 32px;
        padding: 84px 0 8px;
        text-align: center;
        background: url(https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_alert1.png) no-repeat center 32px;
    }

        .csvNoticeLayer .inspectionSec .text1 strong {
            color: #0a74ff;
            font-family: 'Spoqa Han Sans Neo Bold', sans-serif;
            font-weight: 700;
        }

    .csvNoticeLayer .inspectionSec .text2 {
        width: 280px;
        border: none;
        color: #9097a3;
        text-align: center;
        font-family: 'Spoqa Han Sans Neo Medium', sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: 19px;
        padding: 0 0 19px;
        border-bottom: 1px solid #edeff2;
    }

        .csvNoticeLayer .inspectionSec .text2 .ico_caption {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-right: 4px;
            background: url("https://ssl.nexon.com/s2/billing/cash/nexoncash_imgs/rip/classic/ico_caption.png") 0 0 no-repeat;
            background-size: contain;
        }

    .csvNoticeLayer .inspectionSec .btnSec {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 20px;
        width: 280px;
    }

    .csvNoticeLayer .inspectionSec button {
        height: 48px;
        width: 100%;
        margin: 0;
        padding: 0 16px;
        align-self: stretch;
        font-family: 'Spoqa Han Sans Neo Medium', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
        border-radius: 3px;
    }

    .csvNoticeLayer .inspectionSec .priBtn {
        background-color: #17191c;
        color: white;
    }

        .csvNoticeLayer .inspectionSec .priBtn:hover {
            background-color: #0a74ff;
        }

    .csvNoticeLayer .inspectionSec .secBtn {
        margin-top: 6px;
        color: #17191c;
        background-color: #edeff2;
    }

        .csvNoticeLayer .inspectionSec .secBtn:hover {
            background-color: #dfe3e8;
        }
/* layer modal renew end*/