/* 공통 css start */
iframe{
    width:100%!important;
    height: 100vh!important;
}

.page{
    padding-top: 64px;
}

.selectCustom{
    outline: none;
    font-size: 1.5em;
    padding: 0px 8px;
    width: 100%;
    height: 32px;
    border-radius: 4px;
    border: 1px #ccc solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('/resource/assets/icons/icon-down3.svg') no-repeat 97% 50% / 24px auto;
    font-family: 'Pretendard' !important;
    color: #333 !important;
}

.selectCustom[readonly]{
    pointer-events: none;
    background: #F6F6F6;
    color:#aaa !important;
}

.optionInputWrapper .optioninputBox .selectCustom{
    font-size: 1.8em;
}

.inputCustom{
    border-radius: 4px;
    border:1px #ccc solid;
    font-size: 1.5em;
    padding:0px 8px;
    width: 100%;
    height: 32px;
    outline: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.inputCustom:read-only{
    pointer-events: none;
    background: #F6F6F6;
    color:#aaa !important;
}

.inputCustom:focus,
.textCustom:focus{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
    border:1px #333 solid;
}

.inputCustom::placeholder,
.textCustom::placeholder{
    color: #888;
}

.textCustom{
    border-radius: 4px;
    border:1px #ccc solid;
    font-size: 1.5em;
    padding:8px;
    width: 100%;
    height: 96px;
    outline: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    resize: none;
    overflow-y: auto;
    line-height: 1.3;
}

.textCustom::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color:none;
}

.textCustom::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 10px;
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(204, 204, 204, 0.8);
}

.btnType1{
    background: #12B7E4;
    color: #fff;
    font-weight: 700;
    font-size: 1.5em;
    border-radius: 4px;
}

.btnType1.active{
    color: #333;
    background: #fff;
    border:1px #ccc solid;
    font-weight: 400;
}

.btnType1:hover{
    background:#10A6D1;
}

.btnType1.active:hover{
    background:#f6f6f6;
}

.btnType2{
    background: #fff;
    border:1px #ccc solid;
    font-size: 1.5em;
    border-radius: 4px;
}

.btnType2:hover{
    background:#f6f6f6;
}

.btnType2.active{
    background:#5BC0DE;
}

.btnType2.active:hover{
    background:#f6f6f6;,
    color: #333;
}


.btnType3{
    background: #fff;
    border:1px #ccc solid;
    font-size: 1.5em;
    border-radius: 4px;
}

.btnType3:hover,
.btnType3.active{
    background:#1F4983;
    border:1px #1F4983 solid;
    color: #fff;
    font-weight: 700;
}

.scrollBox{
    width: 100%;
    overflow-x: scroll;
    overflow-y: scroll;
}

.scrollBox::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #eee;
}

.scrollBox::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 10px;
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(204, 204, 204, 0.8);
}

.scrollBox::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #eee;
}

.scrollBox::-webkit-scrollbar-corner{
    box-shadow: none;
    background-color: #eee;
}

.scrollBox2{
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.scrollBox2::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: none;
}

.scrollBox2::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 10px;
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(204, 204, 204, 0.8);
}

.scrollBox2::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: none;
}

.scrollBox3{
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollBox3::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #eee;
}

.scrollBox3::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 10px;
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(204, 204, 204, 0.8);
}

.scrollBox3::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #eee;
}

.scrollBox3::-webkit-scrollbar-corner{
    box-shadow: none;
    background-color: #eee;
}

.tableBox{
    table-layout:fixed;
    width: fit-content;
    border-collapse: separate;
	border-spacing: 0;
    font-size: 1em;
}

.tableBox.w100{
    width: 100%;
}

.tableBox thead{
    top: 0px;
    position:sticky;
    z-index: 1;
}

