body {
    overflow-x: hidden;
}

/* 20210106 general button a hover ef start */
button {
    transition: all 0.3s;
}
button:hover {
    cursor: pointer;
    opacity: 0.7;
}
button:focus {
    outline: 0;
}
a {
    transition: all 0.3s;
}
a:hover {
    cursor: pointer;
}
a:focus {
    outline: 0;
}
/* 20210106 general button a hover ef end */

#SeniorBox {
    padding: 10px;
    position: fixed;
    top: 90px;
    z-index: 99;
    width: 1200px;
    height: 350px;
    overflow: hidden;
    left: 50%;
    margin-left: -600px;
    background-color: #fff;
}

#layer_overlay {
    position: fixed;
    display: none;
    width: 100%;
    top:0;
    left:0;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.4);
}

#layer_popup_double {
    position: fixed;
    display: none;
    width: 100%;
    top:0;
    left:0;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.4);
}

#confirm_layer_overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 78;

    background-color: rgba(0, 0, 0, 0.4);
}
#calandarOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
.gtms-layer-overlay {
    position: fixed;
    left: 0;
    z-index: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.gtms-layer-pop {
    background:#fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
    padding:20px;
    position: relative;
    height:100%;
    box-sizing: border-box;
    z-index:80;
}
.gtms-layer-pop h1 {
    display:flex;
    font-size:17px;
    font-weight:400;
    padding:10px 0 0 10px;
    /* display:block; */
}
.gtms-layer-pop h1 > i {
    margin-right:10px;
}
.gtms-layer-pop h1 span {
    margin-left:auto;
}
.popup-data table {
    width:100%;
}

.popup-data table th {
    padding:10px 0;
    background-color:#efefef;
}
.popup-data table td {
    padding:10px 0;
    background-color:#fff;
    border-bottom:1px solid #ddd;
}
.popup-search {
    display:flex;
    width:100%;
    padding-right:10px;
    box-sizing: border-box;
    margin:10px 0;
}
.popup-search button {
    width:70px;
}
.popup-search input[type=text]{
    margin-left:auto;
    border:1px solid #aaa;
    width:calc(100% - 570px) !important;
}
.popup-select {
    display:flex;
    justify-content: center;
    margin:10px 0;
}
.insert-btn {
    display:flex;
    position: absolute;
    justify-content: center;
    width:100%;
    left:0;
    bottom:20px;
}
.insert-btn button {
    width:170px;
    background-color:#222222;
    color:#fff;
    cursor: pointer;
    border:1px solid #ccc;
    text-align: center;
    display:block;
    padding:10px;
    box-sizing: border-box;
}
.insert-btn button:hover {
    background-color:#696969;
}
.insert-btn button:last-child {
    margin-left:15px;
}
/* common */

#insertDepositDiv {
    padding: 10px;
    position: fixed;
    top: 90px;
    z-index: 75;
    width: 900px;
    height: 500px;
    overflow: hidden;
    left: 50%;
    margin-left: -450px;
    background-color: #fff;
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.4);
}

#kiscondocument {
    padding: 10px;
    position: fixed;
    top: 190px;
    z-index: 75;
    width: 900px;
    height: 200px;
    overflow: hidden;
    left: 50%;
    margin-left: -450px;
    background-color: #fff;
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.4);
}

#ContractDetail {
    padding: 10px;
    position: fixed;
    top: 290px;
    z-index: 99;
    width: 800px;
    height: 400px;
    overflow: hidden;
    left: 50%;
    margin-left: -400px;
    background-color: #fff;
}
#layer_popup {
    display: none;
    padding: 10px;
    position: fixed;
    top: 90px;
    z-index: 75;
    width: 1600px;
    height: 600px;
    overflow: hidden;
    left: 50%;
    margin-left: -800px;
    background-color: #fff;
}

