.large {width:485px;}
.midium {width:334px;}
.small {width:143px;}
.required {font-weight:bold;color:#ed2814;}

input[type="text"].mailId {width:160px;text-align:center;}
input[type="text"].mailDomain {width:160px;text-align:center;}
select.mailDomainSelect {width:182px;}
input[type="text"].midium {width:473px;}
input[type="text"].small {width:143px;}
input[type="text"].small2 {width:110px;}
input[type="text"].small3 {width:161px;}

.mainContent {display:flex;flex-direction:row;height:100%;}
.mainContent form {margin:0;padding:0;}

.commonTableWrap {margin:0 0 100px 0}

.specBoxWrap {margin-right:38px;width:770px}
.tableTitle {margin:0 0 10px 0;color:#666;font-weight:bold;font-size:1.3rem;text-align:left;}
.commonTable caption span {display:inline-block;font-size:0.8rem;font-weight:lighter}

.commonTable.multyTr td {height:48px;line-height:48px;}
.commonTable.multyTr td .listView {display:inline-block;width:45%;}
.commonTable.multyTr td .downBtn {background-color:#24558f;}

.commonTable td .osList {margin:0;padding:0;list-style:none}
    .commonTable td .osList li {margin:10px 0;padding:0;}
        .commonTable td .osList li span {display:inline-block;width:84px;font-size:0.86rem}

.osInfo {display:none}

.managerSelectBox {margin:-30px 0 30px 0;}
    .managerSelectBox > div.top {line-height:45px;}
        .managerSelectBox > div.top * {line-height:45px;}
    .managerSelectBox > div.top .header {display:inline-block;margin:0;padding:0 0 0 0;width:151px;font-size:1.3rem;color:#666;vertical-align:bottom;}

.managerInfo.engManager,
.managerInfo.payManager {display:none;margin:0 0 50px 0}

.agreeTermsBox {margin:0 0 30px 0;}
    .agreeTermsBox * {line-height:25px;}
    .agreeTermsBox .header {display:inline-block;margin:0;padding:0;width:151px;font-size:1.3rem;color:#666;vertical-align:bottom;}

    .agreeTermsBox .terms {width:calc(100% - 12px); max-width:752px; margin:0 0;padding: 5px;height:calc(7rem + 12px);line-height:1.4rem;font-size:0.8rem;border:1px solid #dbdbdb;background-color:#ffffff;overflow-x:hidden;overflow-y:scroll;}

.payMethod {height:35px;line-height:35px;}
    .payMethod label {display:inline-block;min-width:132px;}
    .payMethod .account {display:inline-block;position:relative;left:-18px;padding:0 35px;height:35px;line-height:35px;border:1px solid #dadada}
    .payMethod .account::before {position:absolute;top:17px;left:-1px;display:block;content:"";width:10px;height:10px;
            border-left:1px solid #dadada;border-top:1px solid #dadada;
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
            background-color:#fff;
        }
.receiptType {display:none;margin:0 0 30px 0;padding-top:5px;height:125px;line-height:35px;}
    .receiptType label {display:inline-block;min-width:132px;}

.cashReceipt {display:none}
.taxbill {display:none}

.summaryBoxWrap {position:relative;margin-top:40px;margin-left:auto;width:493px;height:;background-color:#e8edf3}
    .summaryBox {position:absolute;top:0;margin:35px 32px 0 32px;width:429px;}
        .summaryBox table {margin-bottom:20px;width:100%;border-collapse:collapse;background-color:#ffffff}
            .summaryBox table caption {height:60px;line-height:60px;color:white;font-size:1.3rem;background-color:#434159}

            .summaryBox table th {height:48px;color:#333;border:1px solid #dbdbdb;}
            .summaryBox table td {height:48px;line-height:48px;border:1px solid #dbdbdb}
            .summaryBox table thead th {font-size:1.2rem;color:#333;background-color:#f5f5f5;}


            .summaryBox table tbody th {padding-left:20px;text-align:left;font-weight:normal}
            .summaryBox table tbody td {padding-right:20px;width:131px;text-align:right;font-weight:normal}

            .summaryBox table tbody.data th {font-size:0.9rem;word-break:keep-all}
            .summaryBox table tbody.data td {height:48px;line-height:48px;border:1px solid #dbdbdb}


            .summaryBox table tbody.total th {position:relative;font-size:1.2rem;color:#b42222;border-right:none}
            .summaryBox table tbody.total td {color:#24558f;font-size:1.2rem;font-weight:bold;border-left:none}

            .summaryBox table tbody.total tr:first-child th {font-size:1rem;}
            .summaryBox table tbody.total tr:first-child td {font-size:1rem;}


            .summaryBox table tbody.methods td {padding:0 11px 0 10px;text-align:center}

.resultTable {margin:0 0 25px 0;width:100%;border-collapse:collapse;border-top:1px solid #999999;}
    .resultTable caption {height:20px;line-height:20px;text-align:left;color:#666666;font-size:1.5rem;}
    .resultTable tr th,
    .resultTable tr td {height:60px;line-height:60px;color:#333;font-weight:normal;text-align:center;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
    .resultTable tr td.left {padding:0 15px; text-align:left;}
    .resultTable tr th {background-color:#f5f5f5}

    .resultTable tr th:last-child,
    .resultTable tr td:last-child {border-right:none;}

.termssss {margin:20px 0 0;padding:5px;height:115px;font-size:0.8rem;border:1px solid #dbdbdb;background-color:#ffffff;overflow-x:hidden;overflow-y:scroll}

.notiBtn {display:inline-block;width:15px;height:15px;text-align:center;font-size:0.65rem;border-radius:50%;background-color:blue;color:#fff;vertical-align:super;cursor:pointer;}
.noti {display:none;position:absolute;padding:5px;width:300px;height:auto;border:1px solid #ddd;background-color:#fff;font-size:0.9rem;}
.btnBox {display:flex}
    .btnBox button {display:block;width:100%;height:70px;line-height:70px;color:#fff;font-weight:bold;font-size:1.2rem;text-align:center;}
    .btnBox .goPayment {background-color:#24558f}

.tinyMsgBox {font-weight:normal;}
.tinyMsgBox.blue {color:#24558f}
.tinyMsgBox.red {color:#de0a0a}
.tinyMsgBox.green {color:#14c30b}
.imgTd img {display:block; margin:12px 0;}
.imgTd label {display:inline-block;height:40px;line-height:40px;}
.ml-20 { margin-left: 20px; }