.tableBox thead th{
    font-size: 1.5em;
    height: 32px;
    font-weight: 700;
    text-align: center; 
    background: #D9D9D9;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

.tableBox thead tr:nth-child(2) th,
.tableBox thead th.custom{
    border-bottom: 0px;
}

.tableBox.type2 thead th{
    background: #D0EAF3;
    border-right: 1px #87D9F6 solid;
    border-bottom: 1px #87D9F6 solid;
}

.tableBox thead tr:last-child th{
    padding:0px 8px;
    height: 36px;
}

.tableBox thead th input[type="text"],
.tableBox tbody td input[type="text"]{
    width: 100%;
    height: 26px;
    border:none;
    border-radius: 4px;
    outline: none;
    padding:0px 8px;
}

.tableBox thead th select{
    height: 26px;
    border:none;
    vertical-align: middle;
    font-size: 1em;
    width: 100%;
}

.tableBox th input[type='checkbox'],
.tableBox td input[type='checkbox']{
    vertical-align: middle;
}

.tableBox tbody td{
    text-align: center;
    height: 40px;
    padding:0px 8px;    
    font-size: 1.5em;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px #ebebeb solid;
    border-right: 1px #ebebeb solid;
}

.tableBox.wordCustom tbody td{
    word-break: keep-all;
    white-space:normal;
    line-height: 1.4;
    padding:8px;
}

.tableBox.wordCustom tbody td a{
    font-size: 1em;
    width: 50px;
    height: 32px;
    margin: auto;
}

.tableBox.type1 tbody tr:first-child td{
    border-right: 1px #f8d373 solid;
}

.tableBox.type1 tbody td{
    /*border-bottom: 1px #f8d373 solid;*/
    border-bottom: 1px #ebebeb solid;
    border-right: 1px #ebebeb solid;
}

.tableBox.type2.custom tbody td{
    border-bottom: 1px #DFDFDF solid;
    border-right: 1px #DFDFDF solid;
}

.tableBox tbody tr:nth-child(odd) td{
    background: #fff;
}

.tableBox tbody tr:nth-child(even) td{
    background: #f6f6f6;
}

/*.tableBox.type1 tbody tr:nth-child(odd) td{*/
/*    background: #FFE29C;*/
/*}*/

/*.tableBox.type1 tbody tr:nth-child(even) td{*/
/*    background: #FFDD8C;*/
/*}*/

.tableBox.type2.custom tbody tr:nth-child(odd) td{
    background: #F6F6F6;
}

.tableBox.type2.custom tbody tr:nth-child(even) td{
    background: #EEEEEE;
}

.tableBox.type2.custom2 td{
    height: 36px;
    border-bottom: 1px #DFDFDF solid;
    border-right: 1px #DFDFDF solid;
}

.tableBox.type2.custom2 td input[type='text']{
    text-align: center;
}

.tableBox.type2.custom2 td input[type='text']::placeholder{
    color: #888;
}

.tableBox.type2.custom2 tbody tr:nth-child(odd) td{
    background: #F6F6F6;
}

.tableBox.type2.custom2 tbody tr:nth-child(even) td{
    background: #EEEEEE;
}

.tableBox tbody tr.cursor{
    cursor: pointer;
}

.tableBox tbody tr.active td{
    background: #12B7E4 !important;
    color: #fff !important;
    border-right: 1px #35CAF3 solid !important;
    border-bottom: 1px #35CAF3 solid !important;
}

.tableBox tbody tr.active td a{
    color: #fff !important;
}

.tableBox tbody td.left{
    text-align: left;
}

.tableBox tbody td.right{
    text-align: right;
}

.tableBox thead th:last-child,
.tableBox tbody td:last-child{
    border-right: 0px;
}

.tableBox tbody td h4{
    color: #12B7E4;
    font-weight: 600;
}

.tableBox tbody td a{
    color: #337ab7;
}

.tableBox tbody td a:hover{
    text-decoration: underline;
}

.tableBox tbody td a.custom{
    color: #888888;
    text-decoration: underline;
}

.tableBox.type2 th.custom{
    border-right: 0px;
}

.tableBox.type2 th.custom2{
    border-left: 1px #87D9F6 solid;;
    border-bottom: 0px;
}

.daySelectBox{
    width: 240px;
    margin-right: 8px;
}

.daySelectBox.custom{
    width: 506px;
}

.daySelectBox.custom2{
    width: auto;
}

.daySelectBox a{
    width: 25%;
    height: 32px;
    border:1px #ccc solid;
    font-size: 1.5em;
    background: #fff;
}

.daySelectBox.custom a{
    width: 16.66666666%;
}

.daySelectBox.custom2 a{
    width: 84px;
}

.daySelectBox a:hover,
.daySelectBox a.active{
    color: #fff;
    font-weight: 700;
    background: #1F4983;
    border-color: #1F4983;
}

.daySelectBox a:first-child{
    border-radius: 4px 0px 0px 4px;
    border-right: 0px;
}

.daySelectBox a:nth-child(2):not(.custom){
    border-right: 0px;
}

.daySelectBox a:last-child{
    border-radius: 0px 4px 4px 0px;
    border-left: 0px;
}

.calendarBox{
    margin-right: 8px;
}

.calendarBox .calendar{
    width: 140px;
    height: 32px;
    padding-right: 32px;
    border:1px #ccc solid;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.calendarBox .calendar img{
    position: absolute;
    right: 4px;
    top: 3px;
    z-index: 2;
}

.calendarBox .calendar input{
    width: 100%;
    height: 100%;
    outline: none;
    border:none;
    padding-left: 8px;
    font-size: 1.5em;
    border-right: 1px #ccc solid;
}

.calendarBox .calendar::after{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
    background: #f6f6f6;
}

.calendarBox span{
    margin:0px 5px;   
}

.page .typeBox a{
    width: auto;
    min-width: 80px;
    padding:0px 10px;
    height: 32px;
    background: #fff;
    border:1px #ccc solid;
    border-radius: 4px;
    margin-right: 8px;
    color: #888;
    font-size: 1.5em;
}

.page .typeBox a:last-child{
    margin-right: 0px;
}

.page .typeBox div:first-child{
    margin-right: 30px;
}

.page .typeBox div:first-child a:hover,
.page .typeBox div:first-child a.active{
    color: #fff;
    background: #1F4983;
    border:1px #1F4983 solid;
}

.page .typeBox div:first-child a:hover b,
.page .typeBox div:first-child a.active b{
    color: #fff !important;
}

.page .typeBox div:first-child a:first-child b{
    color: #12B7E4;
}

.page .typeBox div:last-child a{
    pointer-events:none;
}

.page .typeBox a b{
    margin-left: 4px;
    color: #666;
    font-weight: 700;
}

.resizer {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    cursor: e-resize;
}

.draggedDiv {
    position: absolute;
    width: 120px;
    height: 32px;
    background: #D9D9D9;
    z-index: 10;
    font-family: 'Pretendard', sans-serif !important;
}

.draggedDiv table{
    border-collapse: collapse;
    width: 120px;
    height: 32px;
}

.draggedDiv table th{
    width: 120px;
    height: 32px;
    text-align: center;
}

.dragging {
    background: #ccc !important;
}

.hovering {
    background: #ccc !important;
}

.page .pageMenuWrapper .inner{
    background: #eee;
    padding:16px;
    margin-bottom: 16px;
    width: 100%;
}

.page .pageMenuWrapper .inner.custom{
    margin-bottom: 0px;
}

.page .pageMenuWrapper .inner .itemBox{
    width: 100%;
}

.page .pageMenuWrapper .inner .itemBox + .itemBox{
    margin-top: 12px;
}

.page .pageMenuWrapper .inner .itemBox li{
    margin-right: 8px;
}

.page .pageMenuWrapper .inner .itemBox li.custom{
    margin-right: 0px;
}

.page .pageMenuWrapper .inner .itemBox li.custom2{
    margin-right: 22px;
}

.page .pageMenuWrapper .inner .itemBox li .contentTitle{
    display: block;
    margin-bottom: 6px;
    color: #888888;
    font-size: 1.5em;
}

.page .pageMenuWrapper .inner .itemBox li .contentBox > input[type='text'],
.page .pageMenuWrapper .inner .itemBox li .contentBox > select{
    width: 128px;
}

.page .pageMenuWrapper .inner .itemBox li .contentBox > select.custom{
    width: 95px;
}

.page .pageMenuWrapper .inner .itemBox li .contentBox > select.custom2{
    width: 198px;
}

.page .pageMenuWrapper .inner .itemBox li .contentBox > input[type='text'].custom{
    width: 130px;
}

.page .pageMenuWrapper .inner .itemBox li .contentBox > input[type='text'].custom2{
    width: 198px;
}

.page .pageMenuWrapper .inner .itemBox li .contentBox .btnBox a{
    width: 60px;
    height: 32px;
}

.page .pageMenuWrapper .inner .itemBox li .contentBox .btnBox a.custom{
    width: 110px;
}

.page .pageMenuWrapper .inner .itemBox li .contentBox .btnBox a + a{
    margin-left: 8px;
}

.page .pageMenuWrapper .inner .rightBtnBox{
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.page .pageMenuWrapper .inner .rightBtnBox a{
    padding:0px 16px;
    height: 32px;
    margin-left: 8px;
}

.page .countWrapper{
    margin:12px 0px;
    font-size: 1.5em;
    height: 18px;
}

.page .countWrapper.custom{
    margin:6px 0px 16px;    
}

.page .countWrapper b{
    font-weight: 700;
    margin:0px 6px 0px 4px;
}

.page .countWrapper b.custom{
    color: #35CAF3;
}

.page .countWrapper b.custom2{
    margin-right: 0px;
}

.page .countWrapper em{
    display: inline-block;
    margin: 0px 10px;
    height: 12px;
    width: 1px;
    background: #ccc;
}

.page .countWrapper span{
    color:#888;
}

.page .countWrapper span.custom{
    margin-left: 4px;
}
/* 공통 css end */

/* popup css start */
.pagePopup .imx{
    margin:0px 20px;
}

.pagePopup .popupHeader{
    background: #D0EAF3;
    padding:0px 30px;
}

.pagePopup .popupHeader .inner{
    height: 64px;
}

.pagePopup .popupHeader .inner h2{
    font-size: 2.4em;
    font-weight: 700;
}

.pagePopup .popupHeader .inner a{
    width: 60px;
    height: 36px;
    font-size: 1.5em;
}

.pagePopup .popupBody{
    margin-top: 20px;
    padding:0px 30px;
}

.pagePopup .popupBody .btnBox{
    margin-bottom: 20px;
}

.pagePopup .popupBody .btnBox a{
    padding:0px 12px;
    height: 32px;
    margin-right: 8px;
}

.pagePopup .popupBody > .scrollBox{
    height: 592px;
}

.pagePopup .popupBody .halfWrapper{
    margin:0px -30px;
}

.pagePopup .popupBody .halfWrapper > div{
    padding:0px 30px;
    height: 856px;
}

.pagePopup .popupBody .halfWrapper > div h3{
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 10px;
}

.pagePopup .popupBody .halfWrapper .infoBox{
    border-top: 1px #EBEBEB solid;
}

.pagePopup .popupBody .halfWrapper .infoBox li{
    border-bottom: 1px #EBEBEB solid;
}

.pagePopup .popupBody .halfWrapper .infoBox li > span{
    width: 128px;
    height: 56px;
    background: #F6F6F6;
    font-size: 1.5em;
    font-weight: 700;
    padding:0px 16px;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div{
    width: calc(100% - 128px);
    height: 56px;
    padding:0px 8px;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div.custom{
    padding-right: 144px;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div.custom2{
    padding:0px 4px;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div.custom2 > div{
    padding:0px 4px;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .calBox{
    width: calc(100% - 280px);
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .calBox .inner{
    height: 32px;
    padding-right: 30px;
    border: 1px #ccc solid;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .calBox .inner::after{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 100%;
    background: #f6f6f6;
    border-left: 1px #ccc solid;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .calBox .inner:focus-within{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
    border:1px #333 solid;    
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .calBox .inner:focus-within::after{
    border-left: 1px #333 solid;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .calBox input{
    border: none;
    height: 100%;    
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .calBox img{
    position: absolute;
    right: 3px;
    top:3px;
    z-index: 2;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .btnBox{
    position: absolute;
    width: 128px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    margin:0px;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .radioBox{
    width: 120px;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .radioBox input{
    vertical-align: middle;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .radioBox em{
    vertical-align: sub;
    font-size: 1.5em;
    margin-left: 2px;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .selectBox select{
    width: 72px;    
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .selectBox select:first-child{
    margin-right: 8px;
}

.pagePopup .popupBody .halfWrapper .infoBox li > div .btnBox a{
    width: 60px;
    margin:0px;
}

.pagePopup .popupBody .halfWrapper .listBox{
    height: 200px;
    border-bottom: 1px #EBEBEB solid;
    margin-bottom: 20px;
    padding:10px 8px;
}

.pagePopup .popupBody .halfWrapper .listBox li{
    padding:8px;
    background: #F6F6F6;
    border-radius: 4px;
    font-size: 1.5em;
    margin-bottom: 10px;
    cursor: pointer;
}

.pagePopup .popupBody .halfWrapper .listBox li.active{
    background: #12B7E4;
    color: #fff;
}

.pagePopup .popupBody .halfWrapper .listBox li:last-child{
    margin-bottom: 0px;
}

.pagePopup .popupBody .halfWrapper .itemBox{
    margin:0px -4px 8px;
}

.pagePopup .popupBody .halfWrapper .itemBox .item{
    margin-bottom: 12px;
    padding:0px 4px;
}

.pagePopup .popupBody .halfWrapper .itemBox .item.custom{
    padding-right: 136px;
}

.pagePopup .popupBody .halfWrapper .itemBox .item p{
    font-size: 1.5em;    
    color: #888;
    margin-bottom: 6px;
}

.pagePopup .popupBody .halfWrapper .itemBox .item .btnBox{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 128px;
    margin: 0px;
}

.pagePopup .popupBody .halfWrapper .itemBox .item .btnBox a{
    margin:0px;
    width: 60px;
    padding:0px;
}

.pagePopup .popupBody .halfWrapper .scrollBox.custom{
    height: 200px;
    margin-bottom: 20px;
}

.pagePopup .popupBody .halfWrapper .scrollBox3.custom{
    height: 434px;
    margin-bottom: 20px;
    border-bottom: 1px #EBEBEB solid;
}

.pagePopup .popupBody .halfWrapper .scrollBox.custom .tableBox tbody td,
.pagePopup .popupBody .halfWrapper .scrollBox3.custom .tableBox tbody td{
    white-space: normal;
    word-break: keep-all;
    line-height: 1.4;
    padding:8px;
}

.pagePopup .popupBody .halfWrapper .plusBtn{
    height: 32px;
    width: 142px;
    margin:auto;
}

.pagePopup .popupBody .halfWrapper textarea{
    height: 300px;
    resize: none;
    border: none;
    outline: none;
    border-top: 1px #EBEBEB solid;
    border-bottom: 1px #EBEBEB solid;
    padding:8px;
    font-size: 1.5em;
    margin-bottom: 6px;
}

.pagePopup .popupBody .halfWrapper .noticeText{
    font-size: 1.5em;
    color: #888;
    margin-bottom: 10px;
}

.pagePopup .popupBody .halfWrapper .optionBox{
    margin-bottom: 20px;
}

.pagePopup .popupBody .halfWrapper .optionBox a{
    width: 84px;
    height: 32px;
}

.pagePopup .popupBody .halfWrapper .optionBox > div a{
    margin-right: 8px;
}

/* memberManaged, agreeData */
.scrollBox.pageType1{
    height: calc(100vh - 273px);
    background: #fff;
}

/* imageManaged, badCompany, vehicleStatistics */
.scrollBox.pageType2{
    height: calc(100vh - 181px);
    background: #fff;
}

/* memberStatistics, memberOrderHistory */
.scrollBox.pageType3{
    height: calc(100vh - 207px);
    background: #fff;
}
/* popup css end */

/* modal css start */
.modal{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top:0px;
    background: rgba(0,0,0,0.2);
    z-index: 1000;
    padding:40px 16px;
}

.modal.custom{
    background: none;
    padding:0px 16px;
}

.modal.custom2{
    z-index: 1001;
}

.modal.custom3{
    z-index: 1002;
}

.modal .modalInner{
    width: 100%;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    background: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.modal .modalInner.w550{
    max-width: 550px;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);    
}

.modal .modalInner.w440{
    max-width: 440px;
}

.modal .modalInner.w380{
    max-width: 380px;
}

.modal .modalInner.w530{
    max-width: 530px;
}

.modal .modalInner.w710{
    max-width: 760px;
}

.modal .modalInner.w760{
    max-width: 760px;
}

.modal .modalInner.w1040{
    max-width: 1040px;
}

.modal .modalInner.w1120{
    max-width: 1120px;
}

.modal .modalInner.w1210{
    max-width: 1210px;
}

.modal .modalInner.w1410{
    max-width: 1410px;
}

.modal .modalInner.w1480{
    max-width: 1480px;
}

.modal .modalInner.w1580{
    max-width: 1586px;
}

.modal .modalInner.w1780{
    max-width: 1786px;
    min-height: 687px;
    max-height: 960px;
}

.modal .modalInner.w1586{
    max-width: 1586px;
    max-height: 960px;
    height: 100%;    
}

#memberCreateModal.modal .modalInner.w1040{
    max-width: 1040px;
    max-height: 960px;
    height: 100%;
}

.modal .modalInner .modalHeader{
    width: 100%;
    height: 64px;
    background: #D0EAF3;
    padding:0px 30px;
}

.modal .modalInner .modalHeader h2{
    font-size: 2.4em;
    font-weight: 700;
}

.modal .modalInner .modalHeader a{
    font-size: 1.5em;
    padding: 0px 16px;
    height: 32px;
    margin-left: 8px;
}

.modal .modalInner .modalHeader a.custom{
    margin-left: 30px;
}

.modal .modalInner .modalHeader a.custom2{
    margin-left: 10px;
}

.modal .modalInner .modalBody{
    padding:20px 30px 30px;
    background: #fff;
}

.modal .modalInner .modalBody.custom{
    height: calc(100% - 64px);
}

.modal .modalInner .modalBody .bodyTitle{
    font-size: 2em;
    margin-bottom: 10px;
    font-weight: 700;
}

.modal .modalInner .modalBody .calBox{
    width: 100%;
}

.modal .modalInner .modalBody .calBox .inner{
    height: 32px;
    padding-right: 30px;
    border: 1px #ccc solid;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.modal .modalInner .modalBody .calBox .inner::after{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 100%;
    background: #f6f6f6;
    border-left: 1px #ccc solid;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.modal .modalInner .modalBody .calBox .inner:focus-within{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
    border:1px #333 solid;    
}

.modal .modalInner .modalBody .calBox .inner:focus-within::after{
    border-left: 1px #333 solid;
}

.modal .modalInner .modalBody .calBox input{
    border: none;
    height: 100%;    
}

.modal .modalInner .modalBody .calBox img{
    position: absolute;
    right: 3px;
    top:3px;
    z-index: 2;
}

.modal .modalInner .modalBody .itemBox{
    margin:0px -10px -14px;
}

.modal .modalInner .modalBody .itemBox.custom{
    padding-bottom: 6px;
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .itemBox.custom::after,
.modal .modalInner .modalBody .itemBox.custom3:last-child:after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 20px);
    height: 1px;
    background: #EBEBEB;
}

.modal .modalInner .modalBody .itemBox.custom2{
    padding-top: 20px;
    margin-top: 20px;
}

.modal .modalInner .modalBody .itemBox.custom2::after{
    content: '';
    position: absolute;
    top:0px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 20px);
    height: 1px;
    background: #EBEBEB;
}

.modal .modalInner .modalBody .itemBox.custom3{
    padding-right: 80px;
    margin:0px -10px;
}

.modal .modalInner .modalBody .itemBox.custom3 .deleteBtn{
    position: absolute;
    right: 0px;
    top: 0px;
}

.modal .modalInner .modalBody .itemBox.custom3 .deleteBtn a{
    width: 60px;
    height: 32px;
}

.modal .modalInner .modalBody .itemBox.custom3:last-child{
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.modal .modalInner .modalBody .itemBox.custom3:last-child li{
    margin-bottom: 0px;
}

.modal .modalInner .modalBody .itemBox .item{
    padding:0px 10px;
    margin-bottom: 14px;
}

.modal .modalInner .modalBody .itemBox .item.custom{
    margin-bottom: 0px;
}

.modal .modalInner .modalBody .itemBox .item span{
    display: block;
    font-size: 1.5em;
    color: #888;
    margin-bottom: 6px;
}

.modal .modalInner .modalBody .itemBox .item .inputBox{
    width: 100%;
    height: 32px;
    border:1px #ccc solid;
    border-radius: 4px;
    overflow: hidden;
}

.modal .modalInner .modalBody .itemBox .item .inputBox > div{
    height: 100%;
}

.modal .modalInner .modalBody .itemBox .item .inputBox input{
    width: 100%;
    outline: none;
    border:none;
    padding:0px 8px;
    height: 100%;
    border-right: 1px #ccc solid;
}

.modal .modalInner .modalBody .itemBox .item .inputBox > .w25:last-child input{
    border-right: 0px;
}

.modal .modalInner .modalBody .itemBox .item .btnBox{
    height: 32px;
    padding-right: 32px;
    border:1px #ccc solid;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.modal .modalInner .modalBody .itemBox .item .btnBox input{
    border:none;
}

.modal .modalInner .modalBody .itemBox .item .btnBox input:focus{
    box-shadow: none;
    border: none;
}

.modal .modalInner .modalBody .itemBox .item .btnBox:focus-within{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
    border:1px #333 solid;    
}

.modal .modalInner .modalBody .itemBox .item .btnBox a{
    position: absolute;
    right: 0px;
    top:50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #F6F6F6;
    border-left: 1px #ccc solid;
}

.modal .modalInner .modalBody .itemBox .item .selectBtnBox{
    margin:0px -4px;
}

.modal .modalInner .modalBody .itemBox .item .selectBtnBox .btnInner{
    padding:0px 4px;
    width: 16.66666666%;
}

.modal .modalInner .modalBody .itemBox .item .selectBtnBox .btnInner a{
    width: 100%;
    height: 32px;
}

.modal .modalInner .modalBody .itemBox .item .selectBtnBox .btnInner:nth-child(n+7){
    margin-top: 8px;
}

.modal .modalInner .modalBody .itemBox .item > a{
    height: 32px;
}

.modal .modalInner .modalBody .itemBox .item p{
    margin-bottom: 8px;
    font-size: 1.5em;
    width: 100%;
}

.modal .modalInner .modalBody .itemBox .item p em{
    display: block;
    margin:0px 9px;
    height: 12px;
    width: 1px;
    background: #ccc;
}

.modal .modalInner .modalBody .itemBox .item .inputBox2{
    padding:0px 68px 0px 128px;
}

.modal .modalInner .modalBody .itemBox .item .inputBox2 select{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 120px;
}

.modal .modalInner .modalBody .itemBox .item .inputBox2 a,
.modal .modalInner .modalBody .itemBox .item .inputBox3 a{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
    height: 32px;
}

.modal .modalInner .modalBody .itemBox .item .inputBox3{
    padding:0px 68px 0px 0px;
}

.modal .modalInner .modalBody .itemBox .item .inputBox4{
    padding:0px 136px 0px 0px;
}

.modal .modalInner .modalBody .itemBox .item .inputBox4 > div{
    position: absolute;
    right: 0px;
    top: 0px;
}

.modal .modalInner .modalBody .itemBox .item .inputBox4 > div a{
    width: 60px;
    height: 32px;
    margin-left: 8px;
}

.modal .modalInner .modalBody .itemBox .item .inputBox5{
    padding-right: 92px;
}

.modal .modalInner .modalBody .itemBox .item .inputBox5 a{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 84px;
    height: 32px;
}

.modal .modalInner .modalBody .itemBox .item .labelBox{
    height: 32px;
}

.modal .modalInner .modalBody .itemBox .item .labelBox div{
    height: 32px;
}

.modal .modalInner .modalBody .itemBox .item .labelBox label{
    padding-left: 26px;    
}

.modal .modalInner .modalBody .itemBox .item .labelBox label em{
    font-size: 1.5em;
    color: #888888;
}

.modal .modalInner .modalBody .itemBox .item .labelBox label em.disabled{
    color: #AAAAAA;
}

.modal .modalInner .modalBody .itemBox .item .labelBox label input[type='checkbox'],
.modal .modalInner .modalBody .itemBox .item .labelBox label input[type='radio']{
    position: absolute;
    left: 0px;
    top:50%;
    transform: translateY(-50%);
}

.modal .modalInner .modalBody .optionBox{
    margin:0px -30px;
    height: 100%;
}

.modal .modalInner .modalBody .optionBox > .item{
    padding:0px 30px;
    height: 100%;
}

.modal .modalInner .modalBody .optionBox > .item .inner{
    padding-bottom: 30px;
}

.modal .modalInner .modalBody .optionBox > .item .subHeader{
    margin-bottom: 12px;
}

.modal .modalInner .modalBody .optionBox > .item .subHeader h3{
    font-size: 2em;
    font-weight: 700;
}

.modal .modalInner .modalBody .optionBox > .item .subHeader select{
    width: 123px;    
}

.modal .modalInner .modalBody .optionBox > .item .subHeader select.custom{
    width: 90px;
}

.modal .modalInner .modalBody .optionBox > .item .memoBox{
    height: 624px;
    margin-bottom: 80px;
}

.modal .modalInner .modalBody .optionBox > .item .memoBox li:not(:last-child){
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .optionBox > .item .memoBox li p{
    font-size: 1.5em;
    color: #888;
    margin-bottom: 4px;
}

.modal .modalInner .modalBody .optionBox > .item .memoBox li span{
    font-size: 1.5em;
    color: #ccc;
    margin-top: 4px;
}

.modal .modalInner .modalBody .optionBox > .item .memoBox li em{
    margin:0px 8px;
    background: #ccc;
    width: 1px;
    height: 12px;
}

.modal .modalInner .modalBody .optionBox > .item .memoBox li > div{
    padding-right: 60px;
}

.modal .modalInner .modalBody .optionBox > .item .sendBox{
    padding-right: 60px;
}

.modal .modalInner .modalBody .optionBox > .item .sendBox textarea,
.modal .modalInner .modalBody .optionBox > .item .memoBox li > div textarea{
    width: 100%;
    border-radius: 4px 0px 0px 4px;
    border-right: 0px;
}

.modal .modalInner .modalBody .optionBox > .item .sendBox a,
.modal .modalInner .modalBody .optionBox > .item .memoBox li > div a
{
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px 4px 4px 0px;;
    width: 60px;
    height: 96px;
}

.modal .modalInner .modalBody .subTitle{
    display: block;
    margin-bottom: 6px;
    color: #888;
    font-size: 1.5em;
}

.modal .modalInner .modalBody .customBtnBox{    
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .customBtnBox.type1{
    padding-right: 158px;
}

.modal .modalInner .modalBody .customBtnBox.type2{
    padding-right: 68px;
    margin-bottom: 0px;
}

.modal .modalInner .modalBody .customBtnBox.type3{
    padding-right: 0px;
}

.modal .modalInner .modalBody .customBtnBox > .btnBox{
    position: absolute;
    right: 0px;
    top: 0px;
}

.modal .modalInner .modalBody .customBtnBox a{
    width: 60px;
    height: 32px;
    margin-left: 8px;
}

.modal .modalInner .modalBody .countBox{
    display: block;
    margin-top: 10px;
    font-size: 1.5em;
}

.modal .modalInner .modalBody .countBox b{
    font-weight: 700;
}

.modal .modalInner .modalBody .noticeBox h4{
    font-size: 1.5em;
    font-weight: 700;
}

.modal .modalInner .modalBody .noticeBox ul li{
    font-size: 1.5em;
    color: #888;
    margin-top: 6px;
}

.modal .modalInner .modalBody .radioBox li{
    padding:10px 0px 10px 28px;
}

.modal .modalInner .modalBody .radioBox li:last-child{
    padding-bottom: 0px;
}

.modal .modalInner .modalBody .radioBox li input[type='radio']{
    position: absolute;
    left: -28px;
    top:-7px;
}

.modal .modalInner .modalBody .radioBox li input[type='text']{
    margin-top: 8px;
}

.modal .modalInner .modalBody .radioBox li em{
    font-size: 1.5em;
}

.modal .modalInner .modalBody2{
    padding:30px;
}

.modal .modalInner .modalBody2 h3{
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.modal .modalInner .modalBody2 span{
    display: block;
    margin-bottom: 20px;
    font-size: 1.5em;
    text-align: center;
    word-break: keep-all;
    line-height: 1.4;
}

.modal .modalInner .modalBody2 .btnBox a{
    width: 84px;
    height: 32px;
    margin:0px 6px;
}

.modal .modalInner .modalBody2 .radioBox label{
    display: inline-block;
    margin:0px 20px 30px;
}

.modal .modalInner .modalBody2 .radioBox label input{
    vertical-align: middle;
}

.modal .modalInner .modalBody2 .radioBox label em{
    vertical-align: middle;
    font-size: 1.5em;
    margin-left: 2px;
}

.modal .modalInner .modalBody2 textarea{
    height: 380px;
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .halfWrapper{
    margin:0px -30px;
}

.modal .modalInner .modalBody .halfWrapper.custom{
    height: 436px;
}

.modal .modalInner .modalBody .halfWrapper.custom2{
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .halfWrapper > div{
    padding:0px 30px;
}

.modal .modalInner .modalBody .halfWrapper h4{
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 12px;
}

.modal .modalInner .modalBody .halfWrapper h4 em{
    color: #FF2E00;
}

.modal .modalInner .modalBody .halfWrapper .labelBox{
    margin-bottom: 12px;
}

.modal .modalInner .modalBody .halfWrapper .labelBox.custom{
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .halfWrapper .labelBox label{
    margin-right: 8px;
}

.modal .modalInner .modalBody .halfWrapper .labelBox label em{
    margin-left: 2px;
    font-size: 1.5em;
    color: #888;
}

.modal .modalInner .modalBody .halfWrapper .labelBox a{
    padding: 0px 16px;
    height: 32px;
}

.modal .modalInner .modalBody .halfWrapper .fileBox input{
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.modal .modalInner .modalBody .halfWrapper .fileBox label{
    width: 100%;
    height: 184px;
    border:1px #ccc solid;
    border-radius: 4px;
    background: #f6f6f6;
    text-align: center;
    display: block;
    margin-bottom: 8px;
}

.modal .modalInner .modalBody .halfWrapper .fileBox label.active{
    opacity: 0.6;
}

.modal .modalInner .modalBody .halfWrapper .fileBox label img{
    margin-top: 30px;
}

.modal .modalInner .modalBody .halfWrapper .fileBox label em{
    font-size: 1.5em;
    color: #888;
    display: block;
    width: 100%;
    margin:8px 0px 10px;
}

.modal .modalInner .modalBody .halfWrapper .fileBox label a{
    width:84px;
    height: 32px;
    margin:auto;
}

.modal .modalInner .modalBody .halfWrapper .fileBox span{    
    font-size: 1.5em;
    color: #888;
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .halfWrapper .fileBox span em{
    display: inline-block;
    height: 12px;
    width: 1px;
    background: #ccc;
    margin:0px 8px;    
}

.modal .modalInner .modalBody .halfWrapper .listBox{
    max-height: 212px;
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .halfWrapper .listBox.custom li{
    cursor: pointer;
}

.modal .modalInner .modalBody .halfWrapper .listBox li{
    margin-bottom: 8px;
    border-radius: 4px;
    border:1px #ccc solid;
    background: #f6f6f6;
    padding:8px 40px 8px 8px;
    font-size: 1.5em;
}

.modal .modalInner .modalBody .halfWrapper .listBox li:last-child{
    margin-bottom: 0px;
}

.modal .modalInner .modalBody .halfWrapper .listBox li.active{
    background: #12B7E4;
    border:1px #12B7E4 solid;
    color: #fff;
}

.modal .modalInner .modalBody .halfWrapper .listBox li.active a{
    color: #fff;
    border-bottom: 1px #fff solid;
}

.modal .modalInner .modalBody .halfWrapper .listBox li a{
    position: absolute;
    right: 8px;
    top:50%;
    transform: translateY(-50%);
    color: #888;
    border-bottom: 1px #888 solid;
}

.modal .modalInner .modalBody .halfWrapper .tableOptionBox{
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .halfWrapper .tableOptionBox p{
    font-size: 1.5em;
    color: #888;
    margin-bottom: 6px;
}

.modal .modalInner .modalBody .halfWrapper .tableOptionBox .rightBox input{
    width: 130px;
}

.modal .modalInner .modalBody .halfWrapper .tableOptionBox .rightBox a{
    width: 60px;
    height: 32px;
    margin-left: 8px;
}

.modal .modalInner .modalBody .halfWrapper .tableOptionBox .rightBox select{
    width: 90px;
}

.modal .modalInner .modalBody .halfWrapper .scrollBox{
    max-height: 592px;
}

.modal .modalInner .modalBody .halfWrapper .scrollBox.custom{
    max-height: none;
    height: 527px;
}

.modal .modalInner .modalBody .halfWrapper .scrollBox.custom2{
    max-height: none;
    height: 573px;
}

.modal .modalInner .modalBody .halfWrapper .scrollBox.custom3{
    max-height: none;
    height: 495px;
}

.modal .modalInner .modalBody .halfWrapper .scrollBox.custom4{
    max-height: none;
    height: 72px;
    overflow: hidden;
}

.modal .modalInner .modalBody .halfWrapper .tableDelBtn{
    margin-top: 8px;
    margin-left: auto;
    width: 60px;
    height: 32px;    
}

.modal .modalInner .modalBody .halfWrapper .iconBox{
    color: #888;
    margin-bottom: 8px;
}

.modal .modalInner .modalBody .halfWrapper .iconBox a{
    width: 24px;
    height: 24px;
    margin-left: 6px;
}

.modal .modalInner .modalBody .halfWrapper .iconBox input{
    width: 34px;
    height: 24px;
    border:none;
    outline: none;
    text-align: center;
    margin-left: 6px;
    font-size: 1.5em;
    color: #888;
}

.modal .modalInner .modalBody .halfWrapper .iconBox span{
    font-size: 1.5em;
}

.modal .modalInner .modalBody .halfWrapper .imgBox{
    width: 100%;
    height: 740px;
    background: #F6F6F6;
}

.modal .modalInner .modalBody .halfWrapper .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.modal .modalInner .modalBody .halfWrapper .nameBox{
    margin-top: 6px;
    font-size: 1.5em;
    color: #888;
    padding-right: 40px;
}

.modal .modalInner .modalBody .halfWrapper .nameBox em{
    position: absolute;
    right: 0px;
    top:50%;
    transform: translateY(-50%);
}

.modal .modalInner .modalBody .halfWrapper .infoBox li{
    align-items: normal;
}

.modal .modalInner .modalBody .halfWrapper .infoBox li span{
    width: 152px;
    display: flex;
    align-items: center;
    padding:0px 16px;
    background: #D0EAF3;
    border-bottom: 1px #87D9F6 solid;
    font-size: 1.5em;
    font-weight: 700;
    min-height: 38px;
}

.modal .modalInner .modalBody .halfWrapper .infoBox li > div{
    width: calc(100% - 152px);
    padding:8px 16px;
    background: #f6f6f6;
    border-bottom: 1px #DFDFDF solid;
    word-break: keep-all;
}

.modal .modalInner .modalBody .halfWrapper .infoBox li:nth-child(even) > div{
    background: #fff;
}

.modal .modalInner .modalBody .halfWrapper .infoBox li > div.custom{
    padding:8px;
}

.modal .modalInner .modalBody .halfWrapper .infoBox li > div.scrollBox2{
    max-height: 84px;
}

.modal .modalInner .modalBody .halfWrapper .infoBox li > div select{
    border: none;
    height: 26px;
}

.modal .modalInner .modalBody .halfWrapper .infoBox li > div em{
    display: block;
    font-size: 1.5em;
    line-height: 1.4;
}

.modal .modalInner .modalBody .halfWrapper .commentBox{
    max-height: 524px;
}

.modal .modalInner .modalBody .halfWrapper .commentBox li:not(:last-child){
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .halfWrapper .commentBox li b{
    font-size: 1.5em;
    color: #12B7E4;
}

.modal .modalInner .modalBody .halfWrapper .commentBox li em{
    margin:0px 9px;
    background: #ccc;
    height: 12px;
    width: 1px;
    display: inline-block;
}

.modal .modalInner .modalBody .halfWrapper .commentBox li span{
    font-size: 1.5em;
    color: #888;
}

.modal .modalInner .modalBody .halfWrapper .commentBox li a{
    font-size: 1.5em;
    border-bottom: 1px #888 solid;
    color: #888;
}

.modal .modalInner .modalBody .halfWrapper .commentBox li p{
    font-size: 1.5em;
    padding:8px;
    background: #F6F6F6;
    border: 1px #ccc solid;
    border-radius: 4px;
    margin-top: 8px;
    line-height: 1.4;
    word-break: keep-all;
}

.modal .modalInner .modalBody .halfWrapper .historyBox{
    height:calc(436px - 88px);
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li{
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li:last-child{
    margin-bottom: 0px;
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li > div{
    margin-bottom: 10px;
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li > div span{
    color: #12B7E4;
    font-size: 1.5em;
    font-weight: 700;
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li > div p{
    font-size: 1.5em;
    color: #888;
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li > div p em{
    width: 1px;
    height: 12px;
    display: inline-block;
    background: #ccc;
    margin:0px 8px;
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li ul{
    border-top: 1px #EBEBEB solid;
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li ul li{
    border-bottom: 1px #EBEBEB solid;
    border-left: 1px #EBEBEB solid;
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li ul li span{
    width: 84px;
    height: 40px;
    background: #F6F6F6;
    font-size: 1.5em;
    font-weight: 700;
    border-right: 1px #EBEBEB solid;
}

.modal .modalInner .modalBody .halfWrapper .historyBox > li ul li div{
    width: calc(100% - 84px);
    height: 40px;
    padding:9px 16px;
    line-height: 1.4;
    font-size: 1.5em;
    word-break: keep-all;
    border-right: 1px #EBEBEB solid;
}

.modal .modalInner .modalBody .halfWrapper .historyBox .noneData{
    width: 100%;
    height: 100%;
    border-top: 1px #EBEBEB solid;
    border-bottom: 1px #EBEBEB solid;
    padding: 50px 0px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal .modalInner .modalBody .halfWrapper .noticeText{
    font-size: 1.5em;
    color: #888888;
    margin-bottom: 12px;
    display: block;
}

.modal .modalInner .modalBody .modalTableOptionBox{
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .modalTableOptionBox p{
    font-size: 1.5em;
    color: #888;
    margin-bottom: 6px;
}

.modal .modalInner .modalBody .bannerInfoBox li{
    border-bottom: 1px #EBEBEB solid;
    align-items: normal;
}

.modal .modalInner .modalBody .bannerInfoBox li > span{
    width: 127px;
    min-height: 56px;
    background: #F6F6F6;
    border-right: 1px #EBEBEB solid;
    padding:0px 16px;
    font-size: 1.5em;
    font-weight: 700;
}

.modal .modalInner .modalBody .bannerInfoBox li > div{
    width: calc(100% - 127px);
    min-height: 56px;
    border-right: 1px #EBEBEB solid;
    padding:0px 8px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div select{
    width: 160px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .radioBox{
    width: 120px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .radioBox label + label{
    margin-left: 12px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .radioBox label em{
    font-size: 1.5em;
    margin-left: 4px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .hiddenOptionBox{
    display: none;
    width: calc(100% - 120px);
    padding-left: 10px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .hiddenOptionBox .calBox{
    width: 136px;
    margin-right: 8px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .hiddenOptionBox select{
    width: 72px;
    margin-right: 8px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .hiddenOptionBox em{
    margin-right: 8px;
    font-size: 1.4em;
}

.modal .modalInner .modalBody .bannerInfoBox li > div.custom{
    padding:12px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .halfBox{
    margin:0px -6px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .halfBox > div{
    padding:0px 6px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .halfBox .leftBox .imgBox{
    width: 160px;
    height: 160px;
    background: #F6F6F6;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .halfBox .leftBox .imgBox img{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    width: 52px;
    height: 52px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .halfBox .leftBox .imgBox .mainImg{
    width: 100%;
    height: 100%;
    object-fit: cover;    
}

.modal .modalInner .modalBody .bannerInfoBox li > div .halfBox .rightBox input{
    width: 0px;
    height: 0px;
    display: none;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .halfBox .rightBox a{
    width: 100px;
    height: 32px;
    margin:45px 0px 10px;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .halfBox .rightBox p{
    font-size: 1.2em;
    color: #888;
    line-height: 1.4;
}

.modal .modalInner .modalBody .bannerInfoBox li > div .bannerEditor{
    border: none;
    font-family: 'Pretendard' !important;
    height: 299px;
    width: 100%;
    padding:12px;
    font-size: 15px;
    color: #AAAAAA;
    resize: none;
    overflow-y: scroll;
    line-height: 1.4;
}

.modal .modalInner .modalBody .bannerInfoBox li .inputBox{
    padding-left: 176px;
}

.modal .modalInner .modalBody .bannerInfoBox li .inputBox select{
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.modal .modalInner .modalBody .modalBtnBox{
    padding-right: 136px;
    margin-bottom: 20px;
}

.modal .modalInner .modalBody .modalBtnBox .item span{
    font-size: 1.5em;
    color: #888888;
    margin-bottom: 6px;
    display: block;
}

.modal .modalInner .modalBody .modalBtnBox .item:first-child{
    padding-right: 8px;
}

.modal .modalInner .modalBody .modalBtnBox .btnBox{
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.modal .modalInner .modalBody .modalBtnBox .btnBox a{
    margin-left: 8px;
    width: 60px;
    height: 32px;
}

.modal .modalInner .modalBody .totalCount{
    font-size: 1.5em;
    margin-bottom: 12px;
}

.modal .modalInner .modalBody .totalCount span{
    font-size: bold;
    color: #12B7E4;
}

.modal .modalInner .modalBody .optionBtnBox a{
    width: 155px;
    height: 32px;
    margin-top: 20px;
}

#itemManagedModal .modalInner .modalBody .scrollBox,
#localSearchModal .modalInner .modalBody .scrollBox,
#historyViewModal .modalInner .modalBody .scrollBox{
    height: 464px;
}

#infoChangeHistoryModal .modalInner .modalBody .scrollBox{
    height: 304px;
}

.modal .loginInfoModalInner{
    padding-bottom: 26px;
}

.modal .loginInfoModalInner .titleText{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 30px;
    margin: 0px 0px 20px;
}

.modal .loginInfoModalInner .subText{
    font-size: 15px;
    text-align: center;
    margin: 0px 0px 20px;
    line-height: 1.4;
}

.modal .loginInfoModalInner button{
    display: block;
    margin:auto;
    border:none;
    text-align: center;
    width: 60px;
    height: 32px;
    margin:auto;
}
/* modal css end */

/* main css start */
.pageWork .tableMenuWrapper{
    margin-bottom: 16px;
}

.pageWork .tableMenuWrapper .inner .rightBox .selectBox span{
    font-size: 1.5em;
    color: #888;
    margin-right: 8px;
}

.pageWork .tableMenuWrapper .inner .rightBox .selectBox select{
    width: 163px;
}

.pageWork .tableMenuWrapper .inner .rightBox .selectBox.custom select{
    width: 76px;
}

.pageWork .tableMenuWrapper .inner .rightBox .searchBox{
    margin:0px 30px;
}

.pageWork .tableMenuWrapper .inner .rightBox .searchBox input{
    width: 170px;
}

.pageWork .tableMenuWrapper .inner .rightBox .searchBox a{
    width: 60px;
    height: 32px;
    margin-left: 8px;
}

.pageWork .workTableWrapper .scrollBox{
    height: 463px;
    margin-bottom: 16px;
}

.pageWork .workTableWrapper .scrollBox.custom{
    margin-bottom: 0px;
    height: 527px;
}

.pageWork .optionBtnWrapper{
    margin-bottom: 16px;
}

.pageWork .optionBtnWrapper .leftBox a{
    height: 32px;
    width: 60px;
    margin-right: 8px;
}

.pageWork .optionBtnWrapper .leftBox a:nth-child(4){
    margin-right: 30px;
}

.pageWork .optionBtnWrapper .leftBox a:last-child{
    width: auto;
    padding: 0px 16px;
    margin-right: 0px;
}

.pageWork .optionBtnWrapper .rightBox a{
    height: 32px;
    padding:0px 12px;
    margin-left: 8px;
}

.pageWork .optionInputWrapper .optioninputBox{
    margin:0px 0px 0px -4px;
    padding-right: 102px;
    margin-bottom: 6px;
}

.pageWork .optionInputWrapper .optioninputBox .item{
    margin-bottom: 16px;
}

.pageWork .optionInputWrapper .optioninputBox .item li{
    padding:0px 4px;
}

.pageWork .optionInputWrapper .optioninputBox .item li span{
    display: block;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 4px;
    height: 18px;
}

.pageWork .optionInputWrapper .optioninputBox .item li.type1 span{
    color: #12B7E4;
}

.pageWork .optionInputWrapper .optioninputBox .item li.type2 span{
    color: #FF8A00;
}

.pageWork .optionInputWrapper .optioninputBox .item li.type3 span{
    color: #892DAA;
}

.pageWork .optionInputWrapper .optioninputBox .item li.type4 span{
    color: #00BC8B;
}

.pageWork .optionInputWrapper .optioninputBox .item li div input{
    width: 100%;
    height: 32px;
    border-radius: 4px;
    outline: none;
    background: #fff;
    font-size: 1.8em;
    font-weight: 400;
    padding:0px 8px;
}

.pageWork .optionInputWrapper .optioninputBox .item li div input::placeholder{
    color: #888;
}

.pageWork .optionInputWrapper .optioninputBox .item li.type1 div input{
    border:1px #12B7E4 solid;
}

.pageWork .optionInputWrapper .optioninputBox .item li.type2 div input,
.pageWork .optionInputWrapper .optioninputBox .item li.type2 div select{
    border:1px #FF8A00 solid;
}

.pageWork .optionInputWrapper .optioninputBox .item li.type3 div input,
.pageWork .optionInputWrapper .optioninputBox .item li.type3 div select{
    border:1px #892DAA solid;
}

.pageWork .optionInputWrapper .optioninputBox .item li.type4 div input,
.pageWork .optionInputWrapper .optioninputBox .item li.type4 div select{
    border:1px #00BC8B solid;
}

.pageWork .optionInputWrapper .optioninputBox .item li div a{
    width: 100%;
    height: 32px;
    border-radius: 4px;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    background: #FF8A00;
}

.pageWork .optionInputWrapper .optioninputBox .item li div em{
    width: 100%;
    height: 32px;
    font-size: 1.5em;
    color: #888;
}

.pageWork .optionInputWrapper .optioninputBox .item li div select{
    width: 100%;
}

.pageWork .optionInputWrapper .optioninputBox .btnBox{
    position: absolute;
    top: 22px;
    right: 0px;
    width: 98px;
    height: 100px;
}

.pageWork .optionInputWrapper .optioninputBox .btnBox a{
    width: 100%;
    height: 32px;
    font-size: 1.5em;
    background: #fff;
    border:1px #ccc solid;
    height: 33.3%;
}

.pageWork .optionInputWrapper .optioninputBox .btnBox a:hover:not(:last-child){
    background: #f6f6f6;
}

.pageWork .optionInputWrapper .optioninputBox .btnBox a:first-child{
    border-bottom: 0px;
    border-radius: 4px 4px 0px 0px;
}

.pageWork .optionInputWrapper .optioninputBox .btnBox a:nth-child(2){
    border-bottom: 0px;
}

.pageWork .optionInputWrapper .optioninputBox .btnBox a:last-child{
    border-radius: 0px 0px 4px 4px;
    background: #1F4983;
    border:1px #1F4983 solid;
    color: #fff;
    font-weight: 700;
}

.pageWork .callTableWrapper{
    margin-bottom: 22px;
}

.pageWork .callTableWrapper .inner{
    padding:0px 106px;
}

.pageWork .callTableWrapper .inner .searchBtn{
    width: 98px;
    height: 206px;
    position: absolute;
    left: 0px;
    top:0px;
}

.pageWork .callTableWrapper .inner .btnBox{
    position: absolute;
    width: 98px;
    height: 206px;
    right: 0px;
    top: 0px;
}

.pageWork .callTableWrapper .inner .btnBox *{
    width: 100%;
    height: 20%;
    font-size: 1.5em;
    border-radius: 0px;
    border:none;
}

.pageWork .callTableWrapper .inner .btnBox a{
    border-radius: 0px 0px 4px 4px;
    border:1px #ccc solid;
}

.pageWork .callTableWrapper .inner .btnBox select{
    border-right: 1px #ccc solid;
    border-left: 1px #ccc solid;
}

.pageWork .callTableWrapper .inner .btnBox span{
    color: #fff;
    background: #666666;
    font-weight: 700;
}

.pageWork .callTableWrapper .inner .btnBox span:first-child{
    border-radius: 4px 4px 0px 0px;
}

.pageWork .callTableWrapper .inner .scrollBox{
    height: 207px;
}

.pageWork .callTableWrapper .inner .scrollBox tbody td{
    font-size: 18px;
}

.pageWork .radioWrapper.active .inner{
    padding:0px 106px;
}

.pageWork .radioWrapper.active .inner .noRadioBox{
    display: block;
}

.pageWork .radioWrapper .inner{
    padding-left: 106px;
}

.pageWork .radioWrapper .inner .nameBox{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 98px;
    height: 180px;
}

.pageWork .radioWrapper .inner .nameBox span{
    width: 100%;
    height: 16.666666%;
    background: #666666;
    color: #fff;
    border-bottom: 1px #888 solid;
    font-size: 1.4em;
}

.pageWork .radioWrapper .inner .nameBox span:first-child{
    border-radius: 4px 4px 0px 0px;
}

.pageWork .radioWrapper .inner .nameBox span:last-child{
    border-bottom: 0px;
    border-radius: 0px 0px 4px 4px;
}

.pageWork .radioWrapper .inner .radioBox{
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 16px;
    height: 207px;
}

.pageWork .radioWrapper .inner .radioBox::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #eee;
}

.pageWork .radioWrapper .inner .radioBox::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 10px;
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(204, 204, 204, 0.8);
}

.pageWork .radioWrapper .inner .radioBox::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #eee;
}

.pageWork .radioWrapper .inner .radioBox::-webkit-scrollbar-corner{
    box-shadow: none;
    background-color: #eee;
}

.pageWork .radioWrapper .inner .radioBox .markBox{
    flex: 0 0 auto;
    margin-left: 8px;
    width: 150px;
    height: 180px;
}

.pageWork .radioWrapper .inner .radioBox .markBox img{
    width: 98px;
    height: 98px;
}

.pageWork .radioWrapper .inner .radioBox .item{
    flex: 0 0 auto;
    margin-left: 8px;
    width: 150px;
    height: 180px;
    text-align: center;
    border:1px #ccc solid;
    border-radius: 4px;
    overflow: hidden;
}

.pageWork .radioWrapper .inner .radioBox .item li{
    width: 100%;
    height: 16.6666%;
    background: #fff;
    border-bottom: 1px #ccc solid;
    font-size: 1.5em;
}

.pageWork .radioWrapper .inner .radioBox .item.active li{
    background: #FFE4DE;
    border-bottom: 1px #FF9B85 solid;
}

.pageWork .radioWrapper .inner .radioBox .item.active2 li{
    background: #DCF3ED;
    border-bottom: 1px #53C6A8 solid;
}

.pageWork .radioWrapper .inner .radioBox .item.active3 li{
    background: #FFF4CB;
    border-bottom: 1px #FFBD3C solid;
}

.pageWork .radioWrapper .inner .radioBox .item.active4 li{
    background: #F9E9FF;
    border-bottom: 1px #CA97DB solid;
}

.pageWork .radioWrapper .inner .radioBox .item.active5 li{
    background: #CEEFF8;
    border-bottom: 1px #12B7E4 solid;
}

.pageWork .radioWrapper .inner .radioBox .item li:last-child{
    border-bottom: 0px;
}

.pageWork .radioWrapper .inner .radioBox .item li.custom{
    font-weight: 700;
}

.pageWork .radioWrapper .inner .radioBox .item li b.red{
    font-weight: 700;
    color: #FF2E00;
}

.pageWork .radioWrapper .inner .radioBox .item li em{
    color: #fff;
    border-radius: 12px;
    font-weight: 700;
    padding:4px 8px;    
    font-size: 0.85em;
    margin:0px 2px;
}

.pageWork .radioWrapper .inner .radioBox .item li em.active{
    background: #00BC8B;
}

.pageWork .radioWrapper .inner .radioBox .item li em.active2{
    background: #FF8A00;
}

.pageWork .radioWrapper .inner .radioBox .item li em.active3{
    background: #666;   
}

.pageWork .radioWrapper .inner .radioBox *:first-child{
    margin-left: 0px;
}

.pageWork .radioWrapper .inner .noRadioBox{
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 98px;
    height: 180px;
}

.pageWork .radioWrapper .inner .noRadioBox a{
    font-size: 1.5em;
}

.pageWork .radioWrapper .inner .noRadioBox a:nth-child(1),
.pageWork .radioWrapper .inner .noRadioBox a:nth-child(4){
    height: 25%;
}

.pageWork .radioWrapper .inner .noRadioBox a:nth-child(2),
.pageWork .radioWrapper .inner .noRadioBox a:nth-child(3) {
    height: calc(50% - 16px);
    margin:8px 0px;
}
/* main css end */

/* wrokStatus css start */
#pageWorkStatus{
    width: 100%;
    height: 100vh;
    /*padding-top: 49px;*/
}

#pageWorkStatus .mapWrapper{
    width: 100%;
    height: 100%;
    background: #ccc;
    font-size: 5em;
    font-weight: 700;
}

#pageWorkStatus .listWrapper{
    position: absolute;
    left: 16px;
    top:65px;
    background: #fff;
    height: calc(100% - 81px);
    width: 338px;
    z-index: 10;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

#pageWorkStatus .listWrapper h2{
    font-weight: 700;
    font-size: 2.4em;
    height: 63px;
    background: #D0EAF3;
    padding:0px 20px;
}

#pageWorkStatus .listWrapper .searchBox{
    padding:20px 20px 0px;
    margin-bottom: 12px;
    height: 167px;
}

#pageWorkStatus .listWrapper .searchBox span{
    font-size: 1.5em;
    color: #888888;
    margin-bottom: 4px;
    display: block;
}

#pageWorkStatus .listWrapper .searchBox input,
#pageWorkStatus .listWrapper .searchBox select{
    width: 100%;
}

#pageWorkStatus .listWrapper .searchBox .inputBox{
    padding-right: 68px;
    margin:12px 0px;
    padding-bottom: 20px;
}

#pageWorkStatus .listWrapper .searchBox .inputBox button{
    border:none;
    outline: none;
    width: 60px;
    height: 32px;
    position: absolute;
    right: 0px;
    top: 0px;
}

#pageWorkStatus .listWrapper .searchBox .inputBox::after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #EBEBEB;
}

#pageWorkStatus .listWrapper .searchBox em{
    font-size: 1.5em;
    display: block;
}

#pageWorkStatus .listWrapper .searchBox em b{
    font-weight: 700;
}

#pageWorkStatus .listWrapper .listBox{
    padding:0px 20px 0px;
    height: calc(100% - 310px);
}

#pageWorkStatus .listWrapper .listBox ul li{
    cursor: pointer;
    margin-bottom: 12px;
    border:1px #ccc solid;
    border-radius: 4px;
    padding:10px;
    background: #fff;
}

#pageWorkStatus .listWrapper .listBox ul li div{
    font-size: 1.4em;
    color: #888;
    margin-bottom: 10px;
}

#pageWorkStatus .listWrapper .listBox ul li div em{
    margin:0px 8px;
    width: 1px;
    height: 12px;    
    background: #ccc;
}

#pageWorkStatus .listWrapper .listBox ul li:last-child{
    margin-bottom: 0px;
}

#pageWorkStatus .listWrapper .listBox ul li p{
    font-size: 1.5em;
    margin-bottom: 10px;
    line-height: 1.4;
    word-break: keep-all;
}

#pageWorkStatus .listWrapper .listBox ul li h3{
    font-size: 1.4em;
    font-weight: 700;
    color: #12B7E4;
}

#pageWorkStatus .listWrapper .listBox ul li.none{
    background: #F6F6F6;
    pointer-events: none;
}

#pageWorkStatus .listWrapper .listBox ul li.none div,
#pageWorkStatus .listWrapper .listBox ul li.none p,
#pageWorkStatus .listWrapper .listBox ul li.none h3{
    color: #aaa;
}

#pageWorkStatus .listWrapper .listBox ul li.active{
    background: #12B7E4;
    border:1px #12B7E4 solid;
}

#pageWorkStatus .listWrapper .listBox ul li.active div,
#pageWorkStatus .listWrapper .listBox ul li.active p,
#pageWorkStatus .listWrapper .listBox ul li.active h3{
    color: #fff;
}

#pageWorkStatus .listWrapper .pagination{
    padding-top: 20px;
}

#pageWorkStatus .listWrapper .pagination .pageNum{
    width: 30px;
    height: 30px;
    color: #888888;
    font-size: 1.5em;
    font-weight: 400;
}

#pageWorkStatus .listWrapper .pagination .pageNum.active{
    background: #F6F6F6;
    border-radius: 4px;
    font-weight: 700;
    color: #333333;
}
/* wrokStatus css end */

/* branchManage css start */
.pageHalf > .inner .leftBox{
    width: 846px;
    height: calc(100vh - 94px);
}

.pageHalf > .inner .rightBox{
    width: calc(100% - 846px);
    height: calc(100vh - 94px);
}

.pageHalf > .inner.custom .leftBox{
    width: 700px;
    height: calc(100vh - 195px);
}

.pageHalf > .inner.custom .rightBox{
    width: calc(100% - 700px);
    height: calc(100vh - 195px);
}

.pageHalf > .inner .imx{
    height: 100%;
}

.pageHalf > .inner .titleBox{
    height: 64px;
    background: #D0EAF3;
    padding:0px 30px;
}

.pageHalf > .inner .titleBox h2{
    font-size: 2.4em;
    font-weight: 700;
}

.pageHalf > .inner .titleBox a{
    margin-left: 8px;
    padding:0px 16px;
    height: 32px;
}

.pageHalf > .inner .contentBox{
    width: 100%;
    height: calc(100% - 64px);
    background: #fff;
    padding:20px 30px 30px;
}

.pageHalf > .inner .contentBox .countBox{
    margin-bottom: 12px;
    font-size: 1.5em;
}

.pageHalf > .inner .contentBox .countBox em{
    display: inline-block;
    margin: 0px 10px;
    height: 12px;
    width: 1px;
    background: #ccc;
}

.pageHalf > .inner .contentBox .countBox b{
    color: #12B7E4;
    margin-left: 4px;
}

.pageHalf > .inner .contentBox .countBox span{
    font-weight: 700;
    margin-left: 4px;
}

.pageHalf > .inner .contentBox .noneData{
    height: 100%;
    font-size: 2em;
    color: #aaa;
    word-break: keep-all;
    text-align: center;
    line-height: 1.4;
}

.pageHalf > .inner .contentBox .scrollBox{
    height: 100%;
}

.pageHalf > .inner .contentBox .scrollBox.custom{
    height: calc(100% - 30px);
}

.pageHalf > .inner .contentBox ul{
    margin:0px -10px;
}

.pageHalf > .inner .contentBox ul li{
    padding:0px 10px;
    margin-bottom: 14px;
}

.pageHalf > .inner .contentBox ul li span{
    display: block;
    font-size: 1.5em;
    color: #888;
    margin-bottom: 4px;
}

.pageHalf > .inner .contentBox ul li .btnBox{
    height: 32px;
    padding-right: 32px;
    border:1px #ccc solid;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.pageHalf > .inner .contentBox ul li .btnBox input{
    border:none;
}

.pageHalf > .inner .contentBox ul li .btnBox input:focus{
    box-shadow: none;
    border: none;
}

.pageHalf > .inner .contentBox ul li .btnBox:focus-within{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
    border:1px #333 solid;    
}

.pageHalf > .inner .contentBox ul li .btnBox a{
    position: absolute;
    right: 0px;
    top:50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #F6F6F6;
    border-left: 1px #ccc solid;
}

.pageHalf > .inner .contentBox ul li textarea{
    height: 112px;
}

.pageHalf > .inner .contentBox .flexBox5 a{
    padding:0px 16px;
    height: 32px;
}

.pageHalf > .inner .rightBox .titleBox .btnBox,
.pageHalf > .inner .rightBox .contentBox .content{
    display: none;
}

.pageHalf > .inner .rightBox.active .titleBox .btnBox{
    display: flex;
}

.pageHalf > .inner .rightBox.active .contentBox .content{
    display: block;
}

.pageHalf > .inner .rightBox.active .contentBox .noneData{
    display: none;
}
/* branchManage css end */

/* rechargeAmountWithdraw css start */
.pageRecharge{
    height: 100vh;
}

.pageRecharge .halfWrapper{
    height: calc(100% - 102px);
}

.pageRecharge .halfWrapper .inner{
    height: 474px;
    margin-bottom: 16px;
}

.pageRecharge .halfWrapper .inner > div{
    padding:0px 16px;
    height: 100%;
}

.pageRecharge .halfWrapper .inner .leftBox{
    width: 515px;
}

.pageRecharge .halfWrapper .inner .rightBox{
    width: calc(100% - 515px);
}

.pageRecharge .halfWrapper .inner .titleBox{
    height: 57px;
    background: #D0EAF3;
    font-size: 2.4em;
    font-weight: 700;
    padding:0px 30px;
}

.pageRecharge .halfWrapper .inner .contentBox{
    background: #fff;
    padding:20px 30px;
    height: calc(100% - 57px);
}

.pageRecharge .halfWrapper .inner .contentBox .searchBox{
    margin-bottom: 20px;
}

.pageRecharge .halfWrapper .inner .contentBox .searchBox span{
    display: block;
    margin-bottom: 6px;
    font-size: 1.5em;
    color: #888;
}

.pageRecharge .halfWrapper .inner .contentBox .searchBox em{
    display: block;
    margin-top: 8px;
    font-size: 1.5em;
    color: #888;
}

.pageRecharge .halfWrapper .inner .contentBox .searchBox > div{
    width: 226px;
    height: 32px;
    border:1px #ccc solid;
    border-radius: 4px;
    padding-right: 32px;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.pageRecharge .halfWrapper .inner .contentBox .searchBox > div:focus-within{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
    border:1px #333 solid;
}

.pageRecharge .halfWrapper .inner .contentBox .searchBox > div a{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32px;
    height: 100%;
    background: #F6F6F6;
    border-left: 1px #ccc solid;
}

.pageRecharge .halfWrapper .inner .contentBox .searchBox > div input{
    border:none;
    border-radius: 0px;
}

.pageRecharge .halfWrapper .inner .contentBox p{
    font-size: 1.5em;
    color: #888;
    margin-bottom: 8px;
}

.pageRecharge .halfWrapper .inner .contentBox .tableBox{
    margin-bottom: 20px;
}

.pageRecharge .halfWrapper .inner .contentBox ul li{
    padding-left: 114px;
    margin-bottom: 14px;
    border:1px #ccc solid;
    border-radius: 4px;
    overflow: hidden;
}

.pageRecharge .halfWrapper .inner .contentBox ul li span{
    width: 114px;
    height: 32px;
    background:#F6F6F6;
    position: absolute;
    left: 0px;
    top: 0px;
    border-right: 1px #ccc solid;
    font-size: 1.5em;
}

.pageRecharge .halfWrapper .inner .contentBox ul li input{
    text-align: right;
    pointer-events: none;
    border: none;
}

.pageRecharge .halfWrapper .inner .rightBox .scrollBox{
    height: 228px;
}

.pageRecharge .halfWrapper .inner .rightBox .tableBox{
    margin-bottom: 0px;
}

.pageRecharge .halfWrapper .inner .rightBox .tableBox td{
    height: 36px;
}

.pageRecharge .halfWrapper .inner .rightBox .tableBox td input{
    height: 26px;
    font-size: 1em;
    border: none;
}

.pageRecharge .halfWrapper .inner .rightBox .tableBox td:nth-child(5) input{
    text-align: center;
}

.pageRecharge .halfWrapper .inner .rightBox .tableBox td a{
    border-bottom: 1px #888 solid;
}

.pageRecharge .halfWrapper .inner .rightBox .tableBox td a:hover{
    color: #aaa;
    border-bottom: 1px #aaa solid;
}

.pageRecharge .halfWrapper .inner .rightBox .resultBtn{
    width: 114px;
    height: 32px;
    margin:16px auto 0px;
}

.pageRecharge .halfWrapper > .imx{
    height: calc(100% - 506px);
}

.pageRecharge .halfWrapper > .imx em{
    display: block;
    font-size: 1.5em;
    margin-top: 6px;
}

.pageRecharge .halfWrapper .historyBox{
    height: calc(100% - 24px);
}
/* rechargeAmountWithdraw css end */

/* login css start */
#pageLogin{
    width: 100%;
    height: 100vh;
    position: relative;
    font-family: 'Pretendard' !important;
}

#pageLogin .loginBox{
    max-width: 623px;
    width: 100%;
    padding:80px 118px 70px;
    background: #fff;
    border:1px #EBEBEB solid;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}

#pageLogin .loginBox img{
    width: 100px;
    display: block;
    margin:0px auto 34px;
}

#pageLogin .loginBox h3{
    font-size: 36px;
    margin:0px;
    margin-bottom: 40px;
    font-weight: bold;
    text-align: center;
}

#pageLogin .loginBox h3 span{
    font-weight: 400;
}

#pageLogin .loginBox input[type='text'],
#pageLogin .loginBox input[type='password']{
    width: 100%;
    height: 64px;
    padding:0px 16px;
    font-size: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    font-family: 'Pretendard' !important;
}

#pageLogin .loginBox input[type='password']{
    margin-bottom: 8px;
}

#pageLogin .loginBox input[type='text']::placeholder,
#pageLogin .loginBox input[type='password']::placeholder{
    color: #ccc;
}

#pageLogin .loginBox label{
    display: inline-block;
}

#pageLogin .loginBox label input{
    vertical-align: middle;
}

#pageLogin .loginBox label span{
    vertical-align: middle;
    font-size: 16px;
    color: #888888;
    font-weight: 400;
}

#pageLogin .loginBox button{
    width: 100%;
    margin-top: 40px;
    height: 64px;
    color: #fff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 20px;
    background: #12B7E4;
    margin-bottom: 60px;
    border:none;
    outline: none;
    font-family: 'Pretendard' !important;
}

#pageLogin .loginBox p{
    text-align: center;
    font-size: 16px;
    color: #CCCCCC;
    margin:0px;
    padding:0px;
    font-weight: 400;
}
/* login css end */

.tableBox.type1 tbody tr.ready:nth-child(odd) td, .readyCss1{
    background: #CAF3B8;
    border-right : 1px #ebebeb solid;
    border-bottom : 1px #ebebeb solid;
}
.tableBox.type1 tbody tr.ready:nth-child(even) td, .readyCss2{
    background: #BFF3A8;
    border-right : 1px #ebebeb solid;
    border-bottom : 1px #ebebeb solid;
}

.tableBox.type1 tbody tr.confirm:nth-child(odd) td,
.tableBox.type1 tbody tr.undefined:nth-child(odd) td,
.tableBox.type1 tbody tr.standby:nth-child(odd) td,
.confirmCss1{
    background: #FFE29C;
}

.tableBox.type1 tbody tr.confirm:nth-child(even) td,
.tableBox.type1 tbody tr.undefined:nth-child(even) td,
.tableBox.type1 tbody tr.standby:nth-child(even) td,
.confirmCss2{
    background: #FFDD8C;
}

.tableBox.type1 tbody tr.done:nth-child(odd) td, .doneCss1{
    background-color: #CACED3;
    border-right : 1px #ebebeb solid;
    border-bottom : 1px #ebebeb solid;
}
.tableBox.type1 tbody tr.done:nth-child(even) td, .doneCss2{
    background-color: #CFD3D8;
    border-right : 1px #ebebeb solid;
    border-bottom : 1px #ebebeb solid;
}
.tableBox.type1 tbody tr.request td, .requestCss{
    background-color: #CEEEF6;
    border-right: 1px #A9E5F4 solid;
    border-bottom: 1px #A9E5F4 solid
}
.tableBox.type1 tbody tr.cancel:nth-child(odd) td, .cancelCss1{
    background-color: #F7F8F8;
    color: #FF0000 !important;
    border-right: 1px #ebebeb solid;
    border-bottom: 1px #ebebeb solid;
}
.tableBox.type1 tbody tr.cancel:nth-child(even) td, .cancelCss2{
    background-color: #ffffff;
    color: #FF0000 !important;
    border-right: 1px #ebebeb solid;
    border-bottom: 1px #ebebeb solid;
}
.workDate{
    color: #0000ff;
}
/*.select{*/
/*    background:#12B7E4 !important;*/
/*    border-right:1px #35CAF3 solid !important;*/
/*    border-bottom:0px !important;*/
/*    color: #fff;*/
/*}*/
#pageMain #locationSearchResultDiv2,
#pageMain #locationSearchResultDiv,
#pageMain .modal-footer,
#pageWorkProcessingStatus #locationSearchResultDiv2,
#pageWorkProcessingStatus #locationSearchResultDiv,
#pageWorkProcessingStatus .modal-footer {
    font-size : 15px!important;
}

#pageMain table span, #pageWorkProcessingStatus table span{
    cursor: default;
}

#pageMain table td, #pageWorkProcessingStatus table td{
    height: 35px;
}
#ui-datepicker-div{
    font-size: 1.5em;
}