#agent_popup {
    display: none;
    padding: 10px;
    position: fixed;
    top: 90px;
    z-index: 99;
    width: 1600px;
    /* height: 600px; */
    overflow: hidden;
    left: 50%;
    margin-left: -800px;
    background-color: #fff;
}
#depositPopup {
    padding: 10px;
    position: fixed;
    top: 90px;
    z-index: 75;
    width: 900px;
    height: auto;
    max-height: 700px;
    overflow-y: scroll;
    left: 50%;
    margin-left: -450px;
    background-color: #fff;
}
#modifyTax {
    /* display:none; */
    padding: 10px;
    border: 1px solid #ddd;
    position: fixed;
    top: 150px;
    z-index: 75;
    width: 600px;
    /* height: 200px; */
    overflow-y: scroll;
    left: 50%;
    margin-left: -300px;
    background-color: #fff;
}
#alertlayerPop {
    display: none;
    padding: 10px;
    position: fixed;
    top: 90px;
    z-index: 99;
    box-shadow: 0px 1px 22px rgba(0, 0, 0, 0.2);
    width: 1600px;
    height: 600px;
    overflow-y: scroll;
    left: 50%;
    margin-left: -800px;
    background-color: #fff;
}
#itemDetailPop {
    padding: 10px;
    position: fixed;
    top: 90px;
    z-index: 75;
    width: 800px;
    height: 300px;
    overflow-y: scroll;
    left: 50%;
    margin-left: -400px;
    background-color: #fff;
}
#tax_loadPopup {
    display: none;
    padding: 10px;
    position: fixed;
    top: 90px;
    z-index: 50;
    width: 1600px;
    height: 600px;
    overflow-y: scroll;
    left: 50%;
    margin-left: -800px;
    background-color: #fff;
}
#confirm_layer_pop {
    display: none;
    padding: 10px;
    position: fixed;
    top: 90px;
    z-index: 80;
    width: 1600px;
    height: 600px;
    overflow-y: scroll;
    left: 50%;
    margin-left: -800px;
    background-color: #fff;
}
.hoverFontWegith:hover {
    font-weight: 400 !important;
}
.hoverUnderline:hover {
    text-decoration: underline;
}
/* 팝업관련 테이블 */
.search-data,
.popup-data {
    width: 100%;
    height: 420px;
    overflow-y: scroll;
}
.search-data table {
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.search-data table th {
    background-color: #206491;
    color: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.search-data table td {
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.header .top_area {
    display: flex;
    align-items: center;
    padding: 3px 15px 5px;
    min-height: 22px;
}
.header .top_area .site_info {
    display: inline-block;
}
.header .top_area .site_info a.logo {
    display: inline-block;
    font-size: 14px;
    padding-right: 8px;
    margin-right: 2px;
    border-right: 1px solid #b7b7b7;
    /* font-weight: 500; */
}
.header .top_area .site_info a.logo em {
    /* font-style: normal; */
    /* font-weight: 500; */
    font-size: 16px;
}
.header .top_area .site_info .page_name {
    font-size: 14px;
    color: #0d4ea2;
    font-weight: 600;
}
.header .top_area .cusotomer_num {
    display: inline-block;
    margin-left: auto;
    margin-right: 10px;
    font-size: 15px;
    color: #3f3f3f;
}
.header .top_area .logout {
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
    font-size: 15px;
    color: #3f3f3f;
}
.header .top_area .cusotomer_num i {
    margin-right: 5px;
    font-size: 15px;
}
.header .top_area .log__out {
    padding: 3px 10px;
    font-weight: 300;
    font-size: 15px;
    display: inline-block;
}
.header .top_navi {
    position: relative;
}
.header .top_navi ul {
    overflow: hidden;
    display:flex;
    margin-bottom: 0;
    background: #206491;
}
.header .top_navi ul li {
    width:105px;
    padding: 7px 0;
}
.header .top_navi ul li:first-child,
.header .top_navi ul li:nth-child(2) {
    width:26px;
}
.header .top_navi ul li > span {
    cursor: pointer;
    margin-top: -7px;
    margin-bottom: -7px;
}
/* .header .top_navi ul li > span:hover {
    background: #d6595f;
} */
.header .top_navi ul li i {
    color: #fff;
}
.header .top_navi ul li a {
    font-size: 14px;
    font-weight: 500;
    padding: 7px 28px;
    color: #fff;
}
.header .top_navi ul li.active a {
    background: #d6595f;
}
.header .page_navi {
    width: 105px;
    padding: 6px 0;
    display: flex;
    flex-direction: column;
}
.header .page_navi span a {
    color: #502a2c;
    /* font-size: 12px; */
    padding: 5px 18px;
    vertical-align: middle;
    display: inline-block;
}
.header .page_navi span a i {
    color: #502a2c;
    font-size: 14px;
    display: inline-block;
}
.header .page_navi span.seleted a,
.header .page_navi span a:hover {
    font-weight: 500;
    background: #d6595f;
    color: #ffffff;
}
.header .page_navi span.home img {
    width: 13px;
}
.header .page_navi span {
    position: relative;
    display: inline-block;
}
.header .page_navi span.child_cate::after {
    content: "";
    position: absolute;
    left: -8px;
    top: 2px;
    width: 10px;
    height: 10px;
}
.header .page_navi > button {
    width: 26px;
    height: 24px;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
}
.header .page_navi > button:hover {
    background-color: #d6595f !important;
}
.header .page_navi > button:hover i {
    color: #ffffff !important;
}
.header .page_navi > span > a:hover i {
    color: #ffffff !important;
}
.widePannel {
    width: 100%;
    position: absolute;
    left:0;
    top:28px;
    display:none;
    z-index: 2;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    background-color: #efefef;
}
.pannelContain {
    display: flex;
    padding-left:52px;
}


#paging > ul {
    display: flex;
    justify-content: center;
}
#paging > ul > li.active > a,
#paging > ul > li.active > button
{
    color: rgb(233, 66, 66);
    font-weight: bold;
    text-decoration: underline;
    
}
#paging > ul > li > a,
#paging > ul > li > button {
    min-width: 20px;
    background:transparent;
    display: block;
    margin-left: 5px;
    text-align: center;
    line-height: 1;
}

.table_form .table_wrap {
    width: 1880px;
}
.table_form .table_wrap .body_form .table_area {
    max-height: 500px;
    padding-top: 24px;
    position: relative;
    overflow-y: scroll;
}
.table_form .table_wrap .body_form .table_area::-webkit-scrollbar {
    display: none;
}
.table_form .table_wrap .body_form .table_area table {
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
    border-collapse: collapse;
}

.table_form .table_wrap .body_form .table_area table thead tr {
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 2px solid #bbadae;
}
.table_form .table_wrap .body_form .table_area table thead tr th {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 0;
    box-sizing: border-box;
    background: #f1eaea;
    border-right: 1px solid #bbadae;
    color: #502a2c;
}
.table_form .table_wrap .body_form .table_area table thead tr th:last-child {
    border-right: 0;
}
.table_form .table_wrap .body_form .table_area table tbody tr td {
    text-align: center;
    font-size: 13px;
    padding: 3px 0 3px 10px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}
.table_form .table_wrap .body_form .table_area table tbody tr th {
    padding: 0;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}
.table_form .table_wrap .body_form .table_area table tbody tr th input {
    margin: 0 0 5px;
}
.table_form .table_wrap .body_form .table_area table tbody tr td:last-child {
    border-right: 0;
}

.t-center {
    text-align: center !important;
    /* padding:0 !important; */
}

.tb_wrap {
    position: relative;
    width: 1880px;
    margin-top: 20px;
    padding-top: 35px;
    border: 1px solid #ccc;
    background-color: #e2e2e2;
}
.tb_wrap .tb_box {
    max-height: 810px;
    overflow-y: scroll;
    border-bottom: 1px solid #dedede;
    background-color: #fff;
}
.tb_wrap .tb_box table {
    width: 100%;
}
.tb_wrap .tb_box tr.fixed_top {
    display: inline-table;
    position: absolute;
    top: 0;
    width: calc(100% - 17px);
    background: #e2e2e2;
}
.tb_wrap .tb_box tr.fixed_top th {
    padding: 10px 0;
    font-size: 12px;
}
.tb_wrap .tb_box td {
    /* padding-left:3px; */
    padding: 3px 0 3px 3px;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
}
.tb_wrap .tb_box td:last-child {
    border-bottom: 0;
}

.table_wrap {
    padding: 20px 15px 10px 20px;
    margin: 0 0 0;
}
/* list-form-searchbox css */

.sch_box_wrap {
    margin-bottom: 30px;
    width: 1880px;
}
.sch_box_wrap .control {
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
    height: 24px;
    margin-top: 15px;
    font-size: 11px;
}
.sch_box_wrap .sch_box {
    display: flex;
    border-top: 1px solid #646464;
    border-bottom: 1px solid #646464;
    display: table;
    margin-bottom: 20px;
}
.sch_table {
    display: table-cell;
    width: 85%;
    min-width: 798px;
    padding-right: 1px;
    background-color: #acacac;
    border-right: 1px solid #eee;
}
.sch_table table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.sch_table table tr th {
    background-color: #e2e2e2;
    padding: 11px 14px 11px;
    line-height: 150%;
    font-weight: normal;
    text-align: left;
}
.sch_table table tr td {
    background-color: #fff;
    padding: 10px 10px 12px;
    border-top: 1px solid #e2e2e2;
}
.sch_table table:first-child tr:first-child {
    border-top: none;
}

.btn_sch {
    display: table-cell;
    width: 15%;
    height: 100%;
    padding: 0 10px;
    vertical-align: middle;
    text-align: center;
}
.btn_sch > div {
    margin-top: -7px;
    display: flex;
}
.btn_sch button {
    margin-top: 7px;
    border: 1px solid #ccc;
}
.btn_sch span {
    display: block;
    width: 120px;
    padding: 0 15px 0 13px;
    height: 36px;
    line-height: 320%;
    padding-right: 5px;
}
.btn_sch button.regbtn {
    background-color: #da2028;
    border: 1px solid #a51119;
}
.btn_sch button.regbtn span {
    color: #fff;
}

.head_title {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    border: 1px solid #979797;
    padding: 5px;

    margin-bottom: 5px;
}
.head_title > div {
    display: flex;
    height: 33px;
    align-items: center;
}
.head_title button.search-submit {
    background-color: #333333;
    color: #fff;
    height: 33px;
    padding: 6px 20px;
    margin-left: 5px;
}
.head_title button.search-submit i {
    color: #fff;
}
.head_title div.list-status {
    margin-left: 1px;
}
.head_title div.list-status button.active
, .head_title div.list-status label.active {
    background-color: #000000;
    color: #fff;
    border: 1px solid #000000;
}
.head_title div.list-status button i,
.head_title div.list-status label i {
    margin-right: 5px;
}
.head_title div.list-status button.active i,
.head_title div.list-status label.active i {
    color: #fff;
}

.head_title div.list-status button.active_blue
, .head_title div.list-status label.active_blue {
    background-color: #206491;
    color: #fff;
    border: 1px solid #000000;
}
.head_title div.list-status button.active_blue i,
.head_title div.list-status label.active i {
    color: #fff;
}


.head_title div.list-status select,
.head_title div.list-status button,
.head_title div.list-status label {
    width: 128px;
    text-align: center;
    padding: 6px 0;
    /* border: 1px solid #ddd; */
    box-sizing: border-box;
    margin-left: -1px;
    position: relative;
    height: 33px;
    background-color: #efefef;
}
.head_title div.list-status label {
    display:flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.head_title div.list-status select {
    padding-left: 10px;
}
.head_title div.list-status button.gtms-btn-blue {
    margin-left: 5px;
    margin-right: 0;
}
/* .head_title div.list-status button:last-child {
    border-left: 0;
} */
.head_title div .list-search {
    margin-right: auto;
    margin-left: 5px;
}
.head_title div .list-search button {
    cursor: pointer;
}
.head_title div .list-search input[type="text"] {
    width: 220px;
    border-radius: 0;
    height: 33px;
    padding: 4px 5px;
    box-sizing: border-box;
    border: 1px solid #333333;
}
.head_title div .list-search select {
    width: 100px;
    height: 33px;
    text-align: center;
    margin-right: 5px;
    border-radius: 0;
    border: 1px solid #333333;
}

.head_title div .list-search > .filterSelect {
    width: calc(100% - 145px);
    padding-left: 10px;
}
.head_title div .list-search > .filterSelect > input,
.head_title div .list-search > .filterSelect > select {
    width: 100%;
    margin: 0;
}

.head_title div .list-search .date-search input[type="text"] {
    width: 85px;
    border-radius: 0;
    height: 33px;
    padding: 4px 5px;
    box-sizing: border-box;
    border: 1px solid #333333;
}

.head_title div .list-search .date-search .gtms-btn-yellow {
    width: 33px;
    height: 33px;
    border-radius: 0 !important;
    margin-right: 0 !important;
}

.head_title div .list-search .filterSelect .gtms-btn-yellow {
    width: 25px;
    height: 33px;
    border-radius: 0 !important;
    margin-right: 0 !important;
    margin: 0;
}
.head_title div .list-search .date-search span {
    display: inline-block;
    margin: 0 5px;
}
.head_title div .hd-btn-gray {
    border: 1px solid #dddddd;
    background-color: #ffffff;
    height: 33px;
    margin-left: 5px;
}
.head_title div .hd-btn-red {
    border: 1px solid #ed4d4d;
    background-color: #ed4d4d;
    color: #ffffff;
    margin-left: 5px;
    height: 33px;
}
.head_title div .hd-btn-red i {
    color: #ffffff;
}
.head_title div .hd-btn-green {
    border: 1px solid #0a9e23;
    background-color: #0a9e23;
    text-align: center;
    color: #ffffff;
    margin-left: 5px;
    height: 33px;
}
.head_title div .hd-btn-green i {
    color: #ffffff;
}
.hd-btn-green-excel {
    border: 1px solid #0a9e23 !important;
    background-color: #0a9e23 !important;
    text-align: center;
    color: #ffffff;
    margin-left: 5px !important;
    height: 33px !important;
    display: flex;
    box-sizing: border-box;
    align-items: center;
}
.hd-btn-green-excel > span {
    color:#fff !important;
    margin-left:5px;
    font-weight: 400;
}
.head_title div .hd-btn-blue {
    border: 1px solid #4f7bbd;
    background-color: #4f7bbd;
    text-align: center;
    color: #ffffff;
    margin-left: 5px;
    height: 33px;
}
.head_title div .hd-btn-blue i {
    color: #ffffff;
}
.flex-colunms {
    flex-direction: column;
    padding: 0;
}
.flex-colunms > div {
    border-bottom: 1px solid #aaa;
    height: auto;
}
.flex-colunms > div:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.flex-colunms > div > div {
    width: 100%;
    height: inherit;
    margin-left: 0 !important;
}
.filterTitle {
    width: 120px;
    padding: 10px 0;
    /* display:block !important; */
    background-color: #efefef;
}
.filterTitle > h1 {
    padding-left: 10px;

    font-weight: 600;
    box-sizing: border-box;
}
select.select {
    vertical-align: middle;
    height: 24px;
    margin: 0 0 2px 0;
    font-size: 12px;
    padding: 0;
}
.summury_area {
    position: relative;
    z-index: 10;
    clear: both;
    padding: 15px 15px 10px 25px;
    background: #fbfbfb;
    border: 1px solid #ccc;
    font-size: 12px;
    overflow: visible;
}
.summury_area ul {
    clear: both;
    margin: -10px 0 0 -52px;
    overflow: hidden;
}
.summury_area ul li {
    margin: 10px 0 0 52px;
    float: left;
    padding-left: 6px;
}
.summury_area ul li em {
    font-style: normal;
}

.contract__view {
    width: 1880px;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto;
}

.contract__view_narrowly {
    width: 1200px !important;
}

.Division__table {
    border-right: 1px solid #000;
}

/*테이블typeA*/
.typeA {
    border: 1px solid #bbbbbb;
    margin-bottom: 15px;
}
.typeA > table {
    width: 100%;
    table-layout: fixed;
}
.typeA caption {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
}
.typeA .innerTablelayout {
    border:1px solid #ccc;
}
/* minimall 2 add */
/* .attachment__file__table {
    border-bottom:1px solid #818181 !important;
} */
.typeA th {
    background: #f5f5f5;
    font-size: 12px;
    color: #4c4c4c;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.typeA tr:first-child th {
    border-top: 0;
}
.typeA th .thW {
    margin: 11px 5px 11px 9px;
    font-weight: 500;
    letter-spacing: -1px;
    zoom: 1;
    text-align: justify;
}
.typeA td .thH {
    margin: 11px 5px 11px 9px;
    font-weight: 300;
    letter-spacing: -1px;
    zoom: 1;
    text-align: justify;
}
/* 20160721 추가 ksm */
.typeA th .required {
    letter-spacing: -1px;
}
.typeA th .icon_question {
    margin: -2px 0 0px 0;
}
.typeA tr:first-child td {
    border-top: 0;
}
.typeA td {
    background: #ffffff;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.typeA td:last-child {
    border-right: 0;
}
.typeA td .tdW {
    margin: 11px 5px 11px 9px;
    padding: 0px 0 0 0;
    zoom: 1;
    line-height: 16px;
    position: relative;
}
.typeA td.fit .tdW {
    margin: 0;
}
.typeA td.td2 {
    background: #fdf1ed;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.typeA td.td2 .tdW2 {
    margin: 5px 9px 4px 9px;
    padding: 0px 0 0 0;
    zoom: 1;
    line-height: 16px;
    font-weight: 500;
    text-align: right;
}
.typeA td .tdW4 {
    margin: 11px 9px 10px 9px;
    padding: 0px 0 0 0;
    zoom: 1;
    line-height: 16px;
    font-weight: normal;
    text-align: right;
}
.typeA td .tdW5 {
    margin: 4px 5px 3px 9px;
    padding: 0px 0 0 0;
    zoom: 1;
    line-height: 16px;
    font-weight: normal;
}
.typeA td.td3 {
    padding: 12px 5px 11px 9px;
    line-height: 16px;
    font-weight: normal;
    text-align: center;
}
.typeA tr:last-child th,
.typeA tr:last-child td {
    border-bottom: 0;
}
.typeA tr.endTr {
    border-bottom:1px solid #ddd;
}
.typeA > table td > table tr th:last-child {
    border-right: 0;
}

/* 20210108 table style add */
.typeB {
    border: 0px solid #000;
}
.typeB > table {
    width: 100%;
}
.typeB > table {
    width: 100%;
    border: 1px solid #aaa;
    border-collapse: collapse;
}
.typeB > table thead th,
.typeB > table thead td {
    background-color: rgba(0, 112, 187, 0.2);
    border: 1px solid #aaa;
    border-collapse: collapse;
    height: 32px;
    vertical-align: middle;
    padding: 1px 5px;
    font-weight: 500;
    font-size: 12px;
}
.typeB > table tbody th,
.typeB > table tbody td {
    border: 1px solid #ccc;
    border-collapse: collapse;
    vertical-align: middle;
    font-weight: normal;
    padding: 1px 5px;
    height: 28px;
    font-size: 12px;
}
.typeB > table tbody th {
    line-height: 160%;
    text-align: center;
}
.typeB > table tbody td {
    text-align: right;
}
.typeB > table tbody tr.tbin-footer th,
.typeB > table tbody tr.tbin-footer td {
    background-color: rgba(255, 215, 93, 0.7);
    font-weight: bold;
    font-size: 12px;
}
.typeB > table tbody .tb-bg-yellow {
    background-color: rgba(255, 214, 93, 0.3);
}
.typeB > table tbody .tb-bg-green {
    background-color: rgba(93, 255, 115, 0.3);
}
.typeB > table input {
    border: 0;
    font-size: 12px;
    color: #000000;
    text-align: right;
    background-color: transparent !important;
}
.typeB > table input:focus {
    border: 0;
    outline: 0;
}
.typeB > table input::placeholder {
    font-size: 12px;
}
.typeB > table tbody td > span {
    margin: 0 5px;
}
.typeB > table tbody td > span > em {
    font-style: normal;
    font-weight: 500;
}
.typeB > table tbody .text-left {
    text-align: left;
}
.typeB > table tbody .text-center {
    text-align: center;
}
.typeB > table tbody .text-right {
    text-align: right;
}
.typeB > table tbody button {
    margin: 0 !important;
}
.typeB > table tbody .text-blue {
    color: #206491;
}
.typeB > table tbody .text-red {
    color: #ff0000;
}
.typeB > table tbody .updown-arrow.text-blue {
    position: relative;
}
.typeB > table tbody .updown-arrow.text-red {
    position: relative;
}
.typeB > table tbody .updown-arrow.text-blue::after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #206491;
    position: absolute;
    top: 12px;
    left: 5px;
    content: "";
}
.typeB > table tbody .updown-arrow.text-red::after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff0000;
    position: absolute;
    top: 12px;
    left: 5px;
    content: "";
}
.typeB > table tbody .updown-arrow input.text-blue {
    background-image: url("/public/img/ib-arrow-blue.png");
    background-position: left center;
    background-size: 10px 5px;
    background-repeat: no-repeat;
}
.typeB > table tbody .updown-arrow input.text-red {
    background-image: url("/public/img/ib-arrow-red.png");
    background-position: left center;
    background-size: 10px 5px;
    background-repeat: no-repeat;
}
.thbg-e2 > table thead th {
    font-weight: normal;
    background-color: #e2e2e2 !important;
}
.thbg-e2 > table tbody td {
    text-align: center;
}
.typeB > table .border-top {
    border-top-width: 2px;
    border-top-color: #000;
}
.typeB > table .border-left {
    border-left-width: 2px;
    border-left-color: #000;
}
.typeB > table .border-right {
    border-right-width: 2px;
    border-right-color: #000;
}
.typeB > table .border-bottom {
    border-bottom-width: 2px;
    border-bottom-color: #000;
}

