body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button, section, select {font-family:"Noto Sans","Nanum Gothic",sans-serif;}
.cont_box > .top .tit {font-family:"Noto Sans","Nanum Gothic",dotum,"돋움",sans-serif}

/* 로그인 페이지 */
.login_area .nav_btn a{font-family:"Noto Sans","Nanum Gothic",dotum,"돋움",sans-serif}

/* 회원가입 */
.signUp_area .input_area a {font-size:14px;letter-spacing:-1px}

/* 메인 페이지 */
.account_info .acc_price div span {font-family:"Noto Sans","Nanum Gothic","Nanum Gothic",dotum,"돋움",sans-serif}
.account_info .btn_box > div {font-size:18px;white-space:nowrap;letter-spacing:-1px;text-transform:uppercase}
.donation .tit, .notice .tit {word-break:keep-all}
.notice .tit {letter-spacing:1px}
.donation .tit {letter-spacing:0}
.quick_box ul li a {word-break:keep-all}
.his_list li > div {font-family:"Noto Sans","Nanum Gothic","Nanum Gothic",dotum,"돋움",sans-serif}
.his_list li div.state{flex-wrap:wrap;flex-direction:row;width:100%}
.his_list li div.date {font-family:"Nanum Gothic",dotum,"돋움",sans-serif}
.his_list li div.price{font-family:"Nanum Gothic",dotum,"돋움",sans-serif}
.his_list li div.price span{font-family:"Noto Sans","Nanum Gothic","Nanum Gothic",dotum,"돋움",sans-serif}
.his_list li div.totalBalance{font-family:"Nanum Gothic",dotum,"돋움",sans-serif}
.his_list li div.totalBalance span {font-family:"Noto Sans","Nanum Gothic","Nanum Gothic",dotum,"돋움",sans-serif}
.his_list li div.state > div {text-overflow:ellipsis;overflow:hidden}
.History_layerPoP .detail_info ul li > div {word-break:keep-all}
.History_layerPoP .detail_info ul li > div:last-child.trans_id {word-break:break-all}
.History_layerPoP .detail_info ul.hisINFO.num li > div:last-child span {font-family:"Noto Sans","Nanum Gothic",sans-serif}

/* 충전 페이지 */
.charge_area .tx_box .tx01 strong {padding:0 5px 0 0;font-size:1.2em}
.charge_area .tx_box .tx02 {font-size:0.9em;text-align:right}
.charge_area .tx_box .tx02 strong{display:block;font-size:1.1em}
.charge_area .tit_box.box-style02 > div {word-break:keep-all}
.agree_box .check_box .detail_btn{text-align:center;white-space:nowrap}
/* 간편계좌 충전 */
.checking_area .tx_box .tx01 {min-width:120px;max-width:140px;letter-spacing:-0.5px}
/* 입금자 정보 */
.request_area .tx_box > div > div:first-child{letter-spacing:-1px;word-break:break-word}
.request_area .tx_box > div > div:last-child {word-break:break-word}
/* 계좌등록 페이지 */
.account-wrap {}
/* 약관동의 */
.agree_area {}
/* 충전 정보 발송 */
.chg_info {}

