.container-fluid {padding-left: 1.5rem;padding-right: 1.5rem;margin-right: auto;margin-left: auto;}

.alert {position: relative;padding: 0.75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.35rem;}
.alert-info {color: #297efc;background-color: #eaf5ff;border-color: #297efc;}
.alert-danger {color: #f34a4a;background-color: #feecec;border-color: #f34a4a;}
.alert>a {position: absolute;right: 15px;top: 15px;width: 22px;height: 22px;background: #fff;border-radius: 30px;display: flex;align-items: center;justify-content: center;}

.page-name {margin-bottom: 1.5rem;color: #3b4151;display: flex;gap: 17px;align-items: center;}
.page-name h1 {font-size: 30px;color: #323c47;font-weight: bold;}
.page-name h2 {color: #3b4151;margin-bottom: 0;font-size: 36px;}
.page-name span {font-size: 12px;display: inline-block;color: #7a8eab;}
.page-name h2 .ver1 {background: #7d8492;border-radius: 57px;display: inline-block;font-size: 13px;color: #fff;margin: 0 0 0 5px;padding: 2px 8px;position: relative;top: -5px;vertical-align: super;}
.page-name h2 .ver2 {background-color: #89bf04;border-radius: 57px;display: inline-block;font-size: 13px;margin: 0 0 0 5px;padding: 2px 8px;position: relative;top: -5px;vertical-align: super;}
.page-name div em {font-size: 12px;color: #4990e2;}
.page-name div span {display: block;text-align: left;color: #3b4151;margin: 10px 0;line-height: 2em;}
.page-name.bt {padding-top: 1rem;margin-top: 1rem;border-top: 1px solid rgba(0,0,0,.1);}
.page-name svg {vertical-align: middle;}
.tablist {list-style: disc;padding-left: 40px;margin-top: 10px;font-size: 14px;}
.tablist li {margin-bottom: 14px;display: list-item;white-space: pre-wrap;}
.apitable {}
.apitable ul {display: flex;align-items: stretch;padding: 12px 0;}
.apitable ul.first {border-bottom: 1px solid rgba(59,65,81,.2);color: #3b4151;font-size: 12px;font-weight: bold;}
.apitable ul li {width: 20%;}
.apitable ul li:last-child {flex: 0 0 60%;}
.apitable.apitableCode ul li:first-child {width: 15%;}
.apitable.apitableCode ul li {width: 10%;}
.apitable.apitableCode ul li:nth-child(2) {flex: 0 0 75%;}
.apitableCode ul li.name {font-size: 13px;font-weight: bold;}
.apitableCode ul li.name small {display: block;color: #3b4151;font-size: 12px;}
.apitableCode ul li.name em {font-style: italic;font-size: 12px;color: gray;}
.apitableCode ul li:last-child {flex: 0 0 10%;}
.apitable.process {margin-bottom: 20px;}
.apitable.process ul li:nth-child(1) {width: 35%;}
.apitable.process ul li:nth-child(2) {width: 10%;}
.apitable.process ul li:nth-child(3) {width: 35%;}
.apitable.process ul li:nth-child(4) {width: 10%;}
.apitable.process ul li:nth-child(5) {flex: 0 0 10%;}
.processname {font-size: 1.5rem;}
.processname b {font-weight: bold;}
.mark {background: rgba(0,0,0,.05);border-radius: 4px;color: #9012fe;font-size: 14px;font-weight: bold;padding: 5px 7px;}
.bkmark {hyphens: auto;border-radius: 4px;word-wrap: break-word;overflow-x: auto;background: #333 !important;color: white !important;font-weight: bold;padding: 15px 20px;}
.pre {white-space: pre-wrap;display: block;}
.pre hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgba(0,0,0,.1);}
.update h3 {color: #3b4151;margin-bottom: 0.5rem;font-size: 1.75rem;}
.server {display: flex;justify-content: space-between;align-items: center;background: #fff;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);margin: 0 0 20px;padding: 30px;color: #3b4151;}
.server em {font-size: 12px;font-weight: bold;color: #3b4151;display: block;}
.server select {max-width: 100%;min-width: 130px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #f7f7f7 url(../img/select.svg) right 10px center no-repeat;border: 2px solid #41444e;border-radius: 4px;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);color: #3b4151;font-size: 14px;font-weight: 700;padding: 5px 40px 5px 10px;}
.server button {display: flex;align-items: center;gap: 20px;background-color: #fff;color: #49cc90;line-height: 1;border: 2px solid #49cc90;border-radius: 4px;box-shadow: 0 1px 2px rgba(0,0,0,.1);font-size: 14px;font-weight: 700;padding: 5px 23px;transition: all .3s;}
.server button svg {fill: #49cc90;vertical-align: middle;}
.serverv {font-size: 1.5rem;margin: 1rem 0;}
.serveinput input {height: 100%;width: 100%;background: #fff;border: 1px solid #d9d9d9;border-radius: 4px;margin: 5px 0;min-width: 100px;padding: 8px 10px;}
input.user {max-width: 340px;width: 100%;color: #888;cursor: not-allowed;background: #fff;border: 1px solid #d9d9d9;border-radius: 4px;margin: 5px 0;min-width: 100px;padding: 8px 10px;font-size: 16px;margin: 1rem 0;}
.codetype {display: flex;gap: 30px;}
.none, .none ul, .none div {background: hsla(0,0%,92%,.1) !important;border-color: #ebebeb !important;opacity: .8;}
.noneline {text-decoration: line-through;}

.api-name {margin-bottom: 1.5rem;}
.api-name .top {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(59,65,81,.3);}
.api-name h4 {color: #3b4151;font-size: 24px;align-items: center;cursor: pointer;display: flex;padding: 10px 20px 10px 10px;}
.api-name h4 span {font-size: 14px;padding: 0 10px;}

.apinfo {background: rgba(97,175,254,.1);border: 1px solid #61affe;border-radius: 4px;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 0 3px rgb(0 0 0 / 19%);margin-top: 10px;cursor: pointer;padding: 5px;color: #3b4151;}
.apinfo.post {border-color: #49cc90;background: #e6f5f1;}
.apinfo li {display: flex;align-items: center;}
.apinfo li em {margin-right: 10px;background: #61affe;border-radius: 3px;color: #fff;font-size: 14px;font-weight: 700;min-width: 50px;padding: 6px 15px;text-align: center;text-shadow: 0 1px 0 rgb(0 0 0 / 10%);}
.apinfo li em.post {background: #49cc90;}
.apinfoWrap {border: 1px solid #61affe;border-top: 0;border-radius: 0 0 4px 4px;}
.apinfoWrap.post {border-color: #49cc90;}
.apinfoWrap>.pre {color: #3b4151;font-size: 12px;padding: 15px 20px;background: rgba(97,175,254,.1);}
.apinfoWrap.post .pre {background: #e6f5f1;}
.apinfoTop {align-items: center;background: #fff;box-shadow: 0 1px 2px rgba(0 0 0 / 10%);display: flex;justify-content: space-between;min-height: 35px;padding: 8px 20px;color: #3b4151;font-size: 14px;}
.apinfoTop li.on {position: relative;}
.apinfoTop li.on:after {background: #61affe;bottom: -15px;content: "";height: 4px;left: 50%;position: absolute;transform: translateX(-50%);width: 120%;}
.apinfoWrap .apinfoTop li.on:after {background: #49cc90;}
.trybtn {cursor: pointer;background: transparent;border: 2px solid grey;border-radius: 4px;box-shadow: 0 1px 2px rgb(0 0 0 / 10%);color: #3b4151;font-size: 14px;font-weight: bold;padding: 5px 23px;transition: all .3s;}
.agentCode small{display: block;font-size: .9em;margin: 0.2em 0;}
.agentCode select {min-width: 230px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #f7f7f7 url(../img/select.svg) right 10px center no-repeat;background-size: 20px;border: 2px solid green;border-radius: 4px;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);color: #3b4151;font-size: 14px;font-weight: bold;padding: 5px 40px 5px 10px;}
.agentCode select.bks {border: 2px solid #000;}
.exbtn {display: inline-block;}
.required {position: relative;}
.required:after {content: "* required";color: rgba(255,0,0,.6);font-size: 10px;padding: 5px;position: relative;top: -6px;}

.schemas {border: 1px solid rgba(59,65,81,.3);border-radius: 4px;margin: 30px 0;}
.schemas h4 {display: flex;justify-content: space-between;align-items: center;padding: 10px 20px 10px 10px;}
.schemas img {height: 20px;}
.schemas .con {border-top: 1px solid rgba(59,65,81,.3);padding: 0 20px 20px;color: #505050;font-weight: bold;}
.schemas .con li {background: rgba(0,0,0,.05);border-radius: 4px;margin-top: 20px;padding: 20px;}
.schemas .con li:hover {background: rgba(0,0,0,.07);}
.schemas .con img {vertical-align: middle;}

.row {display: flex;gap: 10px;}
.row>div {width: 100%;margin-bottom: 10px !important;}
.row .card {position: relative;min-width: 0;word-wrap: break-word;background-clip: border-box;border-radius: 5px;border: solid 1px #dfedff;background-color: #fff;}
.row .card .card-body {min-height: 1px;height: 100px;padding: 0 20px;display: flex;justify-content: space-between;align-items: center;position: relative;}
.row .card .card-body .left {font-weight: bold;color: #5a5c69;font-size: 1.25rem;}
.row .card .card-body .left div:first-child {font-size: 14px;color: #56687c;font-weight: normal;margin-bottom: 10px;}
.row .card .card-body .left div {font-size: 16px;color: #56687c;}
.row .card .card-body .left div.upDown {font-size: 16px;color: #8e9598;display: flex;align-items: center;gap: 5px;font-weight: normal;}
.row .card .card-body .left div.upDown em {width: 20px;height: 20px;border-radius: 30px;display: flex;align-items: center;justify-content: center;}
.row .card .card-body .left div.upDown em.up {background: #defced;}
.row .card .card-body .left div.upDown em.down {background: #feecec;}
.row .card .card-body .left div.upDown span.up {color: #2be77e;}
.row .card .card-body .left div.upDown span.down {color: #f34a4a;}
.row .card .card-body .right {position: absolute;right: 12px;top: 0;width: 35px;height: 38px;background: url(/img/dash_bg.svg);display: flex;align-items: center;justify-content: center;}
.row2 {display: flex;gap: 20px;}
.row2 .card.left {flex: 0 0 64%;}
.row2 .card.right {flex: 0 0 34%;}
.row2 .card {border-radius: 8px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);margin-bottom: 1.5rem;position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid #e3e6f0;border-radius: 0.35rem;}
.row2 .card-header {border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0;padding: 0.75rem 1.25rem;margin-bottom: 0;background-color: #f8f9fc;border-bottom: 1px solid #e3e6f0;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.row2 .card-header h6 {color: #3c4350;font-size: 16px;}
.row2 .card-header i {color: #d1d3e2;font-weight: bold;}
.row2 .card-body {flex: 1 1 auto;min-height: 1px;padding: 1.25rem;}
.row2 .card-body .chart-area {height: 20rem;position: relative;height: 10rem;width: 100%;}

/* mypage */
.table {margin-bottom: 1.5rem;border-radius: 5px;position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;overflow-x: auto;}
.table .head {padding: 22px 20px;margin-bottom: 0;border-bottom: 1px dashed #c2cfe0;}
.table .head h6 {color: #56687c;font-size: 20px;}
.table .head h6.bg {color: #fff;background: #297efc;display: inline-block;border-radius: 5px;padding: 1px 7px;margin-right: 10px;}
.table .head h6.bold {font-size: 18px;font-weight: bold;}
.table .head .text {font-size: 80%;}
.table .head .num {color: #297efc;font-weight: bold;}
.table .between {justify-content: space-between;}
.table .check-wrap {display: flex;align-items: center;gap: 15px;font-size: 13px;}
.table .check-wrap input {width: auto;height: auto;}
.table .check-wrap .inputs {display: flex;align-items: center;gap: 5px;cursor: pointer;}
.table .body {flex: 1 1 auto;}
.table-responsive .nonDetail {display: block;width: 100%;overflow-x: auto;/*min-height: 500px;*/}
.table-responsive .h4 {margin-bottom: 1.25rem;color: #474f60;}
.table-responsive > table {border: 0;width: calc(100% - 40px);color: #56687c;}
.table-responsive > table th { background: #f8fbff; }
.table-responsive table.nonDetail {border: 0;color: #56687c; }
table.center {text-align: center;}
.table td, .table th {word-break: keep-all;white-space: nowrap;vertical-align: middle;}
.table-responsive .nonDetail th {color: #56687c;font-weight: bold;background: #f8fbff;}
.table-responsive td {color: #474f60;}
.table-responsive td, .table-responsive th {border: 1px dashed #c2cfe0;}
.table-responsive td, .table-responsive th {font-size: 14px;padding: 6px 10px;vertical-align: top;word-break: keep-all;white-space: nowrap;vertical-align: middle; text-align: center;}
.table-responsive a {color: #03add2;}
.table-responsive .btn {cursor: pointer;color: #fff;background-color: #03add2;border-color: #03add2;padding: 6px 22px;font-size: 14px;line-height: 1.5;border-radius: 0.2rem;}
.table-responsive .btn.success {background: #87d203;}
.table-responsive .input ,
.table-responsive .select {width: 400px;display: inline-block;height: 35px;padding-left: 15px;font-size: 14px;font-weight: 400;line-height: 1.5;color: #56687c;background-color: #fff;background-clip: padding-box;border: 1px solid #c2cfe0;border-radius: 5px;}
.table-responsive .select {width: 417px;}
.table-responsive .inputbtn {color: #fff;background-color: #03add2;border-color: #03add2;padding: 0.45rem 0.7rem;font-size: 14px;line-height: 1.5;border-radius: 3px;margin-left: 5px;}
.table-responsive .text {display: block;color: #7a8eab;font-size: 14px;margin-top: 10px;}
.table-responsive select {width: 380px;padding-left: 0.75rem;height: calc(1.5em + 0.75rem + 2px);font-size: 1rem;background-color: #fff;border: 1px solid #ced4da;border-radius: 0.25rem;line-height: calc(1.5em + .75rem);color: #495057;display: block;padding-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.table-responsive .black {color: gray;}
.table-responsive .stop a {color: red;}
.table-responsive td.detailSec { position: relative; }
.table-responsive .bold {font-size: 15px;color: #e90000;font-weight: bold;}
.table-responsive .mr-5  {margin: 0 5px !important;}
.table-responsive .lowA  {background: #cd82e526;}
.table-responsive .lowB  {background: #b1e58226;}


.ps {padding: 5px !important;}
.ps2 {padding: 2px !important;background: #c2cfe0}

.detailpopup { display:none; border: 2px solid; background:#fff; position: fixed; right:  1.5rem; top: 50%; left:50%; transform: translate(-50%, -50%); width:1000px; z-index:1; }
.detailpopup table { border: 1px solid #c2cfe0; }
.detailpopup h3 { font-size: 18px; line-height: 1.8; font-weight: bold; position: relative; }
.detailpopup .detailClose { display: inline-block; position: absolute; right: 5px; cursor: pointer; }
.detailpopup .detailTb { width: 99%; margin: 0px auto 5px; }
.detailpopup .detailTb table { width: 100% }
.detailpopup td, .detailpopup th { padding: 5px; }
.detailpopup td .betType { padding: 3px 7px; color: #fff; font-weight: bold; border-radius: 8px; }
.detailpopup td .typeT { background: rgb(70, 180, 65); }
.detailpopup td .typeB { background: rgb(0, 147, 255); }
.detailpopup td .typeP { background: rgb(206, 53, 57); }
.detailpopup td .notypeP { background: rgb(0, 0, 0); margin-left: 1px; border-radius: 100%; color:yellow; }
.detailpopup .cardWrap { display: flex; margin: 0 auto; width: 45%; max-height: 72px; justify-content: center; font-size: 40px; font-weight: bold;}
.detailpopup .cardWrap span:nth-child(2) { padding: 0 20px; }
.detailpopup .cardWrap .ro90 { transform: rotate(90deg); color: red; }
#bank { color:blue; }
#player { color:red; }
.detailpopup .cardWrapB .ro90 { margin-top: 20px; }
.detailpopup .cardWrapP .ro90 { margin-bottom: -20px; }
.blhover {color: #4e73df;cursor: pointer;}
.blhover:hover {text-decoration: underline;}
.table .body.read .top {display: flex;gap: 20px;margin-bottom: 20px;}
.table .body.read .top span {font-weight: bold;margin-right: 5px;}

.table .body.fix {display: flex;justify-content: space-around;}
.table .body.fix ul:first-child {margin-top: 0;}
.table .body.fix ul {display: flex;align-items: center;gap: 20px;margin-top: 1rem;}
.table .body.fix li:first-child {width: 200px;}
.table .body.fix li.chk {color: #e74a3b;display: flex;gap: 20px;}
.table .body.fix li.chk span:first-child {color: #1cc88a;}
.table .body.fix li.chk input {margin-right: 5px;}

.insur .insurTable td{
	font-size: 14px;
    padding: 10px 20px;    
    word-break: keep-all;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
}
.insur .insurTable input{
	width: 60px;
    text-align: center;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    padding: 5px 0px;
    margin-right: 5px;
    color: black;
}
.insur .insurTable .btinsureRate{
	border: 0px solid black;
}

/* charge */
.tabletab {margin: 40px 0 20px;display: flex;gap: 40px;flex-wrap: wrap;border-bottom: 2px solid #eff2f5;}
.tabletab a {font-size: 18px;color: #7a8eab;padding-bottom: 10px;display: flex;align-items: center;justify-content: center;}
.tabletab .active {border-bottom: 2px solid #03add2;}
.tabletab .active a {color: #56687c;}
.tabText {color: #7a8eab;font-size: 12px;margin: -20px 0 30px;display: block;}
.tableserach {justify-content: flex-end;display: flex;flex-wrap: wrap;gap: 15px;padding-left: 0;}
.tableserach li {display: flex;align-items: center;}
.input-group {position: relative;display: flex;flex-wrap: wrap;align-items: center;gap: 10px;width: 100%;height: 45px;border: 1px dashed #c2cfe0;padding: 0 20px;color: #c2cfe0;background: #fff;}
.input-group-text {display: flex;align-items: center;font-size: 14px;line-height: 1.5;color: #5f799b;text-align: center;white-space: nowrap;}
.input-group select {position: relative;flex: 1 1 auto;font-size: 14px;line-height: 1.5;color: #474f60;background: none;border: 0;}
.input-group input {border: 0;
				    padding: 0;
				    color: #56687c;
				    height: 25px;
				    font-size: 14px;
				    text-align: right;}
.input-group input::placeholder {color: #c2cfe0;}
.tableserach .btn {cursor: pointer;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;vertical-align: middle;user-select: none;padding: 0 13px;border-radius: 5px;background-color: #03add2;height: 45px;}
.tableserach .btn.btnn {width: auto;padding: 0 10px;font-size: 14px;}    
.tableserachwrap {display: flex;justify-content: space-between; margin-bottom: 20px; align-items: flex-end; }
.insur .tableserachwrap {display: flex;justify-content: space-between; margin: 20px;}
.download {font-size: 14px;display: flex;gap: 15px;align-items: center;color: #323c47;}
.download a {display: flex;align-items: center;justify-content: center;gap: 15px;width: 100px;height: 45px;cursor: pointer;border-radius: 5px;border: solid 1px #03add2;background-color: #fff;}
.download img {vertical-align: middle;}
.mb-1 {margin-bottom: 0.25rem;}
.mb-1 .info {color: #fff;background-color: #36b9cc;display: inline-block;padding: 0.25em 0.4em;font-size: 12px;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.35rem;}
.mb-1 .primary {color: #0494b4;background-color: #e8fbff;display: inline-block;padding: 0.25em 0.4em;font-size: 12px;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.35rem;}
.mb-1 .success {color: #fff;background-color: #1cc88a;display: inline-block;padding: 0.25em 0.4em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.35rem;}
.title {color: #5a5c69;font-size: 14px;}
.round {font-size: 87.5%;color: #e83e8c;word-wrap: break-word;}
.bottomText {color: #b7b9cc;text-align: right;}

/* sumPrice */
#sumPriceWrap { margin-bottom: 20px; display: flex; justify-content: space-between; font-size: 15px; }
#sumPriceWrap > div { display: flex; gap: 40px; align-items: flex-end; }
#sumPriceWrap .sumPrice { display: flex; gap: 15px; align-items: center; }
#sumPriceWrap .sumPrice > li { border: 1px dashed #c2cfe0; }
#sumPriceWrap .sumPriceSec { display: flex; gap: 20px; align-items: center; padding: 8px 20px; }
#sumPriceWrap .sumPriceSec > li:first-child { position: relative; }
#sumPriceWrap .sumPriceSec > li:first-child::after { content:""; position: absolute; display: inline-block; width: 1px; height: 25px; border-right: 1px solid #c2cfe0; top: -1px; right: -20px; }
.priceArea { font-weight: bold; font-size: 16px; color: #00b2d9;  min-width: 135px; text-align: right; }

/* linePrint_with Excel [ ex) betist ] */
#sumPriceWrap .linePrintWrap { gap: 5px; }
#sumPriceWrap .linePrintWrap .linePrint { display: flex; gap: 5px; font-size: 14px; align-items: center; }
#sumPriceWrap .linePrintWrap .linePrint li { padding: 3px 10px; border-radius: 5px; background: #03add2; }
#sumPriceWrap .linePrintWrap .linePrint li a { color: #fff; }
.btnExcel { display:flex; align-items: flex-end; background:none; border-radius: 5px; color: #fff; background: #03add2; border: 0; cursor:pointer; font-size: 16px; padding: 5px 4px 5px 6px; }
.btnExcel:hover { font-weight: bold; background: #03add2; opacity: 0.8; }
.btnExcel img { width:24px; margin-right:2px; }

/* linePrint_without [ other ] */
#lineWrap { display: flex; justify-content: space-between; font-size: 15px; }
#lineWrap .linePrintWrap { display: flex; gap: 5px; align-items: flex-end; }
#lineWrap .linePrintWrap .linePrint { display: flex; gap: 5px; font-size: 14px; align-items: center; }
#lineWrap .linePrintWrap .linePrint li { padding: 3px 10px; border-radius: 5px; background: #03add2; }
#lineWrap .linePrintWrap .linePrint li a { color: #fff; }

/* stste */
.success {color: #56687c;text-align: center;white-space: nowrap;vertical-align: baseline;}
.confirm {color: #f82929;font-size: 75%;text-align: center;white-space: nowrap;vertical-align: baseline;cursor: pointer;}
.apply {color: #fff;background-color: #e74a3b;display: inline-block;padding: 0.5em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.35rem;cursor: pointer;}

/* bottom btn */
.btnwrap {display: flex;justify-content: flex-end;align-items: center;gap: 10px;}
.btnwrap .btn {color: #fff;background-color: #03add2;border: 1px solid #03add2;display: inline-block;;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 11px 48px;font-size: 14px;line-height: 1.5;border-radius: 0.35rem;cursor: pointer;}
.btnwrap .btn i {color: #fff;font-weight: 900;}
.btnwrap .btn+.btn {background: #2be77e;border-color: #12c561;}
.btnwrap .btn.blbtn {background-color: #4e73df;}

/* pagenation */
.pagenation-wrap {display: flex;align-items: center;justify-content: center;gap: 15px;margin: 20px 0;}
.pagenation-wrap button {width: 18px;height: 18px;background: #fff;border: 0;color: #56687c;display: flex;align-items: center;justify-content: center;font-size: 14px; cursor: pointer;}
.pagenation-wrap button.on {background: #03add2;color: #fff;}

.totalBtn {display: flex;align-items: center;justify-content: center;gap: 10px;font-size: 14px;}
.totalBtn li {background: #e3e0e0;padding: 5px 10px;border-radius: 5px;}
.totalBtn li.on {color: #fff;background: #59baff;}
.totalBtn a {cursor: pointer;}

/* modal */
.selectFlex {display: flex;justify-content: left;align-items: center;border: 0 !important;}
.selectFlex a {cursor: pointer;color: #3a3b45;}
.selectBox {cursor: pointer;}
.selectBox em {display: block;}
.selectBox em::after {display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;}
.selectBox.bl {color: #0494b4;}
.selectRight {margin: 1.5rem 1rem;}
.tgBox {position: relative;}
.tgBoxcon {display: none;position: absolute;font-size: 14px;background-color: #3c4350;border-radius: 8px;color: #fff;padding: 0.5rem 0; margin-top: 20px; min-width: 10rem;z-index: 1;}
.tgBoxcon.head {width: 14rem;}
.tgBoxcon.head li:hover, .tgBoxcon li:hover {background-color: #282d37;}
.tgBoxcon.head li:first-child {font-weight: normal;font-size: .85rem;color: #3a3b45;}
.tgBoxcon li:first-child:hover {background: none;}
.tgBoxcon.head li a {padding: 0;height: auto;color: #3a3b45;}
.tgBoxcon.head i {color: #d1d3e2;margin-right: 0.5rem;}
.tgBoxcon ul:first-child {padding-bottom: 0.5rem;}
.tgBoxcon li:first-child {font-size: 12px;color: #a7adb7;padding-top: 0.5rem;}
.tgBoxcon li {padding: 0.25rem 1.5rem;cursor: pointer;}
.tgBoxcon li a {color: #fff;}

.modal-content {position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);display: block;width: 500px;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.2);border-radius: 0.3rem;outline: 0;z-index: 1;display: none;}
.modal-content1 {position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);display: block;width: 500px;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.2);border-radius: 0.3rem;outline: 0;z-index: 1;display: none;}
.modal-content2 {position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);display: block;width: 500px;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.2);border-radius: 0.3rem;outline: 0;z-index: 1;display: none;}
.modal-content3 {position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);display: block;width: 500px;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.2);border-radius: 0.3rem;outline: 0;z-index: 1;display: none;}
.modal-content4 {position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);display: block;width: 500px;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.2);border-radius: 0.3rem;outline: 0;z-index: 1;display: none;}
.modal-header {display: flex;align-items: center;justify-content: space-between;padding: 14px 20px;background: #282d37;}
.modal-header h5 {font-size: 14px;color: #fff;}
.modal-header a {font-size: 1.5rem;cursor: pointer;width: 22px;height: 22px;background: #fff;border-radius: 30px;display: flex;align-items: center;justify-content: center;}
.modal-body {position: relative;flex: 1 1 auto;padding: 13px 20px 20px;}
.modal-body select, .modal-body textarea, .modal-body input {display: block;width: 100%;height: calc(1.5em + 0.75rem + 2px);padding: 0 0.5rem;font-size: 14px;line-height: 1.5;color: #3c4350;background-color: #fff;background-clip: padding-box;border: 1px solid #a7adb7;border-radius: 3px;}
.modal-body textarea, .modal-body input {width: calc(100% - 1rem);}
.modal-body textarea {height: 130px;resize: none;padding: 0.5rem;}
.modal-body .chk {align-items: center;display: flex;}
.modal-body .chk input {width: auto;height: auto;}
.modal-body span {color: #858796;font-size: 80%;}
.modal-body ul {margin-top: 13px;display: flex;flex-wrap: wrap;}
.modal-body ul li {flex: 0 0 66.66667%;max-width: 66.66667%;position: relative;}
.modal-body ul li:first-child {flex: 0 0 33.33333%;max-width: 33.33333%;color: #3c4350;font-size: 14px;}
.modal-footer {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;padding: 0.75rem;border-top: 1px solid #e3e6f0;border-bottom-right-radius: calc(0.3rem - 1px);border-bottom-left-radius: calc(0.3rem - 1px);}
.modal-footer a:first-child {background-color: #fff;border: 1px solid #a7adb7;color: #3c4350;}
.modal-footer a {cursor: pointer;margin: 0.25rem;color: #fff;display: inline-block;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: #297efc;border: 1px solid #0057d8;padding: 4px 30px;font-size: 14px;line-height: 1.5;border-radius: 3px;}

.modal-body em.pot {position: absolute;right: -2px;top: 0;display: flex;align-items: center;padding: 0.46rem 0.75rem;margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #6e707e;text-align: center;white-space: nowrap;background-color: #eaecf4;border: 1px solid #d1d3e2;border-radius: 0 0.35rem 0.35rem 0;}

.table .head {display: flex;align-items: center;gap: 15px;}
.table .head .rateSet{ display: contents;}
.table .head .input {display: inline-block;height: 35px;padding-left: 15px;font-size: 14px;font-weight: 400;line-height: 1.5;color: #56687c;background-color: #fff;background-clip: padding-box;border: 1px solid #c2cfe0;border-radius: 5px;}
.btnborder0{border: 0;}
.blBtn {cursor: pointer;color: #fff;background-color: #03add2;display: inline-block;padding: 6px 22px;font-size: 14px;border-radius: 5px;}
.gnBtn {cursor: pointer;color: #fff;background-color: #56687c;display: inline-block;padding: 5px 26px;font-size: 14px;border-radius: 5px;}
.grBtn {cursor: pointer;color: #fff;background-color: #56687c;font-size: 14px;border-radius: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.creditBtnWrap {display: flex;gap: 15px;margin: 0 0 45px;}
.creditBtnWrap a {display: block;width: 100%;font-size: 14px;color: #323c47;text-align: center;padding: 14px 0;cursor: pointer;border-radius: 5px;border: solid 1px #0494b4;background-color: #fff;}
.memo {margin: 30px 20px;}
.memo textarea {width: calc(100% - 40px);height: 157px;border-radius: 5px;border: solid 1px #c2cfe0;resize: none;padding: 20px;}


.creditPopWrap {display: none;z-index:99;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width: 500px;border: 1px solid #e3e6f0;box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%);}
.creditPopWrap h4 {display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;color: #56687c;background: #f8fbff;border-bottom: 1px solid #e3e6f0;}
.creditPopWrap h4 a {display: inline-block;background: #f8fbff;color: #0494b4;padding: 5px 10px;width: auto;}
.creditPopWrap .creditPopn {display: flex;align-items: center;gap: 10px;padding-left: 20px;flex-wrap: wrap;}
.creditPopWrap .creditPopn span {width: 50px;}
.creditPopWrap .creditPopn > input {width: calc(100% - 107px);}
.creditPopWrap input {width: calc(100% - 45px);height: 35px;padding: 0 0 0 5px;border: 1px solid #c2cfe0;border-radius: 5px;margin: 20px;}
.creditPopWrap > a {width: calc(100% - 40px);margin: 0 auto;margin-bottom: 20px;}

/* report */
.repSum { background: #f8fbff; font-weight: bold; }

/* game manage */
.activeY { background: blue; color: #fff; }
.manageTd { color: #fff; font-weight: bold; border-radius: 10px; }
.managebtn { padding: 8px 15px;	background: rgb(91, 172, 232); cursor: pointer; }
.manageKREN { padding: 5px 10px; background: rgb(192, 192, 192); cursor: not-allowed;}
.manageY { padding: 5px 10px; background: rgb(91, 172, 232); }
.manageN {padding: 5px 10px;background: rgb(247, 132, 135);}

input[type="checkbox"].set-switch {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: 0;
  cursor: pointer;
  width: 40px;
  height: 20px;
  border-radius: 3em;
  background-color: #f0f0f0;
  transition: background-color 0.15s ease-in-out;
  position: relative;
  max-width: 40px;
}
.set-switch:after {
  position: absolute;
  content: "";
  left: 0;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 2px 1px 5px 0px rgb(0 0 0 / 41%);
}
input[type="checkbox"].set-switch:checked {
  background: #03add2;
}
input[type="checkbox"].set-switch:checked:after {
  left: calc(100% - 18px);
}
.toggle-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 4px;
  box-sizing: border-box;
}
.toggle-text {
  text-align: center;
  font-weight: 800;
  color: #ca1717;
  width: 50px;
  display: none;
}
.toggle-text.on{
  color: #0c960c;
}

.nexuswrap {
	display: flex;
	flex-direction: column;
    align-items: center;
	gap: 10px;
}
.nexuswrap li {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 70%;
}
.nexuswrap li > span:nth-child(1) {
	min-width: 65px;;
}

/* apiset */

.table .saveBtnArea { padding: 0 20px 20px; }
.table .apisetBox { padding-top: 15px; font-size: 14px; }
.table .apisetAdd { padding-top: 5px; font-size: 13px; }
.table .pointTxtBlue { color: #4ba4ff; }

/* intro API */

.table .head_sub {padding: 5px 20px 0; margin-bottom: 0;}
.table .head_sub h6 {color: #56687c;font-size: 18px;}
.table .head_sub.secondSec { border-top: 1px dashed #c2cfe0; }
.table .bodyflex { display: flex; }
.table .bodyflex .table-responsive:first-child { width: 30% }
.table .bodyflex .table-responsive:last-child { width: 70% }
.table .topline { border-top: 1px dashed #c2cfe0; }
.table-responsive a.blBtn { color: #fff; margin:0; }
.apiCodeArea { padding: 20px 20px; background: #002b36; color: #2aa198; /* 기호 표시는 #839496 */ min-height: 250px; }
.fix-content .apiCodeArea { max-height: 250px; overflow-y: auto; }
.table .inputTxt { margin-bottom: 20px; max-height: 350px; }
.table input { height: 32px; text-indent: 10px; font-size: 14px; width: 100%; }
.table .inputTxt textarea { width: 100%; height: 290px; border: none; resize: none; }
.table input[type=date] { text-indent: 5px; }
.table .tbIntb { width: 100%; margin: auto; }
.table .tbIntb td { padding: 8px 10px; }
.Ybox { display: inline-block;padding: 5px 10px;background: #9ec5ff;color: #fff;border-radius: 10px;font-weight: bold; }
.Nbox { display: inline-block;padding: 5px 10px;background: #ff9e9e;color: #fff;border-radius: 10px;font-weight: bold; }