.typeB table.typeb-header {
    width: 100%;
    border: 1px solid #aaa;
    border-collapse: collapse;
}
.typeB table.typeb-header tbody th {
    background-color: rgba(0, 0, 0, 0.1);
    font-weight: 500;
}
.typeB table.typeb-header tbody td {
    text-align: left;
    vertical-align: top;
}
.typeB table.typeb-header tbody .calendat-select {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 2px 0;
}
.typeB table.typeb-header tbody .calendat-select input {
    flex: 1;
    border: 1px solid #ccc;
    text-align: left;
}
.typeB table.typeb-header tbody .calendat-select button.gtms-btn-yellow {
    margin-left: 3px !important;
    width: 23.44px;
}
.typeB table.typeb-header tbody .input-flex-area,
.typeB table.typeb-header tbody .select-flex-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 2px 0;
}
.typeB table.typeb-header tbody .input-flex-area > input {
    border: 1px solid rgba(109, 94, 50, 0.3);
    text-align: left;
}
.typeB table.typeb-header tbody .input-flex-area > button,
.typeB table.typeb-header tbody .select-flex-area > button {
    margin-left: 3px !important;
}
.typeB table.typeb-header.v-a-middle tbody td {
    vertical-align: middle;
}
.typeB table.typeb-header.v-a-middle tbody td span {
    border: 1px solid rgba(109, 94, 50, 0.3);
    background-color: rgba(255, 214, 93, 0.5);
    border-radius: 3px;
    padding: 2px 5px;
    display: inline-block;
    font-size: 11px;
    margin: 1px 2px 1px 0;
    font-weight: 300;
}
/* 20210108 table style add end */