/* 로그인 팝업 */
.pop_tit p {letter-spacing:0;max-width:calc(100% - 50px)}
.pop_tit p strong {white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pop_tit button {font-family:"Noto Sans","Nanum Gothic",sans-serif}
.pop_wrap.modal .pop_content p.content_tit strong:before{display:none}
.table_area.col .th {max-width:auto;min-width:auto;padding:0 10px}
.table_area.col .td {max-width:auto;min-width:auto}
/* 충전 팝업 */
.pop_wrap.modal {}
/* 코인 TXID 팝업 */
#txid_pop .content_tit {}

/* 송금 페이지 */
.account_box .acc_price div span {font-family:"Noto Sans","Nanum Gothic",sans-serif}
.remit_info ul li > div:first-child{width:170px;font-size:15px;letter-spacing:-0.5px}
.remit_info ul li > div:last-child {width:calc(100% - 170px)}
.remit_info li.receive_addr p.to_id {font-family:"Noto Sans","Nanum Gothic",sans-serif}
.remit_info ul li > div:last-child span {ont-family:"Noto Sans","Nanum Gothic",sans-serif}
.address_box .tit {letter-spacing:0;font-family:"Noto Sans","Nanum Gothic", dotum, 돋움, sans-serif}
.address_box .tit:first-child {margin:0}
/* 송금 체크 팝업 */
.remit_checking_pop {}
/* 송금 완료 */
.remit_over .detail_info ul li > div {word-break:keep-all}
.remit_over .detail_info ul li > div:last-child {text-align:right}
.remit_over .detail_info ul.hisINFO.num li > div:last-child span {font-family:"Noto Sans","Nanum Gothic",sans-serif}
/* 송금 한도 */
.remit_limit .detail_info ul li > div:last-child span {font-family:"Noto Sans","Nanum Gothic",sans-serif}

/* 거래내역 */
.history_area .history .his_list ul {height:calc(100vh - 325px - 120px)}
.sorlting_box {flex-direction:column}
.sorlting_box > div {width:100%;padding:0}
.sorlting_box .sort_input {width:100%;padding:0}
.sorlting_box .sort_input input[type=text] {margin-left:-44px;background:#fafafa;padding-left:55px}
.sorlting_box .sort_input input[type=text] ~ input {padding:0 0 0 20px}
.sorlting_box .sort_detail {padding:0 30px}
.sorlting_box .sort_detail:before {display:none}
.sorlting_box .sort_detail a {justify-content:center;width:100%;padding:0;font-size:15px;background:none}
.sorlting_box .sort_detail span {word-break:keep-all;white-space:nowrap}
.sorlting_box .sort_detail span:last-child:after{display:block;width:12px;height:10px;margin:0 0 0 7px;background:url(/front/img/select_arr.png) center right no-repeat}
.period_tab, .align_tab {font-size:15px}
.sorlt_box:first-child .align_tab {flex-wrap:wrap}
.sorlt_box:first-child .align_tab > div {width:calc(100% / 3 - 1px)}
.sorlt_box:first-child .align_tab > div.langs {width:calc(100% / 3 * 2 - 1px)}
.coinHis + .modal-open02 .sorlt_box:nth-child(1) .align_tab {flex-wrap:nowrap}
.coinHis + .modal-open02 .sorlt_box:nth-child(1) .align_tab > div {width:100%}
.coinHis + .modal-open02 .sorlt_box:nth-child(2) .align_tab {flex-wrap:wrap}
.coinHis + .modal-open02 .sorlt_box:nth-child(2) .align_tab > div {width:calc(100% / 3 - 1px)}

/* 게시판 */
.commt_writeArea .textArea_info .textLengthWrap {font-family:"Noto Sans","Nanum Gothic",dotum,"돋움",sans-serif}

/* 간편계좌 추가 */
.simpleAdd_area {}

/* 비밀번호 변경 */
.passRe_area {}

/* 아이디 찾기 */
.idChk_area{}
.idErr_area {}

/* 약관 및 버전 */
.tx_area {}

/* 환율계산기 */
.compare_box .tit {font-family:"Noto Sans","Nanum Gothic", dotum, 돋움, sans-serif}
.compare_box .top span{font-size:0.8em;letter-spacing:-1px}
.compare_box .compare_code .selectbox_box span {font-size:0.9rem;letter-spacing:-0.5px}
.compare_box .select_area > div .input_box {width:calc(100% - 190px)}

/* SMS Service :2023.05.03 */
.tab_area .tab_box > div a {display:flex;align-items:center;justify-content:center;height:70px;font-size:18px;line-height:30px;letter-spacing:-1px;word-break:keep-all}
/* 안내 */
.about_area .cont_box.about {}

/* 신청 */
.apply_area {}

/* 납부 */
.pay_area {}
.pay_area .datepick form > div:first-child{justify-content:center;width:calc(100% - 160px - 15px);background:#fff}
.pay_area .datepick form > div:last-child {margin-top:15px}
.pay_area .datepick form {flex-wrap:wrap;justify-content:space-between}
.pay_area .datepick form input {min-width:130px;padding:0 10px}
.pay_area .datepick form > div .lt.wave {padding:0}
.pay_area .datepick form input[type="date"] {text-align:center;padding:0 15px 0 0}
.pay_area .datepick form input[type="hidden"] + input[type="date"] {padding:0 10px 0 15px}
.pay_area .datepick form .select_box{width:160px;margin:0;background:#fff}
.pay_area .datepick form .select_box select{width:100%;border-bottom:0}
.pay_area .datepick form .select_box > div {width:100%}
.pay_area .pay_his li .oder_info {word-break:keep-all}
.pay_area .pay_his li .oder_info:first-child {min-width:125px;max-width:135px}
.pay_area .pay_his li .oder_info:first-child + .oder_info {min-width:calc(100% - 135px - 130px);max-width:calc(100% - 125px - 130px)}
.pay_area .pay_his li:first-child div {letter-spacing:-1px}

/* 변경 */
.edit_area {}

/* 해지 */
.remove_area {}
.remove_area .result_area > div > div {word-break:keep-all}
.remove_area .result_area > div > div:first-child{font-size:1.1rem}
.remove_area .result_area > div > div:last-child {text-align:right}

/* coin */
.account_box.coin {}
.account_box.coin .coin_balance div span{font-family:"Noto Sans","Nanum Gothic",sans-serif}
.coin_manu div > div {height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:18px;word-break:keep-all;font-size:clamp(13px,3vw,17px)}
.coin_wallet .coin_info:after {content:url(/front/img/arr_down.png)}
.coin_area .coinAdd_btn {color:#555;letter-spacing:-1px}
.qrCode_area .tit {font-family:"Noto Sans","Nanum Gothic",sans-serif}
.coinHistory ul li div:first-child {width:210px}
.coinHistory ul li:first-child div:first-child + div {left:210px}
.coinHistory ul li > div:nth-child(3) {width:210px}
.coinHistory ul li > div:nth-child(4) {width:calc((100% - 420px - 300px - 180px) / 2)}
.coinHistory ul li > div:nth-child(6) {width:calc((100% - 420px - 300px - 180px) / 2)}

@media (max-width:710px){.coinSend .cost_input .input_box .acc_unit {font-size:13px;bottom:2px;color:#777}}
@media (max-width:670px){.btn_box a.btn_style {letter-spacing:-1px;font-size:22px;font-weight:600}}
@media (max-width:640px){
.delete + .sms_input_area > div:first-child.input_box {width:35%;min-width:160px}
.delete + .sms_input_area > div:last-child.input_box  {width:65%;max-width:calc(100% - 160px)}
}
@media (max-width:620px){
.donation .tit, .notice .tit {font-size:16px}
.notice .tx_list {left:150px}
.charge_area .tx_box .tx01 {min-width:82px}
.charge_area .tx_box, .checking_area .tx_box {flex-direction:column;align-items:stretch;margin-top:0}
.charge_area .tx_box > div.box-style02:first-child, .charge_area .tx_box > div.box-style02:last-child, .charge_area .tx_box.box-style02, .checking_area .tx_box > div {width:100%;margin-top:10px}
.charge_area .tx_box > div.box-style02:first-child{-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;margin:0}
.charge_area .tx_box > div.box-style02:last-child {-webkit-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px;margin-top:5px}
.compare_box .top span {display:none}
.coinSend.compare_box .top span {display:none}
}
@media (max-width:600px){
.apply_area .sec03 .blueHead {height:auto;padding:7px 30px}
.apply_area .sec03 .result_area > div > div {word-break:keep-all}
.apply_area .sec03 .result_area > div > div:first-child{padding:0 10px 0 0}
.apply_area .sec03 .result_area > div > div:last-child {text-align:right}
}
@media (max-width:580px){
.phoneNum_addBtn a {flex-direction:column-reverse;text-align:center;padding:0 20px}
.phoneNum_addBtn a:after {margin:0 0 10px}
#container .radio_box label {letter-spacing:-0.5px}
.apply_area .sec03 .result_area > div > div:first-child {font-size:1rem;letter-spacing:-1px}
.remove_area .result_area > div > div {font-size:1rem}
.remove_area .result_area > div > div:first-child{font-size:0.9rem}
}
@media (max-width:570px){
.account_box .btn_box .btnStyle {font-size:19px}
.apply_area .sec02 .add_phoneInfo .sms_input_area.st02 .input_box {height:auto}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area.st02 .input_box {height:auto;flex-direction:column;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:30px}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area.st02 .input_box:after {display:none}
.apply_area .sec02 .add_phoneInfo .sms_input_area.st02	.chois_input {height:auto}
.add_phoneInfo > .sms_input_area:last-child > div {height:auto}
#container .apply_area .sec02 .add_phoneInfo .sms_input_area.st02 div:first-child .chois_input div:last-child.radio_box {flex-direction:column;justify-content:flex-start;align-items:flex-start;height:auto;min-height:70px;align-items:flex-start;justify-content:center}
#container .apply_area .sec02 .add_phoneInfo .sms_input_area.st02 div:first-child .chois_input div:last-child.radio_box > div {height:30px;margin:2px 0}
#container .apply_area .sec02 .add_phoneInfo .sms_input_area.set-time div:first-child .chois_input {flex-direction:column;justify-content:flex-end;align-items:flex-end;height:auto;min-height:70px}
#container .apply_area .sec02 .add_phoneInfo .sms_input_area.set-time div:first-child .chois_input .radio_box {height:30px;margin:0 0 5px 0}
.edit_area .add_phoneInfo .sms_input_area .input_box {height:auto}
.edit_area .pop_inner .add_phoneInfo .sms_input_area .input_box {height:auto}
.edit_area .add_phoneInfo .sms_input_area	.chois_input {height:auto}
#container .edit_area .add_phoneInfo .sms_input_area.set-time .chois_input div:last-child.radio_box {flex-direction:column;justify-content:flex-end;align-items:flex-end;height:auto;min-height:70px;align-items:flex-end;justify-content:center}
#container .edit_area .add_phoneInfo .sms_input_area.set-time .chois_input div:last-child.radio_box > div {height:30px;margin:2px 0}
#container .edit_area .add_phoneInfo .sms_input_area.set-time div:first-child .chois_input {flex-direction:column;justify-content:flex-end;align-items:flex-end;height:auto;min-height:70px}
#container .edit_area .add_phoneInfo .sms_input_area.set-time div:first-child .chois_input .radio_box {height:30px;margin:0 0 5px 0}
.addPhone03	.input_box label {font-size:14px;letter-spacing:-1px}
.apply_area .sec02 .pop_inner .add_phoneInfo .sms_input_area span.labelStyle {position:relative}
}
@media (max-width:560px){
.compare_box .select_area > div .input_box {width:calc(100% - 160px)}
.compare_box .compare_code .selectbox_box label {padding:0 10px 0 7px}
.compare_box .optionbox_box ul li a span {font-size:0.8rem}
}
@media (max-width:540px){
#Sorlting_layerPoP .top .btn-search {font-size:16px}
.account_info .btn_box > div, .account_info .btn_box > div:last-child {font-size:16px}
.coinSoting_bar .myAct_info div {font-size:0.9em}
.account_box .btn_box .btnStyle {font-size:18px}
}
@media (max-width:520px){.grayHead div {letter-spacing:0}}
@media (max-width:500px){
.notice .tx_list {left:120px}
.account_box .btn_box .btnStyle {font-size:17px}
.donation .tit, .notice .tit {letter-spacing:0}
.donation .tit {letter-spacing:-1px}
.donation .tx_list p {letter-spacing:-1px;font-size:15px}
.notice .tit:before, .donation .tit:before {margin:0}
.cont_box.coin_wallet {flex-direction:column;margin:0 0 5px}
.cont_box.coin_wallet > div:first-child{width:100%;margin:5px 0}
.cont_box.coin_wallet > div:last-child {display:none}
.delete + .sms_input_area > div:first-child.input_box {width:100%;min-width:100%}
.delete + .sms_input_area > div:last-child.input_box  {width:100%;max-width:100%}
.delete + .sms_input_area .input_box {width:100%}
#container .edit_area .add_phoneInfo .sms_input_area.set-time div:first-child .chois_input {padding:15px 20px 0}
}
@media (max-width:480px){
.account_info .btn_box > div, .account_info .btn_box > div:last-child {font-size:1em}
.sorlting_box .sort_detail a {font-size:14px;letter-spacing:-0.5px}
.coinSoting_bar .myAct_info div {font-size:0.8em}
}
@media (max-width:460px){
.history_area .history .his_list ul {height:calc(100vh - 254px - 120px)}
.remit_input .btnStyle.ok {width:100%;margin:10px 0 0;line-height:50px}
.grayHead div {letter-spacing:-1px}
.compare_box .input_box span.input {align-items:flex-end;flex-direction:column;}
.compare_box .input_box input {height:40px;font-size:1.35rem}
.compare_box .input_box label.acc_unit{font-size:13px}
.sort_input input[type="image"] {width:auto}
}
@media (max-width:450px){
.addPhone03	.input_box label {font-size:13px}
.pay_area .datepick form > div:first-child{width:100%;margin-bottom:10px}
.pay_area .datepick form > div:last-child {width:calc(100% - 160px - 10px);margin:0}
}
@media (max-width:440px){
.sorlting_box .sort_detail a {font-size:0.85em}
.History_layerPoP .detail_info ul li div.nation .nationalFlag {margin-right:3px}
.History_layerPoP .detail_info ul li div.nation > img {padding:0 10px}
}
@media (max-width:420px){
#Sorlting_layerPoP .top .btn-search {font-size:15px}
.login_area .nav_btn a {padding:0 10px;font-size:13px}
.account_info .btn_box > div, .account_info .btn_box > div:last-child {font-size:0.9em}
.coinSoting_bar .myAct_info div {letter-spacing:-1px}
.coinSoting_bar .coin_name strong {font-size:15px}
.his_list li div.date, .his_list li div.state > div {font-size:13px}
.remove_area .result_area > div > div {font-size:0.9rem}
.remove_area .result_area > div > div:first-child{font-size:0.8rem}
.checking_area .tit_box > div span {font-size:22px;letter-spacing:-0.5px}
.grayHead div.date-data {font-size:0.8rem;letter-spacing:-1.5px}
}
@media (max-width:400px){
.login_area .nav_btn a {letter-spacing:-0.5px}
.addCoin .coin_name b  {font-size:1rem}
.account_box .btn_box .btnStyle.acc, .account_box .btn_box .btnStyle.his{letter-spacing:-0.5px;white-space:nowrap}
.sorlting_box .sort_detail a {font-size:0.8em}
.sorlting_box .sort_detail span:after {width:3px;height:3px;margin:0 7px}
.apply_area	.check_box.blackHead {height:auto;}
.addPhone03	.input_box label, .addPhone03 .input_box input:focus ~ label {font-size:12px}
.edit_area .add_phoneInfo .sms_input_area .chois_input {padding:15px 20px 0}
}
@media (max-width:390px){
.charge_area .tit_box.box-style02 > div > br {display:inline-block;content:" ";padding:0 2px}
}
@media (max-width:380px){
.account_info .btn_box > div, .account_info .btn_box > div:last-child {font-size:0.8em}
.history_area .history .his_list ul{height:calc(100vh - 234px - 100px)}
.sorlting_box .sort_input input[type=text] {height:40px}
.remove_area .result_area > div > div:first-child{font-size:15px}
.notice_view .v_top .info {flex-direction:column;align-items:flex-start;padding:10px 30px}
.notice_view .v_top .info div {line-height:25px}
}
@media (max-width:360px){
.checking_area .tit_box > div span:before{display:none}
}
@media (max-width:350px){
.notice .tx_list {left:105px}
#Sorlting_layerPoP .top .btn-search {padding:0 20px;font-size:14px}
.period_tab > div, .align_tab > div {letter-spacing:-0.5px}
.compare_box .select_area > div .input_box {width:100%}
.compare_box .compare_code .selectbox_box label, .compare_box .optionbox_box ul li a span {display:none}
.compare_box .optionbox_box ul li a:before {margin:5px 0}
.compare_box .input_box input {font-size:1.3rem}
.compare_box .optionbox_box ul li a {font-size:0;margin:0 auto;text-align:center}
.compare_box .optionbox_box {min-width:0}
.tab_area .tab_box > div a {font-size:16px}
.History_layerPoP .detail_info ul li div.nation .nationalFlag {margin-right:0}
.History_layerPoP .detail_info ul li div.nation > img {padding:0 5px}
.coinSoting_bar .coin_name strong {font-size:13px}
.address_box .tit {letter-spacing:-1px}
}
@media (max-width:340px){.input_box label {font-size:15px}}
@media (max-width:310px){
.account_box .btn_box {flex-wrap:wrap}
.account_box .btn_box .btnStyle.acc {width:calc(50% - 1px)}	
.account_box .btn_box .btnStyle.his {width:calc((100% / 3) - 1px)}
}
@media (max-width:300px){
.login_area .nav_btn {flex-direction:column}
.login_area .nav_btn a {padding:10px 0;font-size:14px;letter-spacing:0}
.login_area .nav_btn a:after {width:30vw;height:1px;top:unset;bottom:0;right:calc(50% - 15vw);background:rgba(0,0,0,0.1)}
.quick_box ul li:nth-child(1), .quick_box ul li:nth-child(2) {justify-content:flex-start}
.quick_box ul li a {justify-content:flex-start;width:100%;font-size:15px;letter-spacing:-0.5px;padding:0 20px}
#container.page_area.smsService_area .top_area .tit {line-height:0}
#container.page_area.smsService_area .top_area .tit:after {content:'dịch vụ SMS';display:flex;justify-content:center;line-height:32px}
.donation .tit:after {content:'Donation'}
}