@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans KR Regular'), local('Noto Sans CJK KR Regular'),
    url(/font/admin/NotoSansKR-Regular.woff2) format('woff2'),
    url(/font/admin/NotoSansKR-Regular.woff) format('woff'),
    url(/font/admin/NotoSansKR-Regular.otf) format('opentype');
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; text-shadow:none;
}

/* .box-sizing(@box-model) {
  -webkit-box-sizing: @box-model; //사파리 <= 5
     -moz-box-sizing: @box-model; //파이어폭스 <= 19
          box-sizing: @box-model;
} */


body {font-family: "Noto Sans KR", "나눔고딕", "Dotum", "돋움",  "Arial", "AppleSDGothicNeo", sans-serif; padding:0; margin:0; font-size:13px;}


/* 왼쪽메뉴 */
.left-menu {overflow:scroll; background:#00397A; border-right:1px solid #e6e6e6; z-index:9; top:50px; left:0; width:220px; height:100%; box-sizing:border-box; vertical-align:top; position:fixed; padding-bottom:50px;}
.left-menu::-webkit-scrollbar {width:6px; height:6px;}
.left-menu::-webkit-scrollbar-thumb {border-radius:8px; background-color:#006db5;} 
.left-menu #sidebar {width:220px;}
.left-menu #sidebar ul.components {background:#fff;}
.left-menu .left-icon {width:20px; float:left; font-size:14px; position:relative; top:3px; margin-right:8px;}
.left-menu .right-icon {float:right; font-size:22px; position:relative; top:-2px; right:5px;}
.left-menu a, .left-menu a:hover, .left-menu a:focus {color:#333; text-decoration:none;}
.left-menu a[data-toggle="collapse"] {position:relative;}
.left-menu #sidebar .components li.active>a:hover, .left-menu a[aria-expanded="true"] {color:#fff;}
.left-menu #sidebar .components li a {padding:10px; display:block; border-bottom:1px solid #e6e6e6; font-size:13px; font-weight:bold; padding-left:15px; padding-right:10px; word-break:keep-all; background:#00397A; color:#fff;}
.left-menu #sidebar .components li a:hover {color:#fff;}
.left-menu #sidebar .components li .list-unstyled > li .active>a, .left-menu a[aria-expanded="true"] {color:#fff; background:#00397A; opacity:1;}
.left-menu #sidebar .collapse.in {display:block; color:#324767; background:#006db5; opacity:1;}
.left-menu #sidebar .components li .list-unstyled > li a {border-bottom:none; font-size:13px; padding-left:20px; font-weight:normal; padding:8px 20px 8px; background:#006db5;}
.left-menu #sidebar .components li .list-unstyled > li a:hover {color:#fff; opacity:1; background:#006db5;}
.left-menu #sidebar .components li .list-unstyled > li.active a {color:#fff; opacity:1; background:#006db5;}
.left-menu #sidebar .categoryLeftMenu {background:rgba(50, 71, 103, .1); padding:2px 0; padding-left:8px; font-weight:700; color:rgba(50, 71, 103, .7);}
.left-menu .imgNon{display:none;}


/* 전체외각 */
.rightBox {margin:0; padding:10px; background:/* #f5f5f5 */#fff; position:absolute; top:52px; left:220px; z-index:1; min-width:1360px; width:calc(100% - 220px); min-height:calc(100vh - 52px); word-spacing:-1px;}
.rightBox .formLine {border-top:1px solid #a2a2a2;}
.rightBox form {margin:0 0 20px; padding:5px; display:table; width:100%; background:#fff;}
.rightBox form .form-group {border-bottom:1px solid #e6e6e6; border-left:none; border-right:none; margin:0; padding:0;}
.rightBox form .form-group50 {width:50%; float:left; border-bottom:1px solid #e6e6e6;}
.rightBox form .control-label {float:left; margin:0; width:200px; text-align:left; line-height:30px; padding:5px 0 5px 15px; background:#f7f7f7;}
.rightBox form .rightWarp {padding:5px 0 5px 10px;}
.rightBox form .rightBorder {border-left:1px solid #e6e6e6;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding:0;}

/* 경로 */
.rightBox .breadcrumb {background:none; padding:5px 10px 15px;}
.rightBox .breadcrumb>li {color:#929292;}
.rightBox .breadcrumb>li.active {color:#006db5;}


/* 폼 공통 */
.rightBox form .form-control {border:1px solid #e6e6e6; display:block; width:100%; padding:.47rem .8rem; background-color:#FFF; border-radius:.267rem; box-shadow:none; height:30px; font-size:13px; width:288px;}
.rightBox form .form-control[disabled]{background: #e6e6e6;opacity:.6;}
select.form-control:not([multiple=multiple]) {background-image:url(../../image/arrow-down.png); background-position:95%; background-size:14px 14px,10px 10px; background-repeat:no-repeat; -webkit-appearance:none; -moz-appearance:none; padding-right:1.5rem; height:30px;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {width:calc(288px - 36px);}
.input-group-addon:last-child {padding:5px 10px;}
.rightBox form .password {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
textarea {font-size:13px; border:1px solid #e6e6e6; outline:none; padding:.47rem .8rem; height:130px; display:block;}
.inputWarp {float:left;}
input[type=text]:focus {border:1px solid #006db5;}
select.form-control:not([multiple=multiple]):focus {border:1px solid #006db5;}

.rightBox form .areaTitle {height:140px;}
.rightBox form .arealittleTitle {height:173px;}
.rightBox form .areabicTitle {height:182px;}
.rightBox form .optional {color:#999;}

/* .areaBox {width:calc(100% - 200px - 10px); float:left; } */
.areaBox {width:calc(100% - 200px - 318px); float:left; padding:0 10px;}
.imgAreaBox {width:calc(100% - 300px); float:left; padding:0 10px;}
textarea:focus {border:1px solid #006db5;}

.rightBox form .inputnoneText {font-size:13px; line-height:30px;}

/* 리스트 타이틀 */
.rightBox .detailsBox {margin-top:10px; display:table; width:100%; border-bottom:none;}
.rightBox .detailsBox .detailsTitle {color:#324767; text-decoration:none; padding:0px 10px; text-align:left; line-height:34px; margin:0; font-size:16px; font-weight:700; display:block;}
.rightBox .detailsBox .detailsTitle50 {color:#324767; text-decoration:none; text-align:left; line-height:34px; margin:0; font-size:16px; font-weight:700; float:left; width:50%;}


/* 아이디중복확인 */
.rightBox form .overlap {float:left;}
.rightBox form .overlap .btn-overlap {width:100px; background:#e6e6e6; color:#333; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:30px; font-size:13px;}
.rightBox form .overlap .btn-overlap:hover {background:#dedede;}

/* 회원찾기 */
.rightBox form .overlap {float:left;}
.rightBox form .overlap .btn-searchUser {width:100px; background:#006db5; color:#fff; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:30px; font-size:13px;}
.rightBox form .overlap .btn-searchUser:hover {background:#005e9c;}


/* 업로드내용 */
.rightBox form .editorTitle {height:276px;}
/* 축종명, 납부비고 */ /* bradely 수정 */
.rightBox form .livestockTitle {height:100px;}



/* 체크,라디오 공통 */
.checkbox, .radio {position:relative; display:inline-block;}
.checkbox input[type=checkbox], .radio input[type=radio] {display:none;}
input[type=radio], input[type=checkbox] {box-sizing:border-box; padding:0;}
.form-horizontal .checkbox, .form-horizontal .radio {min-height:29px; padding:0 15px;}

/* 여러개 체크박스 정렬 */
.rightBox form .w150 {width: 150px;}
.rightBox form .w80 {width: 80px;}

/* 체크박스 */
.checkbox label {font-size:13px; line-height:30px; margin-left:7px; padding:0;}
.checkbox label:after, .checkbox label:before {height:18px; width:18px; top:6px; left:0; position:absolute;}
.checkbox label:after {content:''; border:1px solid #e6e6e6; border-radius:4px; -webkit-transition:.1s ease-in-out; transition:.1s ease-in-out;}
.checkbox label:before {content:''; border-radius:4px;}
.checkbox input:checked~label:before {background-color:#FFF; border:1px solid #e6e6e6;}
.checkbox input:checked~label:after {border-top-style:none; border-right-style:none; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); height:5px; width:9px; border-color:#6A99F8; border-radius:0; border-width:2px; top:12px; left:5px;}


/* 라디오박스 */
.radio label {font-size:13px; line-height:29px; margin-left:5px; padding:0;}
.radio label::after, .radio label::before {content:'';}
.radio label:after, .radio label:before {height:20px; width:20px; top:8px; left:0; position:absolute;}
.radio label::before {border:1px solid #e6e6e6; border-radius:50%; width:16px; height:16px; margin-right:.5rem;}
.radio label::after {position:absolute; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; height:6px; width:6px; background-color:#006db5; border-radius:50%; top:13px; left:5px; opacity:0; -webkit-transform:scale(3.6); -ms-transform:scale(3.6); transform:scale(3.6); border:none;}
.radio input[type=radio]:checked~label::after {opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all .3s cubic-bezier(.35,.9,.4,.9); transition:all .3s cubic-bezier(.35,.9,.4,.9);}


/* 주소 */
.rightBox form .addressTitle {height:112px;}
.rightBox form .smalladdressTitle {height:77px;}
.rightBox form .addressBox {width:calc(100% - 200px); float:left; padding-left:10px;}
.rightBox form .addressBox .numberBox {margin-bottom:6px;}
.rightBox form .addressBox .last {margin-bottom:0;}
.rightBox form .addressBox .numberBox .number {float:left; margin-right:10px;}
.rightBox form .addressBox .numberBox .btn-overlap {width:100px; background:#e6e6e6; color:#333; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:30px; font-size:13px;}
.rightBox form .addressBox .numberBox .btn-overlap:hover {background:#dedede;}
.rightBox form .addressBox .address1 {float:left; margin-right:10px;}
.rightBox form .addressBox .address2 {}

/* 주소찾기 */
.rightBox form .address {width:calc(100% - 200px); float:left; padding-left:10px;}
.rightBox form .address .roadBox {margin-bottom:5px;}
.rightBox form .address .roadBox .road {width:29.1%; float:left; margin-right:10px;}
.rightBox form .address .roadBox .btn-overlap {width:100px; background:#e6e6e6; color:#333; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:30px; font-size:13px;}
.rightBox form .address .roadBox .btn-overlap:hover {background:#dedede;}
.rightBox form .address .roadBox .subroad {width:39.6%;}



/* 이미지 */
.rightBox form .mediumSignTitle {height:217px;}
.rightBox form .photoTitle {height:359px;}
.rightBox form .smallphotoTitle {height:171px;}
.rightBox form .bicphotoTitle {height:1094px;}
.rightBox form .photoBox {width:300px; float:left; margin:0 8px 0 0; padding:0 0 0 10px;}
.rightBox form .title-name {margin:5px 0;}
input[type="file"] {position:absolute; opacity:0; cursor:pointer; z-index:1;}
.rightBox form .img-250 {border:1px solid #e6e6e6; width:288px; height:288px; background:#f7f7f7;}
.rightBox form .img-250 img {opacity:0; width:auto; height:auto; max-width:100%; max-height:100%;}

.rightBox form .miniphotoBox {width:calc(100% - 200px - 10px); float:left; padding-left:10px;}
.rightBox form .photoList {display:table; position:relative;}
.rightBox form .videoList {display:table;}
.rightBox form .sub-name {clear:both; color:#97989b; margin:0 10px 0 0; border:1px solid #e6e6e6; display:block; padding:.47rem .8rem; background-color:#FFF; border-radius:.267rem; box-shadow:none; height:30px; font-size:13px; width:288px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* bradley 수정 */
.rightBox form .imgnumber {color:#97989b; position:relative; left:10px;}
.rightBox form .img-100 {border:1px solid #e6e6e6; width:100px; height:100px; background:none; color:#3e3f3a;}
.rightBox form .imgBox {width:100px; height:100px; padding:0; float:left; margin-right:10px;}
.rightBox form .img-100:hover{background:none;border:1px solid #e6e6e6;box-shadow:none;}

.rightBox form .photoBorder {width:calc(100% - 200px); border-bottom:1px solid #e6e6e6; display:-webkit-box; float:right;}
.rightBox form .photoBorder.last {border:none;}


/* 리스트상단네비 */
.rightBox form .listNav {display:inline-block; width:100%;}
.rightBox form .listNav .number {line-height:30px; margin:0; display:inline-block; padding:5px 0;}
.rightBox form .listNav .number .n-color {color:blue;}
.rightBox form .listNav .text {color:#324767; text-decoration:none; padding:0px 10px; text-align:left; line-height:34px; margin:0; font-size:16px; font-weight:700; display:block; border-bottom:1px solid #a2a2a2;}
.rightBox form .listNav .selectBox {float:right; padding:5px 0;}
.rightBox form .listNav .selectBox .selectList {width:150px;margin:0 7px; float:left;}
.rightBox form .listNav .selectBox .last {margin-right:0;}
.rightBox form .listNav .selectBox .selectList select.form-control:not([multiple=multiple]){width:150px;}

/* 리스트버튼 */
.rightBox form .btnlistBox {padding:5px 0; display:table; width:100%; border-top:1px solid #e6e6e6;}
.rightBox form .btnlistLine {border-top:1px solid #a2a2a2;}

/*삭제*/
.rightBox form .btnlistBox .btn-delete {background:#ee5a75; color:#fff; margin-left:0;}
.rightBox form .btnlistBox .btn-delete:hover {background:#e85872;}
/*엑셀*/
.rightBox form .btnlistBox .btn-excel{background:#e6e6e6; color:#333; float:right; margin-right:0;}
.rightBox form .btnlistBox .btn-excel:hover {background:#dedede;}
/*등록*/
.rightBox form .btnlistBox .btn-register {background:#006db5; color:#fff; float:right;}
.rightBox form .btnlistBox .btn-register:hover {background:#005e9c;}
/*등록_우측마진제거*/
.rightBox form .btnlistBox .btn-register1 {background:#006db5; color:#fff; float:right; margin-right:0;}
.rightBox form .btnlistBox .btn-register1:hover {background:#005e9c;}
/*업로드*/
.rightBox form .btnlistBox .btn-upload {background:#006db5; color:#fff; float:right;}
.rightBox form .btnlistBox .btn-upload:hover {background:#005e9c;}
/*복사*/
.rightBox form .btnlistBox .btn-copy {background:#006db5; color:#fff;}
.rightBox form .btnlistBox .btn-copy:hover {background:#005e9c;}
/*출력*/
.rightBox form .btnlistBox .btn-print {background:#006db5; color:#fff;}
.rightBox form .btnlistBox .btn-print:hover {background:#005e9c;}
/*추가_우측마진제거*/
.rightBox form .btnlistBox .btn-add {background:#006db5; color:#fff; float:right; margin-right:0;}
.rightBox form .btnlistBox .btn-add:hover {background:#005e9c;}
/*선택 납부*/
.rightBox form .btnlistBox .btn-pay {background:#006db5; color:#fff; float:right;}
.rightBox form .btnlistBox .btn-pay:hover {background:#005e9c;}
/*개별 납부_우측마진제거*/
.rightBox form .btnlistBox .btn-pay1 {background:#006db5; color:#fff; float:right; margin-right:0;}
.rightBox form .btnlistBox .btn-pay1:hover {background:#005e9c;}
/*선택 납부 (메시지 미전송)*/ /* bradley 추가 */
.rightBox form .btnlistBox .btn-pay2 {background:#006db5; color:#fff; float:right; width:160px;}
.rightBox form .btnlistBox .btn-pay2:hover {background:#005e9c;}

/* 리스트 */
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border:1px solid #e6e6e6;}
.rightBox .row .scrollBox {overflow:scroll; height:400px; border:1px solid #e6e6e6; overflow-x:unset;}
.rightBox .row table th {text-align:center; vertical-align:middle; line-height:24px;}
.rightBox .row table td {text-align:center; vertical-align:middle; padding:0; cursor:pointer; line-height:34px;}
.rightBox .row table .checkbox {margin:0; padding:0 9px;}
.rightBox .row table .checkbox label {margin:0;}
.rightBox .row table .firstRow {width:50px; padding:3px;}
.rightBox .row table .secondRow {width:70px;}
/* 직위,이름*/
.rightBox .row table .width100 {width:100px;}
/* 전송 */
.rightBox .row table .width110 {width:110px;}
/* 수신자,등록일자 */
.rightBox .row table .width150 {width:150px;}
/* 납부,소속지부 */
.rightBox .row table .width180 {width:180px;}
/* 제품명,축종명 */
.rightBox .row table .width200 {width:200px;}
/* 업체명,제목 */
.rightBox .row table .width400 {width:400px;}
/* 내용 */
.rightBox .row table .width600 {width:600px;}
/* 게시글제목,as제목 */
.rightBox .row table .width700 {width:700px;}
/* 증상및질병 */
.rightBox .row table .width800 {width:800px;}

.rightBox .row table .leftRow{text-align:left; padding-left:10px;}
.rightBox .row table .rightRow{text-align:right;}
.rightBox .row table .textOverflow {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}


/* 상단고정 하단세로스크롤 */
.rightBox .scrollYBox {width:100%; position:relative; height:400px;}
.rightBox .scrollYBox .scrollWarp {position:absolute; top:0; left:0; height:43px; background:#fff; width:100%; border-top:0px;}
.rightBox .scrollYBox .toptable1 {position:absolute; top:0; left:0; width:100%; border-collapse:collapse; z-index:999; border-top:0px;}
.rightBox .scrollYBox .tableHeight {border-collapse:collapse;  width:100%; height:41px; float:left; border:1px solid #e6e6e6; border-bottom:none;}
.rightBox .scrollYBox .fixdHead {position:absolute; display:inline-table; width:calc(100% - 18px); left:-1px; border-top:0px;}
.rightBox .scrollYBox .toptable1 th {top:0; left:0; border-collapse:collapse; background:#fff; height:41px; border-top:0px; border:1px solid #e6e6e6; border-top:none;}
.rightBox .scrollYBox .toptable1 th.firstRow {width: 45px;}
.rightBox .scrollYBox .toptable1 th.branchRow {width: 85px;}
.rightBox .scrollYBox .toptable1 th.positionRow {width: 78px;}
.rightBox .scrollYBox .toptable1 th.companyNameRow {width: 230px;}
.rightBox .scrollYBox .toptable1 th.userNameRow {width: 100px;}
.rightBox .scrollYBox .toptable1 th.numberRow {width: 140px;}
.rightBox .scrollYBox .toptable1 th.emailRow {width: 190px;}

.rightBox .scrollYBox .scrollBodyBox {position:absolute; top:41px; left:0; width:100%; height:359px;}
.rightBox .scrollYBox .scrollBody {top:0; left:0; overflow-y:scroll; margin:0 auto; width:100%; height:359px; float:left; border-collapse:collapse; border:1px solid #e6e6e6;}
.rightBox .scrollYBox .scrollBody td.firstRow {width: 44px; border-left: 0;}
.rightBox .scrollYBox .scrollBody td.branchRow {width: 85px;}
.rightBox .scrollYBox .scrollBody td.positionRow {width: 78px;}
.rightBox .scrollYBox .scrollBody td.companyNameRow {width: 230px;}
.rightBox .scrollYBox .scrollBody td.userNameRow {width: 100px;}
.rightBox .scrollYBox .scrollBody td.numberRow {width: 140px;}
.rightBox .scrollYBox .scrollBody td.emailRow {width: 190px;}
.rightBox .scrollYBox .scrollBody td.numberRow1 {width: 142px;}

.rightBox .scrollYBox .checkbox-wrap {display:inline-block; margin-right:5px;}



/* 상단고정 하단가로세로스크롤 */
.rightBox .form-list {}
.rightBox .form-list .guideBox {padding:10px 15px; margin-bottom:15px; border:1px solid #e6e6e6;}
.rightBox .form-list .guideBox p {font-size:15px; font-weight:700;}
.rightBox .form-list .guideBox ul {padding:0; margin:0; list-style:none;}
.rightBox .form-list .guideBox ul li {list-style:inside;}
.rightBox .form-list .number {line-height:30px; margin:0; display:inline-block;}
.rightBox .form-list .listScroll {border:1px solid #e6e6e6; overflow:hidden; width:1330px; min-width:100%; margin-bottom:21px;}
.rightBox .form-list .listScroll .headerScroll {position:relative; overflow:hidden;}
.rightBox .form-list .listScroll .headerScroll .scrollWarp {overflow-x:scroll; overscroll-behavior-x:none;}
.rightBox .form-list .listScroll .headerScroll .scrollWarp table {border:0; table-layout:fixed; width:100%; margin:0 auto; width:100%; font-size:12px; color:#444; border-collapse:collapse;}
.rightBox .form-list .listScroll .headerScroll .scrollWarp table tbody {background-color:#f6f6f6;}
.rightBox .form-list .listScroll .headerScroll .scrollWarp table th {border:1px solid #e6e6e6; background:#fff; border-top:none; font-weight:700; font-size:12px; overflow:hidden; white-space:nowrap; text-align:center; position:relative;}
    
.scroll {display:block; position:absolute; top:0; right:0; border:1px solid #e6e6e6; border-top:none; border-right:none; width:16px; height:100%; background-color:#f6f6f6;}

.rightBox .form-list .listScroll .bodyScroll {min-height:380px;max-height:initial; height:380px; overflow-y:scroll; overflow-x:scroll; margin-right:-1px; position:relative; margin-bottom:-1px;}
.rightBox .form-list .listScroll .bodyScroll .scrollWarp {overflow-x:scroll; overflow:hidden;}
.rightBox .form-list .listScroll .bodyScroll .scrollWarp table {border:0; table-layout:fixed; width:100%; margin:0 auto; width:100%; font-size:12px; color:#444; border-collapse:collapse}
.rightBox .form-list .listScroll .bodyScroll .scrollWarp table tr:nth-of-type(odd) {background-color:#f9f9f9;}
.rightBox .form-list .listScroll .bodyScroll .scrollWarp table tr {background-color:#fff;}
.rightBox .form-list .listScroll .bodyScroll .scrollWarp table td a {color:#5a86dd;}
.rightBox .form-list .listScroll .bodyScroll .scrollWarp table td .break {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}


/* 페이지게이션 */
.pagination{margin:0;}
.pagination>li {width:32px; height:32px;}
.pagination>li.first {padding:0;}
.pagination>li.first>a {width:32px; height:32px; padding:0; color:#999999;}
.pagination>li.first>a:hover, .pagination>li.first>a:focus {background:#999999; color:#fff; border:solid 1px #999999;}
.pagination>li.prev {padding:0;}
.pagination>li.prev>a {width:32px; height:32px; padding:0; color:#999999;}
.pagination>li.prev>a:hover, .pagination>li.prev>a:focus {background:#999999; color:#fff; border:solid 1px #999999;}
.pagination>li.next {padding:0;}
.pagination>li.next>a {width:32px; height:32px; padding:0; color:#999999;}
.pagination>li.next>a:hover, .pagination>li.next>a:focus {background:#999999; color:#fff; border:solid 1px #999999;}
.pagination>li.last {padding:0;}
.pagination>li.last>a {width:32px; height:32px; padding:0; color:#999999;}
.pagination>li.last>a:hover, .pagination>li.last>a:focus {background:#999999; color:#fff; border:solid 1px #999999;}
.pagination>li.disabled>a:hover, .pagination>li.disabled>a:focus {background:#fff; border:solid 1px #e6e6e6; color:#999999;}
.pagination>li>a {padding:6px 12px;}
.pagination>li>a svg {width:14px; height:14px; position:relative; top:8px;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{border-color:#e6e6e6; /* color:#919191; */ padding:0; width:32px; height:32px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color:#005e9c; border-color:#005e9c; color:#fff;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {background:#005e9c; color:#fff; border:solid 1px #005e9c;}
.pagination>li>a, .pagination>li>span {color:#006db5;}


/* 기간 */
.rightBox form .choce-btn {padding-left:10px; float:left;}
.rightBox form .btn-choce {background:none; border-color:#e6e6e6 ;color:#333; height:30px; padding:5px 12px; font-size:13px; font-weight:400; line-height:1.42857143; border-radius:4px;}
.rightBox form .btn-choce:hover, .rightBox form .btn-choce:focus {color:#333; outline:none;}


/* 버튼 */
.rightBox form .btn-box {margin:0 auto 0; float:none; min-width:10px; display:table; padding:20px 0 0;}
.rightBox form .btnCommon {width:100px; margin:0 7px; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:32px; font-size:13px;}

/* 수정 */
.rightBox form .btn-revise {background:#006db5; color:#fff;}
.rightBox form .btn-revise:hover {background:#005e9c;}
/*취소*/
.rightBox form .btn-cancel {background:#e6e6e6; color:#333;}
.rightBox form .btn-cancel:hover {background:#dedede;}
/*등록*/
.rightBox form .btn-register {background:#006db5; color:#fff;}
.rightBox form .btn-register:hover {background:#005e9c;}
/*검색*/
.rightBox form .btn-search {background:#006db5; color:#fff;}
.rightBox form .btn-search:hover {background:#005e9c;}
/*초기화*/
.rightBox form .btn-initialization {background:#e6e6e6; color:#333;}
.rightBox form .btn-initialization:hover {background:#dedede;}
/*삭제*/
.rightBox form .btn-delete {background:#ee5a75; color:#fff;}
.rightBox form .btn-delete:hover {background:#e85872;}
/*메시지 전송*/
.rightBox form .btn-send {background:#006db5; color:#fff;}
.rightBox form .btn-send:hover {background:#005e9c;}


/* 버튼 확인해야함*/
/*미승인*/
.rightBox form .btn-confirmN {background:#ee5a75; color:#fff; outline:none;}
.rightBox form .btn-confirmN:hover {background:#e85872;}
/*승인*/
.rightBox form .btn-confirmY {background:#006db5; color:#fff; outline:none;}
.rightBox form .btn-confirmY:hover {background:#005e9c;}
/*회원찾기*/
.rightBox form .btn-searchUser {background:#006db5; color:#fff;}
.rightBox form .btn-searchUser:hover {background:#005e9c;}
/*출력*/
.rightBox form .btn-box .btn-print {background:#006db5; color:#fff;}
.rightBox form .btn-box .btn-print:hover {background:#005e9c;}
/* 청구 */
.rightBox form .btnlistBox .btn-demand {background:#006db5; color:#fff; float:right;}
.rightBox form .btnlistBox .btn-demand:hover {background:#005e9c;}



/* 파일업로드 */
.fileBox {height:42px;}
.input-file {}
.input-file {display:inline-block;} 
.input-file [type="file"] {position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0 none; } 
.input-file .file-label {width:100px; background:#e6e6e6; color:#333; text-align:center; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:30px; font-size:13px; margin:0; font-weight:normal;}
.input-file .file-label:hover {background:#dedede;} 
.input-file .file-name {width:500px; height:27px; border:1px solid #e6e6e6; padding:.47rem .8rem; background-color:#FFF; border-radius:.267rem; box-shadow:none; height:35px; outline:none;} 
.input-file [type="file"]:focus {border:1px solid #006db5;}


/* joy 리스트 검색결과가 없습니다.*/
.rightBox form table .searchEmpty>td{cursor: default;}
.rightBox form table .searchEmpty>td .noData {height:200px; vertical-align:middle; display:block; text-align:center; padding:70px 0;}
.rightBox form table .searchEmpty>td .noData .noDataTitle {margin:0; font-size:18px; color:#777;}
.rightBox form table .searchEmpty>td .noData .noDataText {margin:0; line-height:14px; color:#999;}
.rightBox form table .searchEmpty>td .noData .noDataText span {color:#006db5;}


/* 탭 */
.listConbox .nav-tabs {width:100%; background:#fff; padding:0; margin:0; list-style:none; display:inline-block; border:none;}
.listConbox .nav-tabs>li {float:left; position:relative; display:block; width:calc(100%/5); height:45px;}
.listConbox .nav-tabs>li>a {font-size:15px; text-align:center; height:45px; line-height:45px; padding:0; margin:0; font-weight:700; border:none; color:#333;}
.listConbox .nav-tabs>li:nth-child(1)>a {border-right:none;}
.listConbox .nav-tabs>li>a:hover {background:#fff; color:#333;}
.listConbox .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:#006db5; box-sizing:border-box;  border-radius:0; margin:0; line-height:45px; padding:0; background:#fff; border:none; border-bottom:solid 2px #006db5;}
.listConbox .nav-tabs>li:nth-child(1)>a, .nav-tabs>li:nth-child(1).active>a:focus, .nav-tabs>li:nth-child(1).active>a:hover {border-right:none;}
.conBox>.tab-pane {display:none; visibility:hidden;}
.conBox>.active {display:block; visibility:visible;}
.conBox>.tab-pane table td {cursor:default;}

.rightBox .row table .leftRow2 {text-align:left; text-indent: 10px;}
.rightBox .row table .userNameRow3 {width:120px;}
.rightBox form .lineHeight30 {line-height: 30px;}
.rightBox form .divContent {line-height: 34px; white-space: pre-line; min-height: 200px;}



/* bradley */
input[type=number]:focus {border:1px solid #006db5;}
.rightBox form .floatLeft {float: left;}

.rightBox form .rightWarp.titleWidth {width: calc(100% - 660px);}
.rightBox form .form-control.width100 {width:100%;}
.rightBox form .form-group.displayFlex {display:flex;}

.rightBox .detailsBox .divisionWrap {display:table; width:100%;}

.rightBox .row table td.cursorDefault {cursor:default;}
.rightBox .row table .width140 {width:140px;}
.rightBox .row table .width130 {width:130px;}
.rightBox .row table .width300 {width:300px;}
.rightBox .row table .width500 {width:500px;}
.rightBox .row table .width80 {width:80px;}

.rightBox form .listNav .number1 {line-height:30px; margin:0; display:inline-block; padding:5px 0; margin-left:15px;}
.rightBox form .listNav .number1 .n-color {color:blue;}

/* 테이블 안에 로그인 버튼 */
.rightBox .row table .btn-login {background:#5a95ee; color:#fff; margin:0; line-height:30px;}
.rightBox .row table .btn-login:hover {background:#548bde;}
.rightBox .fixedScroll table .btn-login {background:#5a95ee; color:#fff; margin:0; line-height:30px;}
.rightBox .fixedScroll table .btn-login:hover {background:#548bde;}

/* 대시보드 */ 
.popbillPoint {display:inline-block;}
.chargePointBtn {}
.printDashBoardBtn {float:right;}
.popbillMessageHistory {margin-left:15px;}
.rightBox.dashboard form .listNav .fontSize20 {font-size:20px;}
.rightBox.dashboard .row table tr th.thColor {background:#4285f4; border:1px solid black; color:#fff; font-size:15px;}
.rightBox.dashboard .row table tr td:first-child {border-left:1px solid black;}
.rightBox.dashboard .row table tr td:last-child {border-right:1px solid black;}
.rightBox.dashboard .row table tr:last-child td {border-bottom:1px solid black;}
.rightBox.dashboard .row table tr:last-child {background:#4285f4; color:#fff;}

.rightBox.dashboard .row table tr td.textLeft {text-align:left; padding-left:10px;}
.rightBox.dashboard .row table tr:last-child td.textLeft {text-align:center;}
.rightBox.dashboard .row table tr td.textRight {text-align:right; padding-right:10px;}

/* 수정 후 메시지 전송 */
.rightBox form .btn-reviseSend {background:#006db5; color:#fff; width:150px;}
.rightBox form .btn-reviseSend:hover {background:#005e9c;}

/* 로그인 */
.rightBox .row table .width120 {width:120px;}


/* 회비 선택 업체 목록 */
.checkListBox {min-height:70px;}
.checkListBox p.checkList {width:1500px; margin:0;}
.checkListBox p.checkList span {display:inline-block; width:150px; padding-bottom:5px;}
/* 회비 선택 업체 목록 초기화 버튼 */
.rightBox form .btnlistBox .btn-initialization1 {background:#006db5; color:#fff; float:right; margin-right:0; width:150px;}
.rightBox form .btnlistBox .btn-initialization1:hover {background:#005e9c;}

/* 라벨지 출력 width */
.rightBox form .btnlistBox .btnWidth110 {width:110px;}


/*회원정보 상세*/
.passwordNullCase {color:red; line-height:40px; margin-left:10px;}

/*전화번호 select, input*/
select.form-control.phoneNumber1 {width:65px; float:left;}
input.form-control.phoneNumber2 {width:218px; margin-left:70px;}
input.form-control.phoneNumber2::placeholder {font-size:11px;}


/****** 캘린더 시작 ******/
/* 캘린더 div */
.rightBox form .calendarBox{padding:5px 0;}

/* 토요일 글자(요일,날짜) 색상 */
.rightBox form .calendarBox .fc-day-sat.fc-day-past div>a { color:#006db5; }
.rightBox form .calendarBox .fc-day.fc-day-sat div>a { color:#006db5; }
/* 일요일 글자(요일,날짜) 색상 */
.rightBox form .calendarBox .fc-day-sun.fc-day-past div>a { color:#fc5083; }
.rightBox form .calendarBox .fc-day.fc-day-sun div>a { color:#fc5083; }

/* 평일 글자(요일,날짜) 색상 */
.rightBox form .calendarBox .fc-daygrid-day-number { color:#333; }
.rightBox form .calendarBox .fc-day div>a{ color:#333; }

/* 캘린더 안 등록 버튼 */
.rightBox form .calendarBox .fc-insertButton-button{background-color:#63b3a6;color:#fff;border:0;line-height:23px;}

/* 캘린더 안 다음달 버튼 */
.rightBox form .calendarBox .fc-next-button{margin:0;}

/* 캘린더 안 제목(년월) */
.rightBox form .calendarBox .fc-toolbar-title{display:inline-block;vertical-align:middle;margin:0 30px; font-family:inherit;} /* bradley 수정 */


/* 캘린더 안 이벤트 백그라운드 기본값 */
.rightBox form .calendarBox .fc-h-event{background:none;border:0;}

/* 일정 커서 */
.rightBox form .calendarBox .fc-event-main-frame{cursor: pointer;}

.rightBox form .calendarBox .fc-day div>a {text-decoration: none;}
.rightBox form .calendarBox .fc-day div>a:focus, .rightBox form .calendarBox .fc-day div>a:hover {text-decoration: underline;}
/****** 캘린더 종료 ******/




/* 왼쪽고정,해더고정 스크롤 */
.rightBox .fixedScroll {overflow:hidden; width:1330px; min-width:100%; margin-bottom:21px;}
.rightBox .fixedScroll .grid-layout {margin:0 auto; width:100%; background:#fff; font-size:12px; color:#444; border:solid 1px #dddfe4; border-top:none; position:relative; box-sizing:border-box;}
/*툴팁레이어가 grid-layout 위에 있을 경우 overflow:hidden 제거 필요 */

/* 스크롤바 스타일 관련 */
.rightBox .fixedScroll .grid-layout {scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff; scrollbar-arrow-color:#8a8a8a; scrollbar-face-color:#d9d9d9; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff;}
.rightBox .fixedScroll .grid-layout ::-webkit-scrollbar {-webkit-appearance:none; width:17px; height:17px; background-color:#fff;}
.rightBox .fixedScroll .grid-layout ::-webkit-scrollbar-thumb {background-color:#d9d9d9; border:5px solid transparent; border-radius:16px; background-clip:content-box;}
.rightBox .fixedScroll .grid-layout ::-webkit-scrollbar-thumb:hover {background-color:#c1c1c1;}
.rightBox .fixedScroll .grid-layout ::-webkit-scrollbar-corner {background-color:#f2f2f2;}

/* 헤더 영역 */
.rightBox .fixedScroll .grid-layout .header {position:relative; overflow:hidden; border-top:1px solid #e6e6e6;}
.rightBox .fixedScroll .grid-layout .header .headerBox {overflow:hidden; left:-1px; overflow-y:scroll; height:35px;}
.rightBox .fixedScroll .grid-layout .header .base {overflow-x:hidden; margin-right:-1px;}
.rightBox .fixedScroll .grid-layout .header .config-button {display:none;}
.rightBox .fixedScroll .grid-layout .header tbody {background-color:#f6f6f6;}
.rightBox .fixedScroll .grid-layout #headerBox::-webkit-scrollbar-thumb {background-color:#f6f6f6;}
.rightBox .fixedScroll .grid-layout #headerBox::-webkit-scrollbar-track {background-color:#f6f6f6; border-bottom:1px solid #e6e6e6;}

/* 바디 영역 */
.rightBox .fixedScroll .grid-layout .body {position:relative; overflow:hidden; margin-bottom:-1px;}
.rightBox .fixedScroll .grid-layout .body .height-bar {display:none;}
.rightBox .fixedScroll .grid-layout .body .base {margin-right:-1px;}
.rightBox .fixedScroll .grid-layout .body .bodyBox {top:-1px; left:-1px; overflow:hidden;}
.rightBox .fixedScroll .grid-layout .vertical-scrollbar-line {display:none;}
.rightBox .fixedScroll .grid-layout .horizontal-scrollbar-line {display:none; position:absolute; width:100%; height:1px; left:0px; background-color:#dddfe4;}
.rightBox .fixedScroll .grid-layout .container {position:relative;}
.rightBox .fixedScroll .grid-layout .left {display:none; position:absolute; top:0;}
.rightBox .fixedScroll .grid-layout .right {display:none; position:absolute; top:0; right:-1px;}
.rightBox .fixedScroll .grid-layout .clipboard {position:absolute; left:-999px; width:1px; height:1px; bottom:0;}

/* 그리드 전체 비활성화 */
.rightBox .fixedScroll .grid-layout .blocker-layer {display:none; position:absolute; background:rgba(0, 0, 0, 0.05); width:100%; height:100%; top:0;}
.rightBox .fixedScroll .grid-layout.disabled, .fixedScroll .rightBox .fixedScroll .grid-layout.disabled th, .fixedScroll .grid-layout.disabled .content-holder {color:#e0e0e0 !important;}
.rightBox .fixedScroll .grid-layout.disabled .blocker-layer {display:block;}

/* 수평 스크롤 가능 영역 */
.rightBox .fixedScroll .grid-layout .horizontal-scrollable {overscroll-behavior-x:none;}

/* 수직 스크롤바를 사용하지 않는 경우 */
.rightBox .fixedScroll .grid-layout .virtual-horizontal-scrollbar {display:none;}
.rightBox .fixedScroll .grid-layout .virtual-horizontal-scrollbar .space {display:none;}

/* 수직 스크롤바를 사용하는 경우 */
.rightBox .fixedScroll .grid-layout.vertical-scrollbar .header .config-button {display:block; position:absolute; border:solid 1px #dddfe4; top:0; right:-1px; width:18px; background-color:#f6f6f6;}
.rightBox .fixedScroll .grid-layout.vertical-scrollbar .body {overflow-y:scroll; margin-right:-1px; min-height:255px; max-height:initial; height:601px;}
.rightBox .fixedScroll .grid-layout.vertical-scrollbar .body .height-bar {display:block; position:absolute; width:1px; top:0; left:0; background:transparent;}
.rightBox .fixedScroll .grid-layout.vertical-scrollbar .virtual-horizontal-scrollbar {margin-right:16px;}
.rightBox .fixedScroll .grid-layout.vertical-scrollbar .vertical-scrollbar-line {display:block; position:absolute; width:1px; height:100%; top:0; right:16px; background-color:#dddfe4;}
.rightBox .fixedScroll .grid-layout.vertical-scrollbar .vertical-scrollbar-line:after {position:absolute; right:-17px; top:0; width:1px; height:100%; background-color:#dddfe4; content:'';}

/* grid-layout overflow:hidden 제거시 필요 */
.rightBox .fixedScroll .grid-layout.vertical-scrollbar .header .container {margin-right:16px;}
.rightBox .fixedScroll .grid-layout.vertical-scrollbar .horizontal-scrollbar-line {bottom:-1px;}

/* 수평 스크롤바를 사용하는 경우 */
.rightBox .fixedScroll .grid-layout.horizontal-scrollbar .container {overflow:hidden;}
.rightBox .fixedScroll .grid-layout.horizontal-scrollbar .body .base {overflow-x:hidden;}
.rightBox .fixedScroll .grid-layout.horizontal-scrollbar .virtual-horizontal-scrollbar {display:block; overflow-y:hidden; overflow-x:scroll; height:17px;}
.rightBox .fixedScroll .grid-layout.horizontal-scrollbar .virtual-horizontal-scrollbar .width-bar {height:1px;}
.rightBox .fixedScroll .grid-layout.horizontal-scrollbar .horizontal-scrollbar-line {bottom:16px;}

/* 데이터 테이블 관련 */
.rightBox .fixedScroll .grid-layout table {border:0; table-layout:fixed; border-collapse:collapse; border-spacing:1px; width:100%; height:35px;}
.rightBox .fixedScroll .grid-layout table.titleTable {position:relative; right:0;}
.rightBox .fixedScroll .grid-layout table col {background-color:#fff;}
.rightBox .fixedScroll .grid-layout table th {font-weight:normal; font-size:12px; overflow:hidden; white-space:nowrap; text-align:center; position:relative; border:1px solid #e6e6e6; border-left:none; border-top:none;}
.rightBox .fixedScroll .grid-layout table tr {height:35px;} /* bradley 수정 */
.rightBox .fixedScroll .grid-layout table tr.hover {background-color:#fff;}
.rightBox .fixedScroll .grid-layout table tr.checked {background-color:#fff;}
.rightBox .fixedScroll .grid-layout table tr.focused {background-color:#fff;}
.rightBox .fixedScroll .grid-layout table tr.disabled, .fixedScroll .grid-layout table tr.disabled-row {color:#b0b0b0;}
.rightBox .fixedScroll .grid-layout table td {overflow:hidden; font-size:12px; border:1px solid #e6e6e6; border-top:none; border-left:none; background:#fff; line-height:17px; text-align:center; cursor:pointer;} /* bradley 수정 */
.rightBox .fixedScroll .grid-layout table td.leftRow{text-align:left; padding-left:10px;} /* bradley 추가 */
.rightBox .fixedScroll .grid-layout table td.textOverflow {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} /* bradley 추가 */
.rightBox .fixedScroll .grid-layout table td div.productNameType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.rightBox .fixedScroll .grid-layout table td div.productOptionType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.rightBox .fixedScroll .grid-layout table td div.couponNameType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.rightBox .fixedScroll .grid-layout table td div.contentType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.rightBox .fixedScroll .grid-layout table td div.leftAlign {text-align:left;}
.rightBox .fixedScroll .grid-layout table td div.rightAlign {text-align:right;}
.rightBox .fixedScroll .grid-layout .body.variable-row-height table td .content-holder {white-space:normal; white-space:initial;}
.rightBox .fixedScroll .grid-layout table td.no-padding {padding:0px !important;}
.rightBox .fixedScroll .grid-layout table td.multi-line .content-holder {white-space:normal !important;}
.rightBox .fixedScroll .grid-layout table td.ellipsis .content-holder {text-overflow:ellipsis; overflow:hidden;}
.rightBox .fixedScroll .grid-layout table td.focused {border:solid 1px #5a86dd; padding:7px 11px;}
.rightBox .fixedScroll .grid-layout table td a {color:#5a86dd;}
.rightBox .fixedScroll .grid-layout table td img {vertical-align:middle; margin:-1px;}

/* 체크 박스 관련 스타일 */
.rightBox .fixedScroll .grid-layout .checkbox label:after, .rightBox .fixedScroll .grid-layout .checkbox label:before {height:18px; width:18px; top:4px; left:7px; position:absolute;}
.rightBox .fixedScroll .grid-layout .checkbox label:after {content:''; border:1px solid #e6e6e6; border-radius:4px; -webkit-transition:.1s ease-in-out; transition:.1s ease-in-out;}
.rightBox .fixedScroll .grid-layout .checkbox label:before {content:''; border-radius:4px;}
.rightBox .fixedScroll .grid-layout .checkbox input:checked~label:before {background-color:#FFF; border:1px solid #e6e6e6;}
.rightBox .fixedScroll .grid-layout .checkbox input:checked~label:after {border-top-style:none; border-right-style:none; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); height:.6rem; width:1rem; border-color:#5a95ee; border-radius:0; border-width:2px; top:10px; left:12px;}   

.rightBox .fixedScroll .cui-grid-textbox {display:inline-block; width:100%; box-sizing:border-box;}

/* 데이터 없을 때 */
.rightBox .fixedScroll .grid-layout .empty-layer {display:none; width:100%; height:100%; position:absolute; top:0; background:#fff;}
.rightBox .fixedScroll .grid-layout .empty-layer .content {display:table-cell; font-size:14px; height:100%; text-align:center; padding-top:100px; overflow-x:hidden; overscroll-behavior-x:none;}

/* 열고정 라인 그라데이션 스타일 */
.rightBox .fixedScroll .grid-layout .line-gradient:after {position:absolute; top:0; bottom:0; width:6px; height:100%; content:'';}

/* 툴팁 레이어 */
.rightBox .fixedScroll .grid-layout .tooltip-layer {display:none; position:absolute; margin-bottom:6px; border-radius:2px; background-color:#5885de; white-space:nowrap;}
.rightBox .fixedScroll .grid-layout .tooltip-layer .desc-tooltip {margin:0; padding:9px 13px 8px; font-size:12px; line-height:15px; color:#fff;  letter-spacing:-0.05em;}
.rightBox .fixedScroll .grid-layout .tooltip-layer:after {position:absolute; left:50%; bottom:-5px; width:16px; height:9px; margin-left:-8px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1My4yICg3MjY0MykgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+VHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNOC43NDc0MDkzMiwwLjg0MDgzNTQ4NCBMMTYsOSBMMCw5IEw3LjI1MjU5MDY4LDAuODQwODM1NDg0IEM3LjYxOTUwODcsMC40MjgwNTI3MTUgOC4yNTE1ODEwNywwLjM5MDg3MTk4NyA4LjY2NDM2Mzg0LDAuNzU3NzkwMDA0IEM4LjY5MzY0ODcsMC43ODM4MjA5ODkgOC43MjEzNzgzMywwLjgxMTU1MDYyNSA4Ljc0NzQwOTMyLDAuODQwODM1NDg0IFoiIGlkPSJUcmlhbmdsZSIgZmlsbD0iIzU4ODVERSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4wMDAwMDAsIDQuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC04LjAwMDAwMCwgLTQuNTAwMDAwKSAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0; content:'';}
.rightBox .fixedScroll .grid-layout .tooltip-layer.left-type:after {left:1px; margin:0;}
.rightBox .fixedScroll .grid-layout .tooltip-layer.right-type:after {left:auto; right:1px; margin:0;}

/* 세션 */
#sessionBox {position: absolute; bottom: 70px; text-align: center; width: 100%;}
#sessionBox p#sessionTime {color: #fff; font-size: 30px; margin-bottom: 20px;}
#sessionBox a#btnSessionRefresh {font-size: 20px; color: #fff; line-height: 20px; text-align: center; padding: 6px 10px; background: #5a95ee; font-weight: 700; border-radius: .267rem;}


/* 메시지 전송결과 상세화면 */
.widthMinus200 {width:calc(100% - 200px);}

/*ag-grid header text-align center*/
.ag-header-group-cell-label{justify-content: center;}
.ag-header-cell-label {justify-content: center;}


/* lottie 추가 */
#content_box .note-frame { width:100%!important; }
#content_box .note-editable { height:203px!important; }
.form-control-static { min-height:auto; padding:0; }

/* 결의 결과(approvalResult) 페이지 전용 CSS */
.content-tab .listConbox .nav-tabs>li {
	width: calc(100% / 5) !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.content-tab .listConbox .nav-tabs>li>a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px !important;
	padding: 0 5px !important;
}

.content-tab .conBox {
	width: 100%;
	display: table;
	border-top: 1px solid #a2a2a2;
}

.content-tab .conBox > .tab-pane {
	min-height: 300px;
	background: #fff;
	padding: 15px;
}

.content-tab .conBox > .tab-pane.active {
	display: block;
	visibility: visible;
}

.content-tab .conBox > .tab-pane table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

/* Summernote 반응형 너비 */
#content_box .summernote {
	width: 100% !important;
	max-width: 100% !important;
}







/*반응형 View*/
@media only screen and (max-width:1220px) {
}

@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:768px) {	
}

@media only screen and (max-width:596px) {
}

@media only screen and (max-width:540px) {
}

@media only screen and (max-width:375px) {
}

@media only screen and (max-width:360px) {
}

@media only screen and (max-width:320px) {
}