/* 20210113 table style add start */
.typeC {
    border: 0px solid #000;
}
.typeC > h3 {
    font-weight: bold;
    color: #206491;
    font-size: 15px;
    margin-bottom: 10px;
}
.typeC > table {
    width: 100%;
}
.typeC > table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
}
.typeC > table thead th,
.typeC > table thead td {
    background-color: #fffef3;
    border: 1px solid #ccc;
    border-collapse: collapse;
    height: 32px;
    vertical-align: middle;
    padding: 1px 5px;
    font-weight: 500;
    font-size: 13px;
}
.typeC > table tbody th {
    border: 1px solid #ccc;
    border-collapse: collapse;
    vertical-align: middle;
    font-weight: normal;
    padding: 1px 5px;
    height: 28px;
    font-size: 13px;
    background-color: #f5f5f5;
    font-weight: 500;
}
.typeC > table tbody td {
    border: 1px solid #ccc;
    border-collapse: collapse;
    vertical-align: middle;
    font-weight: normal;
    padding: 1px 5px;
    height: 34px;
    font-size: 13px;
    text-align: left;
}
.typeC > table tbody td input[type="text"] {
    border: 1px solid #ccc;
    width: 150px;
    vertical-align: middle;
    font-size: 13px;
}
.typeC > table tbody td select {
    border: 1px solid #ccc;
    width: 220px;
    vertical-align: middle;
    font-size: 13px;
}
.typeC > table tbody td span {
    margin: 0 5px;
}
.typeC > table tbody td > ul > li {
    list-style: disc;
    margin-left: 20px;
    line-height: 20px;
    font-size: 12px;
}
.typeC > table tbody td button[type="button"] {
    vertical-align: middle;
    /* margin: 0 !important; */
    height: 24px;
}
.typeC > table tbody td label {
    font-size: 12px;
}
.typeC > table tfoot td > div {
    background-color: #ebf5ff;
    text-align: center;
    padding: 25px 0;
}
.typeC > table tfoot td > div button {
    padding: 5px 20px;
}
.typeC > table tfoot td > div button i {
    margin-right: 5px;
}
.typeC > table tbody td.in-box-center input[type="text"] {
    width: 100px;
}
.typeC > table tbody td.in-box-center-sec input[type="text"]:nth-child(1) {
    width: 100px;
}
.typeC > table tbody td.in-box-center-sec input[type="text"]:nth-child(3) {
    width: 60px;
}
.typeC > table tbody td.in-box-center-sec input[type="text"]:nth-child(5) {
    width: 100px;
}
.typeC > table tbody td.td-file-input > div {
    /* padding: 3px 0 1px; */
    padding: 5px 0;
    margin: 3px 0;
    background-color: #fff0b0;
    display:flex;
    align-items: center;
}
.typeC > table tbody td.td-file-input > div label {
    display: inline-block;
    width: 140px;
    /* height: 24px; */
    position: relative;
    padding-left: 5px;
    font-weight: 500;
}
.typeC > table tbody td.td-file-input > div label:after {
    content: ":";
    position: absolute;
    right: 5px;
}
.typeC > table .text-center {
    text-align: center !important;
}
.typeC > table .text-right {
    text-align: right !important;
}
.typeC > table .text-left {
    text-align: left !important;
}
/* margin setting */

.mr-3 {
    margin-right: 3px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.mr-30 {
    margin-right: 30px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-20 {
    margin-left: 20px;
}
.ml-30 {
    margin-left: 30px;
}
.ml-3 {
    margin-left: 3px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}


.typeC > table.typeC-table-center tbody td {
    text-align: center;
}
.flex-btw {
    justify-content: space-between;
}
/* 20210113 table style add end */

.text-red {
    color: #ff0000;
}
.text-blue {
    color: #1100ff;
}
.text-green {
    color: #0d9930;
}
.text-gray {
    color: #686868;
}
.text-bold {
    font-weight: 500;
}
.text-normal {
    font-weight: 300 !important;
}
.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.gasun {
    padding: 2px 3px;
    border-radius: 3px;
    background-color: chocolate;
    color: #ffffff;
    display: inline-block;
    margin-right: 3px;
    min-width:30px;
    text-align: center;
}
.gasun_ha {
    padding: 2px 3px;
    border-radius: 3px;
    background-color: rgb(138, 16, 16);
    color: #ffffff;
    display: inline-block;
    margin-right: 3px;
}
.ga-won {
    padding: 2px 3px;
    border-radius: 3px;
    background-color: rgb(44, 160, 29);
    color: #ffffff;
    display: inline-block;
    margin-right: 3px;
}
.ga-ha {
    padding: 2px 3px;
    border-radius: 3px;
    background-color: rgb(37, 94, 168);
    color: #ffffff;
    display: inline-block;
    margin-right: 3px;
}
.insurance_rejectBox textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #dddddd;
}
.division span {
    display: initial;
    position: relative;
    padding: 2px 4px;
    font-size: 12px;
    border-radius: 3px;
}
span.tongha {
    background-color: #2e679c !important;
    color: #fff !important;
}
span.betongha {
    background-color: #9e2e2e !important;
    color: #fff !important;
}
span.ctd01 {
    background-color: #579471;
    color: #fff !important;
}
span.ctd02 {
    background-color: #0065b8;
    color: #fff !important;
}
span.ctd03 {
    background-color: #8b8b8b;
    color: #fff !important;
}
span.ctd04 {
    background-color: #618099;
    color: #fff !important;
}
span.ctd05 {
    background-color: #618099;
    color: #fff !important;
}
span.ctd06 {
    background-color: #618099;
    color: #fff !important;
}
span.ctd07 {
    background-color: #444444;
    color: #fff !important;
}
span.ctd08 {
    background-color: #c9298c;
    color: #fff !important;
}
span.cptw03 {
    background-color: #e99b9b;
    color: #fff !important;
}
span.cptw04 {
    background-color: #88c6d8;
    color: #fff !important;
}
span.cptw09 {
    background-color: #ff8147;
    color: #fff !important;
}
.division span > em {
    content: "ㄴ";
    position: absolute;
    left: -20px;
    font-size: 15px;
    font-style: normal;
    color: #646464;
    top: 3px;
}

.main-boxlist {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 15px 30px 20px;
}
.main-boxlist > div {
    width: 50%;
}
.main-Table {
    padding: 20px;
}
.main-boxlist > div > h1 {
    display: flex;
    padding: 20px 20px 0 20px;
    font-size: 18px;
}
.main-boxlist > div > h1 > span {
    margin-left: auto;
    font-size: 12px;
    font-weight: normal;
}
.main-Table table {
    width: 100%;
    border: 1px solid #d8d8d9;
}
.main-Table table th {
    background-color: #f7f7f7;
    font-weight: normal;
    vertical-align: middle;
    height: 40px;
}
.main-Table table td {
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    height: 20px;
    border-bottom: 1px solid #ddd;
}

.popup__title {
    display: flex;
    align-items: center;
    padding: 10px 0;
    box-sizing: border-box;
}
.popup__title > h1 {
    text-align: left !important;
    font-weight: bold;
    color: #206491;
    font-size: 15px;
    margin-bottom: 0 !important;
}
.popup__title > button > i {
    margin-right: 5px;
}
.popup__title > h1 > i {
    color: #206491;
    margin-right: 5px;
}
.popup__title > h1 > button {
    margin-left: auto !important;
}
.submit__btn {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.submit__btn > button {
    width: 140px;
    margin-left: 10px;
    /* background-color: #e2e2e2;
    border: 1px solid #ccc; */
    text-align: center;
    display: block;
    /* padding: 6px; */
    box-sizing: border-box;
}
.submit__btn > button:first-child {
    margin-left: 0;
}
.submit__btn > button > i {
    margin-right: 7px;
}
#nContent {
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.btn_area {
    display: flex;
    padding: 30px 0;
    justify-content: center;
}
.btn_area button {
    margin-right: 5px;
}
.btn_area button,
.btn_area a {
    width: 150px;
    padding: 12px 0;
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
    align-items: flex-start;
}

.gtms-list-full-table {
    width: 100%;
    word-break: break-all !important;
    table-layout: fixed;
}
/* 정산용 테이블 따로 제작해야함 */
.gtms-list-full-table th {
    background: #e2e2e2;
    padding: 10px 0;
    vertical-align: middle;
    font-size: 12px;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
}
.gtms-list-full-table th:last-child {
    border-right: 1px solid #e2e2e2;
}
.gtms-list-full-table td.pointResult {
    font-weight: 400;
    color: tomato;
}
.gtms-list-full-table td.pointResultE {
    font-weight: 400;
    color: #236daa;
}
.gtms-list-full-table td.pointtdE {
    background-color: #fafafa !important;
}
.gtms-list-full-table td.pointtd {
    background-color: #fafafa !important;
}
.gtms-list-full-table td {
    height: 31px;
    white-space: nowrap;
    line-height: 1;
    vertical-align: middle;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-collapse: collapse;
    font-size: 13px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    padding-left: 5px;
    padding-right: 5px;
}
.gtms-list-full-table th.border-left {
    border-left: 1px solid #aaa;
}
.gtms-list-full-table th.border-right {
    border-right: 1px solid #aaa;
}
.gtms-list-full-table td > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    word-wrap: break-word;
    transition: all 0.1s;
}
.gtms-list-full-table td > a > i {
    transform: rotateX(180deg);
    margin-left:10px;
    color:rgb(88, 88, 88);
    margin-top:-7px
}
.gtms-list-full-table td > a > i:hover {
    text-decoration: none;
}
.gtms-list-full-table td > a.gtms-btn-blue {
    padding: 1px 2px 2px;
    font-size: 11px;
}
.gtms-list-full-table td > a.gtms-btn-blue:hover {
    color: #ffffff;
    text-decoration: none !important;
    opacity: 0.75;
}
.gtms-list-full-table td > a.list_btn,
.gtms-list-full-table td > button {
    /* line-height: 1; */
    /* padding: 1px 2px 2px;
    font-size: 12px;
    display: inline; */
}
.gtms-list-full-table td:first-child {
    border-left: 1px solid #aaa;
}
/* .gtms-list-full-table td > .Sitename {
    cursor: pointer;
}
.gtms-list-full-table td > .Sitename:hover {
    text-decoration: underline !important;
    color: #206491;
    font-weight: 400;
} */

.gtms-list-full-table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.07);
}
.gtms-list-full-table td > a:hover {
    text-decoration: underline !important;
    color: #0065b8;
}
.gtms-list-full-table-sec td > a.gtms-btn-blue:hover {
    text-decoration: none !important;
    color: #ffffff;
    opacity: 0.7;
}

