.table .head {display: flex;align-items: center;gap: 15px;}
.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;}
.blBtn {cursor: pointer;color: #fff;background-color: #03add2;display: inline-block;padding: 6px 22px;font-size: 14px;border-radius: 5px;margin-left: auto;}
.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;}


.creditAllWrap {background-color: #f8f9fc;display: flex;gap: 20px;padding: 20px;}
.creditWrap {margin-bottom: 20px;box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%);background-color: #fff;border: 1px solid #e3e6f0;border-radius: 5px;}
.creditName {display: flex;justify-content: space-between;align-items: center;padding: 10px 20px;background-color: #f8f9fc;border-bottom: 1px solid #e3e6f0;}
.creditName li {display: flex;align-items: center;gap: 5px;}
.creditName h4 {color: #4e73df;font-weight: 700;font-size: 18px;}
.creditName input {height: 25px;padding: 0 0 0 10px;border: 1px solid #c5c5c5;border-radius: 4px;}
/*.blBtn {cursor: pointer;color: #fff;background-color: #4e73df;display: inline-block;padding: 5px 10px;font-size: 14px;border-radius: 5px;}*/
.rdBtn {cursor: pointer;color: #fff;background-color: #e24747;display: inline-block;padding: 5px 10px;font-size: 14px;border-radius: 5px;}
/*.gnBtn {cursor: pointer;color: #fff;background-color: #188b56;display: inline-block;padding: 5px 10px;font-size: 14px;border-radius: 5px;}
.grBtn {cursor: pointer;color: #fff;background-color: #666;display: inline-block;padding: 5px 10px;font-size: 14px;border-radius: 5px;}*/
.creditInfo {display: flex;gap: 40px;margin: 0 20px 20px;padding-top: 20px;font-size: 14px;border-top: 1px solid #e3e6f0;}
.creditInfo.game {gap: 20px;}
.creditInfo:nth-child(2) {border-top: 0;}
.creditInfo ul {width: 100%;position: relative;}
.creditInfo ul:first-child::before {content: none;}
.creditInfo ul::before {content: '';width: 1px;height: 100%;position: absolute;top: 0;left: -20px;background: #e3e6f0;}
.creditInfo.game ul::before {left: -10px;}
.creditInfo li {display: flex;align-items: center;margin-top: 10px;}
.creditInfo ul li:first-child {margin-top: 0;}

.creditInfo.game li {margin: 0 0 10px 15px;float: left;width: calc(25% - 15px);}
.creditInfo.game li:nth-child(4n+1) {margin-left: 0;}
.creditInfo.game li span {display: flex;gap: 3px;}
.creditInfo li span:first-child {width: 140px;}
.creditInfo.game li span:first-child {width: 100px;font-size: 12px;word-break: keep-all;}
.creditInfo input {height: 20px;padding: 0 0 0 5px;border: 1px solid #c5c5c5;border-radius: 4px;}
.creditInfo.game input {font-size: 12px;}
/*.creditBtnWrap {display: flex;gap: 10px;padding: 0 20px 20px;}
.creditBtnWrap a {display: block;width: 100%;font-size: 12px;color: #fff;text-align: center;padding: 10px 5px;background: #4e73df;border-radius: 5px;cursor: pointer;}*/
.companyList {display: flex;padding: 20px;}
.companyList li:first-child::before {content: none;}
.companyList li::before {content: "▶";display: inline;margin-left: 5px;color: #858796;}
.companyList li:last-child {color: red;}
.companytable {padding: 20px;overflow-y: auto;max-height: 400px;}
.companytable ul {display: flex;text-align: center;font-size: 14px;padding: 10px 0;}
.companytable li {width: 100%;}
.companytable ul.head {background: #4e73df;color: #fff;border-radius: 5px 5px 0 0;}
.companyMemo {padding: 20px;}
.companyMemo textarea {border: 1px solid #e3e6f0;border-radius: 5px;resize: none;width: calc(100% - 30px);padding: 15px;height: 88px;}
.creditRight {width: 100%;}
.gameCredit {display: flex;gap: 10px;padding: 20px;}
.gameCredit ul {width: 100%;}
.gameCredit ul li:first-child {margin-top: 0;}
.gameCredit li {border: 1px solid #e3e6f0;border-radius: 5px;font-size: 13px;margin-top: 10px;}
.gameCredit span:first-child {background: #4e73df;color: #fff;justify-content: center;border-radius: 5px 5px 0 0;}
.gameCredit span {display: flex;justify-content: space-between;align-items: center;padding: 5px;}
.gameCredit input {border: 0;width: 50px;text-align: center;}
.gameCredit em {cursor: pointer;color: #000;}

.creditPop {}
.creditPopWrap {z-index:99;position: absolute;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;}