/* 정산용 테이블 */
.gtms-list-full-table-calculate {
    width: 100%;
    word-break: break-all !important;
    table-layout: fixed;
}
/* 정산용 테이블 따로 제작해야함 */
.gtms-list-full-table-calculate th {
    background: #e2e2e2;
    padding: 2px 0;
    vertical-align: middle;
    font-size: 12px;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
}
.gtms-list-full-table-calculate .th-double th:first-child {
    border-left: 1px solid #aaa;
}
.gtms-list-full-table-calculate .th-double th:last-child {
    border-right: 1px solid #aaa;
}
.gtms-list-full-table-calculate .th-double th {
    border-right: 1px solid #aaa;
}
.gtms-list-full-table-calculate th:last-child {
    border-right: 1px solid #e2e2e2;
}
.gtms-list-full-table-calculate td.pointResult {
    font-weight: 400;
    color: tomato;
}
.gtms-list-full-table-calculate td.pointResultE {
    font-weight: 400;
    color: #236daa;
}
.gtms-list-full-table-calculate td.pointtdE {
    background-color: #fafafa !important;
}
.gtms-list-full-table-calculate td.pointtd {
    background-color: #fafafa !important;
}
.gtms-list-full-table-calculate td {
    height: 31px;
    white-space: nowrap;
    line-height: 1;
    vertical-align: middle;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-collapse: collapse;
    font-size: 13px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
}
.gtms-list-full-table-calculate td > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    word-wrap: break-word;
    height: 100%;
    transition: all 0.1s;
}
.gtms-list-full-table-calculate td > a.list_btn,
.gtms-list-full-table-calculate td > button {
    /* line-height: 1; */
    padding: 1px 3px 2px;
    font-size: 11px;
    display: inline;
}
.gtms-list-full-table-calculate td:first-child {
    border-left: 1px solid #aaa;
}
/* .gtms-list-full-table td > .Sitename {
    cursor: pointer;
}
.gtms-list-full-table td > .Sitename:hover {
    text-decoration: underline !important;
    color: #206491;
    font-weight: 400;
} */

.gtms-list-full-table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.07);
}
.gtms-list-full-table td > a:hover {
    text-decoration: underline !important;
    color: #0065b8;
}
.ta-right {
    text-align: right !important;
    padding: 0 10px 0 0 !important;
}
.ta-left {
    text-align: left !important;
    padding: 0 0 0 10px !important;
}
/* 이윤 */
.sort_profit > th {
    background-color: #f7f9f1;
}
/* 입금 */
.sort_deposit > th {
    background-color: #fefbf8;
}
/* 출금 */
.sort_withdraw > th {
    background-color: #edf7f9;
}
.sort_row > td {
    background-color: #f2f2f2;
}

.contract {
    background-color: #f7f9f1 !important;
}
.depSV {
    background-color: #edf7f9 !important;
}
.remain {
    background-color: #fefbf8 !important;
}
.profit {
    background-color: #f2f2f2 !important;
}
.gtms-blue {
    color:#206491 !important;
}
.bold {
    font-weight: 500 !important;
}
.minusAmount {
    color: blue !important;
    font-weight: 500 !important;
}
.badAmount {
    color: red !important;
    font-weight: 500 !important;
}
.badAmount2 {
    color: rgb(211, 48, 48) !important;
    line-height:13px;
}

.badAmount3 {
    color: #206491 !important;
    font-weight: 500 !important;
}

/**
    컬러 정책
    이윤-녹색 / 입금,양수-빨강 / 출금,음수-파랑

*/
#calendarPopup {
    position: fixed;
    left: 50%;
    z-index: 999;
    margin-left: -200px;
    width: 400px;
    background: #ffffff;
    top: 190px;
}
.table-calendar {
    width: 100%;
    min-height: 239px;
    border-top: 1px solid #cccccc;
    margin-bottom: 20px;
}
.table-calendar th,
.table-calendar td {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    /* padding:10px; */
    vertical-align: middle;
    text-align: center;
}
.table-calendar th {
    background-color: #e2e2e2;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 5px 10px;
    font-weight: 400;
}
.table-calendar th:first-child {
    border-left: 1px solid #cccccc;
}
.table-calendar td span {
    cursor: pointer;
}
.table-calendar td:first-child {
    border-left: 1px solid #cccccc;
}
.table-calendar td span:hover {
    font-weight: 500;
}
.container-calendar {
    position: relative;
    padding: 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.container-calendar #monthAndYear {
    display: block;
    text-align: left;
    font-weight: 500;
    padding: 10px 0;
    margin-bottom: 5px;
}
.footer-container-calendar {
    display: flex;
    padding: 5px 0;
    justify-content: center;
    align-items: center;
}
.footer-container-calendar span {
    margin-right: auto;
}
.footer-container-calendar select {
    width: 100px !important;
}
.button-container-calendar {
    display: flex;
    justify-content: center;
}
.button-container-calendar button {
    width: 30px;
    height: 20px;
    line-height: 16px;
    padding: 0;
    position: absolute;
    font-size: 18px;
}
.button-container-calendar button:first-child {
    right: 45px;
    top: 59px;
}
.button-container-calendar button:last-child {
    right: 5px;
    top: 59px;
}
.bidding-chk {
    display: none;
}
.contract_cursor:hover {
    font-weight: 500;
    text-decoration: underline;
}
.gtms-btn-danger {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    text-shadow: 0.5px 0.5px 0.5px rgb(114, 17, 17);
    
    background: rgb(197, 72, 72);
    color: #fff;
    border: 1px solid rgb(187, 17, 17);
}
.gtms-btn-danger > i {
    color: #fff;
    margin-bottom: 3px;
}
.gtms-btn-danger:hover {
    color: #fff;
    text-decoration: none;
}
.gtms-btn-yellow {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    text-shadow: 0.5px 0.5px 0.5px rgb(250, 236, 206);
    background: rgb(255, 193, 7);
    border: 1px solid rgb(204, 140, 1);
}
.gtms-btn-yellow > i {
    color: #000;
    /* margin-right:5px; */
    margin-bottom: 3px;
}
.gtms-btn-yellow:hover {
    color: #000;
    text-decoration: none;
}
/* header Button 따로 제작 */
.gtms-btn-blue-header {
    cursor: pointer;
    height:33px;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(24, 78, 114);
    background: rgb(32, 100, 145) !important;
    border: 1px solid rgb(16, 58, 87);
}
.gtms-btn-blue-header i {
    color: #fff;
    margin-bottom: 3px;
}
.gtms-btn-blue-header:hover {
    color: #fff;
    text-decoration: none;
}

.gtms-btn-blue {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(24, 78, 114);
    background: rgb(32, 100, 145) !important;
    border: 1px solid rgb(16, 58, 87);
}
.gtms-btn-blue i {
    color: #fff;
    margin-bottom: 3px;
}
.gtms-btn-blue:hover {
    color: #fff;
    text-decoration: none;
}

.gtms-btn-green {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(24, 78, 114);
    background: #0a9e23 !important;
    border: 1px solid #0a9e23;
}
.gtms-btn-green i {
    color: #fff;
    margin-bottom: 3px;
}
.gtms-btn-green:hover {
    color: #fff;
    text-decoration: none;
}

.gtms-btn-success {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(45, 114, 24) !important;
    background: rgb(32, 145, 41) !important;
    border: 1px solid rgb(29, 119, 37) !important;
}
.gtms-btn-success i {
    color: #fff;
    margin-bottom: 3px;
}
.gtms-btn-success:hover {
    color: #fff;
    text-decoration: none;
}
.gtms-btn-info {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(16, 124, 124);
    border-radius: 5px !important;
    background: rgb(19, 138, 138);
    border: 1px solid rgb(14, 114, 114);
}
.gtms-btn-info i {
    color: #fff;
    margin-bottom: 3px;
}
.gtms-btn-info:hover {
    color: #fff;
    text-decoration: none;
}

.gtms-btn-red-header {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    height:33px;
    /* font-size: 12px; */
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(114, 24, 24);
    background: rgb(145, 32, 32);
    border: 1px solid rgb(87, 16, 16);
}
.gtms-btn-red-header i {
    color: #fff;
    margin-bottom: 3px;
}
.gtms-btn-red-header:hover {
    color: #fff;
    text-decoration: none;
}

.gtms-btn-red {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(114, 24, 24);
    background: rgb(145, 32, 32);
    border: 1px solid rgb(87, 16, 16);
}
.gtms-btn-red i {
    color: #fff;
    margin-bottom: 3px;
}
.gtms-btn-red:hover {
    color: #fff;
    text-decoration: none;
}
.gtms-btn-red-non {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(114, 24, 24);
    border-radius: 0px !important;
    background: rgb(145, 32, 32);
    border: 1px solid rgb(87, 16, 16);
}
.gtms-btn-red-non i {
    color: #fff;
    margin-bottom: 3px;
}
.gtms-btn-red-non:hover {
    color: #fff;
    text-decoration: none;
}

.gtms-btn-red-lighter {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: rgb(145, 32, 32);
    border-radius: 5px !important;
    background: #fff;
    border: 1px solid rgb(145, 32, 32);
}
.gtms-btn-red-lighter i {
    color: rgb(145, 32, 32);
    margin-bottom: 3px;
}
.gtms-btn-red-lighter:hover {
    text-decoration: none;
}
.gtms-btn-gray {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff !important;
    text-shadow: 0.5px 0.5px 0.5px rgb(156, 156, 156);
    background: rgb(172, 172, 172);
    border: 1px solid rgb(158, 158, 158);
}
.gtms-btn-gray i {
    color: #fff !important;
    margin-bottom: 3px;
}
.gtms-btn-gray:hover {
    color: #fff;
    text-decoration: none;
}
.gtms-btn-gray-non {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff !important;
    text-shadow: 0.5px 0.5px 0.5px rgb(156, 156, 156);
    border-radius: 0px !important;
    background: rgb(172, 172, 172);
    border: 1px solid rgb(158, 158, 158);
}
.gtms-btn-gray-non i {
    color: #fff !important;
    margin-bottom: 3px;
}
.gtms-btn-gray-non:hover {
    color: #fff;
    text-decoration: none;
}
.gtms-btn-gold {
    cursor: pointer;
    color: rgb(255, 255, 255);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    text-shadow: 0.5px 0.5px 0.5px rgb(75, 69, 57);
    border-radius: 5px !important;
    background: linear-gradient(0deg, #6b645e 0%, #7a736d 100%);
    background: #6b645e !important;
    border: 1px solid #6b645e;
}
.gtms-btn-yellow_01 {
    color: #fff;
    font-size: 10px;
    margin: 0 5px;
    border-radius: 2px !important;
    background: rgb(129, 129, 129);
    background: linear-gradient(0deg, rgba(129, 129, 129, 1) 0%, rgba(156, 156, 156, 1) 35%, rgba(166, 164, 164, 1) 100%);
}
.gtms-btn-yellow_01 > i {
    color: #fff;
    font-size: 10px;
    margin-bottom: 3px;
}
.gtms-btn-print {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin-left: 5px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(24, 78, 114);
    border-radius: 0px !important;
    background: rgb(32, 100, 145);
    background: linear-gradient(0deg, rgb(23, 79, 116) 0%, rgba(32, 100, 145) 100%);
    border: 0px solid rgb(16, 58, 87);
    padding: 0 20px;
}

.gtms-btn-print i {
    color: #fff;
    margin-bottom: 3px;
    margin-right: 5px;
}

.gtms-btn-state {
    cursor: pointer;
    color: rgb(61, 61, 61);
    margin-left: 5px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px rgb(24, 78, 114);
    border-radius: 0px !important;
    background: rgb(32, 100, 145);
    border: 0px solid rgb(16, 58, 87);
    padding: 0 20px;
}

.gtms-btn-default {
    cursor: pointer;
    margin-left: 5px;
    color: #000;
    font-weight: 400;
    border-radius: 0px !important;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(16, 58, 87);
    padding: 0 20px;
}

/* .table_btn_icon_gbl a {
    padding: 1px 5px;
    margin: 0 2px;
}
.table_btn_icon_gbl a > i {
    margin-right: 3px;
} */
/* .table_btn_icon_gbl label {
    padding: 1px 3px 0 3px;
    margin: 0 2px;
    display: inline-block;
    vertical-align: bottom;
} */
/* .table_btn_icon_gbl label > i {
    margin-right: 3px;
} */
/* .table_btn_icon_gbl button {
    padding: 1px 5px;
    margin: 0 2px;
} */
/* .table_btn_icon_gbl button > i {
    margin-right: 3px;
} */
.popup__title button:last-child {
    margin-right: 0 !important;
}

.table_btn_icon_gbl tbody td .tdW {
    margin: 11px 2px 11px 2px;
}

.layerPopup {
    padding: 20px;
    border: 1px solid #ddd;
    position: fixed;
    top: 100px;
    width: 960px;
    left: 50%;
    margin-left: -480px;
    background-color: #fff;
    z-index: 9;
}
/* .popup__title {
    display:flex;
    align-items: center;
    padding:10px 0;
    box-sizing: border-box;
}
.popup__title > button {
    display:inline-block;
    padding:3px 10px;
    cursor: pointer;
}
.popup__title > button > i {
    margin-right:5px;
}
.popup__title > span {
    margin-left:auto;
    display:inline-block;
    padding:3px 10px;
    cursor: pointer;
}
.popup__title h1 {
    text-align: left !important;
    font-weight: bold;
    color:#206491;
    font-size:15px;
    margin-bottom:0 !important;
}
.popup__title h1 > i {
    color:#206491;
    margin-right:5px;
} */
.apply__insurance_info h1 {
    text-align: left !important;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0 !important;
}
.apply__insurance_info ul li {
    padding: 5px;
}
.hodoSiteDot::before {
    content: "중";
    width: 20px;
}
.gtmsRegBtn {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.gtmsRegBtn > button {
    width: 170px;
    /* background-color: #e2e2e2;
    border: 1px solid #ccc; */
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 20px;
    box-sizing: border-box;
}
.gtmsRegBtn > button.submitbtn {
    background-color: #fff;
    margin-left: 10px;

    font-weight: 400;
}

/**
*/
.tranform180 {
    transform: rotate(180deg);
    font-weight: lighter;
    font-size: 10px !important;
}

.list_popup__ {
    padding: 10px;
    box-sizing: border-box;
    height: 100%;
}

/**
하단 유틸리티
*/
.footer__utility {
    width: 100%;
    border-bottom: 5px solid #fff;
    background-color: #206491;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.footer__utility ul {
    display: grid;
    grid-template-columns: 140px 140px 140px 1fr 1fr;
    padding:3px 0;
}
.footer__utility ul li {
    display: flex;
    align-items: center;
}
.footer__utility ul li > input {
    height: 24px;
    width: 240px;
    border: 0;
    padding:0 5px;
}
.footer__utility ul li a {
    display: flex;
    align-items: center;
    padding: 5px 20px;
    color: #fff;
}
.footer__utility ul li a i {
    color: #fff;
    font-size: 20px;
    margin-right: 8px;
}
.footer__utility ul li a.contract_search_utility {
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__utility ul li .contract_search_utility > i {
    color: #000;
    font-size: 9px;
}

/**
alert callback
*/
.alertMsg {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.alertMsg > h1 {
    height: 28px;
    font-size: 14px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 28px;
    color: #fff;
    background-color: #206491;
    display: block;
}
.alertMsg > h1 > i {
    color: #fff;
    margin-right: 7px;
}
.alertMsg > div.alerText {
    text-align: center;
    padding-top: 30px;
    height: 100%;
    line-height: 1.4;
    font-size: 14px;
}
.alertMsg > div:last-child {
    margin-top: auto;
    margin-bottom: 10px;
    text-align: center;
}
.alertMsg > div:last-child button {
    padding-left: 20px;
    padding-right: 20px;
}

.alertMsg > div.alerText > i {
    margin-right:10px;
    font-size: 17px;
}
.gtms-detail-form-data {
    width: 1400px;
    margin: 0 auto;
}
.gtms-detail-form {
    width: 1000px;
    margin: 0 auto;
}
.gtms-detail-form-tax {
    width: 780px;
    margin: 0 auto;
}

.file__btn button {
    padding: 5px 10px;
}
.out-btn > i {
    color: #fff;
    /* transform: rotate(180deg); */
    margin-left: 5px;
}
.nonActiveRow * {
    color: #ccc;
}
.nonActiveboldRow * {
    color: rgb(146, 146, 146);
}
.errorActiveRow * {
    color: rgb(150, 31, 31);
}
.glContract td {
    background-color: rgb(255, 223, 223) !important;
}
.rejectlist td {
    background-color: rgb(255, 234, 234);
}
.taxStatus100 {
    color: rgb(235, 54, 54);
    font-weight: 400;
}
.taxStatus300 {
    color: rgb(99, 90, 90);
}
.taxStatus304 {
    color: rgb(76, 150, 235);
    font-weight: 300;
}
.taxStatus4 {
    color: #000;
}
.taxStatus5 {
    color: #000;
}

/* 20210106 globle css 추가 */
.search-submit {
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-submit-none {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}
.list-status .gtms-btn-success,
.list-status .gtms-btn-blue {
    border: 0 !important;
    height: 33px;
    border-radius: 0 !important;
}
.popup__title > button {
    margin-left: 5px;
}
.gtms-list-full-table .gtms-btn-danger,
.gtms-list-full-table .gtms-btn-yellow,
.gtms-list-full-table .gtms-btn-blue,
.gtms-list-full-table .gtms-btn-success,
.gtms-list-full-table .gtms-btn-info,
.gtms-list-full-table .gtms-btn-red,
.gtms-list-full-table .gtms-btn-gray,
.gtms-list-full-table .gtms-btn-gold {
    margin: 0 2.5px;
}
.typeA #filetbody .file__btn {
    text-align: center;
}
.typeA #filetbody .file__btn > a {
    margin: 0 5px;
}
.typeA #filetbody td {
    text-align: center;
}
.footer__utility .gtms-btn-yellow {
    margin-left: 5px;
}
.footer__utility .gtms-btn-yellow i {
    margin-bottom: 0px;
}

/* 20210107 globle css 추가 */
.gtms-list-full-table-infototal td {
    background-color: #fff0b0;
    font-weight: 500;
    border-right: 0;
}
.gtms-list-full-table-infototal td:last-child {
    font-weight: 500;
    border-right: 1px solid #aaa;
}
.listSort {
    cursor: pointer;
}
.listSort:hover {
    text-decoration: underline;
}
.filterOn,
.filterOn > i {
    color: tomato;
}
.gtms-list-full-table td > a.gtms-btn-yellow:hover {
    color: #000000;
}
.gtms-list-full-table td > a.gtms-btn-danger:hover {
    color: #ffffff;
}
.gtms-list-full-table td > a.list_btn:hover {
    opacity: 0.7;
    cursor: pointer !important;
    text-decoration: none !important;
}
.gtms-list-full-table td > span.Sitename:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #0065b8;
}
.simple_link {
    text-decoration: underline;
    cursor: pointer;
    font-weight: 400;
}
.simple_link_red {
    text-decoration: underline;
    cursor: pointer;
    color:#ec1b60;
    font-weight: 400;
}
.simple_link_blue {
    text-decoration: underline;
    cursor: pointer;
    color:#3a8bf6;
    font-weight: 400;
}
.table-modify-typeA .typeA {
    border: 0px !important;
}
.table-modify-typeA .border-color-modify {
    border-top: 2px solid #236daa !important;
    border-collapse: collapse;
}
.table-modify-typeA .border-color-modify thead th,
.table-modify-typeA .border-color-modify thead td,
.table-modify-typeA .border-color-modify tbody th,
.table-modify-typeA .border-color-modify tbody td {
    border: 1px solid #ccc;
    border-collapse: collapse;
}
.table-flexnone-typeA .typeA table {
    table-layout: auto !important;
}
.pd-3 {
    padding: 1px 5px 3px;
}
.pd-20 {
    padding: 20px 20px 0 20px;
}
.text-white {
    color: #ffffff;
}
.addcontent-btn select {
    margin-right: 5px !important;
}
.addcontent-btn button[type="button"] > i {
    margin-right: 3px;
}

.user-manual {
    padding: 35px 50px;
    border: 1px solid #dddddd;
    font-size: 15px;
}
.user-manual ul {
    padding: 20px 0 0 0;
    margin: 10px 0 0 0;
    border-top: 1px solid #dddddd;
}
.user-manual ul li {
    list-style: decimal;
    font-size: 15px;
    font-weight: 500;
    margin-left: 18px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px dotted #dddddd;
}
.user-manual ul li:hover {
    background-color: #f5f5f5;
}
.user-manual ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 15px;
}
.user-manual ul li > span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    width: 280px;
}
.user-manual ul li > a {
    padding: 1px 10px 3px;
}
.user-manual ul li > a:hover {
    opacity: 0.7;
}
.user-manual ul li > a > i {
    margin-right: 7px;
}
.noti-completed {
    color: rgb(180, 180, 180) !important;
    font-weight: normal !important;
}
.noti-ing {
    color: rgb(255, 102, 0) !important;
    font-weight: normal !important;
}
.noti-completed i {
    color: rgb(121, 121, 121) !important;
    margin-right: 3px;
}
.noti-ing i {
    color: rgb(255, 102, 0) !important;
    margin-right: 3px;
}
.dashboard-area {
    display: flex;
    flex-direction: row;
    /* background: rgb(239, 239, 239);
    background: linear-gradient(180deg, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%); */
    padding: 20px 30px;
}
.left-row {
    display: flex;
    flex: 2;
    flex-direction: column;
    padding: 0 20px 0 0;
}
.right-row {
    display: flex;
    flex: 3;
    flex-direction: column;
    padding: 0 0 0 20px;
    border-left: 1px solid #dddddd;
}

.dashboard-area .none-inbox {
    min-height: 180px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.dashboard-area .shadow-inbox {
    border: 1px solid #dddddd;
    border-radius: 5px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
    min-height: 280px;
    margin-bottom: 20px;
}

.grid-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    box-sizing: border-box;
}
.grid-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.shadow-inbox > h1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 46px;
    /* background-color: #efefef; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.shadow-inbox > h1 > span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.shadow-inbox > h1 > span > i {
    margin-right: 7px;
}
.shadow-inbox > h1 > span > a {
    font-size: 12px;
    font-weight: 300;
    color: rgb(71, 124, 168);
}
.shadow-inbox > h1 > span > a > i {
    margin-right: 7px;
    color: rgb(71, 124, 168);
}
.dashboard-area .shadow-inbox table {
    width: calc(100% - 30px);
    margin: 0 15px;
    box-sizing: border-box;
}
.dashboard-area .shadow-inbox table th {
    border-bottom: 0;
    padding: 12px 2px;
    background-color: #f5f5f5;
}
.dashboard-area .shadow-inbox table td {
    border-bottom: 1px solid #efefef;
    padding: 10px 2px;
}
.dashboard-area .shadow-inbox table tr:last-child > td {
    border-bottom: 0;
}
.dashboard-area .shadow-inbox table .min-hhh {
    height: 145px;
    text-align: center;
    vertical-align: middle;
    /* background-color: #efefef; */
}
.right-border {
    border-right: 1px solid #ddd;
}
.dashboard-count {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 180px;
    width: 100%;
}
.dashboard-count h2 {
    font-size: 24px;
    font-weight: 500;
}
.dashboard-count span {
    font-size: 54px;
    font-weight: 500;
    margin-top: 10px;
}
.dashboard-link a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    height: 180px;
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.dashboard-link a:hover {
    background-color: rgba(71, 124, 168, 0.5);
    border-radius: 20px;
}
.dashboard-link a img {
    height: 58px;
    margin-bottom: 15px;
}

/*################ calendar layout #################*/
.calendar-wrap {
    display: flex;
    width: calc(100% - 30px);
    flex-direction: column;
    font-weight: 300;
    margin: 15px;
}
.calendar-wrap .calendar-header {
    display: flex;
    flex-direction: row;
    margin: 0 0 10px;
}
.calendar-wrap .calendar-header h2 span.date {
    padding: 0 15px;
    display: inline-block;
    font-size: 14px;
}
.calendar-wrap .calendar-header h2 {
    display: flex;
    flex: 1;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.calendar-wrap .calendar-header h2 a {
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
}
.calendar-wrap .calendar-header div {
    flex: 1;
    text-align: center;
}
.calendar-wrap .calendar-header div:last-child {
    flex: 1;
    text-align: right;
}
.calendar-wrap .calendar-body {
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.calendar-wrap .calendar-body ul,
.calendar-wrap .calendar-body ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.calendar-wrap .calendar-body ul.weekdays {
    display: flex;
    flex-direction: row;
}
.calendar-wrap .calendar-body ul.weekdays li {
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    background-color: rgba(0, 0, 0, 0.05);
    padding: 10px 0;
    text-align: center;
}
.calendar-wrap .calendar-body ul.days {
    display: flex;
    flex-direction: row;
}
.calendar-wrap .calendar-body ul.days li {
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 3px;
}
.calendar-wrap .calendar-body ul.days li span {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 3px;
    min-height: 17px;
}
.calendar-wrap .calendar-body ul.days li span:hover {
    cursor: pointer;
    background-color: #efefef;
}
.calendar-wrap .calendar-body ul.days li span.active {
    cursor: pointer;
    background-color: #efefef;
}
.calendar-wrap .calendar-body ul.days li .today {
    text-decoration: underline;
    font-weight: bold;
}
.calendar-wrap .calendar-body ul.days li .nmd {
    color: rgba(0, 0, 0, 0.3);
}
.calendar-wrap .calendar-body ul.days li .day {
    background-color: rgba(0, 0, 0, 0.05);
    display: none;
}
.calendar-wrap .calendar-body ul.days li .content-live {
    background-color: rgba(0, 0, 0, 0.05);
    display: block;
    margin-top: 3px;
    padding: 3px;
    font-size: 11px;
    text-align: left;
}
.schedule-area {
    display: flex;
    width: calc(100% - 30px);
    flex-direction: column;
    font-weight: 300;
    margin: 15px;
}

.schedule-area > div:first-child {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.schedule-area > div:first-child > a {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    padding: 9px;
}
.schedule-area > div:first-child > a.active {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    background-color: #e0ebf1;
}
.schedule-area > div:last-child {
    padding: 0 10px;
}
.schedule-area > div:last-child ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 205px;
    overflow-x: auto;
}
.schedule-area > div:last-child ul li {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px dotted #dddddd;
}
.schedule-area > div:last-child ul li p {
    line-height: 160%;
}
.report-layer-pop-sp .typeC table {
    border-top: 2px solid #206491;
}
.report-layer-pop-sp .typeC table th {
    text-align: left;
    line-height: 140%;
    padding-left: 10px;
}
.report-layer-pop-sp .typeC table th,
.report-layer-pop-sp .typeC table td {
    height: 38px;
}
.report-layer-pop-sp .typeC table th > span {
    margin-left: 5px;
    color: #ff0000;
    font-size: 11px;
}
.report-layer-pop-sp .typeC table th .necessary {
    margin-left: 5px;
    color: #ff0000;
    font-size: 17px;
    vertical-align: middle;
}
.sp-select-wt {
    width: 150px;
    height: 23px;
    padding: 0;
}
.w-50p {
    width: 50% !important;
}
.w-60p {
    width: 60% !important;
}
.w-80p {
    width: 80% !important;
}
.w-98p {
    width: 98% !important;
}
.pad-16 {
    padding: 1px 6px;
    display: inline-block;
}
.select-box-area {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}
.select-box-area > a {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 10px solid #efefef;
    height: 300px;
    padding-left: 120px;
    padding-bottom: 80px;
}
.select-box-area > a > i {
    font-size: 56px;
}
.select-box-area > a:hover {
    border: 10px solid #2d73b4;
    background-color: #f5f5f5;
}
.select-box-area > a:first-child {
    margin-right: 10px;
    background-image: url("/public/img/worker1.png");
    background-position: -50px 160px;
    background-repeat: no-repeat;
    background-size: 250px 250px;
}
.select-box-area > a:last-child {
    margin-left: 10px;
    background-image: url("/public/img/worker2.png");
    background-position: -50px 160px;
    background-repeat: no-repeat;
    background-size: 250px 250px;
}
.select-box-area > a > i {
    color: #999;
}

.select-box-area > a > span {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 500;
}
.select-box-area > a > p {
    font-size: 14px;
    margin-top: 20px;
    color: #bd6666;
    text-align: center;
    line-height: 180%;
}

#WriteAgent {
    display: none;
}

#loadingScreen {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 999;
    top: 0;
    display:flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
}

#loadingScreen > span {
    color:#fff;
}

#contarctCalculateHeader {
    width: 1140px;
    margin: 0 auto;
}

#loadingContainner {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 990;
    width: 100%;
    height: 100%;
}
#loadingContainner > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

#loadingContainner > div .spinner {
    --size: 62px;

    width: var(--size);
    height: var(--size);

    border-radius: 50%;
    perspective: 800px;
}

#loadingContainner > div .inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid transparent;
}

#loadingContainner > div .inner.one {
    left: 0;
    top: 0;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #2cfffe;
}

#loadingContainner > div .inner.two {
    right: 0;
    top: 0;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #fcc10f;
}

#loadingContainner > div .inner.three {
    right: 0;
    bottom: 0;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #ec1b60;
}
.hideLink {
    display: none;
    position: absolute;
    left: 20px;
    top: 0;
    z-index: 99;
    background-color: #fff;
    width: 120px;
    padding: 20px;
    border: 1px solid #ddd;
}

.hideLink_icon {
    cursor: pointer;
    position: relative;
}
.hideLink_icon:hover > .hideLink {
    display: inline-block;
}


@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

/*
    personnel css
*/
.personnel-btn{
    padding: 4px 15px !important;
}
.personnel-border{
    border-right:1px solid #d9d9d9 !important;
}
.person_add_pad{
    padding: 2px;
    font-size:12px;
}

/* 

*/
.modifyContain {
	position:fixed;
    padding:10px;
    z-index:999;
    width:1200px;
    left:50%;
    margin-left:-600px;
	background-color:#FFF;
    border:1px solid #ddd;
    
}
.modifyContain > section {
    background-color: rgb(32, 100, 145) !important;
    margin-left: -10px;
    margin-right: -10px;
    margin-top:-10px;
    padding: 20px;
}
.modifyContain > section > h1 {
    color: #FFF;
    font-size:20px;
    font-weight: 400;
}
.modifyContain > ul:first-child {
    border-bottom:1px solid #ddd;
}
.modifyContain > ul {
    flex:1;
    display:flex;
}
.modifyContain > ul > li {
    padding:25px 20px;
    border-right:1px solid #ddd;
    flex:1;
    cursor: pointer;
}
.modifyContain > ul > li:hover {
    background-color: #efefef;
}
.modifyContain > ul > li:last-child {
    border-right: 0;
}
.modifyContain > ul > li  > h1 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom:10px;
}
.modifyContain > ul > li  > span {
    font-size: 14px;
    line-height: 1.8;
    font-weight: 300;
}
/* 보고서(fundreport) - 전체목록 */
.fund_search_group > .fund_search_list > .ml-5{
    margin: 0 5px;
}
.fund_search_group > .ml-5{
    margin: 0 5px;
}
.fund_search_group > .fund_search_list > .ml-30{
    margin: 0 30px;
}
.fund_search_group > .ml-100{
    margin-left: 100px;
}
.fund_search_group > .fund_search_list > .bg-w{
    background-color: #fff;
}
.fund_search_group > .fund_search_tab > input[type="radio"]:checked + label {
    background-color:#0065b8;
    color: #fff;
}
.fund_search_group > .fund_search_tab > input[type="radio"]{
    display: none;
}
.fund_search_group > .fund_search_tab > input[type="radio"] + label {
    display: block;
    width: 80px;
    background-color: #f0f0f0;
    margin: 0 2px;
    text-align: center;
    line-height:2.5;
}

.svelte-modal {
    position: fixed;
    width:1800px;
    height:800px;
    overflow: scroll;
    left:50%;
    top:45px;
    margin-left:-900px;
    background-color: #fff;
    border-radius: 15px;
}

.pointer {
    cursor: pointer;
}
.pointer:hover {
    font-weight: 400;
}

.border-none {
    border:0 !important;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* GTMS 기본상 2줄은 허용하므로 2줄 이후에 ... 표시 되도록 표기 */
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
}

.hidden {
    display: none !important;
}

/* 깜박임 효과 */
.blinking{
    -webkit-animation: blink 0.5s ease-in-out infinite alternate;
    -moz-animation: blink 0.5s ease-in-out infinite alternate;
    animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

span.btnNew {
    background-color: #9e2e2e !important;
    color: #fff !important;
    display: initial;
    position: relative;
    padding: 1px 4px;
    font-size: 10px;
    border-radius: 0px;
}